*
{
    margin: 0;
    padding: 0;
}

body
{
    color: #000000;
    font: 0.7em/1.4 trebuchet ms, arial, verdana, helvetica, sans-serif;
    background: #9e9c9d;
    text-align: center;
}

a
{
    color: #c92834;
    text-decoration: underline;
}

a:hover
{
    color: #003366;
}

h2, h3, h4, h5, h6
{
    color: #003366;
    line-height: 1.3;
    margin: 20px 0 -5px 0;
}

h2
{
    color: #c92834;
    font-size: 150%;
    font-weight: normal;
}

h3
{
    font-size: 120%;
}

h4
{
    font-size: 110%;
}

h5
{
    font-size: 100%;
}

h6
{
    font-size: 100%;
}

hr
{
    display: none;
}

img
{
    border: none;
}

input, select, textarea
{
    font: 95%/22px trebuchet ms, verdana, arial, helvetica, sans-serif;
}

input.text, select, textarea
{
    line-height: 1.6;
    background: #ffffff url("../img/input.png") repeat-x 0 100%;
    border: #e5e5e5 1px solid;
    padding: 2px;
}

select
{
    padding: 1px;
}

select option
{
    padding: 1px;
}

textarea
{
    background-image: url("../img/textarea.png");
}

input.button
{
    width: 65px;
    height: 20px;
    color: #ffffff;
    line-height: 20px;
    text-transform: uppercase;
    background: #c92834 url("../img/button.png") no-repeat 0 0;
    border: none;
    margin: 8px 0 12px 0;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
}

input.button:hover
{
    background-color: #c92834;
    background-position: 0 -20px;
}

ul
{
    list-style-type: none;
}

table
{
    font-size: 100%;
}

table td.t
{
    vertical-align: top;
}

div.bg
{
    position: relative;
    width: 100%;
    min-width: 850px;
    background: #ffffff;
}

div.top
{
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 175px;
    background: #12293f url("../img/top.png") repeat-x 0 0;
}

body.home div.top
{
    height: 286px;
    background-image: url("../img/home-top.png");
}

div.top div
{
    display: block;
    width: 100%;
    height: 100%;
    background: transparent url("../img/top.jpg") no-repeat 50% 0;
}

body.home div.top div
{
    background-image: url("../img/home-top.jpg");
}

div.top span
{
    width: 850px;
}

div.bottom
{
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 125px;
    background: #e6e6e6 url("../img/bottom.png") repeat-x 0 0;
}

div.bottom div
{
    display: block;
    width: 100%;
    height: 100%;
    background: transparent url("../img/bottom.jpg") no-repeat 50% 0;
}

div.bottom span
{
    width: 850px;
}

div.page
{
    position: relative;
    width: 850px;
    margin: 0 auto;
    text-align: left;
    background: transparent url("../img/page.png") no-repeat 0 175px;
}

body.home div.page
{
    background: transparent;
}

div.header
{
    height: 180px;
    background: transparent url("../img/top.jpg") no-repeat 50% 0;
}

div.products
{
    height: 230px;
}

body.home div.header
{
    height: 90px;
    background-image: url("../img/home-top.jpg");
}

div.header h2
{
    position: relative;
    float: left;
    display: inline;
    width: 231px;
    height: 66px;
    font-size: 120%;
    margin: 19px 0 0 23px;
    overflow: hidden;
}

div.header h2 a
{
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
}

div.header h2 span
{
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url("../img/logo.jpg") no-repeat 0 0;
    cursor: pointer;
}

div.header h1
{
    position: absolute;
    top: 95px;
    left: 0;
    display: block;
    width: 800px;
    height: 72px;
    color: #283f55;
    font-size: 180%;
    font-weight: normal;
    line-height: 72px;
    background: #e6e6e6 url("../img/h1.jpg") repeat-y 0 0;
    overflow: hidden;
    padding: 8px 25px 0 25px;
}

body.home div.header h1
{
    display: none;
}

div.content
{
    font-size: 105%;
    min-height: 160px;
    margin: 0 0 40px 0;
}

div.clear
{
    clear: both;
    height: 0;
    overflow: hidden;
}

div.home
{
    position: relative;
    float: left;
    width: 850px;
    background: transparent url("../img/home.png") repeat-y 0 0;
    padding: 130px 0 0 0;
}

div.home div
{
    float: left;
    width: 283px;
}

div.home div.b
{
    width: 284px;
}

