/* COMPLETE STYLE SHEET FOR CSS2-COMPATIBLE BROWSERS */

BODY {
    margin: 0 0 30px 0;
    padding: 0;
    background-color: #ffffff;
    vertical-align:top
}


BODY, TD, P {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}

TABLE TD {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: top;
}
.
IMG {
    display: block;
    border: 0;
}

img.float {
    float: left;
    padding: 3px 10px 3px 0px;
}

.inline {
    display: inline;
}

option.disabled {
    color: #999;
}

FORM {
    display: inline;
}


A:link {
    color: #CD0000;
    text-decoration: none;
}

A:visited {
    color: #B22424;
    text-decoration: none;
}

A:hover {
    text-decoration: underline;
    color: #ff0000;
}

A:active {
    color: #ff0000;
    text-decoration: underline;
}

H3 {
    font-size: 12px;
    color: #333333;
    font-weight: bold;
    padding: 0;
    margin: 0 0 10px 0;
}

H2 {
    font-size: 14px;
    color: #333333;
    font-weight: bold;
    padding: 0;
    margin: 0 0 10px 0;
}

H2.valiotsikko {
    margin: 0;
    padding: 3px 0 3px 12px;
    background-color: #FAF164;
    border-top: 1px solid #92A1B2;
    border-bottom: 1px solid #92A1B2;
}

H1 {
    margin: 0 0 4px 0;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
}


IMG.subPageHeaderImage {
    float: left;
    margin-right: 8px;
    vertical-align: text-top;
}

H1.subPageHeader {
    font-size: 16px;
    font-weight: bold;
}


.boldText {
    font-weight: bold;
}

.virheIlmoitus {
    font-weight: bold;
    color: #CD0000;
}

.virheIlmoitus_taustavari {
    background-color: #FF4D4D;
}

A.nuoliMusta {
    padding: 0 0 0 7px;
    margin: 0;
    background-image: url(../img/arrow_bw.gif);
    background-repeat: no-repeat;
    background-position: 0 5px;
}

A.bigger_Linkfont {
    font-size: 12px;
}

.taulukkoHead {
    background-color: #E7E4D1;
    font-weight: bold;
}

.noborder tr td {
    border:0;
    padding:0;
    margin:0;
}

.riviTumma {
    background-color: #F4F2EA;
}

.smallText {
    font-size: 10px;
    font-weight: normal;
}

.buttoni { /* T?m? sama tyyli on my?s kohdassa #form. T?m? on yleisemp??n k?ytt??n sellaisille sivuille, joissa #form tuottaisi muuten ongelmia vaikuttamalla esim. soluihin. */
           font-family: Verdana;
           background-color: #E72E2E;
           color: #ffffff;
           text-transform: uppercase;
           font-weight: bold;
           font-size: 9px;
           border-width: 1px;
           border-style: solid;
           border-color: #EE7070 #660000 #660000 #EE7070;
           width: auto;
}

#ohjeTaulukko { 
    width: 611px;
    border-collapse: collapse;
    table-layout: fixed;
}

#ohjeTaulukko #ohje {
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    background-color: #FFFFB3;
    border: 1px solid #92A1B2;
}	

#ohjeTaulukko #ohje UL LI {       
    line-height: 16px;
}


UL.listLineheight {
    line-height: 18px;
}



#browserDisclaimer {
    display: none;
}

.hr {
    width: auto;
    line-height: 1px;
    border-top: 1px solid #92A1B2;
    margin: 20px 0 20px 0;
}

.hr_left {
    width: auto;
    line-height: 1px;
    border-top: 1px solid #92A1B2;
    margin: 35px 0 20px 0;
}

.vr {
    width: 1px; background-color: #92A1B2; height: 100%; margin: 0 19px 0 19px;
}


/*    HEADER    */

#header {
    table-layout: fixed;
    width: 100%;
    height: 75px;
    background-color: white;
    /*background-image: url(/images/header_big.gif);*/
    border-collapse: collapse;
}

#headerBottom {
    height: 1px;
    line-height: 1px;
    background-color: #A7A7A7;
    margin-bottom: 20px;
}

#logo {
    width: 162px;
    vertical-align: bottom;
}


/* UUTTA HEADERIA VARTEN LUODUT/MUUTETUT TYYLIT  */

#statusPayment {
    width: 406px;
    padding-top: 15px;
    background-image: url(/images/header_big.gif);  /* jkj */
}

#statusPayment .textContainer {
    padding: 0 10px 6px 15px;
}

#statusPayment H3 {
    font-size: 11px;
    font-weight: bold;
    color: #000;
    padding: 0;
    margin: 0;
}

#statusPayment P {
    font-size: 10px;
    color: #000;
    padding: 0;
    margin: 0;
}

#statusPayment .linkContainer {
    padding: 6px 10px 0 15px;
}


#statusVarttiPersonal {
    width: 208px;
    background-image: url(../img/userlinks_bg.gif);
    border-left: 1px solid #C7B93B;
    border-right: 1px solid #C7B93B;
    padding: 13px 2px 0 2px;

} * HTML #statusPersonal { /* for IEs only */
                           width: 208px; /* non-standard value for non-compliant IEs */
                           w\idth: 208px; /* standard value for compliant IEs */
}

#topPromo {
    width:366px;
    vertical-align: bottom;
    padding: 15px 10px 6px 15px;
    background-image: url(/images/header_big.gif);
    background-repeat:repeat-x;
    background-position:0 2px;
} * HTML #topPromo { /* for IEs only */
                     width: 400px; /* non-standard value for non-compliant IEs */
}


#statusPersonal {
    width: 190px;
    border-left: 1px solid #A7A7A7;
    /*border-right: 1px solid #A7A7A7;*/
    padding: 13px 3px 0 7px;
} * HTML #statusPersonal { /* for IEs only */
                           width: 200px; /* non-standard value for non-compliant IEs */
                           w\idth: 190px; /* standard value for compliant IEs */
}

#statusPersonal H3 {
    font-size: 10px;
    font-weight: bold;
    color: #000;
    padding: 0;
    margin: 0;
}

#statusPersonal .textContainer {
    width: 105px;
    padding: 0;
    float: left;
    font-size: 10px;
}

#statusPersonal .textContainer .loggedInText {
    font-weight: bold;
}

#statusPersonal .linkContainer {
    padding: 0 0 0 0;
}

#statusPersonal .floatRight {
    width: 85px;
    float: right;

}



#statusPersonal IMG {
    margin: 0 0 4px 0;
    /*height: auto;*/
}

/* /UUTTA HEADERIA VARTEN LUODUT/MUUTETUT TYYLIT */

/*    /HEADER    */


/*    GRID    */
#grid {
    width: 550px;
    border-collapse: collapse;
}

#body {
    width: 541px;
    padding: 0 6px 50px 13px;
} * HTML #body { /* for IEs only */
                 width: 541px; /* non-standard value for non-compliant IEs */
                 w\idth: 611px; /* standard value for compliant IEs */
}

#bodyEtusivu {
    width: 467px;
    padding: 0 6px 50px 5px;
} * HTML #body { /* for IEs only */
                 width: 486px; /* non-standard value for non-compliant IEs */
                 w\idth: 467px; /* standard value for compliant IEs */
}




#body.wide {
    width: 770px;
    padding: 0 6px 50px 0;
} * HTML #body.wide { /* for IEs only */ 
                      width: 776px; /* non-standard value for non-compliant IEs */
                      w\idth: 770px; /* standard value for compliant IEs */
}

#farRight {
    background-color: #FFF;
    width:100%;
}

/*    /GRID    */


/*    NAVI    */

IMG.naviHeading {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #B4B4B4;
}

#haku, #jataIlmoitus, #tuoteryhmat, #lukuaika, #apulinkit {
    width: 146px;
    border-top: 1px solid #B4B4B4;
    border-bottom: 1px solid #B4B4B4;
}

#haku {
    width: 146px;
    background-image: url(../img/navi_haku_bg.gif);
    background-repeat: repeat-x;

}

#apulinkit, #tuoteryhmat {
    border-bottom: none;
}

#apulinkit {
    height: 100%;
    background-color: #ffffff;
    border-collapse: collapse;
    border-spacing: none;
}


.apulinkit {
    width: 146px;
    background-image: url(../img/navi_haku_bg.gif);
    background-repeat: repeat-x;

    height: 100%;

}



