﻿body 
{    
    background-repeat: repeat-y;
    font-family: arial;
	font-size: 11px;
}

.body_main
{
    background-image: url(images/travius/tra_tausta_viivat_harmaa.jpg);
    background-repeat: repeat-y;
    font-family: arial;
	font-size: 11px;
}

.body_top
{
    -webkit-text-size-adjust: none;
    background-image: url(images/travius/tra_taustatop_harmaa.jpg);
    background-repeat: repeat-y;
    font-family: arial;
	font-size: 11px;
}



.topmenu
{
    
    font-family: arial;
	font-size: 11px;
	margin-top:58px;
}


/*
.lnk a
{
    font-family: arial;
    font-size: 11px;   
}
*/
.body_topleft
{
    background-image: url(images/travius/tra_left.jpg);
    background-repeat: repeat-y;
    font-family: arial;
	font-size: 11px;
}

.body_login
{
    background-image: url(images/travius/login_1.gif);
    font-family: arial; color:White;
	font-size: 11px;
}

Info
{
    font-family: arial;
    font-size: 11px;
}
a:link { 
	color: #000000;
	font-size: 11px;
}
/* Klikatun linkin väri */
a:visited 
{
    font-family: arial;
	font-size: 11px;
	color: #000000;
	
}
/* Aktiivisen linkin väri */
a:active 
{
    font-family: arial;
	font-size: 11px;
	color: #000000;
}


/** Kassamääritykset */
.counter_body
{
    background-color:#585858;
    margin:0;
    padding:0;
}

.counter_container
{
    width:1024px;
    /*min-width:768;   */
    /*
    border:1px;
    border-style:solid;
    border-width:1px;   */
    /*overflow:scroll;*/
    
}

.counter_left
{
    margin-right:5px;
    margin-left:5px;
    margin-top:5px;
    float:left;
    background-color:#E0E0E0;
    width:604px;
    height:768px;
    border:1px;
    border-style:solid;
    border-width:1px;    
}

.counter_topright
{
    float:left;
    margin-top:5px;
    background-color:#E0E0E0;
    width:400px;
    height:340px;
    border:1px;
    border-style:solid;
    border-width:1px;  
    /*position:absolute;  */
}

.counter_bottomright
{
    float:left;
    margin-top:5px;
    background-color:#E0E0E0;
    width:400px;
    height:421px;
    border:1px;
    border-style:solid;
    border-width:1px;  
    /*position:absolute; */
}

#categories
{
    margin-top:5px;
    margin-left:2px;
    width:602px;
    height:56px;
    /*
    border:1px;
    border-style:solid;
    border-width:1px;   
    */
}

#categories_left
{
    margin-top:2px;
    float:left;
    width:40px;
    /*
    margin-top:5px;
    margin-left:2px;
    width:602px;
    height:56px;
    */
    /*
    border:1px;
    border-style:solid;
    border-width:1px;   
    */
}

#categories_mid
{
    float:left;
    width:522px;
    /*
    margin-top:5px;
    margin-left:2px;
    width:602px;
    height:56px;
    */
    /*
    border:1px;
    border-style:solid;
    border-width:1px;   
    */
}

#categories_right
{
    margin-top:2px;
    float:left;
    width:20px;
    /*
    margin-top:5px;
    margin-left:2px;
    width:602px;
    height:56px;
    */
    /*
    border:1px;
    border-style:solid;
    border-width:1px;   
    */
}

.btnCat
{
    width:127px;
    height:54px;
    background-color:#009ADE;   
    font-weight:bold;
    font-size:12px;
    color:#fff; 
}

.btnCatImg
{
    height:51px;
    background-color:#009ADE;  
     
}

.btnProdActive
{
    width:190px;
    height:51px;
    background-color:#84C7EF;   
    border: 0px;
    font-weight:bold;
}

#products
{
    margin-top:5px;
    margin-left:2px;
    width:598px;
    height:695px;
    /*
    border:1px;
    border-style:solid;
    border-width:1px;
    */
}

.tbl_prod
{
    margin:0px;
    padding:0px;
    width:598px;
    border-collapse: collapse; 
    /*
    border-style:solid;
    border-width:2px;
    border-color:#0000FF;
    */
    
}

