@media screen
{
    /* default styles */
    body
    {
        color:              #003366;
        font-family:        trebuchet ms;
        font-size:          11px;
        margin:             0;
        padding:            0;
    }
    
    h1, h2, h3, h4, h5, h6
    {
        clear:              both;
        color:              #003366;
        margin:             0 0 11px 0;
    }
    
    h1
    {
        font-size:          16px;
    }
    
    h2
    {
        font-size:          15px;
    }
    
    h2 span
    {
        font-size:          13px;
        font-weight:        normal;
    }
    
    h3
    {
        font-size:          14px;
    }
    
    h4
    {
        font-size:          13px;
    }
    
    h5
    {
        font-size:          12px;
    }
    
    h6
    {
        font-size:          11px;
    }

    p
    {
        color:              #003366;
    }

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

    a:hover
    {
        color:              #003366;
        text-decoration:    underline;
    }

    a img
    {
        border:             none;
    }
    
    hr
    {
        background:         #cec191;
        border:             none;
        clear:              both;
        color:              #cec191;
        height:             1px;
        width:              485px;
    }
    
    input, select, textarea
    {
        font-family:        trebuchet ms;
        font-size:          11px;
    }
    
    input.small, textarea.small, input.medium, textarea.medium, input.large, textarea.large, select
    {
        border:             solid 1px #babad6;
    }
    
    input.small, textarea.small, select.small
    {
        width:              100px;
    }

    input.medium, textarea.medium, select.medium
    {
        width:              200px;
    }

    input.large, textarea.large, select.large
    {
        width:              300px;
    }
    
    input.required, textarea.required
    {
        background:         url('/site/images/required.gif') no-repeat right top;
    }
    
    
    table
    {
        border:             none;
        font-size:          12px;
        margin:             0 0 0 -6px;
        padding:            0;
        width:              100%;
    }
    
    table th, table td
    {
        margin:             0;
        padding:            0 3px 0 6px;
    }
    
    table thead tr
    {
        background:         #ccccff;
        font-weight:        bold;
        text-align:         left;
    }
    
    table a, table a
    {
        color:              #003366;
    }
    /* default styles */
    
    
    /* layout */
    #bg
    {
        background:         url('/site/images/passepartout.gif') no-repeat 13px 28px;
        height:             345px;
        margin:             0 auto 0 auto;
        text-align:         center;
        width:              829px;
    }
    
    #container
    {
        position:           relative;
        text-align:         left;
        width:              100%;
    }

    #head h1
    {
        background:         url('/site/images/logo.gif') no-repeat;
        height:             41px;
        margin:             0;
        padding:            0;
        position:           absolute;
        right:              0;
        text-indent:        -10000px;
        width:              248px;
    }
    
    #head h1 a
    {
        display:            block;
        height:             41px;
        width:              248px;
    }

    #search
    {
        color:              #fff;
        padding:            9px 9px 9px 0;
        text-indent:        30px;
    }
    
    #search input, #search select
    {
        font-size:          10px;
    }
    
    #body
    {
        border:             solid 1px #95823c;
        border-top:         none;
        margin-left:        30px;
        position:           absolute;
        top:                71px;
        width:              485px;
        z-index:            10;
    }
    
    #innerbody
    {
        min-height:         500px;
    }

    #side
    {
        position:           absolute;
        left:               517px;
        top:                69px;
        z-index:            10;
    }
    
    #lang
    {
        padding:            0 0 0 2px;
    }
    
    #lang a img
    {
        border:             none;
        padding:            2px;
    }
    
    #lang a:hover img, #lang a.active img
    {
        background:         #fff;
        border:             solid 1px #ff9933;
        padding:            1px;
    }

    #foot
    {
        position:           absolute;
        width:              829px;
    }

    #foot a
    {
        color:              #003366;
    }
    /* layout */


    /* menu */
    #menu ul
    {
        list-style:         none;
        margin:             0;
        padding:            0;
    }

    #menu ul li
    {
        float:              left;
        font-size:          12px;
        text-transform:     lowercase;
        margin:             0 9px 0 0;
    }

    #menu ul li a
    {
        background:         #e4e4e4 no-repeat 0 0;
        color:              #7e3838;
        display:            block;
        height:             31px;
        line-height:        11px;
        margin:             0 0 1px 0;
        padding:            0 0 0 31px;
        text-decoration:    none;
        width:              71px;
    }
       
    #menu ul li.item0 a
    {
        background-image:   url(/site/images/icon-login.gif);
    }
    
    #menu ul li.item0 a:hover
    {
        background-image:   url(/site/images/icon-login_hover.gif);
    }
    
    #menu ul li.item1 a
    {
        background-image:   url(/site/images/icon-register.gif);
    }
    
    #menu ul li.item1 a:hover
    {
        background-image:   url(/site/images/icon-register_hover.gif);
    }
    
    #menu ul li.item2 a
    {
        background-image:   url(/site/images/icon-profile.gif);
    }
    
    #menu ul li.item2 a:hover
    {
        background-image:   url(/site/images/icon-profile_hover.gif);
    }
    
    #menu ul li.item3 a
    {
        background-image:   url(/site/images/icon-newsletter.gif);
    }
    
    #menu ul li.item3 a:hover
    {
        background-image:   url(/site/images/icon-newsletter_hover.gif);
    }
    
    #menu ul li.item4 a
    {
        background-image:   url(/site/images/icon-contact.gif);
    }
    
    #menu ul li.item4 a:hover
    {
        background-image:   url(/site/images/icon-contact_hover.gif);
    }
    
    #menu ul li a span
    {
        display:            block;
        padding-top:        5px;
    }
    /* menu */


    /* submenu */
    #submenu
    {
        margin-left:        30px;
        position:           relative;
        width:              716px;
        z-index:            20;
    }
    
    html>/**/body #submenu
    {
        margin-top:         -13px;
    }

    #submenu ul
    {
        list-style:         none;
        margin:             0;
        padding:            0;
    }

    #submenu ul li
    {
        float:              left;
        font-size:          13px;
        padding:            0;
        text-transform:     lowercase;
        white-space:        nowrap;
    }

    #submenu ul li a
    {
        color:              #fff;
        display:            block;
        height:             21px;
        padding:            9px 9px 1px 9px;
        text-decoration:    none;
        white-space:        nowrap;
    }

    #submenu ul li.hover a
    {
        background:         #7373ab;
    }
    /* submenu */


    /* submenu dropdown */
    #submenu ul li ul
    {
        background:         #7373ab;
        position:           absolute;
        text-align:         left;
        top:                30px;
        visibility:         hidden;
        z-index:            30;
    }

    #submenu ul li.hover ul
    {
        visibility:         visible;
    }

    #submenu ul li ul li
    {
        float:              none;
        font-size:          12px;
        padding:            1px;
        position:           relative;
    }

    #submenu ul li ul li a
    {
        color:              #e4e4e4 !important;
        padding:            6px 9px 1px 8px;
        width:              170px;
    }

    #submenu ul li ul li.hover a
    {
        background:         #000066 !important;
        color:              #fff !important;
    }
    /* submenu dropdown */


    /* frame */
    #framecontainer
    {
        width:              182px;
    }

    #framebg
    {
        height:             557px;
        overflow:           hidden;
        position:           absolute;
        width:              182px;
        z-index:            1;
    }

    #framebg img
    {
        height:             557px;
        left:               0;
        top:                0;
        width:              182px;
        z-index:            1;
    }

    #frametxt
    {
        padding:            15px 10px;
        position:           relative;
        width:              152px;
        z-index:            4;
    }

    #frametxt ol
    {
        color:              #fff;
        font:               normal 12px arial black;
        margin:             0;
        padding:            0;
    }

    #frametxt ol li
    {
        margin:             9px 0 0 18px;
    }
    
    #frametxt h2, #frametxt h3, #frametxt h4, #frametxt p
    {
        font-family:        trebuchet ms;
    }

    #frametxt h2
    {
        font-size:          18px;
        margin:             9px 0 0 0;
    }

    #frametxt h2 a
    {
        color:              #000066;
        text-decoration:    none;
    }


    #frametxt h3 a
    {
        color:              #000066;
        text-decoration:    underline;
    }

    #frametxt h2 a:hover, #frametxt h3 a:hover
    {
        color:              #000066;
        text-decoration:    underline;
    }

    #frametxt h3
    {
        font-size:          12px;
        font-weight:        normal;
        margin:             0;
    }

    #frametxt h4
    {
        color:              #ff9933;
        font-size:          12px;
        margin:             0;
    }

    #frametxt img
    {
        float:              right;
        margin:             0;
        padding:            0;
    }

    #frametxt p
    {
        color:              #000066;
        font-weight:        normal;
        font-style:         italic;
        margin:             0;
    }
    /* frame */


    /* products */
    .product
    {
        font-size:          13px;
        line-height:        18px;
        padding:            3px;
    }

    .product .info
    {
        border-bottom:      solid 1px #999933;
        font-size:          10px;
        line-height:        10px;
        margin-bottom:      10px;
        text-align:         right;
    }

    .product .info a, .info span
    {
        color:              #999933;
        font-size:          10px;
        margin:             0;
        text-decoration:    none;
    }

    .product .info a:hover
    {
        color:              #003366;
    }

    .product .info .float
    {
        float:              left;
        text-transform:     uppercase;
    }
    
    .product .txt
    {
        left:               6px;
        position:           absolute;
        top:                130px;
    }

    .product h2
    {
        font-size:          14px;
        margin:             0;
    }

    .product h3
    {
        font-size:          12px;
        font-weight:        normal;
        font-style:         italic;
        margin:             0;
    }

    .product h4
    {
        clear:              both;
        color:              #ff9933;
        font-size:          14px;
        margin:             0;
    }

    .product p
    {
        margin:             0;
    }

    .product a
    {
        color:              #000066;
        font-size:          12px;
    }

    .product a:hover
    {
        color:              #999933;
    }
    
    .half, .third
    {
        border-bottom:      solid 2px #cec191;
        float:              left;
        height:				235px;
        margin-bottom:      1px;
        overflow:           hidden;
        position:           relative;
    }

    .half
    {
        width:              236px;
    }

    .half .txt
    {
        left:               108px;
        top:                27px;
    }
    
    .third
    {
        width:              155px;
    }

    .border
    {
        border-left:        solid 1px #cec191;
    }
    /* products */
    
    
    /* result [search] */
    .result
    {
        font-size:          13px;
        height:             100px;
        line-height:        18px;
        position:			relative;
    }
    
    .result img
    {
		float:				left;
    }
    
    .result .col1
    {
		left:				113px;
		position:			absolute;
		top:				0;
		width:				231px;
    }
    
    .result .col1 a
    {
		color:				#003366;
    }
    
    .result .col2
    {
        left:				349px;
		position:			absolute;
		top:				0;
		width:				133px;
    }
    
    .result .col2 a
    {
		color:              #ff9933;
		font-weight:		bold;
    }
    
    .result h2
    {
        font-size:          14px;
        margin:             0;
    }

    .result h3
    {
        font-size:          12px;
        font-weight:        normal;
        margin:             0;
    }

    .result h4
    {
        color:              #ff9933;
        font-size:          14px;
        margin:             0;
    }

    .result p
    {
        margin:             0;
    }
    /* result [search] */
    
    
    /* steps */
    #steps
    {
        position:           absolute;
        left:               -24px;
        top:                0;
        width:              24px;
    }
    
    #steps ol
    {
        list-style:         none;
        margin:             0;
        padding:            0;
    }
    
    #steps ol li
    {
        font-size:          10px;
        line-height:        8px;
        margin-bottom:      1px;
    }
        
    #steps ol li a
    {
        background:         #c9b4b4;
        color:              #fff;
        display:            block;
        height:             23px;
        padding:            1px;
        text-decoration:    none;
        width:              22px;
    }
    
    #steps ol li.active a, #steps ol li a:hover
    {
        background:         #ff0202;
        text-decoration:    none;
    }
    
    #steps ol li a span
    {
        display:            block;
        font:               normal 12px arial black;
    }
    /* steps */
    
    
    /* forms */
    .form
    {
        border:             none;
        font-size:          12px;
        margin:             0 0 0 -6px;
        padding:            0;
        width:              100%;
    }
    
    .form caption, th, table td
    {
        margin:             0 0 0 -6px;
        padding:            0 3px 0 6px;
    }
    
    .form caption
    {
        background:         #ccccff;
        font-weight:        bold;
        text-align:         left;
    }
    
    .form th
    {
        font-weight:        normal;
        text-align:         left;
        width:              125px;
    }
    /* forms */
    
    
    /* buttons */
    a.button
    {
        color:              #fff;
        display:            block;
        font:               normal 13px arial black;
        float:              left;
        height:             28px;
        padding:            3px 0 0 12px;
        text-decoration:    none;
        text-transform:     lowercase;
        width:              144px;
    }
    
    a:hover.button
    {
        color:              #fff !important;
        text-decoration:    none !important;
    }
    
    a.blue
    {
        background:         url('/site/images/btn-blue.gif') no-repeat 0 0;
    }
    
    a.orange
    {
        background:         url('/site/images/btn-orange.gif') no-repeat 0 0;
    }
    
    a.pink
    {
        background:         url('/site/images/btn-pink.gif') no-repeat 0 0;
    }
    /* buttons */
    
    
    /* calendar */
    .calendar
    {
        background:         #fff;
        border:             solid 1px #666;
        font-size:          11px;
        margin:             0;
        padding:            1px;
        text-align:         center;
        z-index:            2;
    }

    .calendar .title
    {
        background:         #ccccff;
        border:             none;
        color:              #000;
        font-size:          11px;
        font-weight:        bold;
        height:             auto;
        margin:             0;
        padding:            0;
    }

    .calendar .nextprev
    {
        cursor:             hand;
        cursor:             pointer;
    }

    .calendar .nextprev img
    {
        vertical-align:     middle;
    }

    .calendar .heading
    {
        background:         #fff;
        font-weight:        bold;
        color:              #000;
    }

    .calendar .day
    {
        background:         #eee;
        border-top:         solid 1px #ccc;
        color:              #333;
    }

    .calendar .othermonthday
    {
        background:         #eee;
        border-top:         solid 1px #ccc;
        color:              #999;
    }

    .calendar .hoverday
    {
        background:         #ff0054;
        border-top:         solid 1px #ccc;
        color:              #fff;
        cursor:             hand;
        cursor:             pointer;
    }
    
    .calendar table
    {
        font-size:          11px;
        margin:             0 !important;
        padding:            0 !important;
        width:              auto !important;
    }
    
    .calendar table th, .calendar table td
    {
        margin:             0 !important;
        padding:            1px !important;
    }
    /* calendar */
    
    
    /* cart */
    table.cart tbody tr td, table tr th, table tfoot tr td { padding: 3px 8px; font-size: 92%; text-align: right; vertical-align: top; }
    table.cart tbody tr td { border-bottom: 1px solid #ccccff; }
    table.cart tbody tr td input { text-align: right; }
    table.cart tfoot tr td { font-weight: bold; vertical-align: top; }
    /* cart */
    
    
    /* extentions */
    .pad
    {
		padding:            12px;
    }
    
    .pad hr
    {
        width:              461px !important;
    }
    
    .about
    {
        font-size:          10px;
        line-height:        16px !important;
        margin-bottom:      10px;
        padding:            10px 10px 10px 40px;
        text-align:         justify;
        width:              auto;
    }

    .about
    {
        background:         #ffffe1 url('../../sjop/images/icons/about.gif') no-repeat 5px 5px;
        border:             dotted 1px #716f64;
        color:              #716f64;
    }
    /* extentions */


    /* hacks */
    .clearfix
    {
        display:            inline-block;
    }

    .clearfix:after
    {
        clear:              both;
        content:            '.'; 
        display:            block;
        height:             0; 
        visibility:         hidden;
    }
    /* hacks */
}