﻿* {
    margin: 0; padding: 0; }
    
img {border: none; }

body {
    background-position: top;
    background-color: #FFFFFF;    
    background-repeat: repeat-x;
    font-weight:normal;    
	font-family:Tahoma;
    font-size: 12px;
    color: #FFFFFF;
}


/* TEKSTI-, LINKKI- JA TAULUKKOMÄÄRITYKSET ALKAA*/
h1
{    
	font-size: 24px;
    font-weight:normal;    
	font-family:Tahoma;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
	color: #000000;
}

h2 {
    font-size: 16px;
    font-weight:bold;    
	font-family:Tahoma;    
    margin-top: 10px;
    margin-bottom: 15px;
}

h3 {
    font-size: 14px;
    font-weight: bold;    
    font-family:Tahoma;    
    margin-top: 10px;
    margin-bottom: 10px;
}

h3.title
{
    font-size: 14px;
    font-weight: bold;
    font-family:Tahoma;    
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 3px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #000000;
    background-color: #DA0000;
    color: #FFFFFF;
}

h4 {
    font-size: 14px;
    font-weight: normal;    
    font-family:Tahoma;    
    margin-top: 10px;
    margin-bottom: 15px;
}

.watermark { 
    color: #666666;
    font-style:italic;    
}

table 
{
	padding-bottom: 15px;
}

li 
{
	margin-left: 30px;
	margin-bottom: 10px;
}

td 
{
	padding-bottom: 5px;
}

p 
{
	padding-bottom: 15px;
}	

.calculation_row
{
	padding-bottom: 15px;
    margin-left: 15px;
}	

.calculation_row_header
{	
    margin-left: 10px;
}	

.calculation_row_total
{
    font-weight: bold;
    font-size: 12px;
    color: red;
    padding-bottom: 15px;
    margin-left: 15px;
}	

.calculation_row_period
{
    font-weight: bold;
    font-size: 12px;    
    color: red;
	padding-bottom: 15px;
    margin-left: 15px;
}

a
{
    color: #ea0403;
    text-decoration:none;
}

    a:visited {
	    color: #ea0403;
    }

    a:hover {
	    color: #ea0403;
        text-decoration:underline;
    }

/* TEKSTI-, LINKKI- JA TAULUKKOMÄÄRITYKSET PÄÄTTYY*/
 
/* SISÄLTÖELEMENTTIEN MÄÄRITYKSET ALKAA*/

#holder {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	/*background-image: url(./images/content-bg.jpg);*/
	background-repeat: repeat-y;
}