div.home div span
{
    position: absolute;
    top: 0;
    left: 0;
    width: 283px;
    height: 196px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

div.home div.a span
{
    background-image: url("../img/home-a.jpg");
}

div.home div.b span
{
    top: -23px;
    left: 283px;
    width: 284px;
    height: 219px;
    background-image: url("../img/home-b.jpg");
}

div.home div.c span
{
    top: -12px;
    left: 567px;
    height: 208px;
    background-image: url("../img/home-c.jpg");
}

div.home div h2, div.home div p
{
    position: relative;
}

div.home div h2
{
    color: #000000;
    font-size: 110%;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 23px;
}

div.home div.c h2
{
    color: #ffffff;
}

div.home div p
{
    color: #4d4d4d;
    line-height: 1.6;
    margin: 5px 23px;
}

div.home div.c p
{
    color: #ffffff;
}

div.home div p.next
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 283px;
    margin: 0;
    z-index: 1000;
}

div.home div p.next a
{
    display: block;
    height: 55px;
    line-height: 55px;
    text-align: right;
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 0 58px 0 0;
}

div.home div.a p.next a
{
    background-image: url("../img/next-a.jpg");
}

div.home div.b p.next
{
    left: 283px;
    width: 284px;
}

div.home div.b p.next a
{
    background-image: url("../img/next-b.jpg");
}

div.home div.c p.next
{
    left: 567px;
}

div.home div.c p.next a
{
    color: #ffffff;
    background-image: url("../img/next-c.jpg");
}

div.home div.c p.next a:hover
{
    color: #003366;
}

div.home div.clear
{
    float: left;
    position: relative;
    clear: both;
    display: block;
    width: 850px;
    height: 55px;
}

div.main
{
    clear: both;
    margin: 10px 25px;
}

div.main p, div.main ul
{
    margin: 10px 0;
}

div.main p.c
{
    text-align: center;
}

div.main p.r
{
    text-align: right;
}

div.main p.right
{
    float: right;
}

div.main p.note
{
    font-size: 85%;
    border-top: #ebebeb 1px solid;
    padding: 8px 0 0 0;
}

div.main p.imgr
{
    float: right;
}

div.main ul
{
    line-height: 1.6;
}

div.main ul li
{
    background: transparent url("../img/li.png") no-repeat 0 9px;
    padding: 0 0 0 8px;
}

div.main ul.hl li
{
    color: #c92834;
    font-weight: bold;
    background-image: url("../img/li-hl.png");
}

div.main p.perex
{
    font-size: 120%;
    line-height: 1.2;
}

div.main p.perex strong
{
    color: #c92834;
    font-size: 120%;
    font-weight: normal;
}

div.main p.perex strong span
{
    font-size: 90%;
}

div.main p.blue, div.main p.blue strong
{
    color: #003366;
}

body.home div.main
{
    float: left;
    display: inline;
    width: 396px;
    min-height: 200px;
    background-repeat: no-repeat;
    background-position: 0 10px;
    padding: 0 8px 0 142px;
    margin: 5px 0 0 25px;
}

body.home div.main h2
{
    position: relative;
    color: #231f20;
    font-size: 165%;
}

body.home div.main h2 span
{
    position: absolute;
    top: -10px;
    width: 102px;
    height: 40px;
    overflow: hidden;
}

body.home div.main h2 span span
{
    position: absolute;
    display: block;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url("../img/easy-photo.png") no-repeat 0 0;
}

body.home div.main h2 strong
{
    color: #e13a3e;
    font-size: 115%;
    font-weight: normal;
}

body.home div.main p strong
{
    color: #e13a3e;
    font-weight: normal;
}

body.home div.main ul
{
    margin-top: -10px;
    font-size: 95%;
}

body.home div.main p.button
{
    font-weight: bold;
    margin-top: 20px;
}

body.home div.main p.button a, body.home div.main p.button a:hover
{
    display: block;
    color: #ffffff;
    width: 69px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    text-decoration: none;
    background: #142b41 url("../img/button.jpg") no-repeat 0 0;
}

body.home div.main p.button a:hover
{
    background-position: 0 -18px;
}

body.home h3.interest
{
    position: relative;
    float: right;
    color: #ffffff;
    width: 272px;
    height: 111px;
    font-size: 170%;
    font-weight: normal;
    background: #003366;
    margin: 10px 7px 0 0;
}

