body {font-family:Helvetica, Arial, sans-serif;line-height:1.4;font-size:14px;}

#container {position:relative;overflow:hidden;width: 70em;margin:0 auto;}

#header {margin: 0 auto;position: absolute;width: 46em;z-index: 5;background:url(/public/images/paper.png) no-repeat bottom;padding:0.6em 6em 2em;left:6em;}
#header .primary-navigation {display:none;padding:0 1em 6em;}
#header .primary-navigation ul {padding: 0 1.3em;}

#header .brand a {background: url( /public/images/mygiftster.png );display: block;height: 117px;width: 333px;}

#header .brand a span {display:none;}

#header .login-logout { z-index:1000;position:absolute;top:0.7em;display: block;right:5.6em;text-align:right;}
#header .login-logout .key {background: url( '/public/images/icon/key.png' ) no-repeat;background-position: 50% 0%;padding-top: 20px;}

#header .menu a {width:155px;height:77px;display:block;position:absolute;bottom:1.4em;right:5em;}
#header .menu a.open-menu {background-image:url(/public/images/click_for_menu.png);}
#header .menu a.close-menu {background-image:url(/public/images/click_to_close.png);display:none;}
#header .menu a span {display:none;}

#header .intro {font-size: 0.8em;padding:1em;}


#content {margin: 11em auto 1.4em;text-align: left;}

#footer {background: #a2968a;padding: 3px 0;text-align:center;}

#footer, #footer a {color: #fff;}

#copyright {margin-left: 10em;}

/* !    Form Inputs */
input {
    color: #C0C0C0;
}

input[type="submit"] {
    color: #000000;
}

/* !    Help ? */
div.question_mark {
    float: right;
    padding-right: 50px;
}

/* !        Navigation */

.navigation {display: block;margin:0 auto;overflow:hidden;}

.navigation li {display: inline-block;float: left;margin-left: 2px;width: 77px;}