/* YLÄOSA ALKAA*/
#title
{
    float: left;
    width: 950px;
    height: 140px;
    color: White;
    background-image: url(./images/title.png);
	background-repeat: no-repeat;
    background-position: top; 
	clear: both;
}

    #links_content {	
	    float: left;
        position: absolute;
	    height: 10px;
        margin-left: 30px;
	    margin-top: 80px;
	    font-size: 14px;
        font-weight:normal;    
	    font-family:Tahoma;
	    color: #000000;	    
    }

    #links_content a {
        text-decoration:none;
	    color: #000000;	    
	    text-decoration: none;
    }

    #links_content a:hover {	    
        color: #FFFFFF;
        text-decoration:underline;
    }

    #links2_content {	
	    float: left;
        position: absolute;
	    height: 10px;
        margin-left: 30px;
	    margin-top: 24px;
	    font-size: 11px;
        font-weight:normal;    
	    font-family:Tahoma;
	    color: #000000;	    
	    z-index: 1000;
    }

    #links2_content a {
        text-decoration:none;
	    color: #000000;	    
	    text-decoration: none;
    }

    #links2_content a:hover {	    
        color: #FFFFFF;
        text-decoration:underline;
    }

    #navi_content {	
	    float: left;
        position: absolute;
	    height: 10px;
        margin-left: 50px;
	    margin-top: 105px;
	    font-size: 14px;
        font-weight:normal;    
	    font-family:Tahoma;
	    color: #FFFFFF;	    
    }

        #navi_content td {
	        padding-right: 15px;
        }

        #navi_content a {
	        color: #FFFFFF;	       
	        text-decoration: none;
        }

        #navi_content a:hover {
	        color: #FFFFFF;
            text-decoration:underline;
        }

    #contactlink_content {	
	    float: left;
        position: absolute;
        text-align: center;
	    height: 10px;
        margin-left: 743px;
	    margin-top: 9px;
	    font-size: 12px;
        font-weight:normal;    
	    font-family:Tahoma;
	    color: #666666;	    
    }

        #contactlink_content a {
            text-decoration:none;
	        color: #666666;	    	    
        }

        #contactlink_content a:hover {	    
            color: #666666;
            text-decoration:underline;
        }

    #basketlink_content {	
	    float: left;
        position: absolute;
        text-align: center;
	    height: 10px;
        margin-left: 849px;
	    margin-top: 9px;
	    font-size: 12px;
        font-weight:normal;    
	    font-family:Tahoma;
	    color: #666666;	    
    }

        #basketlink_content a {
            text-decoration:none;
	        color: #666666;	    	    
        }

        #basketlink_content a:hover {	    
            color: #666666;
            text-decoration:underline;
        }

    #login_content {
        float: left;
        position: absolute;
        margin-top: 20px;
        margin-left: 200px;    
        width: 400px;    
    }

    #version_content {
        float: left;
        position: absolute;
        margin-top: 110px;
        margin-left: 860px;
        width: 40px; 
        text-align: left;
        font-size: 8px;
    }

    #language_content {
        float: left;
        position: absolute;
        margin-top: 65px;
        margin-left: 720px;    
        width: 200px;    
    }

    #search_content {
        float: left;
        position: absolute;
        margin-top: 20px;
        margin-left: 720px;
        width: 200px;
        text-align: left;
        font-size: 8px;
    }
/*YLÄOSA PÄÄTTYY*/


/*PÄÄSISÄLTÖ ALKAA*/
#content
{    
    clear: both;
    width: 950px;
    color: #000000; /*background-color: #D5E7F4;*/
    background-image: url(./images/vasen_reunus.jpg);
    background-repeat: no-repeat;    
}

    #form_content {
        /*clear: both;
        position: absolute;*/
        width:700px;        
        /*background-color:#DDDDDD;*/        
    }

    #upper_right_content {
        clear: both;
        position: absolute;
        margin-top:0px;
        margin-left:705px;
        width:240px;
        min-height:150px;        
        z-index:100;
        /*background-color:#e4e4cf;*/
    }

    #progress {
        position: absolute;
        margin-top:0px;
        margin-left:450px;
        width:250px;
    }

    #lower_right_content {
        clear: both;
        position: absolute;
        margin-top:220px;
        margin-left:705px;
        width:240px;
        min-height: 150px;
        max-height: 290px;
        /*background-color:#BBBBBB;*/
    }

    #logo_content {
        clear: both;
        position: absolute;
        margin-top:50px;
        margin-left:20px;
        width:130px;   
        background-color:#FFFFFF; 
    }
    
    .logo_content {
        clear: both;
        position: absolute;
        margin-top:50px;
        margin-left:20px;
        width:130px;   
        background-color:#FFFFFF; 
    }
    
     #logo_content_contact_info {
        clear: both;
        position: absolute;
        margin-top:50px;
        margin-left:20px; 
        width: 160px;
        height: 160px;
        background-color:#FFFFFF; 
    }

    #form_content 
    {
        /*clear: both;
        position: absolute;*/
	    margin-top: 20px;
	    margin-bottom: 10px;
	    margin-left: 180px;
	    margin-right: 10px;
    }

        #form_content table
        {	        
            width:500px;
        }

        #form_content td.title
        {            
	        padding-bottom: 5px;
            width:200px;
        }

    #calculation_content 
    {       
        clear: both;
        width: 500px;	    
        padding-left:180px;
        padding-top:10px;
        /*background-color:#AA3A44;*/
    }

/*PÄÄSISÄLTÖ PÄÄTTYY*/


/*ALAOSA ALKAA*/
#footer
{
    clear: both;
    position: absolute;
    margin-top: 5px;
    padding-top: 3px;
    width: 950px;
    height: 60px;
    font-size: 12px;
    color: #333333;
    border-top: 1px solid #C0C0C0;
}
    