.tbl_prod_cell
{
    margin:0px;
	border-style:solid;
    border-width:2px;
    border-color:#0096DE;   
    height:47px;
    background-color:#94DBFF;
    width:33%;
    padding:2px;
    text-align:center;
    
}
.tbl_prod_footer_cell
{
    vertical-align:middle;
    text-align:center;
    margin:0px;
    padding:0px;
    height:35px;
    background-color:#E0E0E0;
    
}

#calc_func
{
    margin-top:5px;
    margin-left:2px;
    width:396px;
    height:65px;
    /*
    border:1px;
    border-style:solid;
    border-width:1px;   
    */
}

#calc_numbers
{
   margin-top:5px;
   margin-left:2px;
   width:239px;
   height:242px; 
   float:left;
   /*
   border:1px;
   border-style:solid;
   border-width:1px;   
   */ 
}

#calc_payment
{
   margin-top:5px;
   margin-left:2px;
   width:154px;
   height:242px; 
   float:left;
   
   /*
   border:1px;
   border-style:solid;
   border-width:1px;   
   */ 
}

#calc_func_bot
{
    margin-top:5px;
    margin-left:2px;
    width:396px;
    height:85px;
   
    /*
    border:1px;
    border-style:solid;
    border-width:1px;   
    */
    
}

.btnCalc
{
    width:76px;
    height:60px;
    background-color:#A8A8A8;   
}

.btnCalcNumbers
{
    width:76px;
    height:60px;
    background-color:#C6E3E7;   
    font-weight:bold;
    font-size:24px; 
}

.btnCalcPayments
{
    width:150px;
    height:48px;
    background-color:#8C9EAD; 
    font-weight:bold;
    font-size:16px;
    color:#fff;  
}
.lstCreditcard
{
    margin-left:4px;
    margin-top:2px;
    width:150px;
    height:60px;
    background-color:#8C9EAD; 
    font-weight:bold;
    font-size:16px;
    color:#fff; 
    border:1px;
    border-style:solid;
    border-width:1px;  
    border-collapse:collapse;
}

.btnCalcBot
{
    width:128px;
    height:40px;
    background-color:#8C9EAD;  
    font-weight:bold;
    font-size:16px;
    color:#fff; 
    
}

.ScreenNumber
{
    /*
    width:128px;
    height:40px;
    background-color:#8C9EAD;  
    */
    font-weight:bold;
    /*padding-top:15px;*/
    margin-left:5px;
    font-size:16px;
    /*color:#fff; */   
}

.ScreenProd
{
    font-weight:bold;
    margin-left:5px;
    font-size:16px;
}

.ScreenPrice
{
    font-weight:bold;
    margin-left:5px;
    font-size:16px;
}

#screen_input
{
   /*margin-top:5px;
   margin-left:2px;*/
   width:398px;
   height:105px;
   
   
   border:1px;
   border-style:solid;
   border-width:1px;   
   text-align:center;
   
    
}

#screen_input_top
{
   /*margin-top:5px;
   margin-left:2px;*/
    
   height:45px;
   margin-bottom:0px;
   
   /*
   border:1px;
   border-style:solid;
   border-width:1px;   
   text-align:center;
   */
}

#screen_input_bottom
{
   /*margin-top:5px;
   margin-left:2px;*/
    
   height:50px;
   margin-bottom:0px;
   text-align:left;
   /*
   border:1px;
   border-style:solid;
   border-width:1px;   
   text-align:center;
   overflow:hidden;
   */
    
}

#screen_receipt
{
   /*margin-top:5px;
   margin-left:2px;*/
   width:398px;
   height:226px;
   
   
   border:1px;
   border-style:solid;
   border-width:1px;   
    
}
#screen_receipt_left
{
   /*margin-top:5px;
   margin-left:2px;*/
   width:288px;
   height:226px;
   float:left;
   /*
   border:1px;
   border-style:solid;
   border-width:1px;   
  */  
}
#screen_receipt_topright
{
   margin-top:5px;
   margin-right:10px;
   width:90px;
   height:174px;
   float:left;
   /*
   border:1px;
   border-style:solid;
   border-width:1px;   
  */  
}
#screen_receipt_bottomright
{
   /*margin-top:5px;
   margin-left:2px;*/
   width:100px;
   height:56px;
   float:left;
   /*
   border:1px;
   border-style:solid;
   border-width:1px;   
  */  
}

