/* CSS Document */

*{
    padding:0px;
    margin:0px;
    }
    
body{
    font-family:Arial, Helvetica, sans-serif;
    color:black;
    background-color:#efefef;
    }
    
sup {
     vertical-align: 0.5ex;
     }

.short_header{
    height:70px;
}
    
.container{
    position:relative;
    height:auto;
    width:955px;
    margin-left:auto;
    margin-right:auto;
    }
    
.bodycopy{
    font-size:11px;
    color:black;
    font-family:Arial, Helvetica, sans-serif;
    line-height:16px;
    padding-bottom:10px;
    }
    
.bodycopy a{
    color:#00aedb;
    }
    
.bodycopy a:visited{
    color:#666666;
    }
    
.bodycopy a:hover{
    color:white;
    background-color:#00aedb;
    text-decoration:none;
    }
    
.blue_link a{
    color:#00aedb;
    font-size:11px;
    }
    
.blue_link a:visited{
    color:#666666;
    }
    
.blue_link a:hover{
    color:white;
    background-color:#00aedb;
    text-decoration:none;
    }

a.blue_linkHover{
    color:white;
    background-color:#00aedb;
    text-decoration:none;
    }

.blue_link a span{
    text-decoration:none;
    }


.rule_link{
    position:relative;
    float:right;
    top:15px;
    font-size:11px;
    }

/*changed text decoration to underline*/    
.rule_link a{
    color:#00aedb;
    text-decoration:underline;
    font-size:11px;
    }
    
.rule_link a:visited{
    color:#666666;
    }
    
/*changed text decoration to remove underline*/
.rule_link a:hover{
    color:white;
    background-color:#00aedb;
    text-decoration:none;
    }

h1{
    font-size:22px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    float:left;
    }
    
h2{
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    }
    
.headline{
    position:relative;
    width:100%;
    height:auto;
    border-bottom:solid black 6px;
    padding-bottom:5px;
    }
    
.subheadline{
    position:relative;
    width:100%;
    height:auto;
    border-bottom:solid black 1px;
    font-weight:bold;
    padding-top:10px;
    }
    
.leftContentWrapper{
    width:615px;
    height:auto;
    position:relative;
    float:left;
    }
    
.rightContentWrapper{
    width:275px;
    height:auto;
    float:left;
    padding-top:30px;
    padding-left:20px;
    }
    
.flash_banner{
    width:210px;
    height:auto;
    float:left;
    padding-left:20px;
    }
    
.pink td{
    background-color:#ee2c74;
    }
    
.blue td{
    background-color:#00aedb;
    }
    
.green td{
    background-color:#d5e04d;
    }

.orange td{
    background-color:#fbb034;
    }
    
.light_grey td{
    background-color:#ececec;
    }
    
.td_valign_top{
    vertical-align:top;
    }
    
.td_valign_bot{
    vertical-align:bottom;
    }
    
.td_align_right{
    text-align:right;
    }

.line_bot{
    border-bottom:solid black 1px;
    }
    
.line_top{
    border-top:solid black 1px;
    }

.line_left{
    border-left:solid black 1px;
    }
    
.line_right{
    border-right:solid black 1px;
    }

.small_grey_text{
    color:#999999;
    font-size:11px;
    font-weight:normal;
    }
    
.top_paragraph{
    padding-top:10px;
    }

.ad_image{
    padding-bottom:10px;
    }
    
.ad_image .company_logo{
    text-align:center;
    padding-bottom:40px;
    }
    
/*main body styles for background colour, shadow*/

.mainBody{
    /*width:100%;*/
    height:auto;
    }

.mainBody .topLeft_b{
    width:6px;
    }
    
.mainBody .topRight_b{
    width:6px;
    }
    
.mainBody .white_bg{
    background-color:white;
    padding:10px 0px 10px 16px;
    }


    
.build_package{
    width:100%;
    height:auto;
    position:relative;
    margin-bottom:10px;
    }

.build_package .build_table{
    border-top:solid black 6px;
    }
    
.build_package .build_title{
    border-right:solid black 1px;
    font-weight:bold;
    font-size:16px;
    padding:5px;
    }
    
.build_package h1{
    font-size:22px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    float:none;
    padding-bottom:5px;
    }
    
.build_package .build_link{
    padding:5px 0 5px 5px;
    font-size:11px;
    }
    
.build_package a{
    color:white;
    font-size:10px;
    }
    