.loput {
    height: 100%;
    /*background-image: url(../img/navi_bg.gif);
	background-repeat: repeat-y;
    // padding-bottom: 60px; */

}
#jataIlmoitus IMG.naviHeading, #lukuaika IMG.naviHeading {
    border-bottom: none;
}

.naviBoxMargin {
    margin: 0;
    padding: 0;
    height: 5px;
    line-height: 5px;
    background-color: #ffffff;
}

.naviBoxMarginOma {
    margin: 0;
    padding: 0;
    height: 3px;
    line-height: 3px;
    background-color: #ffffff;
}



/*    /NAVI    */

/*    HAKU     */

#haku FORM {
    display: block;
    text-align: left;
    padding: 6px;
    margin: 0;
}

#haku SELECT, #haku INPUT.text {
    font-size: 11px;
    width: 133px;
    border: 1px solid #9D9DA1;
    margin-bottom: 4px;
    padding: 0;
}

#haku INPUT.text {
    padding: 2px 5px 2px 5px;
    font-weight: bold;
    width: 120px;
} * HTML #haku INPUT.text { /* for IEs only */


                            width: 130px; /* non-standard value for non-compliant IEs */
                            w\idth: 120px; /* standard value for compliant IEs */
}

#haku INPUT.button {
    display: block;
    text-align: left;
    margin-bottom: 8px;
}

#haku IMG {
    text-align: left;
}

/*    /P??NAVIGAATIO   */

/*    ETUSIVU    */

#etusivu {
    border-collapse: collapse;
    /* width: 611px; */
    width: 467px;
    table-layout: fixed;
    margin-bottom: -50px;
}

#etusivuBody {
    width: 460px;
    margin-right: 11px;
} * HTML #etusivuBody { /* for IEs only */
                        width: 460px;
                        w\idth: 460px;

}



#etusivuSidebar {
    width: 170px;
    background-image: url(../img/etusivu_sidebar_bg.gif);
    background-repeat: repeat-y;
}

#promootiopaikat{
    width: 170px;
    padding-right: 5px;
}

.promoPlaceholder {
    width:166px;
    background: #FFFFFF url(../img/kapeahaive_bg.gif) no-repeat scroll center bottom;
    padding-bottom:40px;
}

.naviheader {
    width: 166px;
    background: #FFFFFF url(../img/kapeahaive_top.gif) no-repeat scroll center bottom;
    height:29px;
}

.naviheader span {
    color: #999999;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    text-align:left;
    margin-left:25px;
    display:block;
    padding-top: 4px;
}

.etusivuSidebarPromo {
    width:140px;
}

#etusivuSidebarTextPromo {
    border-top: 1px solid #A7A7A7;
    padding: 8px;
}

#etusivuBody IMG#feature1 {
    border: 1px solid #A0A0A0;
    margin-bottom: 11px;
}

#threeFeatures {
    table-layout: fixed;
    border-collapse: collapse;
    width: auto;
    margin: 0 0 22px 0;
    padding: 0;
}

#threeFeatures A {
    font-weight: bold;
    display: block;
    font-size: 10px;
}

#threeFeatures H3 A {
    display: inline;
    font-size: 11px;

}

#threeFeatures H3 {
    color: #CD0000;
    font-weight: bold;
    font-size: 11px;
    margin: 7px 0 0 0;
    padding: 0;
}

TD.feature2, TD.feature3 {
    padding-right: 7px;
    padding-left:  7px;
    width: 141px;
} * HTML TD.feature2, * HTML TD.feature3 { /* for IEs only */
                                           width: 155px; /* non-standard value for non-compliant IEs */
                                           w\idth: 141px; /* standard value for compliant IEs */
}

TD.feature4 {
    width: 141px;
}


#etusivuTuoteryhmat {
    width: 456px;
    border-collapse: collapse;
    margin-bottom: 20px;
}

#etusivuTuoteryhmat THEAD TD {
    border: 1px solid #92A1B2;
    border-bottom: none;
    background-color: #F5F5F5;
    line-height: 21px;
    padding: 0 7px 0 7px;
}

#etusivuTuoteryhmat H3 {
    background-color: #FFF200;
    text-align: left;
    border-top: 1px solid #92A1B2;
    border-bottom: 1px solid #92A1B2;
    line-height: 19px;
    margin: 0 0 7px 0;
    padding: 0 7px 0 14px;
    font-size: 11px;
    background-image: url(../img/arrow_by.gif);
    background-repeat: no-repeat;
    background-position: 7px 50%;
}

#etusivuTuoteryhmat H3.empty {
    background-image: none;
}

#etusivuTuoteryhmat TD.firstColumn H3 {
    border-left: 1px solid #92A1B2;
}

#etusivuTuoteryhmat TD.lastColumn H3 {
    border-right: 1px solid #92A1B2;
}

#etusivuTuoteryhmat TD IMG {
    padding: 0 0 0 7px;
    margin: 0;
}

#etusivuTuoteryhmat TD UL {
    margin: -30px 4px 10px 40px;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    width: 90px;
} * HTML #etusivuTuoteryhmat TD UL  { /* for IEs only */
                                      width: 100px; /* non-standard value for non-compliant IEs */
                                      w\idth: 90px; /* standard value for compliant IEs */
}


#etusivuTuoteryhmat TD UL LI {
    padding: 0 0 0 7px;
    margin: 0;
    background-image: url(../img/arrow_bw.gif);
    background-repeat: no-repeat;
    background-position: 0 5px;
}

/*    /ETUSIVU    */


/*    TUOTERYHMAN ETUSIVU   */

#pageTitle {
    border-collapse: collapse;
    width: 541px;
    table-layout: auto;
    margin-bottom: 4px;
}

#pageTitleWide {
    border-collapse: collapse;
    width: 621px;
    table-layout: fixed;
    margin-bottom: 4px;
}

#pageTitleWide #title {
    width: 400px;
}

#pageTitle #title {
    width: 400px;
}

#pageTitle #title.wide {
    width: 541px;
}

#title IMG.areaLogo {
    float: left;
    margin-right: 8px;
}

#title H1 {
    font-size: 18px;
    margin: 6px 0 6px 0;
    padding: 0;
}

#title H2 {
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: #CD0000;
}

#cat_title_short{

    width:100px;
}

#cat_title{

    width:120px;
}

#cat_title H1 {
    font-size: 17px;
    margin: 0px 0px 0px 5px;
    padding: 0px;
}

#cat_title IMG.areaLogo #cat_title2 {
    float: left;
    margin-right: 8px;
}

.cat_links {
    vertical-align: top;
}

.cat_links UL {
    padding:0px 0px 7px 5px;
    margin:0;
    list-style-type: none;
    white-space: nowrap;
}
.cat_links UL LI {
    background-image: url(../img/arrow_bw.gif);
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding-left: 11px;
    font-size: 11px;

}

#cat_title2 {
    width: 190px;
}

#cat_title2 H1 {
    font-size: 17px;
    margin: 6px 0 6px 0;
    padding: 0;
}

.cat_links2 {
    width:205px;
    vertical-align: top;
}

.cat_links2 UL {
    padding:7px 0 7px 5px;
    margin:0;
    list-style-type: none;
}
.cat_links2 UL LI {
    background-image: url(../img/arrow_bw.gif);
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding-left: 11px;
}

.pikahaku {
    padding:2px;
    border:1px solid #999;
    width:533px;
    margin: 0 10px 15px 0;
    background-color:#eaeaea;
}
.pikahaku select, .pikahaku input {
    border:1px solid #999;
    width:125px;
    height:17px;
    padding:0;
    margin:0 5px 0 0;
    font-size:12px;
}

.pikahaku .hae {
    width:40px;
    height:15px;
    padding:0;
    margin:0 5px 0 0;
    float:right;
}

.pikahaku H2 {
    font-size:13px;
}


#PageTitle{
    width: 141px;
}

#promo{
    width: 141px;
}


viikonAutoLiike {
    float: left;
    width: 125px;
    padding-top: 10px;
    padding-right: 47px;
}

.featuresText {
    float: left;
    width: 125px;
    padding-top:10px;
    padding-right:47px;
}

.featuresTextAuto {
    width:528px;
    padding:0 0 0 5px;
    margin-top:15px;
    border:1px solid #92A1B2;
}

.featuresTextOthers {
    width:528px;
    padding:0 0 5px 5px;
    margin-top:15px;
    border:1px solid #92A1B2;
}

