BODY, DIV, H1, H2, H3, H4, H5, H6, A, FORM, FIELDSET, LEGEND, LABEL, INPUT, TEXTAREA, BUTTON, UL, OL, LI, P, SPAN, STRONG, IMG, TABLE, TR, TH, TD, TBODY, THEAD
{
    margin: 0;
    padding: 0;
    border: 0;
}
UL, OL
{
    list-style: none;
}
BODY
{
    margin: 10px 0;
    font: 100% arial, verdana, sans-serif;
    color: #666;
}
A
{
    text-decoration: none;
    color: #666;
}
A:hover
{
    text-decoration: underline;
}
H1, H2, H3, H4, H5, H6
{
    display: block;
}
H1
{
    font-size: 150%;
    font-weight: normal;
    line-height: 120%;
    margin: 120px;
}
H1.center
{
    margin: 54px 0 0 0;
    text-align: center;
}
H1.std
{
    margin: 20px 0 0 175px;
}
H2
{
    font-size: 19px;
    font-weight: bold;
    margin-top: 20px;
}
H3
{
    color: #ccc;
    font-size: 90%;
}
H4
{
    color: #333;
    font-size: 75%;
    margin: 14px 0 0 0;
    line-height: 120%;
}
H6
{
    color: #333;
    font-weight: normal;
    font-size: 18px;
    margin: 8px 0;
    display: block;
}
INPUT
{
    background: url(graphics/input_bg.png) top left no-repeat;
    display: block;
    width: 200px;
    height: 20px;
}
TEXTAREA
{
    width: 250px;
    height: 100px;
    background-image: url(graphics/textarea_bg.png);
}
P
{
    font-size: 75%;
}
P A
{
    color: #e10000;
    text-decoration: underline;
}
P STRONG
{
    color: #333;
}
P STRONG.dim
{
    color: #666;
}
LABEL, SELECT
{
    display: block;
    font-weight: bold;
    color: #333;
    font-size: 75%;
}

#logo SPAN
{
    display: none;
}
#document
{
    width: 980px;
    margin: 0 auto;
}

#header
{
    background: #fff url(graphics/nav/bg-left.png) center left no-repeat;
    height: 55px;
    position: relative;
}
#header A
{
    text-decoration: none;
}

#nav
{
    float: left;
    width: 830px;
    height: 55px;
    background: url(graphics/nav/bg-right.png) center right no-repeat;
}
#nav UL
{
    float: left;
    margin: 8px 0 0 0;
}
#nav .rtsSelected
{
    color: #ff0000;
}
#nav LI
{
    display: block;
    float: left;
    height: 37px;
    background: url(graphics/nav/li.png) center left no-repeat;
}
#nav UL.shortcuts A
{
    font-size: 70%;
    font-weight: normal;
}

#nav UL.shortcuts LI.upload A
{
    background: url(graphics/nav/img-upload.png) center left no-repeat;
    background-position: 0 0;
    padding-left: 46px;
    margin: 4px 0 2px 10px;
}
#nav UL.shortcuts LI.login A
{
    background: url(graphics/nav/img-login.png) center left no-repeat;
    padding-left: 29px;
    margin: 4px 0 2px 10px;
}
#nav UL.shortcuts LI.signup A
{
    background: url(graphics/nav/img-signup.png) center left no-repeat;
    padding-left: 35px;
    margin: 4px 0 2px 10px;
}
#nav UL.shortcuts LI.cart A
{
    background: url(graphics/nav/img-cart.png) center left no-repeat;
    padding-left: 29px;
    margin: 4px 0 2px 10px;
}

#nav .rtsLevel3 LI
{
    background-image: url(graphics/nav_subnav_line.png);
}
#nav A
{
    display: block;
    color: #4B4B4B;
    padding: 8px 14px 10px 14px;
    font-size: 100%;
    font-weight: bold;
}
#nav .rtsLevel2 A
{
    font-size: 14px;
    font-weight: bold;
}
#nav .rtsLevel3 A
{
    font-size: 11px;
    font-weight: bold;
}
#nav .rtsLevel2 LI
{
    padding: 0 9px 0 8px;
}
#nav .rtsLevel3 LI
{
    padding: 0 7px 0 6px;
}
#nav A:hover, #nav .rtsLevel1 A:hover, #nav A.active
{
    text-decoration: underline;
}
#nav LI.rtsFirst
{
    padding-left: 0;
}
#nav .rtsLevel3 LI.rtsFirst
{
    padding-left: 1px;
}

#logo
{
    float: left;
    display: block;
    width: 112px;
    height: 26px;
    margin: 12px 20px 0 18px;
    background: #fff url(graphics/nav/logo.png) center left no-repeat;
}

#content
{
    padding-top: 10px;
    line-height: 110%;
}

/* generic */
.button
{
    cursor: pointer;
    background: url(graphics/buttons/classic_right.png) top right no-repeat;
    height: 22px;
    float: left;
    margin-top: 4px;
}
.button A
{
    background: url(graphics/buttons/classic_left.png) top left no-repeat;
    display: block;
    float: left;
    height: 22px;
    padding: 2px 10px 0 10px;
    font-size: 75%;
    color: #333;
    text-decoration: none;
}
.button.highlight
{
    background-image: url(graphics/buttons/highlight-right.png);
    height: 35px;
}
.button.highlight A
{
    background-image: url(graphics/buttons/highlight-left.png);
    height: 35px;
    color: #fff;
    font-weight: bold;
    font-size: 100%;
    padding: 8px 14px 0 10px;
    text-decoration: none;
}
.button.fancy
{
    background-image: url(graphics/buttons/fancy_right.png);
}
.button.fancy A
{
    background-image: url(graphics/buttons/fancy_left.png);
    color: #fff;
}
#content .twocolumn .RadUpload
{
    width: auto;
}
.button.std
{
    background-image: url(graphics/buttons/std_right.gif);
    margin-right: 8px;
}
.button.std A
{
    background-image: url(graphics/buttons/std_left.gif);
    color: #fff;
}
.button.back
{
    background-image: url(graphics/buttons/classic2_right.png);
}
.button.back A
{
    background-image: url(graphics/buttons/classic2_left.png);
    background-repeat: repeat-x;
    height: 23px;
    color: #999;
}
.button A SPAN
{
    display: block;
}
.button A SPAN.cart, .button A SPAN.clear
{
    background: url(graphics/buttons/cart.png) center right no-repeat;
    padding-right: 20px;
}
.button A SPAN.clear
{
    background-image: url(graphics/buttons/clear.gif);
    padding-right: 14px;
}
.button A SPAN.upload
{
    background: url(graphics/buttons/upload_icon.png) center right no-repeat;
    padding-right: 20px;
}

A.help
{
    visibility: hidden;
    display: block;
    background: url(graphics/buttons/help.gif) center left no-repeat;
    padding-left: 18px;
    font-size: 75%;
    font-weight: bold;
    position: absolute;
    top: 19px;
    left: 911px;
}

