@import "cart.css";

/*------------------------------------------------------------------------------
    Global Styles
*/
*{font-size: 100.01%;}
html{font-size: 75%;}

* html {
    padding: 0;
    margin: 0;
}
/*
* html img {
    behavior: url('/css/pngfix.htc');
}
*/

a img {
    border:none;
}
a {
    color:#002244;
}
a:hover {
    color:#224400;
}
a:visited {
    color:#440022;
}
.js {
    display:none;
}
form {
    margin:0;
    padding:0;
}


/*------------------------------------------------------------------------------
    Primary Layout Containers
*/

body {
    margin:0;
    padding:0 0 20px;
    background:#E8E5DA url(/img/layout/main-bg.gif) no-repeat 50% 240px;
    color:#666;
    min-width:1000px;
    font:1em Arial, Verdana, Tahoma, sans-serif;
}
#Container {
    width:100%;
}
#Header {
    background:#0D2442 url(/img/layout/header_bg.gif) repeat-x top left;
    padding-top:12px;
    height:84px;
    position:relative;
}
#Header h1 {
    margin:0;
    font-size:10px;
    padding:0 20px 0 40px;
}
h1#HeaderLogo a {
    display:block;
    width:105px;
    height:66px;
    text-indent:-9999px;
    overflow:hidden;
    background:url(/img/layout/logo.png) no-repeat top left;
}
#ContentOuter {
    background:url(/img/layout/main-top-bg.gif) repeat-x top left;
    padding:8px 30px 0;
}
#Content{
}
#ContentTop {
    margin-left:3em;
}
#Footer {
    text-align:center;
}


/*------------------------------------------------------------------------------
    Navigation
*/
ul#Menu {
    width:100%;
    margin:0;
    padding:0;
    list-style:none;
    overflow:hidden;
}
#Menu li {
    float:left;
}
#Menu li a {
    float:left;
    font-size:1.333em;
    line-height:1.1em;
    color:#fff;
    text-decoration:none;
    outline:none;
}
#Menu li a span {
    float:left;
    height:24px;
    padding:6px 12px 0 15px;
    cursor:pointer;
    white-space:nowrap;
}
#Menu li a em {
    float:left;
    width:6px;
    height:30px;
    overflow:hidden;
    cursor:pointer;
}
#Menu li a:hover,
#Menu li.active a {
    color:#660000;
}
#Menu li a:hover em,
#Menu li.active a em {
    background:url(/img/layout/menu-right-bg.png) no-repeat;
}
#Menu li a:hover span,
#Menu li.active a span {
    background:url(/img/layout/menu-left-bg.png) no-repeat;
}

#TopNav {
    position:absolute;
    bottom:1px;
    right:1em;
    background:url(/img/layout/top_navbar.png) top right no-repeat;
    idth:120px;
    height:30px;
    overflow:hidden;
    padding-right:7px;
}
#TopNav .left {
    float:left;
    width:7px;
    height:30px;
    background:url(/img/layout/top_navbar.png) top left no-repeat;
}
#TopNav .item {
    float:left;
    padding:6px 5px 0;
}
#TopNav .item a {
    display:block;
    float:left;
    background-position:left top;
    background-repeat:no-repeat;
    height:20px;
    text-indent:-9999px;
    overflow:hidden;
    outline:none;
}
#TopNav .item a:hover {
    background-position:0px -20px;
}

#TopNav .home a {
    background-image:url(/img/layout/home_icon.png);
    width:20px;
}
#TopNav .cart a {
    background-image:url(/img/layout/cart_icon.png);
    width:25px;
}





#myCart {
    background:url('/img/layout/mycart_background.png') top left no-repeat;
    margin-top:12px;
    height:189px;
    position:relative;
}
#myCart .header {
    text-align:center;
    color:#911F23;
    font-weight:bold;
    font-size:12px;
    padding-top:5px;
}
#myCart .contents {
    overflow:hidden;
    height:15px;
}
#myCart .base {
    position:absolute;
    bottom:3px;
    left:0;
    width:145px;
    font-size:13px;
}
#myCart .total {
    float:left;
    padding-left:20px;
    padding-bottom:6px;
}
#myCart .totalAmount {
    float:right;
    padding-right:20px;
    padding-bottom:6px;
}
#myCart .goToCart a {
    display:block;
    text-align:center;
    color:white;
    text-decoration:none;
}

#SizingChart {
    position:absolute;
    font-size:10px;
}

/*------------------------------------------------------------------------------
    Home
*/
#homeImage {
    width:637px;
    height:351px;
    osition:relative;
    eft:-12px;
}

/*------------------------------------------------------------------------------
    Promo Code
*/
#PromoCode {
    width:250px;
    margin:40px auto;
    text-align:center;
}
#PromoCode label {
    display:block;

}
#PromoCode .buttonWrap {
    margin:0 50px;
}

/*------------------------------------------------------------------------------
    Product Listing
*/
#products {
    background:#FEFEFE;
    margin:2em 0;
    padding:1px 0;
}
#productsBox {
    border:2px solid #AAAAAA;
    margin:2em;
}
#products .product {
    width:133px;
    height:190px;
    margin:5px 0;
    float:left;
    text-align:center;
    position:relative;    
}
#products .product .name {
    font-size:12px;
    padding:5px 5px 0;
    margin:0;
}
#products .product a {
    text-decoration:none;
}
#products .product a:hover {
    text-decoration:underline;
}
#products .product .price {
    margin:0;
    font-size:16px;
    color:#0c2243;
    width:150px;
    position:absolute;
    bottom:0;
    left:0;
}