.featuresText H1 {
    font-weight:bold;
    font-size:18px;
    color:#aaa;
}


.featuresText H3 {
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 11px;
    font-weight: bold;
}

.featuresText UL {
    padding: 0;
    margin: 0;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
}

#tuoteryhmaEtusivuFeatures {
    border-top: 1px solid #92A1B2;
    padding-top: 9px;
    width: 541px;
}

#tuoteryhmaHaku {
    background-color: #E7E4D1;
    border: 1px solid #92A1B2;
    padding:  3px 6px 3px 6px;
    margin-bottom: 20px;
}

#tuoteryhmaHaku SELECT, #tuoteryhmaHaku INPUT.text {
    font-size: 11px;
    border: 1px solid #9D9DA1;
    padding: 0;
    margin: 0;
    height: 15px;
    line-height: 15px;
}

#tuoteryhmaHaku INPUT.text {
    padding-left: 4px;
    padding-right: 4px;
    width: 120px;
}

#tuoteryhmaHaku INPUT.button {
    float: right;
    margin-top: 3px;
}

#tuoteryhmaEtusivuAlaosastot {
    width: 535px;;
    border-collapse: collapse;
    border: 1px solid #92A1B2;
}

#tuoteryhmaEtusivuAlaosastot H3 {
    background-color: #FFF200;
    background-image: url(../img/arrow_by.gif);
    background-repeat: no-repeat;
    background-position: 7px 50%;
    text-align: left;
    border-bottom: 1px solid #92A1B2;
    line-height: 19px;
    margin: 0 0 7px 0;
    padding: 0 7px 0 18px;
    font-size: 11px;
}


#tuoteryhmaEtusivuAlaosastot TD.firstColumn, #tuoteryhmaEtusivuAlaosastot TD.middleColumn, #tuoteryhmaEtusivuAlaosastot TD.lastColumn {
    width: 33%;
}

#tuoteryhmaEtusivuAlaosastot TD.firstColumn {
    border-right: 1px solid #92A1B2;
}

#tuoteryhmaEtusivuAlaosastot TD.lastColumn {
    border-left: 1px solid #92A1B2;
}

#tuoteryhmaEtusivuAlaosastot TD.bottom {
    background-color: #F5F5F5;
    border-top: 1px solid #92A1B2;
    height: 26px;
}

#tuoteryhmaEtusivuAlaosastot UL {
    margin: 0 7px 10px 7px;
    padding: 0;
    list-style-type: none;
}

#tuoteryhmaEtusivuAlaosastot UL LI{
    background-image: url(../img/arrow_bw.gif);
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding-left: 11px;
}

.keskimainokset {
    width:100%;
}

.keskimainos {
    width:139px;
    padding:10px 18px 0 18px;
}

/*    /TUOTERYHM?N ETUSIVU   */

/*    TUOTERYHM?, TASO 2   */

#osasto {
    width: 611px;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}

#osasto TD.keskipalsta {
    background-color: #FfF;
}

#osasto TD.lastColumn {        
    /*background-color: #F5F5F5;*/
    width: 33%;
    /*border: 1px solid #92A1B2;	*/
}

#osastoAlaosastot {
    border-collapse: collapse;
    margin: 0;
    width: 100%;
}

.osastoAlaosastot_Header {
    padding-top: 5px;
    padding-bottom: 0;

}

.osastoAlaosastot_Header H3 {
    background-image: url(../img/arrow_by.gif);
    background-repeat: no-repeat;
    background-position: 7px 5px;
    text-align: left;
    line-height: 15px;
    margin: 0;
    padding: 0 7px 0 15px;
    font-size: 11px;
}

.osastoAlaosastot_Body {
    background-color: #FFFFFF;
    border-right: 1px solid #92A1B2;
}

.osastoAlaosastot_Body P {
    margin: 0;
    padding: 8px;
    background-color: #ffffff;
}

.osastoAlaosastot_Body UL {
    background-color: #ffffff;
    padding: 0 8px 0 16px;
    margin: 0;
    list-style-type: none;
}

.osastoAlaosastot_Body UL LI{
    background-image: url(../img/arrow_bw.gif);
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding-left: 11px;
}

.osastoAlaosastot_Footer A.endLink {
    display: block;
    font-weight: normal;
    padding: 0 8px 14px 16px;
}

#osastoAlaosastot TD.bottom {
    height: 75px;
}

.promo144Yellow {
    background-color: #FFF6A5;
    background-image: url(../img/box_141_yellow_bg.gif);
    background-repeat: repeat-y;
    width: 141px;
}

.promo144Yellow A {
    display: block;
    padding: 11px;
    font-weight: bold;
}

.promo144Yellow IMG.arrowBall {
    float: right;
    margin: 0 0 0 6px;
}

.promo186Top {
    background-image: url(../img/box_186_yellow_top.gif);
    background-repeat: no-repeat;
    margin: 8px 8px 0 8px;
    width: 186px;
    height: 4px;
    padding: 0;
} * HTML .promo186Top { /* IE bugfix */
                        margin-bottom: -9px;
} 

.promo186Bottom {
    background-image: url(../img/box_186_yellow_bottom.gif);
    background-repeat: no-repeat;
    margin: 0 8px 0 8px;
    width: 186px;
    line-height: 4px;
    padding: 0;
}

.promo186Yellow {
    background-color: #FFFBD9;
    background-image: url(../img/box_186_yellow_bg.gif);
    background-repeat: no-repeat;
    border-right: 1px solid #F3DD3C;
    border-left: 1px solid #F3DD3C;
    margin: 0 8px 0 8px;
    padding: 8px;
    width: 168px;
    text-align: center;
    min-height: 103px; /* minimum height for standard compliant browsers */
    height: 103px; /* height for IE6 (will actually treat it like minimum height) */
} BODY[class] .promo186Yellow {
    height: auto; /* reset height to auto for standard compliant browsers */
} * HTML .promo186Yellow  { /* for IEs only */

                            width: 186px; /* non-standard value for non-compliant IEs */
                            w\idth: 168px; /* standard value for compliant IEs */
}

.promo186Yellow IMG {
    display: inline;
}

.promo186Yellow H4 {
    margin: 0 0 8px 0;
    padding: 0;
}

.promo186Yellow H4 IMG {
    padding-left: 6px;
}


.promo186Yellow A:link, .promo186Yellow A:visited {
    color: #000000;
}

.promo186Yellow A:hover, .promo186Yellow A:active  {
    color: #ff0000;
}

.promoText {
    background-color: #F4F2EA;
    border: 1px solid #92A1B2;
    width: 184px;
    margin: 8px 8px 25px 8px;
}

.promoText H4 {
    font-size: 11px;
    background-color: #E7E4D1;
    margin: 0;
    padding: 7px 9px 5px 9px;
}

.promoText UL, #osastoAlaosastot .promoText UL {
    background-color: transparent;
    padding: 0;
    margin: 14px;
    list-style-type: none;
}

.promoText UL LI, osastoAlaosastot .promoText UL LI {
    background-image: url(../img/arrow_bw.gif);
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding: 0 0 19px 11px;
}

.promoText .hr {
    margin: 12px 8px 12px 8px;

}

.promoText P {
    margin: 9px;
}

.promoTexter {
    background-color: #F4F2EA;
    border: 1px solid #92A1B2;
    width: 350px;
    margin: 8px 8px 25px 8px;
}

.promoTexter H4 {
    font-size: 11px;
    background-color: #E7E4D1;
    margin: 0;
    padding: 7px 9px 5px 9px;
}

.promoTexter UL, #osastoAlaosastot .promoTexter UL {
    background-color: transparent;
    padding: 0;
    margin: 14px;
    list-style-type: none;
}

.promoTexter UL LI, osastoAlaosastot .promoTexter UL LI {
    background-image: url(../img/arrow_bw.gif);
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding: 0 0 19px 11px;
}

.promoTexter .hr {
    margin: 12px 8px 12px 8px;

}

.promoTexter P {
    margin: 9px;
}

/*    /TUOTERYHM?, TASO 2   */

/*    ILMOITUS   */

#ilmoitus {
    width: 611px;
    border-collapse: collapse;
    border: 1px solid #92A1B2;
}

#ilmoitus THEAD TD {
    background-color: #F4F2EA;
    border-bottom: 1px solid #92A1B2;
    height: 58px;
}

