/* reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }


html, body {
        background: #6d2b0d repeat-x  top;
        /*background: #6d2b0d url("wood-bg.jpg") repeat-x  top;*/
        font-size:13px;
        font-family:Arial, Helvetica, sans-serif;
        height:100%;
}

a, a:visited {
        text-decoration: none;
        color:#8f2901;
}

a:hover, a:active {
        color:#8f2901;
        text-decoration: underline;
}

div#container {
        width: 980px;
        margin: 0px auto;
        background: #ffffff;
        position: relative;
        overflow: hidden;
}

	div#header { 
	        height: 194px;
	        width: 960px; 
	        padding: 10px 10px 0px 10px;
	        clear:both; 
	}
	
	div#menu {
	        background: url("menu-bg.jpg") repeat-x  top;
	        height: 40px;
	        width: 960px;
	        padding: 16px 0 0 0;
	        margin: 0px 10px 0px 10px; 
	        clear: both;
	}
	
	div#content {
	        width: 960px;
	        margin:10px 0 0 10px;
	        background-color:#FFFFFF;
	}

		div.page-content li.newsitem {
			margin-bottom: 20px;
		}
              
		div.page-content li.newsitem p {
			color: #cd771e;
		}

		div#news li.newsitem a, div#news li.newsitem a:visited, div.page-content li.newsitem a {
			color:#8f2901;
		}

                div#news li.newsitem a:hover {
                        text-decoration:underline;
                }

		div.page-content li.newsitem a:hover, div.block li.newsitem a:active {
			text-decoration: underline;
		}

                li.newsitem p{
                        color: #cd771e;
                }

                li.newsitem h2{
                        margin-bottom:4px;
                }

		div#submenu {
		        width:200px;
		        float:left;
		}

			div#submenu h2, div#submenu h2 * {
			        color:#ff5e00;
			}

			a#direct, a#direct:visited {
			        display: block;
			        float: left;
			        height: 23px;
			        width: 175px;
			        padding: 7px 0 0 25px;
			        background: transparent url('/skin/direct-arrow.jpg') no-repeat top left;
			        color: #ffffff;
			        font-weight: bold;
                                text-decoration:none;
			}
						
			a#direct:hover, a#direct:active {
			        background-image: url('/skin/direct-arrow-hov.jpg');
			}
							
			div#submenu-nav {
			        width:185px;
			        float:left;
			        background:#8f2901;
			        margin:10px 0 30px 0;
			        padding:20px 0px 26px 15px;
			        position: relative;
			}
			
				div#submenu-nav li{
				        display:block;
				        width:170px;
				        list-style:none;
				}

			div#news {
				float: left;
				height: 100px;
				width: 190px;
				overflow: hidden;
				position: relative;
                                margin:0 0 30px 10px;
			}

				div#news h2 {
					font-size: 14px;
				}

				div#news li {
					display: block;
					height: 100px;
				}

		div#page {
		        width:720px;
		        float:right;
		        margin-left:0px;
                        margin-bottom: 20px;
		        position: relative;
		}

			div.page-content, div.page-orderform {
			        width: 700px;
			        float: left;
			        padding: 10px 30px 0 0;
			        color: #cd771e;
			        line-height: 20px;
			}

			div.page-content p{
                                margin-bottom:10px;
			}

			div#page h2{
                                height: 23px;
			        font-size:20px;
			        font-weight:bold;
			        color:#ff5e00;
			        padding-top:0px;
                                margin-bottom: 10px;
                                margin-top: 4px;
                                float:left;
			}
			
			div#search {
			        width:194px;
			        height:25px;
			        background:#8f2901;
			        padding:5px 0px 0px 6px;
			        position: absolute;
                                top: 0;
                                right: 0;
			}

			div#search input{
			        width:138px;
			        height:14px;
			        border:1px solid #fff;
			        color:#ff5e00;
			        padding:1px 0px 1px 2px;
			}

			div#search input.send {
			        width: 20px;
			        height: 20px;
			        background: #8f2901;
			        border: none;
			        background-image: url(search-button.jpg);
			        background-position: bottom;
			        background-repeat: no-repeat;
			        margin: 0px 0px 0px 6px;
			        cursor: pointer;
			}

			div.page-contact {
			        width: 700px;
			        float: left;
			        padding: 10px 30px 0 0;
			        margin-bottom:30px;
			        color: #cd771e;
			        line-height: 20px;
		        }
		 	
			div.page-contact div.page-contact-msg{
			        float:left;
			        clear:both;
			        width:700px;
			        margin:0 0 40px 0;
			}

				div.page-contact div{
				        width: 506px;
				        margin:0 0 6px 20px;
				        float:left;
				}
						
					div.page-contact label{
					        width: 160px;
					        float: left;
					}	
					
					div.page-contact input{
					        width: 338px;
					        float: right;
					        border:1px solid #cd771e;
					        color:#8f2901;
					        padding-left:2px;
					}				
		
					div.page-contact select{
					        width: 342px;
					        float: right;
					        border:1px solid #cd771e;
					        color:#8f2901;
					        padding-left:2px;
					        background-color:#FFFFFF;
					}
								
					div.page-contact textarea{
					        width: 338px;
					        height: 160px;
					        float: right;
					        border:1px solid #cd771e;
					        color:#8f2901;
					        padding-left:2px;
					}				
					
					input.sendbutton{
					        background-color:#cd771e;
					        height:20px;
					        border:0 none;
					        color:#FFf;
					        cursor:pointer;
					        width:90px;
					        padding:0px 0px 4px 0;
					}
					
					div.page-contact input.sendbutton{
					        background-color:#cd771e;
					        height:20px;
					        border:0 none;
					        color:#FFf;
					        cursor:pointer;
					        width:90px;
					        padding:0px 0px 4px 0;
                                         }

                                        div.search-result{
                                                margin-bottom:10px;
                                                padding-top:5px;
                                                color: #cd771e;
                                        }
			
                                        div.search-result a, div.search-result a:visited{
                                                color:#8f2901;
                                                text-decoration:none;
                                        }

                                        div.search-result a:hover{
                                                color:#8f2901;
                                                text-decoration:underline;
                                        }

		div.page-newsletter {
                         width: 700px;
			 float: left;
			 padding: 10px 30px 0 0;
			 color: #cd771e;
			 line-height: 20px;
		}

		    div.page-newsletter div{
                             width: 700px;
			     float: left;
			     padding: 10px 30px 0 0;
			     color: #cd771e;
                             margin-bottom:30px;
		    }

		       div.page-newsletter div label{
                                width: 730px;
                                height:20px;
			        float: left;
                                margin-bottom:10px;
                                font-size:13px;
                                font-weight:normal;
		       }

                           div.page-newsletter div input{
				    width: 300px;
			            float: left;
				    border:1px solid #cd771e;
				    color:#8f2901;
				    padding-left:2px;
                           }

                              div.page-newsletter div input.newslet-button{
				       background-color:#cd771e;
				       height:20px;
				       border:0 none;
				       color:#FFf;
				       cursor:pointer;
				       width:90px;
				       padding:0px 0px 2px 0;
                                       margin-left:10px;
                           }


