body { 
    background: #437977;
    overflow: hidden;
}

#background-border-top {
    background: url(images/border-top.png);
    position: absolute;
    left: 50%;
    top: 50%;
    width: 990px;
    height: 20px;
    margin-left: -495px;
    margin-top: -315px;
    padding: 0;
}

#background-border-bottom {
    background: url(images/border-bottom.png);
    position: absolute;
    left: 50%;
    top: 50%;
    width: 990px;
    height: 20px;
    margin-left: -495px;
    margin-top: 295px;
    padding: 0;
}

#background-border-left{
    background: url(images/border-left.png);
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20px;
    height: 590px;
    margin-left: -495px;
    margin-top: -295px;
    padding: 0;
}

#background-border-right{
    background: url(images/border-right.png);
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20px;
    height: 590px;
    margin-left: 475px;
    margin-top: -295px;
    padding: 0;
}

/* Front Page */

#container {
    position: absolute;
    width: 950px;
    height: 590px;
    top: 50%;
    left: 50%;
    margin-top: -295px;
    margin-left: -475px;
}

.container-lunchbox { background: url(images/container-lunchbox.jpg); }

.container-cooler { background: url(images/container-cooler.jpg); }

.container-diaperbag { background: url(images/container-diaperbag.jpg); }

.container-charlie { background: url(images/container-charlie.jpg); }

.container-coolerbag-2 { background: url(images/container-coolerbag-2.jpg); }

.container-girls { background: url(images/container-girls.jpg); }

.container-lunchbox-2 { background: url(images/container-lunchbox-2.jpg); }

.container-reindeer { background: url(images/container-reindeer.jpg); }

.container-stroller { background: url(images/container-stroller.jpg); }

#footer {

    background: url(images/footer.png);
    position: absolute;
    width: 950px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin-left: -475px;
    margin-top: 295px;
}
#nav-bar-front {

    width: 610px;
    height: 33px;
    top: 30px;
    position: absolute;
    padding-top: 17px;
    padding-left: 340px;
    z-index: 3;
}

#navline {

    background: url(images/navline.png);
    float:left;
    height:5px;
    margin-left:-10px;
    margin-top:10px;
    width:580px;
}

#content-front {

    background: url(images/brown-bg.png);
    width: 890px;
    height: 565px;
    margin: auto;
}

#content-text-headline {
    background: url(images/content-text.png);
    width: 890px;
    height: 40px;
    position: absolute;
    top: 430px;
    overflow: hidden;
}

#content-text {
    height:50px;
    overflow:hidden;
    padding:30px;
    padding-bottom:20px;
    padding-left:48px;
    padding-top:0px;
    position:absolute;
    top:470px;
    width:842px;
}

#content-text p {
    color:#FFFFFF;
    font-family:'Verdana','Arial',sans-serif;
    font-size:0.8em;
    margin:0;
    width:590px;
}

.cart_text  {
    font-family: 'Verdana', 'Arial', sans-serif;
    font-size: 0.7em;
    margin: 0px;
}


#logo {

    background: url(images/logo.png);
    width: 175px;
    height: 160px;
    float: left;
    cursor: pointer;
    z-index: 10;
}

#nav-container-front {

    width: 715px;
    height: 150px;
    float: left;
    padding-top: 10px;

}

#nav-button-container {

    background: #FFFF22;
    width: 570px;
    height: 60px;
    float: right;
    margin-right: 10px;
}

#nav-button-line {

    background: #FFFFBB;
    width: 570px;
    height: 10px;
    float: right;
    margin-right: 10px;

}

/* End Front Page Styles */

/* Interior Pages */

#container-sub {

    background: url(images/sub-background.png);
    position: absolute;
    width: 950px;
    height: 590px;
    top: 50%;
    left: 50%;
    margin-top: -295px;
    margin-left: -475px;
}

#nav-bar {

    background: url(images/nav-bar.png);
    width: 710px;
    height: 33px;
    top: 30px;
    position: absolute;
    padding-top: 17px;
    padding-left: 240px;
    margin-top: 7px;
    z-index: 3;
}