#ilmoitus THEAD H1 {
    float: left;
    font-size: 16px;
    margin: 15px 0 0 8px;
}

#ilmoitus TD.lastColumn {
    background-color: #F5F5F5;
    border-left: 1px solid #92A1B2;
    width: 33%;
}

#ilmoitusTiedot {
    border-collapse: collapse;
    width: 100%;
}

#ilmoitusTiedot TD, #ilmoitusTiedot TH {
    padding: 4px 8px 4px 8px;
    font-size: 12px;
    vertical-align: top;
}

#ilmoitusKuvat TD {
    background-color: #F4F2EA;
    padding: 3px;
}

#ilmoitusKuvat TABLE {
    border-collapse: collapse;
}

#ilmoitusKuvat TABLE TD {
    padding: 3px;
}

#ilmoitusKuvat IMG {
    border: 1px solid #727272;
}

#ilmoitusTuote TD, #ilmoitusTuote TH {
    background-color: #E7E4D1;
    padding: 9px 8px 9px 8px;
    border-bottom: 17px solid #ffffff;
}

#ilmoitusTiedot TH {
    text-align: right;
    width: 33%;
}

#ilmoitus #lisaaMuistilistaan {
    display: block;
    float: right;
    background-color: #ffffff;
    border-left: 1px solid #92A1B2;
    height: 58px;
    width: 100px;
    text-align: center;
}

#ilmoitus #lisaaMuistilistaan IMG {
    display: inline;
    margin-top: 7px;
}

#ilmoitus #printButton {
    display: block;
    float: right;
    height: 58px;
    margin-right: 23px;
}

#ilmoitus #printButton IMG {
    margin-top: 17px;
}

/*    /ILMOITUS   */


/*    TUOTELISTA    */

#tuotelista {
    width: 541px;
    border-collapse: collapse;
    border-left: 0;
    border-right: 0;
    border-top: 1px solid #92A1B2;
    border-bottom: 0;

}

#tuotelista FORM {

    display: block;
    padding: 13px;
    margin: 0;
}

#tuotelista SELECT {
    font-size: 11px;
    border: 1px solid #9D9DA1;
    padding: 0;
    margin: 0;
    height: 15px;
    line-height: 15px;
}

#tuotelista SELECT.multiple_ {
    font-size: 11px;
    border: 1px solid #9D9DA1;
    padding: 0;
    margin: 0px;
    height: 60px;
    line-height: 15px;
}

#tuotelista SELECT, #tuotelista INPUT {
    margin-left: 4px;
    margin-right: 4px;
}


#tuotelista .productCount {
    float: left;
    padding: 0 0 13px 13px;
}


#tuotelista .subPageNavi {
    float: right;
    padding: 0 13px 13px 0;
    color: #C20000;

}

#tuotelista TFOOT .productCount {
    padding: 6px 0 6px 6px;
}

#tuotelista TFOOT .subPageNavi {
    padding: 6px 6px 6px 0;
}


#tuotelista .inActive {
    color: #000000;
}

#tuotelista IMG {
    display: inline;
}

#tuotelista THEAD TD {
    background-color: #F4F2EA;
    border: 1px solid #92A1B2;
}

#tuotelista TFOOT TD {
    background-color: #F4F2EA;
    border: 1px solid #92A1B2;
}

#tuotelista H4 {
    font-size: 11px;
    font-weight: normal;
    color: #C20000;
    margin: 0;
    padding: 8px 12px 0 12px;
    background-color: #FAF164;
    border-left: 1px solid #92A1B2;
    border-right: 1px solid #92A1B2;
}

#tuotelista H3 {
    font-size: 16px;
    font-weight: bold;
    color: #C20000;
    margin: 0;
    padding: 8px 12px 11px 12px;
    background-color: #FAF164;
    border-left: 1px solid #92A1B2;
    border-right: 1px solid #92A1B2;
}

#tuotelista TH {
    font-size: 11px;
    background-color: #E7E4D1;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    border-top: 1px solid #92A1B2;
    padding: 0;
}

#tuotelista TH A {
    display: block;
    line-height: 16px;
    margin: 0;
    padding: 5px 5px 5px 15px;
}

#tuotelista TH A:HOVER {
    background-color: #A7A597;
    color: #C20000;
    text-decoration: none;
    background-image: url(../img/arrow_up.gif);
    background-repeat: no-repeat;
    background-position: 5px 50%;
}

#tuotelista A.sortColumnUp IMG, #tuotelista A.sortColumnDown IMG {
    margin-left: 5px;
}

#tuotelista A.sortColumnUp, #tuotelista A.sortColumnDown { 
    background-color: #A7A597;
    color: #ffffff;
    background-repeat: no-repeat;
    background-position: 5px 50%;
}

#tuotelista A.sortColumnUp {
    background-image: url(../img/arrow_up.gif);
}

#tuotelista A.sortColumnDown {
    background-image: url(../img/arrow_down.gif);
}

#tuotelista A.sortColumnUp:HOVER {
    background-image: url(../img/arrow_down.gif);
    color: #C20000;
}

#tuotelista TH {
    border: 1px solid #92A1B2;
}

#tuotelista TH.nolink {
    padding: 5px;
}

#tuotelista TD.tyyppi A {
    color:#000;
}

#tuotelista TD.tyyppi A:hover {
    color:#C20000;
}

#tuotelista TD.tyyppi, #tuotelista TD.telealue, #tuotelista TD.hinta {
    text-align: center;
    padding: 5px 2px 5px 2px;
    border-top: 1px solid #D6DBE2;
    border-right: 1px solid #D6DBE2;
}

#tuotelista TD.ilmoitus, #tuotelista TD.jatetty {
    word-break:break-all;
    text-align: left;
    padding: 5px;
    border-top: 1px solid #D6DBE2;
    border-right: 1px solid #D6DBE2;
}

#tuotelista TD.muistiin {
    text-align: right;
    padding: 2px;
    border-top: 1px solid #D6DBE2;
}

#tuotelista TD.muistiin A:visited{
    color:#666666;
}

#tuotelista TD.muistiin_eilukuaikaa {
    text-align: center;
    padding: 5px 2px 5px 2px;
    border-top: 1px solid #D6DBE2;
}

#tuotelista .oddRow TD {
    background-color: #F4F2EA;
    border: 1px solid #d6dbe2;
}

#tuotelista .oddRow TD.tyyppi {
    background-color: #F4F2EA;
    border-left: 1px solid #92A1B2;
}

#tuotelista .oddRow TD.muistiin {
    background-color: #F4F2EA;
    border-right: 1px solid #92A1B2;
}

#tuotelista .normalRow TD {
    background-color: #FFFFFF;
    border: 1px solid #d6dbe2;
}

#tuotelista .normalRow TD.tyyppi {
    background-color: #FFFFFF;
    border-left: 1px solid #92A1B2;
}

#tuotelista .normalRow TD.muistiin {
    background-color: #FFFFFF;
    border-right: 1px solid #92A1B2;
}

#tuotelista_pikahaku_ja_muistilista {
    width: 541px;
}

#tuotelista_pikahaku_ja_muistilista #tuotelista_pikahaku {
    padding-bottom: 5px;
}

.thumbnailOmasSivu {
    max-width: 55px;
    max-height: 40px;
    float: left;
    padding: 3px 10px 3px 0px;
}

.thumbnailOmasSivuIe6v {
    height: 40px;
}

#tuotelista_pikahaku_ja_muistilista #tuotelista_muistilista {
    width: 50%;
    text-align: right;
    vertical-align: bottom;
}


.bannerLocationCell{

    border: 1px solid #92a1b2;

}

.bannerLocationDiv {

    padding-top: 8px;

    text-align: center;

    padding-bottom: 8px;



}



.bannerLocationFrame {

    width: 300px;

    height: 250px;

    border: none;

}




/*    /TUOTELISTA    */

/*    TARKENNETTU HAKU   My?s sivuihin register.jsp, service_order.jsp, ahit_agent_edit.jsp */

#tarkennettuHaku {
    width: 611px;
    border-collapse: collapse;
    border: 1px solid #92A1B2;
}

#tarkennettuHaku #form {
    width: 66%;
    background-color: #F4F2EA;
}

#tarkennettuHaku #ohje {
    width: 33%;

    background-color: #FFFFB3;
    border-left: 1px solid #92A1B2;
}