body.home h3.interest a
{
    color: #ffffff;
    text-decoration: none;
}

body.home h3.interest span
{
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url("../img/interest.jpg") no-repeat 0 0;
    cursor: pointer;
}

div.product
{
    width: 610px;
    position: relative;
    background-repeat: no-repeat;
    background-position: 0 50%;
    border-bottom: #bfccd9 1px solid;
    padding: 20px 95px;
}

div.file
{
    float: left;
    width: 295px;
    background-position: 16px 50%;
    padding: 20px 0 20px 95px;
}

div.main div.easyphoto
{
    background-image: url("../img/product-easyphoto.jpg");
}

div.main div.click-5000
{
    background-image: url("../img/product-click-5000.jpg");
}

div.main div.kiosk-6000
{
    background-image: url("../img/product-kiosk-6000.jpg");
}

div.main div.kiosk-7000
{
    background-image: url("../img/product-kiosk-7000.jpg");
}

div.main div.click-lite
{
    background-image: url("../img/product-click-lite.jpg");
}

div.main div.flexilab
{
    background-image: url("../img/product-flexilab.jpg");
}

div.main div.mpu
{
    background-image: url("../img/product-mpu.jpg");
}

div.main div.cp9800dw
{
    background-image: url("../img/product-cp9800dw.jpg");
}

div.main div.cp9800dw-s
{
    background-image: url("../img/product-cp9800dw-s.jpg");
}

div.main div.cp9550dw
{
    background-image: url("../img/product-cp9550dw.jpg");
}

div.main div.cp9550dw-s
{
    background-image: url("../img/product-cp9550dw-s.jpg");
}

div.main div.cp9600dw
{
    background-image: url("../img/product-cp9600dw.jpg");
}

div.main div.cp9600dw-s
{
    background-image: url("../img/product-cp9600dw-s.jpg");
}

div.main div.cp3800dw
{
    background-image: url("../img/product-cp3800dw.jpg");
}

div.main div.cp-d2e
{
    background-image: url("../img/product-cp-d2e.jpg");
}

div.main div.first
{
    margin: 20px 0 0 0;
}

div.main div.last
{
    border: none;
}

div.main div.odd
{
    clear: both;
}

div.main div.even
{
    margin-left: 20px;
}

div.product h2
{
    color: #003366;
    font-size: 120%;
    font-weight: bold;
    margin: 0;
}

div.product p
{
    line-height: 1.2;
    margin: 4px 0 0 0;
}

div.product h2 a, div.product h2 a:hover
{
    color: #003366;
    text-decoration: none;
}

div.product h2 a:hover
{
    color: #c92834;
}

div.product p.button
{
    position: absolute;
    top: 30px;
    right: 10px;
    display: block;
    width: 26px;
    height: 26px;
    overflow: hidden;
}

div.product p.button span
{
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url("../img/product.png") no-repeat 0 0;
    cursor: pointer;
}

div.product p.button a:hover span
{
    background-position: 0 -26px;
}

div.detail div.main
{
    float: right;
    width: 520px;
    margin: 0 26px 0 0;
}

div.guide
{
    background: transparent url("../img/guide.jpg") no-repeat 45px 5px;
}

div.guide div.main
{
    width: 520px;
    margin: 0 0 0 300px;
}

div.guide div.main p.red
{
    color: #e13a3e;
    margin-top: 32px;
}

div.guide div.main table
{
    font-size: 95%;
    line-height: 1.6;
    margin: 10px 0;
}

div.guide div.product
{
    width: 415px;
    border: none;
    padding: 16px 0 16px 95px;
}

div.guide div.first
{
    margin: 16px 0 0 0;
}

div.guide div.product p a
{
    position: absolute;
    width: 14px;
    height: 14px;
    margin: 1px 0 0 0;
    overflow: hidden;
}

div.guide div.product p a span
{
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ff0000 url("../img/detail.png") no-repeat 0 0;
    cursor: pointer;
}

div.guide div.product p a:hover span
{
    background-position: 0 -14px;
}

div.guide div.buttons
{
    position: relative;
    height: 26px;
    margin: 32px 0 0 0;
}

div.guide div.buttons p
{
    position: absolute;
    top: 0;
    width: 50px;
    height: 26px;
    margin: 0;
}

div.guide div.buttons p.back
{
    right: 50px;
}

div.guide div.buttons p.next
{
    right: 0;
}

div.guide div.buttons p.one
{
    border-left: #d2d2d2 1px solid;
}