.nav-button {
    
    width: 90px;
    height: 16px;
    float: left;
    cursor: pointer;

}

.front {

    width: 90px;
    height: 16px;
    float: left;
    cursor: pointer;
    margin-left: 0px !important;

}

.shopping-cart {
    background: #FF0000;
    clear: right;
    width: 90px;
    height: 25px;
    float: right;
    margin-top: 7px;
    z-index: 10;
    cursor: pointer;
}

#retailers, #press, #about, #contact, #shop {

    margin-left: 30px;
}

#shopping-cart-front { 
    background: url(images/navbutton-shopping-cart-front.png);
    margin-right: 15px;
}

#shopping-cart-sub { background: url(images/navbutton-shopping-cart-sub.png); }

#index { background: url(images/navbutton-home.png); }

#shop { background: url(images/navbutton-shop.png); }

#retailers { background: url(images/navbutton-retailers.png); }

#press { background: url(images/navbutton-press.png); }

#about { background: url(images/navbutton-about.png); }

#contact { background: url(images/navbutton-contact.png); }

#content-sub {

    position: relative;
    width: 890px;
    height: 590px;
    left: 30px;
    z-index: 0;
}

.sidebar {
    background: url(images/sidebar-bg.png);
    position: absolute;
    width: 175px;
    height: 590px;
    overflow: hidden;
}

.main-content {
    height:502px;
    left:175px;
    overflow-x:hidden !important;
    overflow-y:auto;
    position:absolute;
    top:87px;
    width:745px;
}

p {
    font-family: Verdana, sans-serif;
    font-size: 0.7em;
    line-height: 1.7em;
    color: #333333;
}

/*p.title {

    font-size: 0.8em;
    font-weight: bold;
}*/

/* End Interior Page Styles */

/* Accordion Menu */

.header-button, .link-button {

    background: #FFFFFF;
    height: 40px;
    width: 175px;
    float:left;
    cursor: pointer;
}

.backToCart {

    background: url(images/button-backtocart.png);
    height: 40px;
    width: 175px;
    float:left;
    cursor: pointer;
}

.backToCart {

    background: url(images/button-shopmore.png);
    height: 40px;
    width: 175px;
    float:left;
    cursor: pointer;
}

p.sidebar-link {
    line-height: 1.3em;
}

.accordion-content {

    display: none;
    background: #EFEDE2;
    float: left;
    width: 145px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px
}

.clear {
    height: 0px;
    clear: both;
}

.sidebar p {

    font-family: Verdana, sans-serif;
    font-size: 0.7em;
    color: #402312;
}

p#accessories {
    margin: 0px;
    margin-top: 11px !important;
}

div#lifestylebags-content {
    padding-bottom: 0px;
}

.sidebar p.sub-header-button {

    font-family: Verdana, sans-serif;
    font-size: 0.7em;
    color: #402312;
    margin: 10px 0px 0px 0px;
    cursor: pointer;
    text-align: left;

}

.sidebar-link { text-align: left; cursor: pointer; }

.sidebar p.retailer-title {

    font-size: 0.8em;
    font-weight: bold;
}

.sidebar a { 

    color: #402312;
    text-decoration: none;
}

.sidebar a:hover { color: #991100; }

#products {
    background: url(images/button-products.png)
}

#terms-conditions {
    background: url(images/button-terms-conditions.png)
}

#returns-exchanges {
    background: url(images/button-returns-exchanges.png)
}

#featured-links {
    background: url(images/button-featuredlinks.png)
}

#featured-retailer {
    background: url(images/button-featuredretailer.png)
}

#archives {
    background: url(images/button-archives.png)
}

#ourcommitment {
    background: url(images/button-ourcommitment.png)
}

#blog {
    background: url(images/button-blog.png)
}

#newsletter {
    background: url(images/button-newsletter.png)
}

#faq {
    background: url(images/button-faq.png)
}