/* #formia k?ytet??n monilla muillakin sivuilla kuin tarkennetussaHaussa */

#form TABLE TR {
    vertical-align: top;
}

#form TABLE TH, #form TABLE TD {
    padding-top: 8px;
    padding-bottom: 8px;
}

#form TABLE TH {
    width: 33%;
    text-align: right;
    font-weight: bold;
    font-size: 11px;
}

#form TABLE TH input {
    width:10%;
}

#form TABLE TD {
    padding-left: 8px;
}

#form INPUT, #form SELECT, #form TEXTAREA {
    font-size: 11px;
    width: 240px;
    /*	border: 1px solid #9D9DA1;*/
}

#form INPUT, #form TEXTAREA {
    padding: 2px 5px 2px 5px;
    width: 230px;
} * HTML #form INPUT, #form TEXTAREA  { /* for IEs only */
                                        width: 240px; /* non-standard value for non-compliant IEs */
                                        w\idth: 230px; /* standard value for compliant IEs */
}

#form TEXTAREA {
    height: 100px;
}

#form INPUT.hinta, #form SELECT.ajalta { /*T?m? tyyli ohjaa my?s muilla sivuilla olevia kentti? */
                                         width: 95px;
}

#form INPUT.checkbox, #form INPUT.radio, #form INPUT.button {
    width: auto;
}


#form INPUT.button {
    font-family: Verdana;
    background-color: #E72E2E;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 9px;
    border-width: 1px;
    border-style: solid;
    border-color: #EE7070 #660000 #660000 #EE7070;

}

#ohje H4 {
    background-color: #ECECA5;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 20px 10px 10px 10px;
    height: 45px;
}

#ohje H4 IMG {
    float: left;
    margin-right: 15px;
    margin-top: -10px;
}

#ohje H5 {
    font-size: 11px;
    font-weight: bold;
    margin: 0 15px 8px 15px;
    padding: 0;
}

#ohje P {
    margin: 0 15px 8px 15px;
}

#ohje UL.rekisteroidy LI {
    line-height: 18px;
}



/*    /TARKENNETTU HAKU    */


/*    HAKEMISTO    */

#hakemisto {
    width: 611px;
    border-collapse: collapse;
}

#hakemisto TD {
    width: 50%;
}

#hakemisto H2 {
    font-size: 30px;
    font-weight: normal;
    margin: 0;
    padding: 0 0 5px 10px;
    border-bottom: 1px solid #92A1B2;
}

#hakemisto UL {
    padding: 13px 0 15px 10px;
    margin: 0;
    list-style-type: none;
}

/*    /HAKEMISTO    */


/*    SIS?LLYSLUETTELO    */

#sisallysluettelo {
    width: 611px;
    border-collapse: collapse;
}

#sisallysluettelo TD {
    width: 50%;
}

#sisallysluettelo H2 {
    font-size: 20px;
    font-weight: normal;
    margin: 0;
    padding: 0 0 5px 10px;
    border-bottom: 1px solid #92A1B2;
}

#sisallysluettelo UL {
    font-size: 14px;
    padding: 13px 0 35px 10px;
    margin: 0;
    list-style-type: none;
}

#sisallysluettelo UL LI {
    background-image: url(../img/arrow_bw.gif);
    background-repeat: no-repeat;
    background-position: 0 7px;
    padding-left: 11px;
}

#sisallysluettelo UL UL {
    font-size: 11px;
    padding: 0 0 0 10px;
}

#sisallysluettelo UL UL LI {
    background-position: 0 5px;
}


/*    /SIS?LLYSLUETTELO    */


/*  STATICPAGE on yleinen tyyli, jota kaytetaan heti otsikko-osan (pageTitle) alla olevassa tablessa (sivun varsinainen sisalta).
Pyritaan muutenkin merkitsemaan eri sivuilla usein toistuvat elementit static-tyyleilla, jottei tyylitiedosto enaa hirmuisesti kasvaisi.  */

#staticPage {
    width: 611px;
    border-collapse: collapse;
    table-layout: fixed;
}

#staticPageKapea {
    width: 541px;
    border-collapse: collapse;
    table-layout: fixed;
}


#staticPage FORM {
    display: block;
    padding: 13px;
    margin: 0;
}

#staticPage SELECT {
    font-size: 11px;
    border: 1px solid #9D9DA1;
    padding: 0;
    margin: 0;
    height: 15px;
    line-height: 15px;
}

#staticPage SELECT, #staticPage INPUT {
    margin-left: 4px;
    margin-right: 4px;
}



/* /STATICPAGE */

/* TILAA LUKUAIKAA */

TD.otsikko_osa {
    background-color: #E7E4D1;
    border-bottom: 1px solid #ffffff;
}

#tilausTaulukko {    width: 100%;   }


/* UUTTA MAKSUPROSESSIA VARTEN TEHDYT TYYLIT */

#pageTitle #title_narrow {
    width: 409px;
}

#title_narrow IMG.areaLogo {
    float: left;
    margin-right: 8px;
}

#title_narrow H1 {

    font-size: 18px;
    margin: 6px 0 6px 0;
    padding: 0;
}

#title_narrow H2 {
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: #CD0000;
}

#title_narrow DIV.textContainer {
    clear:both;
    padding: 10px 50px 15px 3px;
    margin: 0;
}

#PageTitle #steps {
    width: 202px;
}

.stepPointer {
    width: 200px;
    background-color: #F8EB15;
    border: 1px solid #92A1B2;
    margin-bottom: 17px;
}
/* korjaa divin venym??n sis?lt?miens? floattaavien elementtien mukaan mozillassa */ 
.stepPointer:after { 
    content: ".";
    display: block;
    line-height: 1px;
    font-size: 1px;
    clear: both;
}

.stepPointer SPAN.boldText {
    display: block;
    margin: 5px 7px 0px 10px;
}

.stepPointer DIV {
    float: right;
    margin: 3px 3px 3px 0;
    width: 18px;
    height: 18px;
    background-color: #DCDCD9;
    color: #000;
    font-weight: bold;
    line-height: 16px;
    text-align: center;
    border: 1px solid #92A1B2;
}

/* maksuprosessin aktiivinen vaihe (1-3) merkit??n antamalla kyseiselle diville (step1, step2 tai step3) classiksi "activeStep" */
.stepPointer DIV.activeStep {
    background-color: #51C811;
    color: #FFF;
}

.tipBox {
    width: 200px;
    background-color: #F4F2EA;
    border: 1px solid #92A1B2;
}

.tipBox H3 {
    font-size: 11px;
    color: #000;
    font-weight: bold;
    margin: 7px 10px 2px 10px;
}

.tipBox P {
    font-size: 11px;
    color: #000;
    margin: 5px 10px 10px 10px;
}

#maksuLomake {
    width: 611px;
    border-collapse: collapse;
    border: 1px solid #92A1B2;
}

#maksuLomake #form {
    width: 408px;
    background-color: #F4F2EA;
}

#maksuLomake #ohje {
    width: 200px;
    background-color: #FFFFB3;
    border-left: 1px solid #92A1B2;
}

#tilausTaulukko.biggerText TD { 
    font-size: 12px;
}

#tilausTaulukko .bigText {
    font-size: 16px;
}

#tilausTaulukko .noticeText {
    font-size: 16px;
    color: #EE040B;
    text-transform: uppercase;
}

#tilausTaulukko TH.short {
    width: 46px;
    text-align: left;
    padding-left: 6px;
}

TD.summa_osa {
    background-color: #D2D2D2;
    font-size: 12px;
}

TD.pankit_osa {
    background-color: #FFFFFF;
}

TD.pankit_osa IMG {
    float: right;
    margin: 20px 20px 85px 20px;
}

#form INPUT.paymentImage {
    border: none;
    float: right;
    margin: 20px 20px 85px 20px;
}

/* lukuajan aktivointi */

#maksuLomake.noBorder {
    border: none;
}

#maksuLomake #form.noBg {
    background-color: #FFF;
}

#maksuLomake #ohje.allBorders {
    border: 1px solid #92A1B2;
}

/* /lukuajan aktivointi */

#form INPUT.payment {
    text-align: left;
    margin-right: 5px;
    width: 185px;
}

#form INPUT.short {
    width: 132px;
}

#form INPUT.cancel {
    float: right;
    margin-right: 5px;
    width: 110px;
}