.page
{
    background: url(graphics/page_bg.png) repeat-x;
    padding-top: 12px;
    position: relative;
    min-height: 257px;
}
.cardmodule, .magnetmodule, .canvasmodule, .mousepadmodule, .notepadmodule
{
    margin-bottom: 20px;
}
.modalbackground
{
    background-color: #ccc;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

/* standard */
.boxes
{
    display: block;
    margin-top: 10px;
}
.boxes LI
{
    display: block;
    float: left;
    width: 190px;
    height: 192px;
    margin: 0 0 10px 7px;
}
.boxes LI.first
{
    margin-left: 0;
}
.boxes.start2 LI
{
    width: 245px;
    height: 197px;
    margin-left: 0px;
    text-align: center;
}
.boxes.start2 span
{
    color: #333;
    margin: 8px 0 0 0;
}
.boxes.start2 P
{
    font-size: 70%;
}
#content .start2 LI P.intro, #content .start2 LI H2
{
    display: none;
}
.box
{
    width: 190px;
    height: 192px;
    background: url(graphics/box.png) no-repeat;
}
.box .i
{
    padding: 2px 10px;
}
.box STRONG
{
    color: #666;
}
.box .cartinfo
{
    margin: 5px 0;
}
.box .cartinfo P
{
    font-size: 70%;
}
.box H6
{
    font-size: 12px;
    margin: 4px 0;
}
.box.wide
{
    width: 385px;
    height: 179px;
    background: url(graphics/box_wide.png) no-repeat;
}
.box.wide .i
{
    padding: 10px;
}
.box.wide .cartinfo
{
    float: left;
}
.box.wide .buttons
{
    margin-left: 15px;
    float: left;
}
.box.wide INPUT.text
{
    width: 200px;
}
.box.wide H6
{
    font-size: 14px;
    margin: 8px 0;
}
.box LABEL.inline
{
    font-weight: normal;
    font-size: 70%;
    position: relative;
    top: -2px;
    padding-right: 12px;
}
.box .radios
{
    margin-bottom: 5px;
}

#content .radios INPUT
{
    width: auto;
    height: auto;
    background: transparent;
    border: 0;
    display: inline;
}
#content .radios LABEL
{
    display: inline;
    font-weight: normal;
    font-size: 70%;
    position: relative;
    top: -2px;
    padding-right: 12px;
}

.onecolumn P, .onecolumnnarrow P, .twocolumn P, .threecolumn P
{
    color: #666;
    line-height: 130%;
}
.onecolumn
{
    margin: 20px auto 20px auto;
    width: 790px;
}
.onecolumnnarrow
{
    margin: 20px auto 20px auto;
    width: 590px;
}

.twocolumn
{
    margin: 250px auto 20px auto;
    width: 800px;
}
.twocolumn .column
{
    width: 385px;
}
.twocolumn .column.last
{
    margin-left: 30px;
}

.twocolumn.small
{
    width: 620px;
    margin: 14px auto;
}
.twocolumn.small .column
{
    width: 388px;
}
.twocolumn.small .column.last
{
    width: 180px;
    padding-top: 40px;
}

.threecolumn
{
    margin: 250px auto;
    width: 623px;
}
.threecolumn .column
{
    width: 190px;
    margin-right: 15px;
}
.threecolumn .column.last
{
    margin-right: 0;
}

.column
{
    float: left;
}
.column H1
{
    font-size: 110%;
    font-weight: normal;
    line-height: 120%;
    margin: 0px auto 10px auto;
}
.left
{
    float: left;
    display: block;
}
.right
{
    float: right;
    margin-right: 45px;
}
.right2
{
    float: right;
    margin-right: 10px;
}
.divider
{
    height: 1px;
    background: #c3c3c3;
    margin: 20px 0;
    font-size: 0;
    line-height: 0;
}

/* photobook */
.pb .pages
{
    height: 142px;
    background: url(graphics/photobook/pb_pages_bg.png) repeat-x;
    overflow: hidden;
    position: relative;
}
.pb .pages UL
{
    padding: 18px 20px 0 45px;
}
.pb .pages.spiral UL
{
    padding: 18px 20px 0 45px;
}
.pb .pages SPAN
{
    font-size: 75%;
    display: block;
    text-align: center;
    position: relative;
    top: -3px;
}
.pb .pages LI
{
    display: block;
    float: left;
}
.pb .pages.spiral LI
{
    display: block;
    float: left;
}
#content .pb .pages.spiral LI.first
{
    background: url(graphics/photobook/pb_spiral_page.jpg) no-repeat;
    width: 117px;
    height: 87px;
}
.pb .pages LI.first
{
    width: 118px;
    margin-right: 2px;
}
.pb .pages.spiral LI.first
{
    width: 118px;
    margin-right: 2px;
}
.pb .pages LI.first
{
    background: url(graphics/photobook/pb_page.jpg) no-repeat;
    width: 117px;
    height: 87px;
}
.pb .pages LI.second
{
    display: none;
}
.pb .pages LI.spread_1
{
    background: url(graphics/photobook/pg_spread_1.png) no-repeat;
    width: 110px;
}
.pb .pages LI.spread_2
{
    background: url(graphics/photobook/pg_spread_2.png) no-repeat;
    width: 114px;
    margin-right: 2px;
}
.pb .pages.spiral LI.spread_1
{
    background-image: url(graphics/photobook/pg_spiral_spread_1.jpg);
    width: 110px;
}
.pb .pages.spiral LI.spread_2
{
    background-image: url(graphics/photobook/pg_spiral_spread_2.jpg);
    width: 114px;
    margin-right: 2px;
}
.pb .pages LI SPAN
{
    float: left;
    width: 110px;
    margin-top: 28px;
    position: static;
}
.pb .pages.spiral LI SPAN
{
    float: left;
    width: 110px;
    margin-top: 12px;
    position: static;
}
.pb .pages LI.spread_1 SPAN, .pb .pages LI.spread_2 SPAN
{
    margin-top: 12px;
}
.pb .pages LI DIV
{
    width: 100px;
    margin: 2px 0 0 4px;
}
.pb .pages.spiral LI DIV
{
    width: 100px;
    margin: 7px 0 0 7px;
}
.pb .pages IMG
{
    display: block;
}
#content .pb .pages .arrow
{
    position: absolute;
    top: 44px;
    left: 5px;
    cursor: pointer;
}
#content .pb .pages .arrow.last
{
    left: 950px;
}
.pb .pages .rail
{
    background-image: url(graphics/photobook/pb_slider_bg.png);
    background-position: 0 9px;
    top: -3px;
    left: 50px;
    width: 890px;
}
.pb .pages.spiral .rail
{
    background-image: url(graphics/photobook/pb_slider_bg.png);
    background-position: 0 9px;
    top: -6px;
    left: 50px;
    width: 890px;
}
.pb .pages .handle
{
    width: 22px;
    height: 23px;
}

.pb .pages LI.first DIV
{
    padding: 14px 0 0 30px;
    margin: 0;
}
.pb .pages LI.first DIV IMG
{
    border: solid 1px rgb(234,234,234);
    width: 59px;
    height: 43px;
    cursor: pointer;
}
.pb .pages LI.first DIV IMG.loading
{
    background: url(graphics/loading2.gif) no-repeat left top;
}
.pb .pages LI.first DIV IMG.selected
{
    border: solid 1px red;
}

.pb .pages.spiral LI.first DIV
{
    padding: 7px 0 0 12px;
    margin: 0;
}
.pb .pages.spiral LI.first DIV IMG
{
    border: solid 1px #DDDDDD;
    width: 100px;
    height: 72px;
    cursor: pointer;
}
.pb .pages.spiral LI.first DIV IMG.loading
{
    background: url(graphics/loading2.gif) no-repeat left top;
}
.pb .pages.spiral LI.first DIV IMG.selected
{
    border: solid 1px red;
}

.pb .pages LI.spread_1 DIV IMG, .pb .pages LI.spread_2 DIV IMG
{
    border: solid 1px #fff;
    width: 100px;
    height: 72px;
    cursor: pointer;
}
.pb .pages.spiral LI.spread_1 DIV IMG, .pb .pages.spiral LI.spread_2 DIV IMG
{
    border: solid 1px #DDDDDD;
    width: 100px;
    height: 72px;
    cursor: pointer;
}
.pb .pages LI.spread_1 DIV IMG.loading, .pb .pages LI.spread_2 DIV IMG.loading
{
    background: url(graphics/loading2.gif) no-repeat left top;
}
.pb .pages LI.spread_1 DIV IMG.selected, .pb .pages LI.spread_2 DIV IMG.selected
{
    border: solid 1px red;
}

.settings
{
    margin: 0 0 8px 0;
    color: #333;
    position: relative;
    top: -8px;
}
.settings .book
{
    float: left;
    width: 315px;
    padding-top: 8px;
}
.settings .pageinfo
{
    float: left;
    font-size: 90%;
    padding-top: 6px;
    width: 345px;
    background: url(graphics/photobook/tabs.jpg) no-repeat;
    height: 45px;
    color: #999;
}
.settings .pageinfo SPAN
{
    float: left;
    width: 100px;
    display: block;
    text-align: center;
    padding-top: 4px;
}
.settings .div
{
    float: left;
    width: 120px;
    text-align: center;
}
.settings .div A
{
    position: relative;
    top: -3px;
    margin-left: 5px;
}
.settings .cartinfo, DIV.cart .cartinfo
{
    float: right;
    font-size: 90%;
    padding: 14px 5px 0 0;
}
.settings .cartinfo SPAN, DIV.cart .cartinfo SPAN, .calendar .cartinfo SPAN, .box P SPAN
{
    color: #cc0000;
}
.settings .cartinfo LABEL, DIV.cart .cartinfo SPAN, .calendar .cartinfo LABEL
{
    font-size: 12px;
    display: inline;
    font-weight: normal;
}
.settings .addcart, DIV.cart .addcart
{
    float: right;
    padding-top: 8px;
}
.settings INPUT, DIV.cart INPUT, .calendar INPUT, .box INPUT
{
    width: 36px;
    text-align: center;
    font-size: 80%;
    padding-top: 3px;
    margin: 0 5px;
    height: 17px;
    display: inline;
}
.box INPUT
{
    margin: 0;
    font-size: 70%;
}
.settings P, .box P
{
    display: inline;
}

.page .container
{
    width: 838px;
    margin: 0 auto;
}
.page .frame
{
    float: left;
    width: 738px;
    height: 276px;
    background: url(graphics/photobook/frame.png) no-repeat;
    margin-bottom: 0;
}
.page .frame.front
{
    background-image: url(graphics/photobook/frame_front.png);
    background-position: center center;
}
.page.spiral .frame
{
    background-image: url(graphics/photobook/frame_spiral.png);
}
.page.spiral .frame.front
{
    background-image: url(graphics/photobook/frame_spiral_front.png);
    background-position: center center;
}
.page .pagefront
{
    width: 238px;
    height: 187px;
    margin: 45px auto 0 auto;
}
.page .pagefront .imgframe
{
    margin: 0 0 0 24px;
    width: 207px;
    height: 154px;
}
.page .pagefront .imgframe IMG
{
    width: 207px;
    height: 154px;
    cursor: pointer;
}
.page .pagefront .imgframe IMG.loading
{
    background: url(graphics/loading2.gif) no-repeat left top;
}

.page .frame DIV.page_first
{
    margin: 7px 0 0 8px;
    width: 359px;
    height: 255px;
    float: left;
}
.page .frame .page_first IMG
{
    width: 358px;
    height: 254px;
    cursor: pointer;
}
.page .frame .page_first IMG.loading
{
    background: url(graphics/loading2.gif) no-repeat left top;
}

.page .frame DIV.page_second
{
    margin: 7px 12px 0 0;
    width: 359px;
    height: 255px;
    float: right;
}
.page .frame .page_second IMG
{
    width: 358px;
    height: 254px;
    cursor: pointer;
}
.page .frame .page_second IMG.loading
{
    background: url(graphics/loading2.gif) no-repeat left top;
}
.page.spiral .pagefront
{
    width: 359px;
    height: 255px;
    margin: 7px auto 0 auto;
}
.page.spiral .pagefront .imgframe
{
    margin: 0 0 0 8px;
    width: 359px;
    height: 255px;
}
.page.spiral .pagefront .imgframe IMG
{
    width: 358px;
    height: 254px;
    cursor: pointer;
}
.page.spiral .pagefront .imgframe IMG.loading
{
    background: url(graphics/loading2.gif) no-repeat left top;
}

.page.spiral .frame .page_first IMG
{
    width: 358px;
    height: 254px;
    cursor: pointer;
}
.page.spiral .frame .page_first IMG.loading
{
    background: url(graphics/loading2.gif) no-repeat left top;
}

.page.spiral .frame .page_second IMG
{
    width: 358px;
    height: 254px;
    cursor: pointer;
}
.page.spiral .frame .page_second IMG.loading
{
    background: url(graphics/loading2.gif) no-repeat left top;
}

.page .pagefront P
{
    display: block;
    text-align: right;
    margin: 3px 5px 0 0;
}
.page.spiral .pagefront P
{
    visibility: hidden;
}
.page .arrow
{
    float: left;
    width: 45px;
    padding-top: 120px;
    padding-left: 5px;
    cursor: pointer;
}
.page .arrow.first
{
    padding-left: 20px;
    width: 30px;
}

/* gallery */
.gallery
{
    overflow: visible;
    width: 995px;
    position: relative;
    left: -7px;
    background: url(graphics/gallery/gallery_bg.png) repeat-y;
}
.gallery .pictures
{
    background: url(graphics/gallery/gallery_bg_header.png) top left no-repeat;
    min-height: 268px;
}
.gallery_footer
{
    height: 26px;
    background: url(graphics/gallery/gallery_bg_footer.png) bottom left no-repeat;
    width: 995px;
    position: relative;
    left: -7px;
}
.gallery SPAN
{
    color: #333333;
    font-size: 90%;
    float: left;
    padding-top: 2px;
}
.gallery SELECT, .gallery A
{
    float: left;
    line-height: 100%;
    margin-left: 7px;
}
.gallery SELECT
{
    width: 120px;
}
.gallery .options DIV
{
    float: left;
    border-left: 1px solid #999;
    padding: 6px 0 0 15px;
    margin-top: 1px;
}
.gallery .options H3
{
    color: #333333;
    float: left;
    width: 114px;
    padding: 9px 0 0 20px;
}
.gallery .options .view
{
    width: 178px;
}
.gallery .options .edit
{
    width: 238px;
    padding-bottom: 5px;
    padding-left: 13px;
}
.gallery .options .edit A
{
    position: relative;
    width: 26px;
    height: 20px;
    display: block;
    top: -2px;
}
.gallery .options .edit A IMG, .gallery .options .upload A IMG
{
    position: absolute;
}
.gallery .options .sort
{
    width: 205px;
    padding-left: 13px;
    padding-bottom: 3px;
}
.gallery .options .upload
{
    width: 163px;
}
.gallery .options .upload A
{
    position: relative;
    width: 37px;
    height: 25px;
}

.gallery .arrow
{
    float: left;
    width: 35px;
    padding-top: 100px;
    cursor: pointer;
}
.gallery .arrow.first
{
    width: 37px;
    padding-left: 21px;
    position: relative;
    z-index: 99999999;
}

.gallery .grid
{
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 876px;
    float: left;
}
.gallery .grid .images
{
    position: relative;
    display: block;
    float: left;
}
.gallery .grid UL
{
    display: block;
    margin: 15px 0 0 0;
    width: 876px;
    float: left;
}
.gallery .grid LI
{
    width: 132px;
    height: 93px;
    display: block;
    float: left;
    margin: 5px 0 7px 10px;
}
.gallery .grid IMG
{
    border: solid 1px #999;
    width: 132px;
    height: 93px;
    cursor: pointer;
}
.gallery .grid IMG.current
{
    border: 1px solid red;
}
.gallery .grid IMG.loading
{
    border: solid 1px #999;
    background: url(graphics/loading2.gif) no-repeat left top;
}
.gallery .grid .pageinfo
{
    position: relative;
    display: block;
    float: left;
    font-weight: bold;
    font-size: 80%;
    margin: 5px 0 0 12px;
}

.gallery .mosaic
{
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 876px;
    float: left;
}
.gallery .mosaic .images
{
    position: relative;
    display: block;
    float: left;
}
.gallery .mosaic UL
{
    display: block;
    margin: 8px 0 0 -4px;
    width: 876px;
    float: left;
}
.gallery .mosaic LI
{
    width: 68px;
    height: 66px;
    display: block;
    float: left;
    margin: 5px 0 0 5px;
}
.gallery .mosaic IMG
{
    border: solid 1px #999;
    width: 68px;
    height: 66px;
    cursor: pointer;
}
.gallery .mosaic IMG.current
{
    border: 1px solid red;
}
.gallery .mosaic IMG.loading
{
    border: solid 1px #999;
    background: url(graphics/loading2.gif) no-repeat left top;
}
.gallery .mosaic .pageinfo
{
    position: relative;
    display: block;
    float: left;
    font-weight: bold;
    font-size: 80%;
    margin: 5px 0 0 0;
}

.gallery .carousel
{
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 876px;
    float: left;
}
.gallery .carousel .images
{
    position: relative;
    display: block;
    float: left;
    margin: 10px 0 0 -28px;
    padding: 0 0 0 0;
    height: 200px;
    width: 874px;
}
.gallery .carousel .images IMG
{
    border: solid 1px #999;
    cursor: pointer;
    position: absolute;
}
.gallery .carousel .images IMG.current
{
    border: 1px solid red;
    cursor: pointer;
    position: absolute;
}
.gallery .carousel .images IMG.loading
{
    cursor: pointer;
    position: absolute;
    border: solid 1px #999;
    background: url(graphics/loading2.gif) no-repeat left top;
}

.scrollbar .arrow
{
    padding-top: 2px;
}
.scrollbar .arrow.first
{
    padding-left: 12px;
    position: relative;
    z-index: 999999;
}
.scrollbar .rail
{
    float: left;
    position: relative;
    background: url(graphics/slider/rail.gif) center repeat-x;
    width: 783px;
    cursor: pointer;
    height: 24px;
}
.scrollbar .rail .handle
{
    position: absolute;
    height: 22px;
    width: 22px;
    cursor: pointer;
}

/* info */
.info
{
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #c3c3c3;
}
.info H1
{
    font-weight: bold;
    margin: 15px auto;
    width: 606px;
}
.info SPAN
{
    display: block;
}
.info OL
{
    display: block;
    margin: 0 auto;
    width: 606px;
}
.info LI
{
    font-size: 80%;
    display: block;
    float: left;
    width: 580px;
    margin-right: 22px;
    padding-bottom: 6px; /*height: 200px;*/
}

/* calendar */
.calendar
{
    min-height: 320px;
    background: url(graphics/page_bg.png) repeat-x;
    padding: 5px 60px;
    position: relative;
}
.calendar .cala3
{
    float: left;
    width: 222px;
    height: 312px;
    margin-right: 15px;
    background: url(graphics/calendar/calendar_bg_A3.png) no-repeat;
}
.calendar .cala4
{
    float: left;
    width: 222px;
    height: 312px;
    margin-right: 15px;
    background: url(graphics/calendar/calendar_bg_A4.png) no-repeat;
}
.calendar .months
{
    float: left;
    width: 620px;
}
.previewmonth
{
    position: relative;
    margin: 16px 0 0 21px;
}
.cala3 .loading, .cala4 .loading
{
    cursor: pointer;
    background: url(graphics/loading2.gif) no-repeat left top;
}
.picturea3
{
    margin: 12px 0 0 18px;
    width: 183px;
    height: 140px;
}
.picturea4
{
    margin: 12px 0 0 18px;
    width: 183px;
    height: 140px;
}
.choices
{
    float: left;
    margin: 4px 25px 0 0;
}
.choices.last
{
    margin-right: 0;
}
.choices INPUT, .box INPUT.text
{
    width: 150px;
    font-weight: bold;
    font-size: 70%;
    height: auto;
    padding: 3px 4px 5px 4px;
    text-align: left;
    margin-left: 0;
}
.choices SELECT
{
    width: 120px;
}
.choices .button
{
    margin-top: -2px;
}
.month_list
{
    position: relative;
    top: 10px;
    left: -3px;
}
.month_list LI
{
    display: block;
    float: left;
    width: 100px;
    height: 107px;
    background: url(graphics/calendar/small_month_bg.png) no-repeat;
    margin: 0 3px 5px 0;
    text-align: center;
}
.month_list P
{
    color: #000;
    font-weight: bold;
    line-height: 100%;
    margin: 8px 0 2px 0;
    font-size: 70%;
}
.month_list SPAN
{
    display: block;
}
.month_list IMG
{
    width: 85px;
    height: 63px;
    cursor: pointer;
}
.month_list IMG.loading
{
    cursor: pointer;
    border: solid 1px #ff0000;
    background: url(graphics/loading2.gif) no-repeat left top;
}
.calendar .options
{
    margin-top: 10px;
}
.calendar .cartinfo
{
    font-size: 90%;
    float: left;
    width: 212px;
    padding-top: 3px;
    margin: 0 40px 0 50px;
}
.calendar .cartinfo LABEL, .calendar .cartinfo P
{
    display: inline;
}

/* cart */
.checkout_body H1
{
    margin: 0;
}
.checkout_body H3
{
    color: #666;
    display: block;
    margin-bottom: 3px;
}
.shop
{
    background: #eb0000 url(graphics/shop/shop_bg.png) repeat-x;
    min-height: 91px;
    position: relative;
    margin-bottom: 20px;
}
.shop IMG
{
    position: absolute;
    top: 15px;
    left: 805px;
}
.shop H1
{
    color: #fff;
    padding: 35px 0 0 104px;
    display: block;
}

.list
{
    border-collapse: collapse;
    width: 778px;
    margin-left: 104px;
    font-size: 12px;
}
.list TD.description
{
    padding-left: 10px;
    width: 468px;
}
.list TD.quantity
{
    width: 50px;
}
.list TD.update
{
    width: 75px;
}
.list TD.delete
{
    width: 75px;
}
.list TD.price
{
    width: 110px;
}
.list TD.sum
{
    background: url(graphics/shop/shop_tfoot_border.png) top left repeat-x;
    font-weight: bold;
    padding: 8px 0 5px 0;
}
.list THEAD TD
{
    font-weight: bold;
    color: #666;
    padding-bottom: 8px;
    background: url(graphics/shop/shop_thead_border.png) bottom left repeat-x;
}
.list TBODY TD
{
    color: #000;
}
.list TBODY TR.marked TD
{
    background: #e1e1e1;
}
.list INPUT
{
    background: none;
    padding: 2px;
    width: 20px;
    text-align: center;
    border: 1px solid #666;
}
.list TD.quantity SPAN
{
    display: none;
}
.list TR.total .price
{
    text-align: left;
}
.list TR.total TD, .list TD.vat
{
    text-align: right;
    font-weight: bold;
    padding-right: 15px;
    color: #000;
}
.list TR.total TD
{
    color: #cc0000;
    background: url(graphics/shop/shop_vat_top.png) top right no-repeat;
    padding: 6px 15px 0 0;
}
.checkout_body .coupon
{
    width: 500px;
    float: left;
    margin: 30px 0 0 104px;
}
.checkout_body .right
{
    margin: 45px 88px 0 0;
}
.checkout_body .left
{
    margin: 45px 0 0 96px;
}
.coupon INPUT
{
    width: 254px;
    display: inline;
    float: left;
}
.coupon .button
{
    position: relative;
    top: -5px;
    left: 5px;
}
.shopinfo
{
    margin-left: 104px;
}
.shopinfo P
{
    margin: 7px 0;
}
.shopinfo H3
{
    margin-bottom: 10px;
}
.shopaccount
{
    width: 228px;
    float: left;
    margin-left: 104px;
    margin-top: 20px;
}
.shopcomments
{
    width: 338px;
    float: left;
    padding-left: 10px;
    margin-top: 20px;
}
.shopcomments INPUT, .shopcomments LABEL
{
    width: auto;
    height: auto;
    background: none;
    display: inline;
    font-weight: normal;
}

/* crop */
.crop
{
    position: absolute;
    height: 256px;
    width: 380px;
}
.crop, .crop *
{
    font-size: 0;
}
.crop .overlay
{
    background-color: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    position: absolute;
    width: 100%;
    height: 100%;
}
.crop .selarea
{
    position: absolute;
    cursor: move;
    z-index: 2;
    border: dotted 1px #FFF;
}
.crop .clickarea
{
    width: 100%;
    height: 100%;
    background-color: #FFF;
    opacity: 0.01;
    filter: alpha(opacity=01);
}
.crop .handle
{
    position: absolute;
    border: 1px solid #333;
    width: 6px;
    height: 6px;
    background: #FFF;
    opacity: 0.7;
    filter: alpha(opacity=70);
    z-index: 4;
}
.crop .handleN
{
    top: -3px;
    left: 0;
    cursor: n-resize;
}
.crop .handleNE
{
    top: -3px;
    right: -3px;
    cursor: ne-resize;
}
.crop .handleE
{
    top: 0;
    right: -3px;
    cursor: e-resize;
}
.crop .handleSE
{
    right: -3px;
    bottom: -3px;
    cursor: se-resize;
}
.crop .handleS
{
    right: 0;
    bottom: -3px;
    cursor: s-resize;
}
.crop .handleSW
{
    left: -3px;
    bottom: -3px;
    cursor: sw-resize;
}
.crop .handleW
{
    top: 0;
    left: -3px;
    cursor: w-resize;
}
.crop .handleNW
{
    top: -3px;
    left: -3px;
    cursor: nw-resize;
}
.crop .dragarea
{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/* login */
.login .account
{
    background: #999 url(graphics/account/login_bg.png) repeat-x;
    min-height: 90px;
    padding: 22px 0 0 90px;
}
.login .account H1
{
    margin: 0 0 5px 0;
    color: #333333;
}
.login H3
{
    color: #333333;
}
.login .account P, .login .radios LABEL
{
    color: #333333;
    font-size: 12px;
}
.login .page
{
    padding-top: 0;
    background-position: 0 112px;
}
.login .twocolumn
{
    margin-top: 30px;
}
.login .loginbox H3
{
    color: #333333;
}
.login .loginbox
{
    background: url(graphics/account/login_bottom.png) bottom left no-repeat;
    min-height: 300px;
}
.login .loginbox .body
{
    background: url(graphics/account/login_top.png) no-repeat;
    min-height: 150px;
    padding: 35px 30px;
}
.login .loginbox.plain .body
{
    background-image: url(../graphics/boxes/login_top_plain.png);
}
.login .loginbox H1, .login .loginbox P, .login .loginbox A, .login .loginbox LABEL
{
    color: #333333;
}
.login .loginbox INPUT, .login .loginbox LABEL
{
    display: block;
    margin-bottom: 5px;
}
.login .loginbox .button A
{
    color: #333333;
}
.login .radios
{
    padding: 5px 0;
}
.login .register .radios LABEL
{
    padding-left: 5px;
}
.column.register
{
    background: #e4e4e4;
    width: 308px;
    margin-right: 47px;
    padding: 15px;
}
.column.register LABEL
{
    font-weight: normal;
}
.login P.email
{
    padding-top: 5px;
    color: #333333;
}

/* upload */
.upload .twocolumn
{
    margin-top: 15px;
}
.upload H1
{
    margin: 0;
    color: #333333;
}
.upload .column.upload P
{
    color: #333333;
    display: block;
    margin: 6px 0 15px 0;
}
.column.upload
{
    background: url(graphics/upload/upload_bottom.png) bottom left no-repeat;
}
.column.upload .body
{
    background: url(graphics/upload/upload_top.png) no-repeat;
    min-height: 420px;
    padding: 35px 42px;
}
.upload .column.text
{
    padding: 30px 0 0 30px;
}
.upload INPUT
{
    width: auto;
    padding: 4px;
    font-size: 14px;
    height: 21px;
    background: #fff;
    width: 230px;
}
.upload TABLE TR TD
{
    padding-bottom: 8px;
}
.upload .uploadprogress INPUT.ruCancel
{
    background: url(graphics/upload/upload_delete.png);
    width: 53px;
    height: 23px;
    float: right;
    display: block;
    cursor: pointer;
    color: #333333;
    text-align: center;
    font-size: 10px;
    margin-left: 5px;
}
.register .col .button
{
    margin-bottom: 20px;
}
.upload INPUT.ruRemove
{
    background: url(graphics/upload/upload_delete.png);
    width: 53px;
    height: 23px;
    float: right;
    display: block;
    cursor: pointer;
    color: #999;
    text-align: center;
    font-size: 10px;
    margin-left: 5px;
    padding: 0;
}
LI.ruCurrentFile SPAN
{
    font-size: 90%;
}
.ruShadow DIV
{
    background-image: none;
}
.upload .ruFileWrap
{
    display: block;
    float: left;
    width: 200px;
    padding-bottom: 8px;
}
.upload UL
{
    width: 300px;
}
.upload LI
{
    clear: both;
}
.upload .buttons
{
    width: 300px;
}
.upload .buttons .col
{
    width: 110px;
    float: left;
    padding-top: 15px;
}
.upload .buttons .col.last
{
    width: 150px;
    float: right;
}
.upload .buttons .col.last .button
{
    float: right;
}

/* card */
.pics
{
    width: 860px;
    margin: 0 auto;
}
.picture
{
    margin: 10px 0;
}
.picture .pic
{
    float: left;
    width: 400px;
}
.picture .preview
{
    float: left;
    width: 460px;
    position: relative;
}
.picture .previewtype
{
    top: 0px;
    left: 111px;
    position: absolute;
}
.picture .previewarea
{
    top: 36px;
    left: 188px;
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
}
.picture .previewareamousepad
{
    top: 29px;
    left: 156px;
    width: 204px;
    height: 167px;
    overflow: hidden;
    position: absolute;
}
.picture .previewareanotepad
{
    top: 42px;
    left: 209px;
    width: 105px;
    height: 148px;
    overflow: hidden;
    position: absolute;
}
.picture .previewareacanvas1
{
    top: 34px;
    left: 186px;
    width: 154px;
    height: 154px;
    overflow: hidden;
    position: absolute;
}
.picture .previewareacanvas2
{
    top: 49px;
    left: 171px;
    width: 184px;
    height: 124px;
    overflow: hidden;
    position: absolute;
}
.picture .previewareacanvas3
{
    top: 34px;
    left: 157px;
    width: 214px;
    height: 154px;
    overflow: hidden;
    position: absolute;
}
.picture .previewareamagnet1
{
    top: 39px;
    left: 167px;
    width: 192px;
    height: 144px;
    overflow: hidden;
    position: absolute;
}
.picture .preview DIV.cart
{
    margin-top: 90px;
}
.pics .previewbutton
{
    width: 150px;
    float: left;
    padding-top: 105px;
    padding-left: 40px;
}
.pics .cartinfo LABEL
{
    display: inline;
    font-weight: normal;
}
.pics .cartinfo P
{
    display: inline;
    font-size: 90%;
}
.pics .centerouter
{
    position: relative;
    margin: 0px;
    height: 256px;
    margin-right: auto;
    width: 380px;
    border: dotted 1px #bab8b9;
}
.pics .centerinner
{
    position: absolute;
    top: 50%;
    height: 252px;
    margin-top: -126px;
    left: 50%;
    width: 376px;
    margin-left: -188px;
}

/* PregnancyBook */
.panel_nav
{
    position: relative;
    background: #ca3038 url(graphics/pregnancybook/nav_bg.png) center left no-repeat;
    height: 26px;
    width: 830px;
    margin: 4px auto 0 auto;
}
.panel_nav .spread, #content .panel_nav .next A, #content .panel_nav .previous A
{
    color: #fff;
    font: bold 13px tahoma, verdana sans-serif;
}
#content .panel_nav .next A, #content .panel_nav .previous A
{
    margin-top: 2px;
}
.panel_nav .spread
{
    position: absolute;
    left: 185px;
    top: 2px;
    width: 130px;
}
.panel_nav .next
{
    float: right;
}
.panel_nav .previous
{
    float: left;
    width: 300px;
}
#content .panel_nav .next A, #content .panel_nav .previous A
{
    padding: 3px 10px;
    display: block;
}
.pregnancyc H1
{
    color: #1a2575;
    font: bold 23px tahoma, verdana, sans-serif;
    margin: 0 0 15px 0;
    text-align: center;
    line-height: 140%;
    display: block;
}
.pregnancyc
{
    margin: 4px auto 10px auto;
    padding-bottom: 7px;
    background: url(graphics/pregnancybook/content_bottom.png) bottom center no-repeat;
    width: 830px;
}
.p1, .p2, .p3, .p4, .p5, .p6, .p7, .p8, .p9, .p10, .p11, .p12, .p13, .p14, .p15, .p16, .p17, .p18
{
    border-width: 2px 2px 0 2px;
    border-style: solid;
    border-color: #cbcbca;
    min-height: 585px;
}
.pregnancyc .p2
{
    background: url(graphics/pregnancybook/p2.jpg) top right no-repeat;
}
.pregnancyc .p3
{
    background: url(graphics/pregnancybook/p3.jpg) top center no-repeat;
}
.pregnancyc .p4
{
    background: url(graphics/pregnancybook/p4.jpg) top left no-repeat;
}
.pregnancyc .p5
{
    background: url(graphics/pregnancybook/p5.jpg) top left no-repeat;
}
.pregnancyc .p6
{
    background: url(graphics/pregnancybook/p6.jpg) top left no-repeat;
}
.pregnancyc .p7
{
    background: url(graphics/pregnancybook/p7.jpg) top left no-repeat;
}
.pregnancyc .p8
{
    background: url(graphics/pregnancybook/p8.jpg) top left no-repeat;
}
.pregnancyc .p9
{
    background: url(graphics/pregnancybook/p9.jpg) top left no-repeat;
}
.pregnancyc .p10
{
    background: url(graphics/pregnancybook/p10.jpg) top left no-repeat;
}
.pregnancyc .p11
{
    background: url(graphics/pregnancybook/p11.jpg) top left no-repeat;
}
.pregnancyc .p12
{
    background: url(graphics/pregnancybook/p12.jpg) top left no-repeat;
}
.pregnancyc .p13
{
    background: url(graphics/pregnancybook/p13.jpg) top left no-repeat;
}
.pregnancyc .p14, .pregnancyc .p16
{
    background: url(graphics/pregnancybook/p14.jpg) top left no-repeat;
}
.pregnancyc .p15, .pregnancyc .p17
{
    background: url(graphics/pregnancybook/p15.jpg) top left no-repeat;
}
.pregnancyc .p1 H1
{
    text-align: left;
    font-weight: normal;
    font: 45px tahoma, verdana, sans-serif;
    position: relative;
    top: 155px;
    left: 460px;
    padding: 0;
    margin: 0;
}
.pregnancyc .p1 H1.first
{
    display: block;
    font-weight: bold;
    font-size: 55px;
}
.pregnancyc .p1 H1.second
{
    margin: -15px 0 0 35px;
}
.pages .col1
{
    float: left;
    width: 260px;
    margin: 30px 0 0 125px;
    display: inline;
}
.pages .col1 H1, .pages .col2 H1
{
    margin-bottom: 5px;
}
.pages .col2
{
    float: left;
    width: 260px;
    margin: 30px 0 0 70px;
    display: inline;
}
.pages .col2 LABEL
{
    margin: 0;
    padding: 0;
    font: bold 10px verdana, tahoma, sans-serif;
    display: block;
    color: #4C4B4B;
    margin-top: 10px;
}
.pages P
{
    font: 9px verdana, tahoma, sans-serif;
    display: block;
    margin-top: 5px;
    line-height: 120%;
}
.pages H1
{
    text-align: left;
}
.pages TEXTAREA
{
    width: 210px;
    height: 70px;
    padding: 8px;
    font: 10px verdana, tahoma, sans-serif;
    filter: Alpha(Opacity=90);
    opacity: 0.90;
    -moz-opacity: 0.90;
}
.pages LABEL.first
{
    margin-top: 0;
}
.imgs DIV.img
{
    margin-top: 25px;
    border: 8px solid #e6f5fc;
    width: 323px;
    height: 215px;
}
.imgs DIV.img.active
{
    border-color: #b2e2f8;
}
.imgs IMG
{
    cursor: pointer;
    position: absolute;
    background-color: #fff;
    width: 323px;
    height: 215px;
    visibility: hidden;
}
.imgs IMG.loading
{
    cursor: pointer;
    position: absolute;
    border: solid 1px #5A1619;
    background: url(graphics/imagegallery/loading2.gif) no-repeat left top;
}
.imgs .col
{
    float: left;
    display: inline;
    margin-left: 25px;
}
.imgs .col.margin
{
    margin-left: 95px;
}
.imgs .pictures
{
    background: #f5f5f5;
    border-top: 2px solid #cbcbca;
    height: auto;
    position: relative;
    padding-bottom: 10px;
}
.imgs UL.nav
{
    position: absolute;
    top: -29px;
    left: -33px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.imgs LI
{
    display: block;
    float: left;
}
.imgs UL.nav LI A
{
    display: block;
    width: 159px;
    height: 29px;
    background: url(graphics/pregnancybook/button_upload_img.png) no-repeat;
    margin: 0 0 0 0;
    padding: 0;
}
.imgs UL.nav LI.img A
{
    background-image: url(graphics/pregnancybook/button_img.png);
    margin-right: 4px;
}
.imgs UL SPAN
{
    display: none;
}
.imgs .container
{
    height: 500px;
    padding-bottom: 30px;
}
.imgs UL.images
{
    list-style: none;
    margin: 0 0 0 -3px;
    padding: 14px 0 0 0;
}
.imgs UL.images LI
{
    margin-right: 9px;
}
#content .imgs .col A
{
    margin-top: 15px;
    text-align: center;
    text-decoration: underline;
    font: bold 12px arial, verdana, sans-serif;
    display: block;
    width: 100%;
    height: 150px;
    color: #8a8989;
}
.p14c
{
    padding: 20px 0 0 40px;
    width: 300px;
    float: left;
}
.p14r
{
    float: left;
    width: 300px;
    margin-left: 125px;
    padding: 20px 0 0 0;
    display: inline;
}
#content .p14 TEXTAREA
{
    width: 100%;
    height: 370px;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    padding: 8px;
    font: 10px verdana, tahoma, sans-serif;
}
#content .p14 .p14r TEXTAREA
{
    height: 450px;
}
#content .p14 H1
{
    text-align: left;
}
.p18c
{
    margin: 15px 0 0 447px;
    padding: 10px 20px 5px 20px;
    background: url(graphics/pregnancybook/buy_bg.png) no-repeat;
}
#content .p18 H2
{
    padding: 16px 0 3px 0;
}
.p18 .clear
{
    height: 50px;
}
.p18 P
{
    padding: 5px 0 15px 0;
    position: relative;
}
.p18 INPUT
{
    text-align: center;
    width: 20px;
    padding: 2px;
    display: block;
    float: left;
    background-image: none;
    background: #fff;
    border: 1px solid #8c8b8a;
    height: auto;
}
.p18 A.addtocartlinkbutton
{
    cursor: pointer;
    font: bold 75% arial, verdana, sans-serif;
    padding: 5px 25px 0 15px;
    color: #5A1619;
}
.p18 A.addtocartlinkbutton:hover
{
    cursor: pointer;
    text-decoration: none;
}
.p18 .dots
{
    background: url(graphics/pregnancybook/dot.png) bottom left repeat-x;
    width: 160px;
    float: left;
    margin: 0 5px;
    display: inline;
    padding: 0;
    height: 21px;
}
#arrow_left
{
    position: absolute;
    left: 3px;
    top: 47px;
}
#arrow_right
{
    position: absolute;
    margin-right: 15px;
    top: 47px;
    left: 793px;
}
.pregnancyc .p2 FIELDSET
{
    display: block;
    width: 260px;
    margin: 10px 0 0 440px;
}
#content .pregnancyc .p2 FIELDSET INPUT
{
    color: #1a2575;
    font: 18px tahoma, verdana, sans-serif;
    padding: 5px 4px;
    text-align: center;
    width: 200px;
    margin-left: 25px;
    filter: Alpha(Opacity=90);
    opacity: 0.90;
    -moz-opacity: 0.90;
    background-image: none;
    background: #fff;
    border-left: 2px solid #8c8b8a;
    border-top: 2px solid #8c8b8a;
    border-bottom: 2px solid #e2dfd9;
    border-right: 1px solid #e2dfd9;
}
.pregnancyc .p2 FIELDSET SPAN
{
    display: block;
    text-align: center;
    color: #1a2575;
    font: 15px tahoma, tahoma, sans-serif;
    margin: 3px 0;
}
.pregnancyc .p2 FIELDSET SPAN.and
{
    display: block;
    color: #1a2575;
    font: 15px tahoma, verdana, sans-serif;
    margin: 3px 0;
}
.pregnancyc .p2 FIELDSET INPUT.name, .pregnancyc .p2 FIELDSET INPUT.lname, .pregnancyc .p2 FIELDSET INPUT.fname
{
    font-size: 18px;
    margin-bottom: 5px;
}
.pregnancyc .p2 FIELDSET INPUT.birthday, .pregnancyc .p2 FIELDSET INPUT.birthtime, .pregnancyc .p2 FIELDSET INPUT.weight, .pregnancyc .p2 FIELDSET INPUT.length
{
    width: 150px;
    font-size: 18px;
    margin-bottom: 5px;
    margin-left: 50px;
}
.pregnancyc TEXTAREA
{
    background-image: none;
    background: #fff;
    border-left: 2px solid #8c8b8a;
    border-top: 2px solid #8c8b8a;
    border-bottom: 2px solid #e2dfd9;
    border-right: 1px solid #e2dfd9;
}
* HTML .p4 .pictures LI
{
    position: relative;
}
* HTML .p4 UL.nav
{
    top: -27px;
}

/* form */
DIV.form
{
    margin: 0 100px;
}
H1.form
{
    margin: 50px 100px 15px 100px;
}
.form .containerdiv
{
    background: #666;
    color: #fff;
    margin: 15px 0 2px 0;
    padding: 3px;
    position: relative;
}
.form H6
{
    display: inline;
    padding-right: 10px;
    font-size: 80%;
    font-weight: bold;
    color: #fff;
}
.form P
{
    display: inline;
}
.form .label
{
    float: left;
    width: 188px;
    padding: 3px 0 3px 5px;
}
.form .input
{
    float: left;
    padding: 3px 15px;
    border-left: 2px solid #fff;
}
.form .input .button
{
    position: relative;
    top: -5px;
    left: 5px;
}
.form .input DIV
{
    margin-bottom: 5px;
}
.form .input DIV INPUT
{
    margin: 0;
}
.form .input DIV.clear, .form .input DIV DIV
{
    margin: 0;
}
.form INPUT
{
    width: 250px;
    display: inline;
}
.form INPUT.medium
{
    width: 100px;
}
.form INPUT.small
{
    width: 70px;
}
.form INPUT.large
{
    width: 300px;
}
.form SELECT
{
    font-weight: normal;
    font-size: 70%;
    margin-top: 1px;
    display: inline;
}
.form LABEL
{
    font-weight: normal;
    padding-top: 2px;
    display: inline;
}
.form LABEL SPAN
{
    color: red;
    font-weight: bold;
    font-size: 110%;
}
.form LABEL.highlight
{
    font-weight: bold;
    color: #000;
}
.form .container
{
    background: #f0f0f0;
    width: 780px;
    margin-bottom: 2px;
}
.form .container P, .form .input LABEL
{
    padding: 0 10px 0 5px;
    color: #666666;
}
.form .container.even
{
    background: #e8e8e8;
}
.form .radio
{
    width: auto;
    background: none;
    border: 0;
}
.form .input SPAN.radio INPUT
{
    width: auto;
    background: none;
    border: 0;
}

/*Footer*/
#footer
{
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #c3c3c3;
    text-align: center;
    font-family: verdana, tahoma, sans-serif;
    color: #787878;
    font-size: 10px;
}
#footer LI
{
    display: inline;
    padding: 0 10px 0 6px;
    background: url(graphics/footer_line.png) center right no-repeat;
}
#footer A
{
    color: #787878;
    text-decoration: none;
}
#footer LI.last
{
    background: none;
}
#footer A:hover
{
    text-decoration: underline;
}
#footer A.strong
{
    color: #ff0000;
}
#footer .links
{
    clear: both;
    margin: 8px 0 15px 0;
}
#footer .menu
{
    clear: both;
    margin: 0px 0 15px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #c3c3c3;
}

/*topheader*/
#topheader
{
    margin-top: 0px;
    padding-top: 0px;
    text-align: left;
    font-family: verdana, tahoma, sans-serif;
    color: #787878;
    font-size: 10px;
}
#topheader LI
{
    display: inline;
    padding: 0 10px 0 6px;
}
#topheader A
{
    color: #787878;
    text-decoration: none;
}
#topheader LI.last
{
    background: none;
}
#topheader A:hover
{
    text-decoration: underline;
}
#topheader A.strong
{
    color: #ff0000;
}
#topheader .links
{
    clear: both;
    margin: 8px 0 15px 0;
}

/*Popups*/
.pos
{
    position: absolute;
    top: 130px;
    left: 50%;
    z-index: 9999999;
    margin: 0 0 0 -200px;
}
.window, .uploadprogress
{
    width: 385px;
    height: 510px;
    background: url(graphics/window/top.gif) top left no-repeat;
    filter: alpha(opacity=90);
    -moz-opacity: 0.90;
    -khtml-opacity: 0.90;
    opacity: 0.90;
    color: #fff;
}
.window .body
{
    margin-top: 6px;
    background: #3d3d3d;
    padding: 20px 48px;
}
.window .footer
{
    height: 6px;
    background: url(graphics/window/bottom.gif) top left no-repeat;
}
.window H1
{
    margin: 0 0 5px 0;
    font-size: 18px;
}
.window P
{
    line-height: 150%;
}
.window .summary
{
    padding-bottom: 10px;
}
.window .button
{
    margin-top: 15px;
}
.window .button.ok
{
    margin-left: 125px;
}
.window .button.margin
{
    margin-right: 5px;
}
.window .textimage
{
    margin: auto 0px auto 100px;
}
.window .buttons
{
    float: right;
    margin-right: 14px;
}
.window LABEL
{
    color: #fff;
    display: block;
    padding: 2px 0 5px 0;
    line-height: 143%;
}
.window INPUT
{
    width: 170px;
    display: block;
    float: left;
    margin-bottom: 4px;
}
.window SELECT
{
    width: 170px;
    display: block;
    float: left;
    margin-bottom: 4px;
}
.window SPAN
{
    padding-left: 3px;
    display: block;
    float: left;
}
.window .column.labels
{
    width: 100px;
}
.uploadprogress INPUT.ruCancel
{
    float: none;
    margin: 20px 0 0 155px;
}
.uploadprogress UL.ruProgress
{
    font-size: 80%;
}
.uploadprogress
{
    width: 385px;
    height: 200px;
    background: url(graphics/window/progress.gif) no-repeat;
    padding: 15px;
}

.clear, .pb .pages LI DIV.clear, #content .pb .pages.spiral LI.first DIV.clear, .gallery .options DIV.clear, .pb .pages LI.first DIV.clear
{
    clear: both;
    background: none;
    border: 0;
    width: auto;
    height: auto;
    float: none;
    margin: 0;
    padding: 0;
}
.highlight
{
    color: #cc0000;
}
IMG.right
{
    float: right;
    margin: 1px 0 10px 10px;
}
INPUT[type=hidden]
{
    display: none;
}