#general-contact {
    background: url(images/button-general-contact.png)
}

#retailer-contact {
    background: url(images/button-retailer-contact.png)
}

#wholesaler-contact {
    background: url(images/button-wholesaler-contact.png)
}


/* End Accordion Styles */


/* Product Pages */

li {
    line-height: 20pt
}

div#products-content {

    background: #EFEDE2;
    float: left;
    width: 145px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px
}

.product-content {

    width: 620px;
    height: 480px;
    margin: auto;
    margin-top: 10px;
    overflow: hidden;

}

.product-content#lifestyle-bags, .product-content#charlie-bags {

    width: 620px;
    height: 480px;
    margin: auto;
    margin-top: 10px;
    overflow: hidden;
    float: left;

}

.product-view-container {
    height: 143px;
    margin-top:0px !important;
    margin-bottom: 0px !important;
    overflow: hidden;
}

.product-views {

    float: left;
    width: 143px;
    height: 143px;
    overflow: hidden;
    margin-left: 10px;
    cursor: pointer;
}

.product-view-scroll-right {
    background: url(images/product-view-scroll-right.png);
    height:143px;
    float: left;
    margin-top:10px;
    width:30px;
    cursor: pointer;
}

.product-view-scroll-left {
    background: url(images/product-view-scroll-left.png);
    height:143px;
    float: left;
    margin-top:10px;
    margin-left: 30px;
    width:30px;
    cursor: pointer;
}

a img {

    border: 0;
}

.extra {

    display:none;
}

.product-info {

    float: left;
    width: 600px;
    height: 235px;
    margin: 10px 15px 10px 10px;
}

.product-header {
    float: left;
    width: 600px;
    height: 60px;
}

.product-header#lunchbox { background: url(images/product-header-lunchbox.png); }
.product-header#coolerbag { background: url(images/product-header-coolerbag.png); }
.product-header#lifestylebag { background: url(images/product-header-lifestylebag.png); }
.product-header#charlie { background: url(images/product-header-charlie.png); }
.product-header#emily { background: url(images/product-header-emily.png); }
.product-header#accessories { background: url(images/product-header-accessories.png); }

.product-details {
    float: left;
    width: 600px;
    height: 185px
}

.product-details #text {
    float: left;
    width: 300px;
    height: 155px;
    padding: 0px 15px 15px 15px;
}

.product-details #lifestylebags-text {
    float: left;
    width: 500px;
    height: 155px;
    padding: 0px 15px 15px 15px;
}

.product-details p, ul {
    font-size: 0.7em;
    font-family: 'Verdana', sans-serif;
    color: #333333;
}

ul.product-features {
    padding-left: 20px;
}

ul.product-features li {
    line-height: 1.5em;
}

.product-highlights {
    float: left;
    width: 270px;
}

.product-intro-container {
    margin: auto;
    width: 680px;
    margin-top: 10px;
}

.product-intro {
    width: 680px;
    height: 140px;
    margin-bottom: 20px;
    cursor: pointer;
}

.product-intro-over {
    width: 680px;
    height: 140px;
    position: absolute;
    z-index: 5;
}

div.product-intro-over#lunchbox-over {
    background: url(images/product-intro-lunchbox-over.png);
}

div.product-intro-over#coolerbag-over {
    background: url(images/product-intro-coolerbag-over.png);
}

div.product-intro-over#lifestylebag-over {
    background: url(images/product-intro-lifestylebag-over.png);
}

#bottom {
    margin-bottom: 0px;
}

.tooltip {
    background: #FFFFFF;
    width: 295px;
    display: none;
    position: absolute;
    border: 1px;
    border-color: #666666;
    border-style: solid;
    z-index: 20;
}

ul.tooltip-content li {
    line-height: 1.5em;
    width: 250px;
}

ul.tooltip-content {
    padding-left: 35px;
}