/* style for the order form */
    
  table#order-form{
	  width:720px;
	  margin:50px 0 40px 0;
	  padding:0px;
  }
  
	  tr.form-title-row{
		  height:40px;
		  color:#946d39;
	  }
	  
	  td.form-title-1{
		  width:410px;
		  padding-left:10px;
		  font-size:16px;
		  font-weight:bold;
		  background-color:#ffe5c4;
		  border-bottom:2px solid #fff;
	  }
  
	  td.form-title-2{
		  width:110px;
		  background-color:#ffffb1;
		  padding:5px 0 0 20px;
		  font-size:11px;
		  border-bottom:2px solid #fff;
	  }	
	  
	  td.form-title-3{
		  width:110px;
		  background-color:#ffff88;
		  padding:5px 0 0 20px;
		  font-size:11px;
		  border-bottom:2px solid #fff;
	  }
  
		  td.form-title-2 h3, td.form-title-3 h3{
			  font-size:13px;
			  line-height:10px;
		  }
	  
	  td.form-label{
		  width:410px;
		  padding-left:10px;
		  height:30px;
		  border-bottom:1px dotted #ffe5c4;
		  color:#ff5e00;
	  }
	  
		  td.form-label img, td.form-label-big img {
			  border:none!important;
		  }
	  
	  td.form-label-big{
		  width:540px;
		  padding-left:10px;
		  height:30px;
		  border-bottom:1px dotted #ffe5c4;
		  color:#ff5e00;
	  }	
  
		  td.form-label h3, td.form-label-big h3{
			  font-size:13px;
			  line-height:20px;
			  font-weight:bold;
			  float:left;
			  padding-right:6px;
			  color:#946d39;
		  }
	  
	  td.form-txt-1{
		  width:56px;
		  text-align:right;
		  background-color:#ffffb1;
		  color:#946d39;
	  }
  
	  td.form-input-1{
		  width:74px;
		  background-color:#ffffb1;
	  }
	  
	  td.form-txt-2{
		  width:56px;
		  text-align:right;
		  background-color:#ffff88;
		  color:#946d39;
	  }	
	  
	  td.form-input-2{
		  width:74px;
		  background-color:#ffff88;
	  }
  
	  td.form-txt-3{
	          width:56px;
	          text-align:right;
	          background-color:#f1db82;
	          color:#946d39;
	  }
	  
	  td.form-input-3{
	          width:74px;
	          background-color:#f1db82;
	  }
				  
	  td.form-txt-4{
	          width:56px;
	          text-align:right;
	          background-color:#ffd39a;
                  color:#946d39;
	  }
	  
	  td.form-input-4{
	          width:74px;
	          background-color:#ffd39a;
	  }
		  
	  td.form-txt-blank{
	          width:56px;
	  }
	  
	  td.form-input-blank{
                  width:74px;
	  }
  
		  td.form-input-1 input, td.form-input-2 input, td.form-input-3 input, td.form-input-4 input {
		          width:38px;
		          border-top:1px solid #fff;
		          border-left:1px solid #fff;
		          border-right:1px solid #fff;
		          border-bottom:1px dotted #666666;
		          margin-left:10px;
		          padding-left:2px;
		  }
  
		  td.form-input-2 input{
		          width:38px;
		          padding-left:2px;
		  }
		  
	  td.form-blank-row{
	          height:30px;
	  }

   
		table#customer-form {
		        width:720px;
		        height:90px;
		        background-color:#FFFF99;
                        padding-top:10px;
		}
		div#customer-form {
		        width:700px;
                        padding:10px;
		        background-color:#FFFF99;
                        position: relative;
		}
			div#customer-form input.txt, div#customer-form select {
			        width:218px;
			        border:1px solid #fff;
			        border-bottom:1px dotted #666666;
			        padding-left:2px;
			}
			div#customer-form label {
			        display: inline-block;
			        height:30px;
			        width:170px;
			        padding-left:10px;
			        line-height: 30px;
			}
			div#customer-form div#datetime {
			        position: absolute;
			        top: 70px;
			        right: 10px;
			}
			div#customer-form div#datetime input {
			        width:108px;
			        border:1px solid #fff;
			        border-bottom:1px dotted #666666;
			        padding-left:2px;
			}
			div#customer-form div#datetime label {
			        display: inline-block;
			        height:30px;
			        width:100px;
			        padding-left:50px;
			        line-height: 30px;
			}
			
			td.customer-label-1{
			        width:170px;
			        height:30px;
			        padding-left:10px;
			}

			td.customer-input-1{
			        width:220px;
			        height:30px;
			}
			
			td.customer-input-1 input{
			        width:218px;
			        border-top:1px solid #fff;
			        border-left:1px solid #fff;
			        border-right:1px solid #fff;
			        border-bottom:1px dotted #666666;
			        padding-left:2px;
			}
			
			td.customer-label-2{
			        width:100px;
			        height:30px;
			        padding-left:50px;
			}

			td.customer-input-2{
			        width:170px;
			        height:30px;
			}
		
		        td.customer-input-2 .total-amount{
			        width:50px;
			        color:#ff0000;
			}

				td.customer-input-2 input{
				        width:108px;
				        border-top:1px solid #fff;
			                border-left:1px solid #fff;
				        border-right:1px solid #fff;
				        border-bottom:1px dotted #666666;
				        padding-left:2px;
				}
		
				td.customer-input-2 .date-input{
				        width:70px;
				        border-top:1px solid #fff;
				        border-left:1px solid #fff;
				        border-right:1px solid #fff;
				        border-bottom:1px dotted #666666;
				        padding-left:2px;
				}

				td.customer-input-1 .pcode-input{
				        width:48px;
				        border-top:1px solid #fff;
				        border-left:1px solid #fff;
				        border-right:1px solid #fff;
				        border-bottom:1px dotted #666666;
				        padding-left:2px;
				}

				td.customer-input-1 .city-input{
				        width:152px;
				        border-top:1px solid #fff;
				        border-left:1px solid #fff;
				        border-right:1px solid #fff;
				        border-bottom:1px dotted #666666;
				        padding-left:2px;
				        margin-left:6px;
				}
			  
				td.customer-input-2 select{
				        width:70px;
				        border:none;
				}
		
			td.submit{
			        text-align:right;
			        padding:10px 60px 20px 0;
			}	
		
			input.submit-button{
			        color:#FFFFFF;
			        background-color:#00CC99;
			}
			
				input.sendbutton{
				        background-color:#cd771e;
				        height:20px;
				        border:0 none;
				        color:#FFF;
				        cursor:pointer;
				        width:90px;
				        padding:0px 0px 4px 0;
				}		

	div#footer {
	        height: 100px;
	        clear: both;
	        background: #f1cfa2;
	        margin: 20px 0 10px;
	}	

		div#footer-left {
		        width: 180px;
		        height: 60px;
		        float:left;
		        font-size:16px;
		        font-weight:bold;
		        color:#ff5e00;
		        padding:40px 0px 0px 20px;
		}

		div#footer-right {
		        width:720px;
	                height: 57px;
		        float: right;
		        margin-left: 40px;
		        font-size: 14px;
		        color: #ff5e00;
		        padding: 43px 0px 0px 0px;
		}

			div#footer-right li{
			        display: inline;
			        list-style: none;
			        margin: 0px 40px 0px 0px;
			}	

			div#footer-right li a{
			        color: #ff5e00;
			}

			div#footer-right li a:hover{
			        color: #ff5e00;
			        text-decoration:underline;
			}