.receipt_button
{
    height:43px;   
}

#screen_total
{
   /*margin-top:5px;
   margin-left:2px;*/
   width:398px;
   height:85px;
   text-align:center;
   
   border:1px;
   border-style:solid;
   border-width:1px;   
    
}

.receiptamountcol
{
    font-weight:bold;
    font-size:14px;
    vertical-align:top;
}

.receiptproductcol
{
    font-weight:bold;
    font-size:14px;
    vertical-align:top;
}
.receiptpricecol
{
    font-weight:bold;
    font-size:14px;
    vertical-align:top;
    text-align:right;
}

.receipttotal
{
    font-weight:bold;
    font-size:30px;
    vertical-align:top;
    
}

#credit_card
{
    width:246px;
    position:absolute;
    top:205px;
    left:763px;  
    /*border:1px;*/
    border-style:solid;
    border-width:1px;  
    /*border-color:#000;  */
    z-index:100;
    background-color:#8C9EAD; 
    font-weight:bold;
    font-size:16px;
    color:#fff; 
    visibility:hidden;
}

#to_order
{
    padding:10px;
    width:376px;
    position:absolute;
    top:205px;
    left:613px;  
    /*border:1px;*/
    border-style:solid;
    border-width:1px;  
    /*border-color:#000;  */
    z-index:100;
    background-color:#8C9EAD; 
    font-weight:bold;
    font-size:16px;
    color:#fff; 
    visibility:hidden;
}

#activity
{
    padding:10px;
    width:600px;
    min-height:600px;
    position:absolute;
    top:100px;
    left:100px;  
    /*border:1px;*/
    border-style:solid;
    border-width:1px;  
    /*border-color:#000;  */
    z-index:100;
    background-color:#8C9EAD; 
    font-weight:bold;
    font-size:16px;
    color:#fff; 
    visibility:hidden;
}

.btnActivity
{
    width:120px;
    height:60px;
    background-color:#C6E3E7;   
    font-weight:bold;
    font-size:24px; 
}

/** Calendar */
a.black {font-family: arial; font-size:16px; color:Black;}

.calendar
{
    background-color:#fff;/**#C9E89C;*/
    color: #000;   
}



.calendarTop
{
    background-color:#E0E0E0;/**#C9E89C;*/
    color: #000000;
    
    
}

.available_start{background-color:#fff;}
.available_date{background-color:#fff;}
.past_date{/**background-color:#BA0200;*/}
.crossover{text-decoration: line-through;}
.selected_date{background-color: #7DF256;}	

/** //Calendar */

.btnCreditCard
{
    width:246px;
    height:40px;
    background-color:#8C9EAD;  
    font-weight:bold;
    font-size:14px;
    color:#fff; 
    
}

.body_receipt
{
    font-family: arial;
	font-size: 11px;
	width:6.5cm;
}

/** //Kassamääritykset */

/** Ship */

.ship_title
{
    font-size:30px;
    height:30px;
    font-weight:bold; 
    color:#000084;  
    font-style:italic; 
}

.ship_time
{
    font-size:20px;
    font-weight:bold; 
}

#ship_main
{
    position:absolute;
    top:110px;
    font-size:20px;
    font-weight:bold; 
    color:#000084; 
}

#ship_main_tot
{
    position:absolute;
    top:70px;
    font-size:14px;
    font-weight:bold; 
    color:#000084; 
}

.lblShipInfo
{
    font-size:20px;
    font-weight:bold; 
    color:#000000;
}

.lblShipNote
{
    font-size:16px;
    font-weight:bold; 
    color:#000000;
}

.lblShipNoteTot
{
    font-size:12px;
    font-weight:bold; 
    color:#000000;
}

#ship_footer 
{
    position:absolute;
    top:800px;
}

/** //Ship */