/* /UUTTA MAKSUPROSESSIA VARTEN TEHDYT TYYLIT */

/* /TILAA LUKUAIKAA */




/* MIKSI REKISTER?ITY? */
#miksiRekisteroitya UL LI {
    line-height: 18px;
}
/* /MIKSI REKISTER?ITY? */



/* UNOHTUIKO TUNNUKSET */

#unohtuikoLomake {
    width: 100%;
    border: 1px solid #92A1B2;
    background-color: #F4F2EA;
}

/* /UNOHTUIKO TUNNUKSET */

/* OHJEET */

#ohjeLinkit UL {
    list-style-type: none;
    line-height: 18px;
    font-size: 12px;
}

#ohjeLinkit H2 {
    margin: 0;
    padding: 3px 0 3px 12px;
    background-color: #FAF164;
    border-top: 1px solid #92A1B2;
    border-bottom: 1px solid #92A1B2;
}

/* /OHJEET */

/* YHTEYSTIEDOT */


#yhteystiedot H2 {
    margin: 0;
    padding: 3px 0 3px 12px;
    background-color: #FAF164;
    border-top: 1px solid #92A1B2;
    border-bottom: 1px solid #92A1B2;
}

#yhteystiedot TABLE {
    width: 100%;
}

#yhteystiedot TABLE TR {
    vertical-align: top;
}

#yhteystiedot TABLE TH, #yhteystiedot TABLE TD {
    padding-top: 10px;
    padding-bottom: 10px;
}

#yhteystiedot TABLE TH {
    padding-left: 10px;
    width: 33%;
    font-weight: normal;
    text-align: left;
}

/* YHTEYSTIEDOT */


/* MEDIATIEDOT */

#mediatiedot H2 {
    margin: 0;
    padding: 3px 0 3px 12px;
    background-color: #FAF164;
    border-top: 1px solid #92A1B2;
    border-bottom: 1px solid #92A1B2;
}


#mediatiedot H3 {

    margin: 0;

    padding: 3px 0 3px 12px;
    background-color: #FAF164;
    border-top: 1px solid #92A1B2;
    border-bottom: 1px solid #92A1B2;

    font-size: 12px;
}


#mediatiedot TABLE {
    width: 100%;
}

#mediatiedot TABLE TH, #mediatiedot TABLE TD {
    padding: 3px 3px;
}

.neljaSaraketta TH, .neljaSaraketta TD {
    width: 25%;
}

.kaksiSaraketta TH, .kaksiSaraketta TD {
    width: 50%;
}

#mainosHinnat {
    border-collapse: collapse;
    margin: 0;
    border: 1px solid #92A1B2;
}

#mainosHinnat TD {
    border: 1px solid #D6DBE2;
}


/* /MEDIATIEDOT */

/* MAKSU PANKIN KAUTTA */
#pankkisiirtoLomake {
    width: 611px;
    border-collapse: collapse;
    border: 2px solid #92A1B2;
}

#pankkisiirtoLomake TD {
    border: 1px solid #D6DBE2;
    padding: 3px 3px;
}

#pankit {
    width: 100%;
    border: 0;
}

#pankit TD {
    border: 0;
    padding: 3px 3px;
    text-align: center;
}

/*  /MAKSU PANKIN KAUTTA */

/* MAKSU PUHELIMELLA */

#maksuPuhelimella {
    border: 1px solid #92A1B2;
    background-color: #F4F2EA;
    padding: 15px 5px 5px 15px;
}

#maksuPuhelimella OL LI {
    line-height: 16px;
}

/* /MAKSU PUHELIMELLA */

/* LUKUKERRAN TILAUS */

#lukukertaTilaus {
    width: 100%;
    border: 1px solid #92A1B2;
    border-collapse: collapse;
}

#lukukertaTilaus TD {
    border: 1px solid #D6DBE2;
    padding: 15px;
}


/* /LUKUKERRAN TILAUS */


/* KIRJAUTUMINEN */

/*  T?m? ja 2 seuraavaa tyyli? olivat sis??nkirjautumissivua varten silloin kun navigaatiot eiv?t olleet sivulla mukana.
#loginBody {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        background-color: #FFFFFF;
} 

#kehysTaulukko {
        width: 100%;
        height: 100%;
}


#kehysTaulukko TD {
        vertical-align: middle;
}
*/

#kirjauduSisaan {
    /*   margin-left: auto;
       margin-right: auto; */
    width: 611px;
    /* border: 1px solid #92A1B2; */
}

#kirjauduSisaan TD {
    padding: 7px;
}

#kirjauduUlos {
    /*
            margin-left: auto;
            margin-right: auto; */
    width: 611px;
}

#kirjauduUlos TD {
    padding: 7px;
}


#kirjauduLomake {
    margin-left: 138px;
    border: 1px solid #92A1B2;
    background-color: #F4F2EA;
    width: 50%;
}

#kirjauduLomake TH {
    margin: 0;
    padding: 5px;
    width: 50%;
    text-align: right;
    font-weight: bold;
    font-size: 11px;
}

#kirjauduLomake TD {
    margin: 0;
    padding: 5px;
}

#kirjauduOhjeet {
    width: 100%;
}

/* /KIRJAUTUMINEN */

/* ILMOITUSVAHTI */

#ilmoitusvahti {
    width: 80%;
    border: 1px solid #92A1B2;
    border-collapse: collapse;
    margin: 0;
}

#ilmoitusvahti TH {
    width: 65%;
    border: 1px solid #D6DBE2;
    padding: 5px;
    text-align: left;
}

#ilmoitusvahti TD {
    width: 35%;
    border: 1px solid #D6DBE2;
    padding: 5px;
}

#ohjeIlmoitusvahti { 
    width: 611px;
    border-collapse: collapse;
    table-layout: fixed;
}

#ohjeIlmoitusvahti #ohje {
    border-collapse: collapse;
    background-color: #FFFFB3;
    border: 1px solid #92A1B2;
}	

#ohjeIlmoitusvahti #ohje UL LI {       
    line-height: 20px;
}

#lisaaIlmoitusvahti_ohje {
    margin-left: 15px;
    margin-right: 10px;
    border: 1px solid #92A1B2;
    border-collapse: collapse;
}

#lisaaIlmoitusvahti_ohje TD {
    padding: 5px;
    border: 1px solid #D6DBE2;
    text-align: center;
}

#lisaaIlmoitusvahti_ohje TD.boldText {
    text-align: left;
}

lisaaIlmoitusvahti_form {
    width: 100%;
}

#ilmoitusvahtiLista {
    width: 100%;
    border: 1px solid #92A1B2;
    border-collapse: collapse;
    margin: 0;
}


#ilmoitusvahtiLista TD {
    border: 1px solid #D6DBE2;
    padding: 5px;
    text-align: left;
}

#ilmoitusvahtiLista TD.firstColumn {
    width:25%;
}

#ilmoitusvahtiLista TD.secondColumn {
    width:55%;
}

#ilmoitusvahtiLista TD.thirdColumn {
    width:20%;
}


/* /ILMOITUSVAHTI */


/* omatIlmotuksetLista */ 
#omatIlmoitukset_lista {
    width: 100%; 
    border: 1px solid #92A1B2;
    border-collapse: collapse; 
}


#omatIlmoitukset_lista TD {
    border: 1px solid #D6DBE2;
    padding: 3px;
    text-align: center;
}

/* /omatIlmotuksetLista */ 

/* J?t? ilmoitus */

#jataIlmoitusTable {
    width: 611px;
    border-collapse: collapse;
    table-layout: fixed;
}

#jataIlmoitusTable #form TABLE.formitable {
    background-color: #F4F2EA;
    border: 1px solid #92A1B2;
}

#jataIlmoitusTable #form TH {
    width: 33%;
}


#form TD.jataIlmoitus_otsake {
    padding: 0;
    margin: 0;
}

#form TD.jataIlmoitus_otsake H2 {
    margin: 0;
    padding: 3px 0 3px 12px;
    background-color: #FAF164;
    border-top: 1px solid #92A1B2;
    border-bottom: 1px solid #92A1B2;
}

#form #ilmoitusOtsake {
    height: 20px;
}

#form #merkkejaJaljella {
    width: 30px;
}

#form .shortField {
    width: 50px;
}

#form #ohjeMaksaminen TD {
    padding: 0;
    margin: 0;
}	

/* /J?t? ilmoitus */


