BODY 
{ 
font-family: Arial, Helvetica; 
font-size: 11px; 
color: #000000;
}
HR { color: #0035BB }
P { font-family: Arial, Helvetica; font-size: 11px; color: #000000}
P.small { font-family: Arial, Helvetica; font-size: 10px ; color: #006699}
P.white{ font-family: Arial, Helvetica; color: #FFFFFF; font-size: 12px}
.small { font-family: Arial, Helvetica; font-size: 10px ; color: #000000}
.white{ font-family: Arial, Helvetica; color: #FFFFFF; font-size: 11px; font-weight: bold }
.smallwhite{ font-family: Arial, Helvetica; color: #FFFFFF; font-size: 10px }
#imagecontent { display: block; width: 480px; }
.textLayer { border: solid 1px #5c5c5c; position: absolute;  bottom: 10px; left: 10px; width: 478px; padding: 0; margin: 0; z-index:2; visibility: visible; background-color: #F2F1F6}
.textLayer table {margin: 10px;  padding: 0px; width: 458px; }
.imageLayer1 {border: solid 1px #5c5c5c; position: absolute;  bottom: 10px; left: 10px; width: 478px; padding: 0; margin: 0; z-index:2; visibility: visible; background-color: #F2F1F6}
.imageLayer1 table {margin: 10px;  padding: 0px, width: 458px;}
/*.imageLayer1 td {margin: 0px;  width: 225px;}*/
.imageLayer1 center{text-align: left;  }
#imageLayer { width: 450px; position: relative; }
.phase1list { padding-left: 5px; padding-right: 5px; line-height: 18px; font-family: Arial, Helvetica; font-size: 11px; color: #000000}
.whiteline { font-family: Arial, Helvetica; font-size: 11px; color: #000000; background-color:#ffffff}
.lightline { font-family: Arial, Helvetica; font-size: 11px; color: #000000; background-color:#f1f1f1}
.darkline { font-family: Arial, Helvetica; font-size: 11px; color: #000000; background-color:#5c5c5c}
H1 { font-family:  Arial, Helvetica; font-size: 15px; color: #000033; font-style: bold }
H2 { font-family:  Arial, Helvetica; font-size: 14px; color: #000033; font-style: bold }
H3 { font-family:  Arial, Helvetica; font-size: 13px; color: #000033; font-style: bold }
H4 { font-family:  Arial, Helvetica; font-size: 11px; color: #000033; font-style: bold }
B { font-family: Arial, Helvetica; color: #000000; font-size: 11px; font-style: bold }
B.small { font-family: Arial, Helvetica; color: #000000; font-size: 10px; font-style: bold }
B.Headline { font-family:  Arial, Helvetica; font-size: 11px; color: #003399; font-weight: bold}
.tdheadline { padding-left: 30px; padding-top: 28px;padding-bottom: 5px;  font-family:  Arial, Helvetica; font-size: 11px; color: #003399; font-weight: bold}
UL { font-family: Arial, Helvetica; font-size: 11px; color: #000000}
LI { font-family: Arial, Helvetica; font-size: 11px; color: #000000; list-style-type: disc; line-height: 15px}
table { font-family: Arial, Helvetica; font-size: 11px}
td { font-family: Arial, Helvetica; font-size: 11px}
a:link { font-family: Arial, Helvetica; text-decoration: none; font-size: 11px; color: #000000}
a:active { font-family: Arial, Helvetica; text-decoration: underline; font-size: 11px; color: #5C5C5C}
a:visited { font-family: Arial, Helvetica; text-decoration: none; font-size: 11px; color: #000000}
a:hover { font-family: Arial, Helvetica; text-decoration: underline; font-size: 11px; color: #5C5C5C}
.list{ background: #F1F1F1; }
.listHeader{ padding-left: 3px; line-height: 15px; background: #5C5C5C; color: #FFFFFF; font-family: Arial, Helvetica; font-size: 11px; font-weight: bold; border-color: #ffffff; border-width: 0 0 1 0; border-style: solid; }
.listTd{ padding-left: 3px; padding-right: 3px; padding-top: 2px; padding-bottom: 2px; vertical-align: top; height: 25px; border-color: #ffffff; border-width: 0 0 1 0; border-style: solid; }
.formField{ font-family: Arial, Helvetica; font-size: 11px; border-color: #ccccd1; border-style: solid; border-width: 1px }
/* compare */
#compare { }
#compare td { width: 450px; border: 0px solid #555; }
#compare .s { display: none; border-left: 1px solid #999; border-top: 1px solid #999; border-bottom: 1px solid #999}
#compare .i { display: block; padding: 2px; border-right: 1px solid #999}
#compare .h { display: block; padding: 4px; }
/* Phase 0 & 1 */
.phase01_text { position: fixed; top:0; left: 0; height:100%; width:307px; background:#f0f0f5; z-index: 2; border-right: 1px solid #989ba4; }
.phase01_text_small { position: fixed; top:0; left: 0; bottom:0; height:100%; width:269px; background:#f0f0f5; z-index: 2; border-right: 1px solid #989ba4; }
#text .inner { padding: 40px; height: 100%; }
#text .inner_small { padding: 30px; height: 100%; }
#text .restriction { position: fixed; left: 0; bottom: 5px; width: 306px; font-size: 10px; text-align: center; background: #f0f0f5; z-index: 99; }
#text .restriction_small { position: fixed; left: 0; bottom: 5px; width: 268px; font-size: 10px; text-align: center; background: #f0f0f5; z-index: 99; }
.phase01_content { position: absolute; top:0px; right: 0px; bottom: 0px; width: 682px; height: 100%; z-index: 3; background: #fff; text-align: center;  }
.phase01_content_small { position: absolute; top:0px; right: 0px; bottom: 0px; width: 725px; height: 100%; z-index: 3; background: #fff; text-align: center;  }
#content .inner{ padding-left: 81px; padding-right: 81px; padding-top: 30px; background: #fff; }
#content .inner_small{ padding-left: 21px; padding-right: 21px; padding-top: 20px; background: #fff; }
/* Menu */
#phasemenu { display: block; position: fixed; top:0; left:0; right:0; height: 23px; width: 410px; background:#989ba4; z-index:99; }
#phasemenu #phasemenu_button1 { position: fixed; top: 0; left: 0; height: 23px; width: 118px; }
#phasemenu #phasemenu_button2 {  position: fixed; top: 0; right: 0; height: 23px; width: 107px; display: none; }
#phasemenu #phasemenu_button2_phase6 {  position: fixed; top: 0; right: 0; height: 23px; width: 107px; }
#phasemenu #phasemenu_title {  position: fixed; top: 0; left: 118; height: 23px; width: 165px; padding-top: 5px; font-weight: bold; }
/* Left list */
#left-list {  display: block; position: relative; top: 25px; left: 0; }
#left-list #left-list_content {padding-left: 10px; padding-right: 10px; }
#left-list #left-list_content .listContentRow { padding: 3px; border-bottom: 1px solid #f1f1f1; }
#left-list #left-list_content .listContentRowChosen { padding: 3px; border-bottom: 1px solid #f1f1f1; background: #f1f1f1; font-weight: bold }
#left-list #left-list_content .listContentHeader { padding: 3px; padding-top: 6px; padding-bottom: 6px; border-bottom: 1px solid #f1f1f1; font-weight: bold; }
#left-list #left-list_content table { width: 100%; }
#left-list #left-list_content .td1 { padding: 2px; padding-top: 4px; width: 20px; }
#left-list #left-list_content .td2 { padding: 2px; padding-top: 6px; width: 320px; }
#left-list #left-list_content .td3 { padding: 2px; padding-top: 4px; width: 30px; text-align:right; }
#left-list #left-list_content .td1_wthumb { padding: 2px; padding-top: 6px; width: 20px; }
#left-list #left-list_content .td2_wthumb { padding: 2px; width: 36px; }
#left-list #left-list_content .td3_wthumb { padding: 2px; padding-top: 8px; width: 294px; }
#left-list #left-list_content .td4_wthumb { padding: 2px; padding-top: 6px; width: 30px; text-align:right; }
#left-list #left-list_content .td1_phase6 { padding: 2px; padding-top: 5px; width: 20px; }
#left-list #left-list_content .td2_phase6 { padding: 2px; padding-top: 4px; width: 320px; }
#left-list #left-list_content .td3_phase6 { padding: 2px; width: 30px; text-align:right; }
#left-list #left-list_content .viewInfo{ display: none; padding: 3px; padding-left: 35px; font-weight: normal; }
#left-list #left-list_content .viewInfo_wthumb{ display: none; padding: 3px; padding-left: 80px; font-weight: normal; }
#left-list #left-list_content a:link, a:visited, a:hover, a:active { text-decoration: none; color: #000; }
#notcompletenote { position: fixed; }
/* Session */
#session { height: 100%; background: #e7e6eb; }
#session_7 { position: absolute; top:0; left: 411px; height: 100%;  background: #e7e6eb; }
#session_ol { position: absolute; top: 90px; width: 590px; border: 1px solid #fff; background: #e7e6eb; }
#session_content {  }
#session .session_image{ position: fixed; top:0; left: 0px; width: 100%; overflow: hidden; height: 295px; z-index:2; background: #e7e6eb; border-bottom: solid 1px #989ba4; }
#session_7 .session_image { position: fixed; top:0; left: 411px; width: 100%; overflow: hidden; height: 295px; z-index:2; background: #e7e6eb; border-bottom: solid 1px #989ba4; }
#session .session_image_absolute, #session_7 .session_image_absolute { position: absolute; top:0; left: 0px; width: 100%; overflow: hidden; height: 295px; z-index:2; background: #e7e6eb; border-bottom: solid 1px #989ba4; }
#session #session_image .imageActions { position:fixed; top:270px; left: 350px; width: 200px; height: 20px; text-align: right; }
#session_7 #session_image .imageActions { position:fixed; top:270px; left: 761px; width: 200px; height: 20px; text-align: right; }
#session #session_image .imageActions_absolute, #session_7 #session_image .imageActions_absolute { position:absolute; top:270px; left: 350px; width: 200px; height: 20px; text-align: right; }
#normalImage, #rearImage, #innerImage  { width: 570px; padding-top: 5px; text-align: center; }
#dummyImage { width: 570px; padding-top: 30px; text-align: center; }
#session_data1 { position: absolute; top: 296px; width: 100%; z-index:1; border-bottom: solid 1px #989ba4;  }
#session_data2, #session_data3, #session_data4 { position: absolute; top: 296px; display: none; width: 100%; z-index:1; border-bottom: solid 1px #989ba4;  }
#session .tabmenu { position: fixed; top: 271px; left: 0px; width: 350px; height: 25px; z-index:3; }
#session_7 .tabmenu { position: fixed; top: 271px; left: 411px; width: 350px; height: 25px; z-index:3; }
#session .tabmenu_absolute, #session_7 .tabmenu_absolute { position: absolute; top: 271px; left: 0px; width: 350px; height: 25px; z-index:3; }
.session_tabmenu { float: left; }
#session_complete_links { position: fixed; top: 0; left: 0; width: 410px; height: 100%; background: #fff; border-right: solid 1px #989ba4; }
#session_complete_links #content { position: absolute; top: 35px; left: 0px; width: 410px; }
#session_complete_links #configTime { margin:10px; padding: 10px; border: 1px solid #ccccd1; background: #e7e6eb; }
#session_complete_links #links { padding: 10px; }
#session_complete_links #links .link { padding: 3px; background: #e7e6eb; border-bottom: 1px solid #fff; }
#session_complete_links #restrictions { position: fixed; bottom: 5px; left: 0; width: 410px; text-align: center; font-size: 10px; z-index: 4; }
.list_header { padding-top: 3px; padding-bottom: 2px; padding-left: 9px; padding-right: 10px; background: #ccccd1; }
.list_bg1 { padding-top: 3px; padding-bottom: 2px; padding-left: 9px; padding-right: 10px; background: #fff; }
.list_bg2 { padding-top: 3px; padding-bottom: 2px; padding-left: 9px; padding-right: 10px; background: #F0F0F5; }

#session_content .tab_title_head { background: #ccccd1; }
#session_content .tab_single, #session_content .tab, #session_content .tab_bg { width: 100%; }
.tab_single,  .tab,  .tab_bg { width: 100%; border:0; }
/* Session imagezoom */
#session_imagezoom { background: #e7e6eb; height: 100%; width: 1000px; border-right: 1px solid #fff; padding-top: 25px; }
#session_imagezoom #menubar { position: fixed; top:0px; left:0px; width: 1000px; height: 19px; background: #989ba4; text-align: right; border-bottom: 1px solid #fff; } 
#session_imagezoom  .imageActions_Zoom { position:fixed; top:1px; right: 30px; width: 200px; height: 16px; text-align: right; }
#session_imagezoom .image { padding-top: 5px; }
/* Form */
#contactform { background: #f2f1f6; }
#contactform table{ background: #e7e6eb; border: 1px solid #ccccd1; width: 100%; }
#contactform td { padding: 2px; }
#contactform .mustakentta { font-family: Arial, Helvetica; font-size: 11px; border-color: #ccccd1; border-style: solid; border-width: 1px}
.button { font-family: Arial, Helvetica; font-size: 11px; border: 1px solid #ccccd1; padding-left: 10px; padding-right: 10px; background:#e7e6eb; }
.button:hover { background: #f2f1f6; }
/* Arrow links */
a.warrow:link, a.warrow:visited { padding-left: 8px; background: url( /vv-auto/vw_build.nsf/arrow_orange.gif ) 0px 3px no-repeat; font-family: Arial, Helvetica; font-size: 11px; color: #3E5F88; text-decoration: none; } 
a.warrow:active, a.warrow:hover { padding-left: 8px; background: url( /vv-auto/vw_build.nsf/arrow_orange.gif ) 0px 3px no-repeat; font-family: Arial, Helvetica; font-size: 11px; color: #3E5F88; text-decoration: underline; } 
a.warrowleft:link, a.warrowleft:visited { padding-left: 8px; background: url( /vv-auto/vw_build.nsf/arrow_orange_left.gif ) 0px 3px no-repeat; font-family: Arial, Helvetica; font-size: 11px; color: #3E5F88; text-decoration: none; } 
a.warrowleft:active, a.warrowleft:hover { padding-left: 8px; background: url( /vv-auto/vw_build.nsf/arrow_orange_left.gif ) 0px 3px no-repeat; font-family: Arial, Helvetica; font-size: 11px; color: #3E5F88; text-decoration: underline; } 
a.headwarrow:link, a.headwarrow:visited { padding-left: 15px; background: url( /vv-auto/vw_build.nsf/linkkinuoli.gif ) 0px 2px no-repeat; font-family: Arial, Helvetica; font-size: 12px; color: #000; text-decoration: none; font-weight: bold; } 
a.headwarrow:active, a.headwarrow:hover { padding-left: 15px; background: url( /vv-auto/vw_build.nsf/linkkinuoli.gif ) 0px 2px no-repeat; font-family: Arial, Helvetica; font-size: 12px; color: #000; text-decoration: underline; font-weight: bold; } 
#help { }
#help #title { background: #989ba4; padding: 10px; color: #fff; font-weight: bold; }
#help #content { background: #fff; padding: 10px; }