div.guide div.buttons p input
{
    display: block;
    width: 50px;
    height: 26px;
    color: #000000;
    font-size: 90%;
    text-align: left;
    line-height: 26px;
    text-transform: lowercase;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: 0 0;
    border: none;
    padding: 0 3px;
    margin: 0;
    cursor: pointer;
}

div.guide div.buttons p.back input
{
    text-align: right;
    background-image: url("../img/back.png");
}

div.guide div.buttons p.next input
{
    background-image: url("../img/next.png");
}

div.guide div.buttons p input:hover
{
    background-position: 0 -26px;
    text-decoration: none;
}

div.ref
{
    position: relative;
    width: 648px;
    min-height: 64px;
    background: transparent url("../img/ref.png") repeat-x 0 100%;
    border-bottom: #d7d7d7 1px solid;
    padding: 20px 20px 20px 132px;
}

div.ref h2
{
    color: #003366;
    font-size: 120%;
    font-weight: bold;
    margin: 0;
}

div.ref h2 a, div.ref h2 a:hover
{
    color: #003366;
    text-decoration: none;
}

div.ref h2 a:hover
{
    color: #c92834;
}

div.ref p
{
    line-height: 1.2;
    margin: 4px 0 0 0;
}

div.ref span
{
    position: absolute;
    display: block;
    top: -2px;
    left: 0;
    width: 128px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

div.download
{
    margin: 0 0 40px -21px;
}

div.download div.box
{
    float: left;
    margin: 0 0 40px 26px;
}

div.net
{
    position: relative;
    padding: 0 0 0 400px;
    min-height: 230px;
}

div.net p.flash
{
    position: absolute;
    top: 0px;
    left: 35px;
    margin: 0;
}

div.net p.filter
{
    position: absolute;
    top: 128px;
    left: 400px;
    color: #003366;
    margin: 0;
}

div.net p.city
{
    left: 605px;
}

div.net p.special
{
    top: 184px;
}

div.net p.special strong
{
    text-decoration: underline;
}

div.net p.filter select
{
    width: 180px;
}

div.list
{
    position: relative;
    background: transparent url("../img/list.png") repeat-x 0 100%;
    border-bottom: #d7d7d7 1px solid;
    padding: 0 0 15px 0;
    margin: 15px 24px 0 24px;
}

div.list h2
{
    font-size: 110%;
    font-weight: bold;
    margin: 0 18px 2px 18px;
}

div.list p
{
    margin: 0 18px;
}

div.list p strong.blue
{
    color: #003366;
    font-weight: normal;
}

div.list p.special
{
    position: absolute;
    display: block;
    top: 1px;
    right: 24px;
    width: 37px;
    height: 16px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

div.list p.spring
{
    width: 71px;
}

div.list p.special span
{
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url("../img/special.png") no-repeat 0 0;
}

div.list p.spring span
{
    background-image: url("../img/special-spring.png");
}

div.suggest
{
    float: left;
    display: inline;
    margin: 0 0 0 -3px;
}

div.suggest p.perex
{
    margin: 10px 0 0 28px;
}

div.suggest div
{
    position: relative;
    float: left;
    display: inline;
    width: 386px;
    margin: 0 0 40px 28px;
}

div.suggest div span
{
    position: absolute;
    right: 0;
    bottom: -20px;
    display: block;
    width: 162px;
    height: 190px;
    background: transparent url("../img/suggest.png") no-repeat 0 0;
}

div.suggest div p.red
{
    color: #e13a3e;
    margin: 12px 0 4px 0;
}

div.suggest div table
{
    font-size: 85%;
    line-height: 1.6;
    margin: 4px 0 12px 0;
}

div div table td.d em
{
    display: block;
    color: #003366;
    border-left: #ebebeb 1px solid;
    padding: 0 0 0 8px;
}

div.suggest div textarea
{
    width: 380px;
}

div.suggest div table.form
{
    margin: 10px 0;
}

div.suggest div table.form td, div.photo table td
{
    line-height: 1.6;
    padding: 0 0 2px 0;
}

div.suggest div table.form td.r, div.photo table td.r
{
    text-align: right;
    vertical-align: top;
    padding-right: 8px;
}

div.photo td.r
{
    color: #003366;
    padding: 0 8px 0 0;
}

div.suggest div table.form input.text, div.photo table input.text
{
    width: 160px;
}

div.photo table select.text
{
    width: 168px;
}

div.panel
{
    float: left;
    display: inline;
    width: 246px;
    margin: 20px 0 0 22px;
}

div.contact p.perex
{
    min-height: 100px;
    background: transparent url("../img/contact.jpg") no-repeat 0 0;
    padding: 0 0 0 400px;
}

div.contact div
{
    float: left;
    width: 370px;
}

div.contact div.form
{
    float: left;
    margin: 0 0 0 30px;
}

div.contact div h2
{
    font-size: 100%;
    font-weight: bold;
}

div.contact div h2 span
{
    font-size: 120%;
}

div.contact div td.r
{
    color: #003366;
    padding: 0 8px 0 0;
}

div.contact div.form table
{
    margin: 10px 0;
}

div.contact div.form table td
{
    line-height: 1.6;
    padding: 0 0 2px 0;
}

div.contact div.form table td.r
{
    text-align: right;
    vertical-align: top;
    padding-right: 8px;
}

div.contact div.form table input.text
{
    width: 160px;
}

div.contact div.form table textarea
{
    width: 270px;
    height: 100px;
}

div.detail div.easyphoto
{
    background: transparent url("../img/easyphoto.jpg") no-repeat 50% 0;
    padding: 210px 0 0 0;
}

div.detail div.click-5000
{
    background: transparent url("../img/click-5000.jpg") no-repeat 50% 0;
    padding: 210px 0 0 0;
}

div.detail div.kiosk-6000
{
    background: transparent url("../img/kiosk-6000.jpg") no-repeat 50% 0;
    padding: 210px 0 0 0;
}

div.detail div.kiosk-7000
{
    background: transparent url("../img/kiosk-7000.jpg") no-repeat 50% 0;
    padding: 210px 0 0 0;
}

div.detail div.click-lite
{
    background: transparent url("../img/click-lite.jpg") no-repeat 50% 0;
    padding: 140px 0 0 0;
}

div.detail div.flexilab
{
    background: transparent url("../img/flexilab.jpg") no-repeat 50% 0;
    padding: 200px 0 0 0;
}

div.detail div.mpu
{
    background: transparent url("../img/mpu.jpg") no-repeat 50% 0;
    padding: 210px 0 0 0;
}

div.detail div.cp9550dw
{
    background: transparent url("../img/cp9550dw.jpg") no-repeat 50% 0;
    padding: 210px 0 0 0;
}

div.detail div.cp9550dw-s
{
    background: transparent url("../img/cp9550dw-s.jpg") no-repeat 50% 0;
    padding: 210px 0 0 0;
}

div.detail div.cp9600dw
{
    background: transparent url("../img/cp9600dw.jpg") no-repeat 50% 0;
    padding: 180px 0 0 0;
}

div.detail div.cp9600dw-s
{
    background: transparent url("../img/cp9600dw-s.jpg") no-repeat 50% 0;
    padding: 210px 0 0 0;
}

div.detail div.cp9800dw
{
    background: transparent url("../img/cp9800dw.jpg") no-repeat 50% 0;
    padding: 210px 0 0 0;
}

div.detail div.cp9800dw-s
{
    background: transparent url("../img/cp9800dw-s.jpg") no-repeat 50% 0;
    padding: 210px 0 0 0;
}

div.detail div.cp3800dw
{
    background: transparent url("../img/cp3800dw.jpg") no-repeat 50% 0;
    padding: 140px 0 0 0;
}

div.detail div.cp-d2e
{
    background: transparent url("../img/cp-d2e.jpg") no-repeat 50% 0;
    padding: 210px 0 0 0;
}

div.panel h3.interest, div.panel h3.download
{
    position: relative;
    float: right;
    width: 246px;
    height: 101px;
    font-size: 170%;
    font-weight: normal;
    background: #e5e5e5;
    margin: 10px 0 0 0;
    overflow: hidden;
}

div.panel h3.download
{
    height: 57px;
    line-height: 57px;
}

div.panel h3.interest a, div.panel h3.download a
{
    color: #1b3145;
    text-decoration: none;
}

div.panel h3.interest span, div.panel h3.download span
{
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url("../img/interest-1.jpg") no-repeat 0 0;
    cursor: pointer;
}

div.panel h3.download span
{
    background-image: url("../img/download.png");
}

div.panel h3.snd span
{
    background-image: url("../img/interest-2.jpg");
}

div.position
{
    position: absolute;
    top: 134px;
    right: 26px;
    font-size: 90%;
    line-height: 1.2;
}

div.menu
{
    position: absolute;
    top: 175px;
    left: 7px;
    width: 836px;
    height: 54px;
    background: transparent url("../img/menu.png") no-repeat 0 0;
}

div.menu ul li
{
    float: left;
    display: inline;
}

div.menu ul li a, div.menu ul li a:hover
{
    display: block;
    color: #283f55;
    font-size: 140%;
    text-decoration: none;
    width: 279px;
    height: 54px;
    line-height: 44px;
    text-align: center;
    background-color: #f4f4f4;
    background-repeat: no-repeat;
    background-position: 0 0;
}

div.menu ul li.a a, div.menu ul li.a a:hover
{
    background-image: url("../img/menu-a.png");
}

div.menu ul li.b a, div.menu ul li.b a:hover
{
    width: 278px;
    background-image: url("../img/menu-b.png");
}

div.menu ul li.c a, div.menu ul li.c a:hover
{
    background-image: url("../img/menu-c.png");
}

div.menu ul li a.a, div.menu ul li a:hover
{
    color: #c92834;
    background-position: 0 -54px;
}

div.menu ul li a span
{
    padding: 0 0 0 45px;
}

div.navigation
{
    position: absolute;
    top: 33px;
    right: 4px;
    width: 481px;
    height: 28px;
    background: #3d4d61 url("../img/navigation.jpg") no-repeat 0 0;
}

div.navigation ul li
{
    float: left;
    display: inline;
}

div.navigation ul li a
{
    display: block;
    color: #ffffff;
    font-size: 110%;
    text-decoration: none;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background: transparent url("../img/navigation.png") repeat-x 0 28px;
}

div.navigation ul li.a a
{
    width: 60px;
    background: transparent url("../img/navigation-a.png") no-repeat 0 28px;
}

div.navigation ul li.b a
{
    width: 74px;
}

div.navigation ul li.c a
{
    width: 100px;
}

div.navigation ul li.d a
{
    width: 86px;
}

div.navigation ul li.e a
{
    width: 84px;
}

div.navigation ul li.f a
{
    width: 77px;
    background: transparent url("../img/navigation-f.png") no-repeat 100% 28px;
}

div.navigation ul li a.a, div.navigation ul li a:hover
{
    color: #ffffff;
    background-position: 0 0;
    border-left: #b4b9c2 1px solid;
    border-right: #b4b9c2 1px solid;
}

div.navigation ul li.a a.a, div.navigation ul li.a a:hover
{
    width: 59px;
    border-left: none;
}

div.navigation ul li.b a.a, div.navigation ul li.b a:hover
{
    width: 72px;
}

div.navigation ul li.c a.a, div.navigation ul li.c a:hover
{
    width: 98px;
}

div.navigation ul li.d a.a, div.navigation ul li.d a:hover
{
    width: 84px;
}

div.navigation ul li.e a.a, div.navigation ul li.e a:hover
{
    width: 82px;
}

div.navigation ul li.f a.a, div.navigation ul li.f a:hover
{
    width: 76px;
    background-position: 100% 0;
    border-right: none;
}

div.navigation ul li a:hover
{
    color: #ffffff;
}

div.footer
{
    clear: both;
    height: 64px;
    font-size: 90%;
}

div.footer ul, div.footer p
{
    display: inline;
}

div.footer ul li
{
    float: left;
    display: inline;
    line-height: 1.2;
    border-left: #333333 1px solid;
    margin: 26px 0 0 0;
    padding: 0 12px;
}

div.footer ul li.fst
{
    border: none;
    padding-left: 26px;
}

div.footer ul li a.a
{
    color: #003366;
}

div.footer p
{
    float: right;
    line-height: 1.2;
    margin: 26px 26px 0 0;
}

#tt
{
    position: absolute;
    display: block;
}

#tttop
{
    display: block;
    height: 5px;
    background: transparent url("../img/tt-top.png") no-repeat 0 0;
    overflow: hidden;
}

#ttcont
{
    display: block;
    width: 276px;
    color: #ffffff;
    text-align: left;
    background: #000000 url("../img/tt-content.png") repeat-y 0 0;
    padding: 6px 12px;
}

#ttbot
{
    display: block;
    height: 5px;
    background: transparent url("../img/tt-bottom.png") no-repeat 0 0;
    overflow: hidden;
}