.build_package .sidebar_off{
    background-image:url(http://www.koodomobile.com/fr/images/sidebar_off.gif);
    background-repeat:no-repeat;
    background-position:center;
    width:19px;
    height:19px;
    }
    
.build_package .sidebar_on{
    background-image:url(http://www.koodomobile.com/fr/images/sidebar_on.gif);
    background-repeat:no-repeat;
    background-position:center;
    width:19px;
    height:19px;
    }
    
.build_package .sidebar_complete{
    background-image:url(http://www.koodomobile.com/fr/images/sidebar_complete.gif);
    background-repeat:no-repeat;
    background-position:center;
    width:19px;
    height:19px;
    }
    
.build_package .build_cart{
    background-color:black;
    background-image:url(http://www.koodomobile.com/fr/images/sidebar_cart.gif);
    background-repeat:no-repeat;
    background-position:17px 7px;
    color:white;
    padding:7px 0 7px 40px;
    font-size:16px;
    font-weight:bold;
    }
    
.build_cart a{
    position:relative;
    left:32px;
    }
    
.build_package .package_links{
    font-size:11px;
    padding-left:10px;
    padding-bottom:5px; 
    }
    
.build_package .package_links a{
    color:#00aedb
    }
    
.build_package .package_links a:hover{
    color:white;
    background-color:#00aedb;
    }

/*to fix div vertical expansion*/

.clearFloat{
    width:0px;
    height:0px;
    font-size:0px;
    line-height:0px;
    clear:both;
    }
    
    
/* general styles for black buttons*/

a.black_button{
    display:block;
    text-decoration:none;
    background-color:black;
    color:white;
    padding:5px 7px 5px 7px;
    font-size:12px;
    font-weight:bold;
    }

a.black_button:link{
    color:white;
    }

a.black_button:visited{
    color:white;
    }
    
a.black_button:hover{
    background-color:#00aedb;
    }
    
.popUp_colour{
    position:absolute;
    width:270px;
    height:auto;
    border:solid #ececec 6px;
    background-color:white;
    padding:10px 0 10px 20px;
    z-index:3;
    font-size:11px;
    }
    
.popUp_colour table{
    margin-top:5px;
    margin-bottom:5px;
    }

.popUp_choice{
    position:absolute;
    width:250px;
    height:auto;
    border:solid #ececec 6px;
    background-color:white;
    left: 465px;
    top: 424px;
    padding:10px 0 10px 10px;
    z-index:3;
}
.popUp_choice a{
    float:left;
    margin-right:5px;   
}   

.popUp_large_view{
 text-align:center;
 position:absolute;
 width:270px;
 height:auto;
 border:solid #ececec 6px;
 background-color:white;
 left: 265px;
 top: 224px;
 padding:15px 0 0 0;
 z-index:3;
 display:none;
 } 
 
#phoneHolder{
    padding-left:43px;
    }
 
 
    
.popUp_large_view_accesories{
    text-align:center;
    position:absolute;
    width:270px;
    height:auto;
    border:solid #ececec 6px;
    background-color:white;
    left: 265px;
    top: 230px;
    padding:15px 0 0 10px;
    z-index:3;
    display:none;
    }

.popUp_accesories_info{
    position:absolute;
    width:220px;
    height:auto;
    left: 210px;
    top: 230px;
    z-index:3;
    display:none;
    }

.call_out_bg {
    background-color: #00aeef;
    border-top:solid black 1px;
    border-right:solid black 1px;
    width:184px;
    height:auto;
    vertical-align:top;
    color:white;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    padding:5px;
}

.call_out_left_rpt{
    background-image:url(http://www.koodomobile.com/fr/images/call_out_left_rpt.gif);
    background-repeat:repeat-y;
    width:14px;
    }
    
.call_out_bot{
    background-image:url(http://www.koodomobile.com/fr/images/call_out_bot.gif);
    background-repeat:no-repeat;
    width:209px;
    vertical-align:top;
    }

.close_link{
    float:right;
    padding-right:20px;
}
    
.close_link2{
    float:right;
    padding-right:5px;
    }
    
.popUp_colour a{
    float:left;
    margin-right:5px;
    }
    


/*********************ADDED SEPT7****************************/

.popUp {
    width: 176px;
    position: absolute;
    left: 380px;
    top: 470px;
    height: 73px;
    display:none;
    z-index:200;
    background-image:url(http://www.koodomobile.com/fr/images/help_arrow.gif);
    background-repeat:no-repeat;
}

.popUp .middle {
    height:auto;
    width:150px;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: white;
    padding:5px 0 5px 10px;
    
}

.popUp .middle a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}

.popUp .okLink{
    margin-left:55px;
    margin-top:10px;
    }

.shield{
    background-color:#000000;
    filter:alpha(opacity=30);

    -moz-opacity: 0.30; 
    opacity:  0.30;
    position:absolute;
    top:0px;
    left:0px;
    z-index:2;
    width: 9px;
    
}

/*ad boxes*/

/*min-height hack*/
.prop {
    height:50px;
    float:right;
    width:1px;
  }

    
/*min-height hack*/

.ad_box{
    float:left;
    margin-bottom:10px;
    width:132px;
    /*min-height:200px;
    max-height:200px;
    overflow:hidden;*/
    }
    
.ad_box_large{
    float:left;
    margin-bottom:10px;
    }
    
.ad_box_margin{
    margin-right:10px;
    }
    
.ad_box a.black_button{
    font-size:11px;
    font-weight:normal;
    float:right;
    }

.ad_content{
    width:100%;
    border-top:solid black 6px;
    border-bottom:solid black 1px;
    }
    
.ad_content_large a{
    color:#000;
    text-decoration:none;
    }


.ad_content_large{
    border-top:solid black 6px;
    border-bottom:solid black 3px;
    }
    
.ad_content_large h2{
    font-size:22px;
    padding-top:5px;
    padding-bottom:5px;
    }

.ad_box_large .listing{
    border-bottom:solid black 1px;
    padding:0px;
    line-height:normal;
    font-size:11px;
    padding:2px 0 2px 0;
    }
    
.ad_box_large .listing a{
    text-decoration:none;
    color:black;
    }

.ad_box_large .last_line{
    border-bottom:solid black 3px;
    }

.ad_content h2{
    font-size:14px;
    padding-top:5px;
    }
    
.ad_box_large{
    width:100%
    }
    
/*ad boxes*/

/*accordion width needed to extend table when text is too short*/
.accordion_table{
    width:100%;
    }
    
/*accordion width needed to extend table when text is too short*/

.insideText_popup{
    position:absolute;
    width:400px;
    height:auto;
    overflow:auto;
    border:solid #ececec 6px;
    background-color:#fff;
    left: 380px;
    top: 545px;
    padding:5px 10px 10px 10px;
    z-index:2000;
}

.error{
    background-color:#fbaf34;
    
    }

.loadingMessage{
    position:absolute;
    width:200px;
    height:auto;
    overflow:auto;
    border:solid #ececec 6px;
    background-color:#fff;
    left: 380px;
    top: 545px;
    padding:5px 10px 10px 10px;
    z-index:2000;
}

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

/*ditch your phone*/

.ditchTbl{
    border-top:solid #000 6px;
    border-bottom:solid #000 1px;
    width:100%;
    font-size:11px;
    margin-bottom:10px;
    }
    
.ditchTbl td{
    width:50%;
    vertical-align:top;
    padding:5px 10px;
    }
    
.ditchTitle{
    font-size:14px;
    font-weight:700;
    border-bottom:solid #000 1px;
    }
    
.ditchTbl td ul{
    margin-left:16px;
    }
    
.ditchTbl td li{
    line-height:18px;
    }
    
.ditchTbl .rightBorder{
    border-right:solid #000 1px;
    }

/*ditch your phone*/

/*home callouts added June 6 2008*/
.home_callouts{
    width:258px;
    vertical-align:top;
    }
    
.co_message{
    font-size:16px;
    font-weight:700;
    border-top:solid #000 6px;
    border-bottom:solid #000 2px;
    }

.messageTbl{
    margin:0 10px;
    height:80px;
    }
    
.co_message a:link{
    color:#000;
    text-decoration:none;
    font-size: 16px;
    }

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

.co_message a:hover{
    color:#000;
    text-decoration:underline;
    }

.callout{
    width:186px;
    margin:0 0 30px 30px;
    }
    
.callout_noMargin{
    margin:0 0 0 30px;
    }
    

/*home callouts added June 6 2008*/

/*4play what's new tab*/

.PlayTbl{
    margin-top:10px;
    }
    
.PlayTbl td{
    vertical-align:top;
    }
/*4play what's new tab*/

.allYouNeed{
    margin-left:16px;
    margin-bottom:10px;
    font-size:11px;
    }
    
.allYouNeed li{
    line-height:20px;
    }