/* Ohjesivut */

H2.ohjeotsikko { /* My?s omat tiedot -sivulla */
                 margin: 0;
                 padding: 3px 0 3px 12px;
                 background-color: #FAF164;
                 border-top: 1px solid #92A1B2;
                 border-bottom: 1px solid #92A1B2;
}

/* /Ohjesivut */

/* Oma sivu */

/*Laitetaan kommentti v?liaikaisesti */
.nayta_button {
    display: inline;
    vertical-align: middle;
}

#pikahaut {
    width: 611px;
    border-collapse: collapse;
    table-layout: fixed;
    background-color: #F4F2EA;
    border: 1px solid #92A1B2;
}

#pikahaut TD {
    padding: 5px;
    border: 1px solid #D6DBE2;
}
/* /Oma sivu */


/* Korostetut ilmoitukset */

.kehys {
    border-style: solid; 
    border-width: 2 px; 
    border-color: #999999; 
    width: 98%; 
}

.kehys TD{
    padding: 3 px;    
}

.vahvennettu {
    width: 98%;
    border-width: 1 px;
    border-style: solid;
    border-color: #999999; 
}

.vahvennettu TD{
    padding: 3 px; 
    font-weight: bold;
    color: #A82200;
}

.negatiivi {
    width: 98%; 
    border-color: #353535;
    background-color: #353535; 
}

.negatiivi TD {
    padding: 3 px;
    color: #FFFFFF;
}

/* /Korostetut ilmoitukset */

/* Esimerkit korostetuista ilmoituksista Ilmon j?tt? -sivulla */


#korostetutIlmoitukset {
    border: 1px solid #92A1B2;
    width: 640px;
    margin: 10px;
    border-collapse: collapse;
}

#korostetutIlmoitukset TD {
    padding: 0;
    margin: 0;
    background-color: #FFFFFF;
    border: 1px solid #D6DBE2;
}

#korostetutIlmoitukset IMG.kuvamargin {
    margin:10px;
}

/* Esimerkit p??ttyy */




/*         USER_ORDERS       */


#userOrdersTable {
    border-collapse: collapse; 
    border-width: 1px; 
    border-style: solid; 
    width: 100%; 
    text-align: center; 
    padding: 2px;
}

#userOrdersTable TD {
    padding: 3px;
    border: 1px solid #D6DBE2;
}

/* 
        /USER_ORDERS 
*/

/* CHOOSE CATEGORY */

#valinta_sisennys {
    padding-left:20px;
}

/* /CHOOSE CATEGORY */

/* KORITYYPIT */

#korityypit_popup {
    margin: 10px;

}

#korityypit {
    border: 1px solid #92A1B2;
    width: 640px;
    border-collapse: collapse;
}

#korityypit TD {
    padding: 3px;
    border: 1px solid #D6DBE2;
}

/* /KORITYYPIT */

/* TARKISTA ILMOITUKSEN TIEDOT */

#offerPreview {
    width: 611px;
    border: 1px solid #92A1B2;
    border-collapse: collapse;
    background-color: #F4F2EA;
}

/* /TARKISTA ILMOITUKSEN TIEDOT */



/* Muistilista */


#muistilista {
    width: 611px;
    border-collapse: collapse;
    border: 1px solid #92A1B2;
}

#muistilista #muistilistaForm {
    width: 66%;
    background-color: #F4F2EA;
    padding: 7px;
}

#muistilista #ohje {
    width: 33%;
    background-color: #FFFFB3;
    border-left: 1px solid #92A1B2;
}

.muistilistaTextarea {
    font-size: 11px;
    width: 350px;
    border: 1px solid #9D9DA1;
    padding: 2px 5px 2px 5px;
    height: 120px;
}

/* /Muistilista */


/* Tilaa lehti */

#orderPaperMedia {
    border-collapse: collapse; 
    border: 1px solid #92A1B2; 
    width: 100%; 
}

#orderPaperMedia TD {
    text-align: right;
    padding: 5px;
    padding-right: 60px;
    border: 1px solid #D6DBE2;
}

#orderPaperMedia TD.keskitetty{
    text-align: center;
    padding: 5px;
    border: 1px solid #D6DBE2;
}

#orderPaperMedia TD.keskitettyPieniTeksti{
    text-align: center;
    padding: 5px;
    border: 1px solid #D6DBE2;
    font-size: 10px;
    font-weight: normal;

}

#orderPaperMedia INPUT {
    font-size: 11px;
    border: 1px solid #9D9DA1;
    width: auto;
}


#tilaajaTiedot {
    width: 80%;
    border-collapse: collapse;
    border: 1px solid #92A1B2;
    background-color: #F4F2EA;
}

#tilaajaTiedot TD {
    vertical-align: top;
    padding: 7px;
}

#tilaajaTiedot TH {
    width: 33%;
    text-align: right;
    font-weight: bold;
    font-size: 11px;
    padding: 7px;
}

#tilaajaTiedot INPUT {
    font-size: 11px;
    width: 200px;
    border: 1px solid #9D9DA1;
}

#tilaajaTiedot TD.noTextInput INPUT {
    border: 0;
    width: auto;
    font-size: 9px;
}


/* /Tilaa lehti */


/* ilmokuvat */ 
#ilmokuvat_jatto {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #92A1B2;
    background-color: #F4F2EA;
}

#ilmokuvat_jatto TD {
    vertical-align: top;
    padding: 7px;
}


#ilmokuvat_jatto INPUT, #ilmokuvat_jatto SELECT {
    font-size: 11px;
    border: 1px solid #9D9DA1;
}


/* ilmokuvat */ 
#ilmokuvat_esitys {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #92A1B2;
    background-color: #F4F2EA;
}

#ilmokuvat_esitys TD {
    vertical-align: middle;
    padding: 7px;
    text-align: center;

}


#ilmokuvat_esitys TH {
    padding: 4px 8px 4px 8px;
    font-size: 12px;
}



/* ACTIVATION */

#activation {
    border: 2px solid #92A1B2;
    width: 400px;
    margin: 10px;
    background-color: #FFFFFF;
}

#activation TD {
    padding: 10px;
    margin: 0;
}

.harmaa_taustavari {
    background-color: #F4F2EA;
}

/* /ACTIVATION */


/* VAHDIN L?HETT?M?T ILMOITUKSET */

#listPreview {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #92A1B2;
}

#listPreview TD {
    vertical-align: middle;
    padding: 7px;
    text-align: center;
}

#listPreview TD.productText {
    text-align: left;

}

/* /VAHDIN L?HETT?M?T ILMOITUKSET */


/*    FOOTER    */

/* REKISTERISELOSTE JA K?YTT?J?SOPIMUS */

#kayttajasopimus {
    width: 100%;
}

#kayttajasopimus TD {
    padding: 20px;
}

#rekisteriseloste H2, #kayttajasopimus H2{
    font-size: 14px;
    color: #333333;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

/* /REKISTERISELOSTE JA K?YTT?J?SOPIMUS */


/* HINNASTO (OHJEISSA) */

.hinnasto {
    border: 1px solid #92A1B2;
    border-collapse: collapse;
}

.hinnasto TD {
    padding: 5px;
    border: 1px solid #D6DBE2;
}

.iltasanomat {
    margin: 11px 8px 25px 8px;
    width: 186px;
    padding: 0;
}



#useinKysytyt TD UL {


    list-style: none; 
    margin-top: 5px;
}


/* /HINNASTO */

/* footer */

#footer {
    width: auto;
    background-color: #EFEFEF;
    padding-left: 217px;
    line-height: 41px;
    border-bottom: 1px solid #A7A7A7;
}

/*    /FOOTER    */





/* OMA SIVU */

.oma .hrBig {
    background-image: url(../img/hr.gif);
    background-repeat: no-repeat;
    height: 8px;
    line-height: 8px;
    margin: 0;
    padding: 0;
    border: none;
}

.oma H3 {
    font-size: 15px;
    font-weight: bold;
    margin: 25px 0 15px 0;
    padding: 0 0 3px 0;
    border-bottom: 1px solid #92A1B2;
}

.oma H4 {
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 0;
}

.oma P {
    padding: 0;
    margin: 0 0 15px 0;
}

.oma #pageTitle #title_narrow {
    width: 416px; /*514*/
}

.oma #pageTitle #title_narrow H2 {
    font-size: 15px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    color: #000000;
}