/*ALAOSA PÄÄTTYY*/
/* SISÄLTÖELEMENTTIEN MÄÄRITYKSET ALKAA*/

.form_content td {
    padding-right: 5px;
    padding-bottom: 10px;
}

.gridview td
{
    border-color: #6F1B1B;
    border-style: none;
    border-width: 1px;
    padding: 3px;
}

.gridview th
{
    border-color: #6F1B1B;
    border-style: none;
    border-width: 1px;
    padding: 3px;
}

.grid table 
{
    background-color: #B0C4DE;
}

.grid th 
{
    background-color: #2C516B;
	color: #FFFFFF;
	border-style: solid;
	border-width: 1px; 
	border-color: Black;
	padding: 5px;
}

.grid td
{
	padding: 2px;
    background-color: #B0C4DE;
	border-style: solid;
	border-width: 1px; 
	border-color: Black;
}
	
.menu_nodeStyle
{
	color:Black;
	font-size:8pt;
	padding: 5px 5px 5px 5px;
	width:100%;
	border:solid 1px White;
}

.menu_hoverNodestyle
{
	background-color:#CCCCCC;
	border:solid 1px #888888;
	cursor:pointer;
}

.menu_selectedNodestyle
{
	padding: 5px 5px 5px 5px;
	font-weight:bold;
	color:#0066CB;
}

.text_watermark_extender
{
    color: #666666;
    font-style: italic;
}

.list_search_extender
{
    font-size: 9px;
}

.menu_language
{
	background-color:#CCCCCC;
	border-color:Black;
}

.GridTable
{
}

.optional
{
    background-color: #E9F7FE;
}

.required
{
    background-color: #C1E9FB;
}

.automatic
{
	background-color: #DDDDDD;
}

.submitbutton 
{
    padding-left: 5px;
    padding-right: 5px;
}

.floating_validators
{
    float: right;
}

.calculation_summary_cell
{
    width: 50%;
    text-align: left;
}

.calculation_summary_price_cell
{
    width: 50%;
    text-align: right;
}

.calculation_info_expand
{
    color: white;
}

.calculation_title_panel
{
    font-size: 14px;
    font-weight: bold;
    font-family:Tahoma;    
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 3px;
    background-color: #DA0000;
    color: #FFFFFF;
    cursor: pointer;
}

.calculation_info_table
{
    width: 100%;
}

.calculation_total_price_panel
{
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 20px;
}

.calculation_summary_expander
{
    color: Red;
    cursor: pointer;   
}

.discounts_expander
{
    color: Red;
    cursor: pointer;   
}

.calculation_content_table_cell
{
    padding-left: 10px;
    width: 50%;
}

.calculation_total_price
{
    float: right;
    text-align: right;
}

.fixed_help_panel
{
    position: relative;
    width:240px;
}

.not_fixed_help_panel
{
    position: relative;
    width:240px;
}

#form_content_no_img
{
    margin-left: 25px;
}

.test_display_none
{
    display: none;
}

.comprehensive_insurance_label
{
    padding-left: 3px;
    border-left: 1px solid black;
}

.highlight_info_text
{
    padding-left: 3px;
    border-left: 1px solid black;
}

.banner_link:link
{
   color: Black;
}

.banner_link:visited
{
   color: Black;
}

.banner_link
{
   color: Black;
}

.banner_link:hover
{
   color: Red;
}

 .logo_content_panel_ie8 
 {
        clear: both;
        position: absolute;
        margin-top:50px;
        margin-left:20px;
        width:130px;   
        background-color:#FFFFFF; 
}

.required_info_disclaimer
{
    padding-bottom: 5pt; 
}

.insurance_summary_table
{
    width: 600px;   
}

.insurance_summary_table td
{
    width: 50%;   
}

.benefit_table
{
    margin-left: 15px;
    width: 417px;
}
.benefit_table td
{
    width: 50%;
}

.prices_table
{
    margin-left: 15px;
    width: 417px;
    font-weight: bold;
    font-size: 12px;
    color: red;
}
.prices_table td
{
    width: 50%;
}

.vehicle_prices_table
{
    margin-left: 15px;
    width: 417px;
    font-weight: bold;
    font-size: 12px;
    color: red;
}