/*------------------------------------------------------------------------------
    Product Detail
*/

#product {
    padding:2em;
    margin:2em 0;
    background-color:white;
}
#product #product_image {
    float:left;
}
#product .left {
    float:left;
    width:360px;
}
#product .desc,
#product .options {
    
    idth:320px;
    
}
#product .name {
    margin-top:1em;
    font-size:14px;
    text-transform:uppercase;
    font-weight:bold;
    color:#002755;
}
#product .catalogNumber {
    font-size:11px;
    text-indent:1em;
}
#product .personalize_image {
    margin:5px 0;
}
#product .description {
    line-height:150%;
    font-size:12px;
}
#product .price {
    color:#316E83;
    font-weight:bold;
    margin:8px 0;
}
#product div.input {
    margin:4px 0;
}
#product label {
    display:block;
    font-size:11px;
}
#product #colors .notice {
    font-size:10px;
    color:#666;
    padding-left:1em;
}

#product #ProductColor {
    margin:0.5em 0;
}
#product .swatches {
    font-size:10px;    
}
#product .swatch {
    border:1px solid white;
}
#product .swatch.active {
    border-color:#666;
}
#product select, #product option, #product input {
    font-size:12px;
}
#product #addToCartBox {
    clear:both;
    float:right;
    padding:12px 0;
    position:relative;
    left:15px;
}
#product #addedDetails {
    clear:right;
    float:right;
    width:265px;
    margin:8px 0;
    padding:5px 8px 5px 22px;
    background-color:#FFFFCC;
    background-image:url('http://images.passportintl.com/icons/cart_add.png');
    background-repeat:no-repeat;
    background-position:5px 5px;
    border:2px solid #CCCC99;
    text-align:right;
}


/*
#product #FaceToggle {
    text-align:center;
    font-size:12px;
    padding:8px 0;
}
#product #FaceToggle a {
    cursor:pointer;
    padding:2px 4px;
    border:1px solid white;
}
#product #FaceToggle a:hover {
    text-decoration:none;
}
#product #FaceToggle a.active {
    background-color:#FFFFCC;
    color:black;
    border:1px solid #999966;
}
#product #FaceToggle a.disabled {
    color:#999999;
    cursor:default;
}
*/

/*------------------------------------------------------------------------------
    La Pagination
*/
#pagination {
    font-size:11px;
    padding:6px;
}
#pagination .pages {
    background-color:#efefef;
    border-top:1px solid #dfdfdf;
    border-bottom:1px solid #dfdfdf;
    margin:3px 0;
}
#pagination a,
#pagination .pages .current,
#pagination .pagingNav {
    padding:3px 3px;
    display:block;
    float:left;
    text-decoration:none;
}
#pagination a:hover {
    background-color:#ccc;
    text-decoration:underline;
}
#pagination .pages .current {
    color:black;
}

#pagination .pagingNav {
    text-align:center;
}
#pagination .disabled {
    color:#AAA;
}
#pagination .number,
#pagination .current {
    padding-left:8px!important;
    padding-right:8px!important;
}
#pagination .limit, #pagination .limit option {
    font-size:10px;
}


/*------------------------------------------------------------------------------
    About Personalization
*/
#about_personalization {
    padding:10px;
    line-height:140%;
    font-size:90%;
}
#about_personalization .close {
    float:right;
    cursor:pointer;
}
#about_personalization h2,
#about_personalization h4 {
    border-bottom:2px solid #444444;
    padding-bottom:0.15em;
}
#about_personalization .body {
    padding:0 25px 0 50px;
}
#about_personalization .legend img {
    vertical-align:middle;
    margin-right:5px;
}
#about_personalization .note strong {
    color:red;
}
#about_personalization .contact {
    border-top:2px solid #444444;
    font-size:90%;
}


/*------------------------------------------------------------------------------
    Footer Links
*/
#DrawingLink {
    text-align:center;
    margin:1em 0;
}
#browserLinks {
    text-align:right;
    margin:1em;

}


/*------------------------------------------------------------------------------
    Flash Messages
*/
#flashMessage div.message {
    display:inline;
}
#flashMessage {
    height:28px;
    overflow:auto;
    background-color:#FFFFE1;
    border-bottom:1px solid #808080;
    position:relative;
}
#flashMessage span {
    font-size:14px;
    display:block;
    padding:4px 0 0 2em;
}
#flashMessage img.close {
    display:block;
    position:absolute;
    right:8px;
    top:7px;
    cursor:pointer;
}


.buttonWrap {
    height:24px;
    adding-left:13px;
    margin-right:13px;
    background:url('/img/layout/button_bg.png') left top no-repeat;
    float:left;
}
.buttonWrap button {
position:relative;
left:13px;
    height:24px;
    color:white;
    border:none;
    font-family:"Trebuchet MS", sans-serif;
    font-size:11px;
    text-transform:uppercase;
}
.buttonWrap button.button {
    background:url('/img/layout/button_bg.png') right top no-repeat;
}
.buttonWrap button.buttonArrow {
    background:url('/img/layout/button_bg_arrow.png') right top no-repeat;
}
.buttonWrap button.button span {
    padding-right:12px;
}
.buttonWrap button.buttonArrow span {
    padding-right:20px;
}