.close-tooltip {
    width: 30px;
    height: 30px;
    margin-right: -15px;
    margin-top: -15px;
    background: url(fancybox/fancy_closebox.png);
    float: right;
    cursor: pointer;
}
/* Press Page */

.press-header {

    background: url(images/press-header.png);
    width: 600px;
    height: 60px;
    margin: auto;
    margin-top: 12px !important;

}

.press-content {
    width: 620px;
    height: 480px;
    overflow: hidden;
    margin: auto;
}

.press-thumbnail-container {

    width: 600px;
    margin: auto;
    height: 440px;
}

.press-thumbnail {

    float: left;
    background: #FFFCCC;
    width: 140px;
    height: 180px;
    margin: 10px 0px 0px 10px;
    cursor: pointer;

}

.press-thumbnail-first {

    margin: 10px 0px 0px 0px;
    cursor: pointer;
    float: left;
    background: #FFFCCC;
    width: 140px;
    height: 180px;
}

img.article-img {
    margin:15px 10px 0 0;
}
/* End Press Page Styles */

/* Retailers Page */

div#featured-retailer-content {
    background: #EDEDED;
    float: left;
    width: 145px;
    padding-left: 15px;
    padding-right: 15px;
}

.lifestyle-container {
    overflow: hidden;
    width: 620px;
    height: 180px;
    margin: auto;


}

.retailer-locations {
    width: 170px;
    height: 30px;
    float: left;
    margin: 0px 0px 0px 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.lifestyle-container#menus {

    width: 610px;
    height: 60px;
}

p.menutitle {

    font-size: 1.5em;
}

div#addresses {

    width: 610px;
    margin-top: 10px;
    margin: auto;
}

.location {

    width: 170px;
    height: 100px;
    float: left;
    margin: 0px 0px 0px 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.location p {
    font-size: 0.7em;
    line-height: 1.5em;
}

.location a{
    color: #402312;
}

/* End Retailers Styles */

/* About Styles */

.blog-content,.faq-content,.newsletter-content, .ourcommitment-content,
.retailers-content, .general-contact-content, .terms-conditions-content {
    width: 620px;
    height: 430px;
    margin: auto;
    margin-top: 10px;
    overflow: auto;
    overflow-y: auto;
    overflow-x: hidden !important;
}

.blog-content#contact-page {
    width: 620px;
    height: 460px;
    margin: auto;
    margin-top: 10px;
    overflow: auto;
    overflow-y: auto;
    overflow-x: hidden !important;
}

.blog-content p{
    width: 597px;
    margin: auto;
}

.faq-content p, .ourcommitment-content p {
    width: 597px;
    margin: auto;
}

.ourcommitment-content p {
    margin-bottom: 10px !important;
}

/* End About Styles */

/* Contact Styles */

span.plain {
    font-family: Verdana, sans-serif;
    font-size: 0.9em;
    color: #402312;
}

div.contact-form-labels, div.contact-form-fields {
    width: 200px;
    float: left;
    padding: 10px;
}

div.contact-form-labels p{
    margin-bottom: 2px;
}



/* End Contact Styles */

/* PopUp Styles */

#fancy_right { width: 15% !important;}

.popup-content {
    width: 560px;
    height: 500px;
    padding: 10px;
    margin: auto;
}

.popup-picture-window {
    width: 260px;
    height: 290px;
    background: #FF0000;
    float: left;
    overflow: hidden;
}

.popup-thumb {
    float: left;
    width: 140px;
    height: 140px;
    margin-left: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    overflow: hidden;
}

.popup-content p {
    color:#333333;
    font-family: Verdana,sans-serif;
    font-size: 0.8em;
    line-height: 1.6em;
    margin-bottom: 3px;
    margin-top: 0px;
}

.popup-content > p.title {
    font-family:Arial,sans-serif;
    font-size:1.3em;
    margin-bottom: 5px;
}

ul.popup-product-highlights {
    float:left;
    padding-left:25px;
    padding-right:70px;
    text-indent:0;
    width:300px;
}