/* Copyright and credits footer	 */	
	
div#cp-footer {
        width: 980px;
        height: 20px;
        margin: 4px auto;
        position: relative;
        text-align: center;
        color: #ae6442;
        font-size: 12px;
}	
			
	div#cp-footer a{
	        color: #ae6442;
	}	
	
	div#cp-footer a:hover{
	        color: #fff;
	        text-decoration: underline;
	}		
											
/*		                                   */
/* Back to the sixties for some nice lava effects. */
/* Do not touch, because this thing is really hot! */
/*		                                   */

/* Lava main menu */

        #lavaLamp {
            position: relative;
            height: 40px;
            width: 928px;
	    overflow:hidden;
            padding-left:16px;
	    padding-right:16px;
        }

                #lavaLamp li {
                    float: left;
                    list-style: none;
                }

                    #lavaLamp li.background {
                        background: url("lava.gif") no-repeat right -30px;
                        width: 9px; 
                        height: 30px;
                        z-index: 8;
                        position: absolute;
                    }

                        #lavaLamp li.background .left {
                            background: url("lava.gif") no-repeat top left;
                            height: 30px;
                            margin-right: 9px; /* 7px is the width of the rounded shape */
                        }

                    #lavaLamp li a {
                        font: bold 12px arial;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 0px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 23px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 0px;
                        padding:7px 10px 0 10px;
                    }

                        #lavaLamp li a:hover, #lavaLamp li a:active, #lavaLamp li a:visited {
                            border: none;
                        }