.oma #title_narrow DIV.textContainer {
    font-size: 12px;
}

.oma #personalInfoColumn {
    width: 195px; /*236*/
}

.oma .promoText {
    width: auto;
    margin: 0 0 23px 0;
}

.oma .promoText H4 {
    margin: 0;
    padding: 9px 9px 9px 9px;
}

.oma .promoText P {
    margin: 9px;
}

.omaGrid {
    border-collapse: collapse; 
    border-spacing: none;
    width: 611px; 
    margin: 0;
}

.omaGrid TD.omaTripleColumnLeft, .omaGrid TD.omaTripleColumnCenter, .omaGrid TD.omaTripleColumnRight {
    width: 195px;
    padding: 0 13px 0 0;
}

.omaGrid TD.omaTripleColumnRight {
    padding-right: 0;
}

.omaGrid TD.omaWideColumnLeft {
    width: 403px;
    padding: 0 13px 0 0;
}

.omaGrid H5 {
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 0;
}

.omaLista {
    border-collapse: collapse; 
    border: 1px solid #92A1B2;
    margin-bottom: 15px;
}

.omaLista TD {
    text-align: left;
    padding: 7px 9px;
    border: 1px solid #92A1B2;
    background-color: #F4F2EA;
}

.omaLista TR.taulukkoHead TD {
    background-color: #E7E4D1;
}

#omaMuistilista, #omaIlmoitusvahti, #omaPikahaut {
    width: 195px;
}

#omaIlmoitukset {
    width: 611px; 
}

#omaTilaukset {
    width: 403px;
}

#omaMuistilista TD, #omaIlmoitukset TD.otsikko {
    text-transform: uppercase;
}

#omaPikahaut TD {
    padding-right: 8px;
}

#omaPikahaut .hae_button, #omaPikahaut  .poista_button {
    float: right;
    margin-left: 7px;
}

#omaPikahaut P {
    margin: 0;
    padding: 0;
}

/* /OMA SIVU */

#sav {
    border-collapse: collapse; 
    border: 1px solid #92A1B2;
}

#sav TD {

    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-align: left;
    padding: 7px 9px;
    border: 1px solid #92A1B2;
    background-color: #F4F2EA;
}

#savmoto {
    border-collapse: collapse;
    border: 1px solid #92A1B2;   
}

#savmoto TD {

    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-align: left;
    padding: 7px 9px;
    border: 1px solid #92A1B2;
    background-color: #F4F2EA;
}


.paksuPunainen {
    color: red; 
    font-weight: bold; 
}

cross-promotion texti  

.ylapalkki TD {

    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0;
    margin-top: 0;
    vertical-align: middle;
    z-index : 3;

}* HTML .ylapalkki TD { /* for IEs only */
                        padding-right: 8px;

}


#ylapalkki-menu {
    padding:0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 8px;
    height: 19px;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#b4b4b4;
}

#ylapalkki-menu IMG {
    padding-top:3px;
    margin:0;
    border:0;
}

#ylapalkki-menu a {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    border: 0;
    display: table;
    text-align: left;
    color: #000000;
    text-decoration: none;
    padding: 0 5px 0px 5px;
}

#ylapalkki-menu a:hover {
    border: 0;
    color:#FF0000;
}

#ylapalkki-active a {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    border: 0;
    display: table;
    text-align: left;
    color: #FF0000;
    text-decoration: none;
}

#ylapalkki-active a:hover {
    color: #FF0000;
    text-decoration: none;
} 


#ylanauha ul
{
    list-style: none;
    padding: 0;
    margin: 0;
    white-space:nowrap;
}

#ylanauha li a
{
    float: left;
    display: block;
    margin-top:0.6em;
    padding: 0 0.9em;
    color: #000;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}

#ylanauha li a:visited
{
    color:#000;
}

#ylanauha li a:hover
{
    color: #f00;
}

#ylanauha li
{
    float: left;
}

/* IE5-Mac \*/
#ylanauha li a
{
    float: none
}
/* loppuu */

#ylanauha
{
    width:91em;
}

#ylanauha_cont
{
    width:100%;
    height:2.2em;
    overflow:hidden;
    border-bottom-color:#b4b4b4;
    border-bottom-style:solid;
    border-bottom-width:1px;
    background-color:#fff;

    font-weight: normal;
}

#ylanauha li a.viiva {
    background: url(/images/ylapalkki_viiva.gif) no-repeat left 55%;
}

#ylanauha li a span {
    color:#f00;
}

#tuotelista .teho {

    border-top: 2px solid #ee8800;

    border-bottom: 2px solid #ee8800;

    border-right: 2px solid #ee8800;

    border-left: 2px solid #ee8800;

    background-color: rgb(255, 255, 204);

}



#tuotelista .teho TD.telealue {

    text-align: center;

    padding: 5px 2px 5px 2px;

    border-top: 2px solid #ee8800;

    border-bottom: 2px solid #ee8800;

    border-right: 1px solid #D6DBE2;

    border-left: 1px solid #D6DBE2;

    border-collapse:separate;

}



#tuotelista .teho TD.tyyppi {

    text-align: center;

    padding: 5px 2px 5px 2px;

    border-top: 2px solid #ee8800;

    border-bottom: 2px solid #ee8800;

    border-right: 1px solid #D6DBE2;

    border-left: 2px solid #ee8800;

    border-collapse:separate;

}



#tuotelista .teho TD.muistiin {

    padding: 5px 2px 5px 2px;

    border-top: 2px solid #ee8800;

    border-bottom: 2px solid #ee8800;

    border-left: 1px solid #D6DBE2;

    border-right: 2px solid #ee8800;

}



#tuotelista .teho TD.hinta {

    text-align: center;

    padding: 5px 2px 5px 2px;

    border-top: 2px solid #ee8800;

    border-bottom: 2px solid #ee8800;

    border-left: 1px solid #D6DBE2;

    border-right: 1px solid #D6DBE2;

}



#tuotelista .teho TD.ilmoitus {

    text-align: left;

    padding: 5px;

    border-top: 2px solid #ee8800;

    border-bottom: 2px solid #ee8800;

    border-right: 1px solid #D6DBE2;

}



#tuotelista .teho TD.jatetty {

    text-align: left;

    padding: 5px;

    border-top: 2px solid #ee8800;

    border-bottom: 2px solid #ee8800;

    border-right: 1px solid #D6DBE2;

}

.popup_text {
    padding-top:20px;
    padding-left:20px;
    padding-bottom:20px;
    font-size:13px;
}

.huomiokuva {
    padding-top:10px;
}

#etusivunosto {
    margin-top:10px;
    background-color:#f4f2ea;
    width:407px;
}
#etusivunosto A {
    margin-left:250px;
}

.sendemail_querylist {
    border:0;
    white-space:nowrap;
}
.sendemail_querylist TD {
    border:0;
}

#ilmo_now {
    color:#d00;
    font-weight:bold;
    padding-bottom:10px;
}

.huuto_search {
    padding-left:200px;
    padding-top:30px;
    background-image:url(../img/huuto_bg.gif);
    background-repeat: no-repeat;
    width:343px;
    height:110px;
}

.huuto_search th {
    text-align:left;
    padding-bottom:13px;
}

.noborder {
    border:0;
    border-collapse:collapse;
}

.box_left {
    float:left;
}
.box_right {
    float:right;
}
.is_koeajo{
    width: 97%;
    padding:3px 0 3px 3px;
    border-top:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:2px solid #999;
    border-left:1px solid #ccc;
    background: url(/images/is_kuva_koeajo.jpg) no-repeat right 9px;

}



#divinputfile:hover, #divvideofile:hover{
	background:url(/images/selaa1.gif) no-repeat 100% 1px;
}

#divinputfile,#divvideofile{
	background:url(/images/selaa2.gif) no-repeat 100% 1px;
	height:28px;
	width:295px;
	margin:2px;
}
#divinputfile #filepc, #divvideofile #filepc{
	opacity: 0.0;
	-moz-opacity: 0.0;
	filter: alpha(opacity=00);
	font-size:23px;
	width:15em;
}
#fakeimagefile, #fakevideofile{
	margin-top:-33px;
}
#fakeimagefile #fakeIMG, #fakevideofile #fakevideo{
	width:190px;
	height:22px;
	font-size:11px;
	font-family:Arial;
	background:white;
}
#divvideofile input {
	border:1px solid #CCCCCC;
}