.popup-content ul.popup-product-highlights li {
    line-height: 1.6em;
    margin-bottom:0;
    margin-top:0;
}

.popup-content p.label {
    font-weight: bold;
    font-size: 0.8em;
    text-indent: 20px;
    line-height: 1em;
}

.popup-content p#not-available {
    color: #FF0000;
}

.buy-container {
    float: left;
    width: 160px;
    margin-top: 12px;
}

.buy-button-container {
    float: left;
    width: 96px;
    height: 20px;
    margin-top: 80px;
}

div#original-lunchbox-scooter {
    background: url(images/popups/large/lunchbox-scooter-view4.jpg);
}

#original-lunchbox-rocketship {
    background: url(images/popups/large/lunchbox-rocketship-view3.jpg);
}

#original-lunchbox-airplane {
    background: url(images/popups/large/lunchbox-airplane-view1.jpg);
}

#original-lunchbox-giraffe {
    background: url(images/popups/large/lunchbox-giraffe-view3.jpg);
}

#original-coolerbag-birds {
    background: url(images/popups/large/coolerbag-birds-view3.jpg);
}

#original-coolerbag-butterfly {
    background: url(images/popups/large/coolerbag-butterfly-view3.jpg);
}

#original-coolerbag-scooter {
    background: url(images/popups/large/coolerbag-scooter-view2.jpg);
}

#original-coolerbag-dandelion {
    background: url(images/popups/large/coolerbag-dandelion-front.jpg);
}

#original-charlie-brown {
    background: url(images/popups/large/charlie-brown-view2.jpg);
}

#original-charlie-grey {
    background: url(images/popups/large/charlie-grey-view3.jpg);
}

#original-emily-brown {
    background: url(images/popups/large/emily-brown-view1.jpg);
}

#original-emily-red {
    background: url(images/popups/large/emily-red-view1.jpg);
}

#original-accessories-red {
    background: url(images/popups/large/changemat_red.jpg);
}

#original-accessories-brown {
    background: url(images/popups/large/changemat_brown.jpg);
}

.dotted-line {
    background: url(images/dotted-line.png);
    width: 500px;
    height: 4px;
    float: left;
}

.buy-button {
    padding-top: 5px;
}

/* End Popup Styles */

/* Cart Styles */

.cart-header {
    margin: auto;
    margin-top: 10px;
    width: 600px;
    height: 60px;
}

#mycart { background: url(images/mycart-header.png); }

#editcart { background: url(images/editcart-header.png); }

#checkout { background: url(images/checkout-header.png); }

.cart-text-container {

    width: 600px;
    padding: 10px;
    margin: auto;
    padding-top:0;
}

table.cart {
    width: 100%;
    border: 0px;
    margin-top: 10px;
}

table.cart td {
    padding: 1px;
}

table.cart p {
    margin-top: 2px;
    margin-bottom: 2px;
}

table.cart p.bold {
    font-weight: bold;
}

table a {
    text-decoration: none;
    color: #402312;
}

table p.table-title {
    margin-bottom: 0px;
    font-weight: bold;
}

table p#subtitle {
    margin-bottom: 0px;
}

table a:hover {
    text-decoration: none;
    color: #991100;
}

ul#shipping-details {
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
}

ul#shipping-details li {
    text-indent: 5px;
    font-size: 0.8em;
    line-height: 10pt;
}

div.terms-conditions-content span {
    width: 200px;
    font-family: Verdana, Arial;
    font-size: 0.7em
}

p.section-header {
    font-size: 0.9em;
    font-weight: bold;
}

ul#terms-conditions {
    margin-top: 0px;
    padding-left: 25px;
}

span.column-title {
    font-weight: bold;
    margin-bottom: 5px;
    width: 40px;
}

ul#terms-conditions li {
    width: 500px;
}

table#shipping-prices {
    margin-top: 10px;
    margin-left: 35px;
    width: 400px;
}

table#shipping-prices td {
    padding: 2px;
    width: 20px;
}

p#disclaimer {
    width: 440px;

}