.navigation li a {background-repeat: no-repeat;background-position: top center; color: #54534a; display: block; font-size: 0.9em;font-weight: bold;text-align: center;text-decoration: none;width: 77px;}

.navigation li.first {margin-left: 0;}

.navigation li.search a {background-image: url( /public/images/icon/search.png );padding-top: 73px;}

.navigation li.search a:hover,
.navigation li.search .off-screen ,
.navigation li.search a.selected {background-image: url( /public/images/icon/hover/search.png );}

.navigation li.help a {background-image: url( /public/images/icon/help.png );margin-top: 5px;padding-top: 68px;}

.navigation li.help a:hover ,
.navigation li.help .off-screen ,
.navigation li.help a.selected {background-image: url( /public/images/icon/hover/help.png );}

.navigation li.about a {background-image: url( /public/images/icon/about.png );margin-top: 24px;padding-top: 49px;}

.navigation li.about a:hover,
.navigation li.about .off-screen,
.navigation li.about a.selected {background-image: url( /public/images/icon/hover/about.png );}

.navigation li.contact a {background-image: url( /public/images/icon/contact.png );margin-top: 24px;padding-top: 49px;}

.navigation li.contact a:hover ,
.navigation li.contact .off-screen ,
.navigation li.contact a.selected {background-image: url( /public/images/icon/hover/contact.png );}

.navigation li.feedback a {background-image: url( /public/images/icon/feedback.png );padding-top: 73px;}

.navigation li.feedback a:hover ,
.navigation li.feedback .off-screen ,
.navigation li.feedback a.selected {background-image: url( /public/images/icon/hover/feedback.png );}

.navigation li.news a {background-image: url( /public/images/icon/news.png );margin-top: 10px;padding-top: 63px;}

.navigation li.news a:hover ,
.navigation li.news .off-screen ,
.navigation li.news a.selected {background-image: url( /public/images/icon/hover/news.png );}

.navigation li.site-map a {background-image: url( /public/images/icon/site_map.png );padding-top: 55px;}

.navigation li.site-map a:hover ,
.navigation li.site-map .off-screen ,
.navigation li.site-map a.selected {background-image: url( /public/images/icon/hover/site_map.png );}

.navigation li.settings {margin-left: 10px;}

.navigation li.settings a {background-image: url( /public/images/icon/settings.png );margin-top: 4px;padding-top: 69px;}

.navigation li.settings a:hover ,
.navigation li.settings .off-screen ,
.navigation li.settings a.selected {background-image: url( /public/images/icon/hover/settings.png );}

.navigation li.list a {background-image: url( /public/images/icon/list.png );margin-top: 7px;padding-top: 57px;}

.navigation li.list a:hover ,
.navigation li.list .off-screen ,
.navigation li.list a.selected {background-image: url( /public/images/icon/hover/list.png );}

.navigation li.gift a {background-image: url( /public/images/icon/gift.png );padding-top: 64px;}

.navigation li.gift a:hover ,
.navigation li.gift .off-screen ,
.navigation li.gift a.selected {background-image: url( /public/images/icon/hover/gift.png );}

.navigation li.group a {background-image: url( /public/images/icon/group.png );margin-top: 6px;padding-top: 58px;}

.navigation li.group a:hover ,
.navigation li.group .off-screen ,
.navigation li.group a.selected {background-image: url( /public/images/icon/hover/group.png );}

.navigation li.shopping a {background-image: url( /public/images/icon/shopping.png );margin-top: 6px;padding-top: 60px;}

.navigation li.shopping a:hover ,
.navigation li.shopping .off-screen ,
.navigation li.shopping a.selected {background-image: url( /public/images/icon/hover/shopping.png );}

.navigation li.event a {background-image: url( /public/images/icon/event.png );margin-top: 9px;padding-top: 55px;}

.navigation li.event a:hover ,
.navigation li.event .off-screen ,
.navigation li.event a.selected {background-image: url( /public/images/icon/hover/event.png );}

.navigation li.message a {background-image: url( /public/images/icon/message.png );margin-top: 1px;padding-top: 63px;}

.navigation li.message a:hover ,
.navigation li.message .off-screen ,
.navigation li.message a.selected {background-image: url( /public/images/icon/hover/message.png );}

#navigation-user {padding-left:17em;}

#navigation-user li {width: 95px;}

#navigation-user li a {width: 95px;}

#navigation-user li.greeting {display: inline-block;vertical-align: bottom;width: 220px !important;}

#navigation-user li.greeting small{font-size:10px;}

#navigation-user li.greeting a {width: inherit;}

    /* !    Content */

.give-the-gift {
margin: 5px auto auto auto;
background: url( /public/images/give_the_gift.png );
display: inline-block;
height: 32px;
width: 319px;
}

.give-the-gift span {
display: none;
}

#giftlegend {
background: url( /public/images/icon/legend.png );
display: inline-block;
background-repeat: none;
position: relative;
top: 60px;
left: 10px;
width: 439px;
height: 22px;
z-index: 10;
}

#giftlegend span {
display: none;
}

#helpicon {
background: url( /public/images/icon/smallhelp.png );
display: inline-block;
background-repeat: none;
position: relative;
top: 2px;
left: 20px;
width: 19px;
height: 21px;
z-index: 0;
}

#helpicon span {
display: none;
}

#helpicon2 {
background: url( /public/images/icon/smallhelp.png );
display: inline-block;
background-repeat: none;
height: 21px;
left: 10px;
position: relative;
top: 0px;
width: 19px;
z-index: 10;
}

#helpicon2 span {
display: none;
}


.box-container {
position: relative;
top: 0;
}

.left-box {
float: left;
margin-top: 7px;
}

.right-ad {
float: right;
margin-top: 10px;
}

.with-side-boxes {
float: left;
}

.center-only {
margin: 0 auto;
width: 674px;
}

.centered {
text-align: center;
}

.testimonial {
width: 575px;
margin: 0 auto;
}

.testimonial q {
color: #a2968a;
}

.testimonial cite {
font-size: 0.8em;
font-style: italic;
}

/* !        Paper fold */

#paper-fold {
overflow: auto;
width: 1050px;
margin-left:-40px;
}

#paper-fold a {
background-position: top left;
background-repeat: none;
color: #000;
display: block;
float: left;
height: 427px;
text-decoration: none;
}

#paper-fold a h2 {
display: none;
}

#paper-fold #get-started {
background-image: url( /public/images/paper/get_started.png );
width: 375px;
}