/* Lava submenu */


			#lavaLamp-sub li {
				float: left;
				list-style: none;
                                border-bottom:1px solid #FFFFFF;    
			}

				#lavaLamp-sub li.background{
					display:block;
					width:170px;
					background-color:#ff5e00;
					z-index: 8;
					position: absolute;
                                        border:none;
				}

				#lavaLamp-sub li a {
					font: 13px arial;
					text-decoration: none;
					color: #fff;
					outline: none;
					text-align: left;
					top: 0px;
					letter-spacing: 0;
					z-index: 11;
					display: block;
					float: left;
					padding:9px 6px 8px 10px;
					position: relative;
					overflow: hidden;
					margin: auto 0px; 
					width: 154px; 
                                        font-weight: bold; 
				}
                                
					#lavaLamp-sub li a:hover, #lavaLamp-sub li a:active, #lavaLamp-sub li a:visited {
					         border: none;
					         font-weight:bold;
					}

/*                             */
/* This is the validation part */
/*                             */

.LV_validation_message{
    font-weight:bold;
    margin:0px 0 0 0px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
select.LV_invalid_field:active,
select.LV_invalid_field:hover  {
border:1px solid #ff0000;
background:#ffbfbf; 
background: url("/skin/error.jpg") repeat;  
}

/* calendar styling */

.hidden {
    opacity: 0;
    position: absolute;
}
.visible {
    opacity: 1;
}


input.calendar,
select.calendar {
    width:80px;
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom:1px dotted #666666;
    position:absolute;
}

button.calendar {
    margin: 0;
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
}

button.calendar:hover,
button.calendar.active {
    background-position: 0 20px;
}

div.calendar {
    background: url(calendar.png);
    height: 195px;
    padding: 0 6px;
    text-align: center;
    width: 147px;
}	

	div.calendar * {
	    margin: 0;
	    padding: 0;
	}
	
	div.calendar div {
	    background: none !important;
	    cursor: move;
	    height: 185px;
	    overflow: hidden;
	    padding-top: 10px;
	    position: relative;
	    width: 147px;
	}	
	
	div.calendar caption {
	    color: #333;
	    font: normal 12px/16px Arial, Helvetica, sans-serif;
	    padding-top: 6px;
	    text-align: center;
	    width: 100%;
	}

	div.calendar caption a {
	    cursor: pointer;
	    display: block;
	    height: 12px;
	    overflow: hidden;
	    position: absolute;
	    text-indent: -100px;
	    top: 17px;
	    width: 11px;
	}

	div.calendar caption a.prev {
	    background-image: url(calendar-prev.gif);
	    left: 0;
	}

	div.calendar caption a.next {
	    background-image: url(calendar-next.gif);
	    right: 0;
	}

	div.calendar caption a:hover {
	    background-position: 0 12px;
	}

	div.calendar caption span {
	     height: 25px;
	     position: relative;
	     text-align: center;
	}

	div.calendar caption span.month {
	     padding-right: 8px;
	}  

	div.calendar caption span.month:after {
	     content: ',';
	}

	div.calendar table {
	     background: #FFF;
	     border: 0;
	     border-collapse: collapse;
	     border-spacing: 0;
	     cursor: default;
	     margin: 0 auto;
	     overflow: hidden;
	     width: 147px;
	}

	div.calendar td,
	div.calendar th {
	    border: 0;
	    color: #cd771e;
	    font: normal 12px Arial, Helvetica, sans-serif;
	    height: 21px;
	    text-align: center;
	    width: 21px;
	}

	div.calendar td {
	    background: url(calendar-td.gif);
	    color: #FFF;
	    font-size: 11px;
	}

	div.calendar td.invalid {
	    color: #999;
	}
	div.calendar td.valid {
	    background: url(calendar-valid.gif);
	    color: #8c4903;
	    cursor: pointer;
	}

	div.calendar td.hilite {
	    background: url(calendar-hilite.gif);
	}

	div.calendar td.inactive {
	    background: url(calendar-td.gif) 0 100%;
	    color: #FFF;
	}

	div.calendar td.active,
	div.calendar td.hover {
	    background: url(calendar-valid.gif) 0 100%;
	    color: #FFF;
	    cursor: pointer;
	}