#paper-fold #get-started:hover , 
#paper-fold #get-started .off-screen {
background-image: url( /public/images/paper/hover/get_started.png );
}

#paper-fold #get-started p {
margin: 280px 0 0 163px;
}

#paper-fold #create-my-list {
background-image: url( /public/images/paper/create_my_list.png );
width: 314px;
}

#paper-fold #create-my-list:hover , 
#paper-fold #create-my-list .off-screen {
background-image: url( /public/images/paper/hover/create_my_list.png );
}

#paper-fold #create-my-list p {
margin: 280px 0 0 100px;
}

#paper-fold #find-a-list {
background-image: url( /public/images/paper/find_a_list.png );
width: 312px;
}

#paper-fold #find-a-list:hover , 
#paper-fold #find-a-list .off-screen {
background-image: url( /public/images/paper/hover/find_a_list.png );
}

#paper-fold #find-a-list p {
margin: 280px 0 0 100px;
}

    /* !    Lists */

ul.chooser {color: #000;margin:0 6px 0 5px;}
ul.chooser li {display: block;padding:0.2em 0.4em;}
ul.chooser li h6 {font-weight:normal;font-size:1em;}
ul.chooser li h6 a {font-weight:normal;font-size:1em;}
ul.chooser li.selected a {color: #ee3a43;}

ul.chooser li a {color: #000;text-decoration: none;}
ul.chooser li a:hover {text-decoration: underline;color:#ee3a43 !important;}

ul.chooser li li {padding:0.1em 0.4em 0.1em 0.8em;}
ul.chooser li li a {color: black !important;}
ul.chooser li li a:hover {}

ul.chooser li li.selected a {color: #ee3a43 !important;}
ul.chooser li li.selected a:hover {}

form.group {text-align: center;padding:0.2em 0.6em;}

form.group select {width:100%;}

    /* !    Box */

.center-box {width: 644px;}

.center-box .box-top {background: url( /public/images/box/center/top.png ) no-repeat;height: 52px;padding: 28px 0 0 70px;}

.center-box .box-tall-top {background: url( /public/images/box/center/tall-top.png ) no-repeat;height: 88px;padding: 28px 0 0 70px;}

.center-box .box-tall-top h1 {color: #ee3a43;font-size: 1.5em;font-weight: bold;float:left;}
.center-box .box-tall-top .legend {clear:both;display:block;}

.center-box .box-top h1 {color: #ee3a43;font-size: 1.5em;font-weight: bold;float:left;}

.list-title .edit, 
.group-title .edit {margin-left: 10px;}

.center-box .box-top .link-list a {margin-left: 0.4em;}

.center-box .box-top .link-list a.first {margin-left: -0.4em;}

.center-box .box-top span.message {display: block;float: left;font-weight: bold;font-size: 1.2em;}

            .center-box .box-middle {
                background: url( /public/images/box/center/middle.png ) repeat-y;
                padding: 10px 50px;
                }

            .center-box .box-bottom {
                background: url( /public/images/box/center/bottom.png ) no-repeat;
                height: 16px;
                }

        .left-box {
            width: 175px;
            }

            .left-box .box-top {
                background: url( /public/images/box/side/top.png ) no-repeat;
                height: 56px;
                text-align: center;
                }

                .left-box .box-top img {
                    margin-top: 6px;
                    }

            .left-box .box-middle {
                background: url( /public/images/box/side/middle.png ) repeat-y;
                }

                .left-box .box-middle h1 , .left-box .box-middle h2 {
                    font-weight: bold;
                    padding: 2px 10px 0 10px;
                    text-align: center;
                    }

                    .left-box .box-middle h1 {
                        color: #ee3a43;
                        }

                .left-box .box-middle .padded {
                    padding: 0 10px;
                    }

                .left-box .box-actions {
                    background: url( /public/images/box/side/middle.png ) repeat-y;
                    padding: 0 10px;
                    }

            .left-box .box-break {
                background: url( /public/images/box/side/break.png ) no-repeat;
                height: 2px;
                }

            .left-box .box-bottom {
                background: url( /public/images/box/side/bottom.png ) no-repeat;
                height: 8px;
                }

    /* !    Links */

a {color: #54534a;}
a img {border: none;}

a.add {background: url( /public/images/icon/add.png ) left center no-repeat;display: inline-block;min-height: 16px;padding-left: 18px;}

a.email {background: url( /public/images/icon/email.png ) left center no-repeat;display: inline-block;min-height: 18px;padding-left: 18px;}

a.print {background: url( /public/images/icon/print.png ) left center no-repeat;display: inline-block;min-height: 17px;padding-left: 20px;}

a.delete {background: url( /public/images/icon/delete.png ) left center no-repeat;display: inline-block;min-height: 16px;padding-left: 19px;}

a.facebook {background: url( http://static.ak.fbcdn.net/images/icons/favicon.gif ) left center no-repeat;display: inline-block;min-height: 16px;padding-left: 18px;}

            a.save {
                background: url( /public/images/icon/save.png ) no-repeat;
                display: inline-block;
                height: 45px;
                width: 113px;
                }

                a.save span {
                    display: none;
                    }

a.search {background: url( /public/images/icon/magnifier.png ) left center no-repeat;padding-left: 20px;}

    /* !    Text Inputs */

h1.list-title,
h1.group-title {line-height:1em;padding:0 0.1em 0 0;margin:0;height:1em;}

h1.list-title .text-input,
h1.group-title .text-input {font-size:0.9em;line-height:0.9em;font-weight:bold;margin:-0.2em;width:18em;}

.text-input{border: 0.1em solid #ddd;color: #333;padding:0.1em;}

    /* !    Overlay */

        #overlay {
            background: #000;
            bottom: auto;
            display: none;
            height: 100%;
            position: fixed;
            right: auto;
            top: 0px;
            left: 0px;
            width: 100%;
            z-index: 90;
            }

        #lightbox {
            position: fixed;
            text-align: left;
            z-index: 100;
            }

/* !    Tables */

table.striped tr.odd th , 
table.striped tr.odd td {background: #e1edea;}

table.standard tbody th {padding: 4px 1em 4px 4px;}

table.standard tbody.extend th {padding-left: 40px;}

table.standard tbody td {padding: 4px;}

table.items {position: relative;left: -38px;width: 617px;}

table.items .edit-detail th {color: #ee3a43;}

table.items .edit-detail td {padding:0.2em;}

table.items .edit-detail .amazon td {padding: 10px;vertical-align: top;}

table.items .edit-detail .buttons {padding-bottom: 5px;}

table.items .edit-detail .buttons img {margin-left: 10px;}

table.items th.status , 
table.items th.price {padding-right: 4px;}

table.items th.status , 
table.items th.price ,
table.items td.status , 
table.items td.price {text-align: right;}

table.items tr.purchased,
table.items tr.purchased-by-me {color: #666;}

table.items td.rating {width:5em;}
table.items td h4 {font-size:1em;}

#items tbody tr , 
#events tbody tr , 
.items .release , 
.items .reserve , 
.items .purchase , 
#gifts tbody tr {cursor: pointer;}

table.items tr.odd td , 
table.items tr.odd th {background: #e1edea;}

table.items tr.even td , 
table.items tr.even th {background: #fff;}

table.items tr.hover td,
table.items tr.hover th {background:yellow;}

table.items tr.purchased-by-me td,
table.items tr.purchased-by-me th {background: #fff4d6;}

table.items table.ui-datepicker td , 
table.items table.ui-datepicker th {background: #fff !important;padding: 0;}

table.items .item-actions {width:5.5em;white-space:nowrap;}
table.items .item-actions span {display:none;}

.rank {display: block;width: 80px;overflow:hidden;}
.rank span {background: url( /public/images/icon/star.png );display: block;float: left;height: 16px;margin: 0;width: 16px;}
.rank span.on {background: url( /public/images/icon/hover/star.png );}

/* ! General Style */

    h2 {
        font-size: 1.2em;
        font-weight: bold;
        }

em {font-style:italic;}

    p {
        margin-top: 1em;
        }

        p.first {
            margin-top: 0;
            }

    strong {
        font-size: 1.1em;
        font-weight: bold;
        }

    .clear {
        clear: both;
        }

    .margin-top {
        margin-top: 1em;
        }

    .success {
        color: #090;
        }

    .error {
        color: #900;
        }

    .off-screen {
        position: absolute;
        top: -9000px;
        left: -9000px;
        }

    .more .etc {
        display: none;
        }

    .group .members {
        background: #ddd;
        padding: 10px;
        }

        .member .items {
            background: #ccc;
            margin-top: 10px;
            padding: 10px;
            }

            .items th {
                font-weight: bold;
                padding-left: 10px;
                }

            .items > tbody > tr > td ,
            .items > thead > tr > td {
                padding: 0 10px;
                }

    .site-map h1 {
        font-size:18px;
        font-weight:bold;
        margin:5px 0;
        }

    .site-map h3 {
        font-weight:bold;
        margin:10px 0 0 0;
        padding:0;
        }

    .site-map p {
        margin:0;
        padding:0;
        }

    .site-map ul {
        margin: 10px;
        }

    .site-map ul li {
        list-style-type:disc;
        margin-left:10px;
        }

    .getting-started ol {
        margin: 10px;
        }

    .getting-started ol li {
        margin:0 0 5px 20px;
        list-style-type:decimal;
        }

    .testimonials blockquote {
        background:#f1f1f1;
        padding: 10px 20px;
        border:1px dotted #ccc;
        border-left:none;
        border-right:none;
        font-style:italic;
        margin:10px 0 -10px 0;
        }

    .testimonials blockquote span {
        font-family:Georgia serif;
        font-size:52px;
        display:block;
        padding: 0 5px 0 0;
        margin:-10px 0 -40px 0;
        }

    .testimonials blockquote span.left {
        float:left;
        margin-left:-10px;
        color:#555;
        }

    .testimonials blockquote span.right {
        float:right;
        margin-top:-30px;
        margin-right:-10px;
        color:#555;
        }

    .testimonials strong {
        color:#555;
        }
        
/* RM's stuff */
.nice-form table {width:100%;}
.nice-form table th {vertical-align:top;overflow:hidden;}

.nice-form label {font-size:1.2em;display:block;font-weight:bold;}
.nice-form table label {font-size:1em;color:#EE3A43;margin-top:0.4em;}

.nice-form textarea,
.nice-form input[type="text"], 
.nice-form input[type="password"] {width:100%; display:block;}

.nice-form textarea.not-wide,
.nice-form input.not-wide[type="text"], 
.nice-form input.not-wide[type="password"] {width:auto;}

.nice-form input[type="text"],
.nice-form input[type="password"],
.nice-form input[type="submit"],
.nice-form textarea,
.nice-form select {font-size:1.2em; margin-bottom:.5em; display:block; font-family:Helvetica, Arial, sans-serif; padding:.1em;}

.nice-form textarea {height:5em;}

h3 {font-size:1.2em;font-weight:bold;}

.ui-slider {margin:0.4em 0 0.6em 0.6em;}

div#facebook-setup-page h2 {font-size:1.6em; margin-top:0.5em;}
div#facebook-setup-page .fb-photo {float:left; margin-right:.8em;}
div#facebook-setup-page h3 {font-size:1.4em; margin-top:1em;}
div#login-page #remember-me {float:right;}
div#login-page #remember-me label {display:inline; font-weight:normal; font-size:1em;}
div#settings-page .input-column,
div#registration-page .input-column {float:left; width:18.1em; margin-right:2.5em;}
div#settings-page .input-column.right,
div#registration-page .input-column.right {margin-right:0;}
div#registration-page h3.first {float:left;width:19em; padding-right:.5em; border-right:1px solid #999;}
div#registration-page #facebook-button {margin-top:1.6em; text-align:center;}

/* shopping list */
#shopping-list {margin:0 -35px 0 -38px;}
#shopping-list .gift {padding:0.4em 1.8em;}
#shopping-list .gift .person {font-size:1em;color:#666;font-weight:bold;}
#shopping-list .odd {background-color: #e1edea;}

.facebook-invite {background-color:#ECEFF5;padding:0.2em;margin:0.6em;text-align:center;}
.facebook-invite a {color:#3B5998;text-decoration:none;}
.facebook-invite a:hover {text-decoration:underline;}

.notification {background-color:#FFEEBC;width:42em;margin:1em auto;padding:0.6em 1em;color:#4F431D;}

.sample_invitation {font-size: 0.8em;}