@import "cart.css";

/*------------------------------------------------------------------------------
    Global Styles
*/
body, html {
    padding: 0;
    margin: 0;
}


body {
    font-family:Arial, sans-serif;
    font-size:10px;
    background:url(/img/layout/bg_tile.jpg) top left repeat;
}
a img {
    border:none;
}
a {
    color:#405354;
}
a:hover {
    color:#405354;
}
a:visited {
    color:#405354;
}
.js {
    display:none;
}
form {
    margin:0;
    padding:0;
}

button.button204 {
    background:url(/img/layout/button204.png) top left no-repeat;
    width:204px;
    height:39px;
    margin:0;
    padding:0;
    border:none;
    color:#636466;
    font-family:Arial, sans-serif;
    font-weight:bold;
    font-size:14px;
    text-transform:uppercase;
}
button.button204:active {
    background-position:left -39px;
}

button.small {
    background:url(/img/layout/button_small.png) top left no-repeat;
    width:121px;
    height:28px;
    margin:0;
    padding:0;
    border:none;
    color:#627A7B;
    font-family:Arial, sans-serif;
    font-weight:bold;
    font-size:12px;
    text-transform:uppercase;
}
button.small:active {
    
}
/*------------------------------------------------------------------------------
    IE6 PNG fix. Enable if needed.
*/
/*
* html img {
    behavior: url('/css/pngfix.htc');
}
*/


/*------------------------------------------------------------------------------
    Primary Layout Containers
*/
#Container {
    width:840px;    
    
    
    margin:2em auto 0;
    ackground:url(/img/layout/container_bg.jpg) top left no-repeat;
}
#ContainerTop {
    background:url(/img/layout/bg_top.png) top left no-repeat;
    height:48px;   
}
#ContainerMiddle {
    background:url(/img/layout/bg_middle.png) top left repeat-y;
    padding:0 35px 5px 35px;
}
#ContainerBottom {
    background:url(/img/layout/bg_bottom.png) top left no-repeat;
    height:48px;
}
#Header {
    position:relative;
}
#Logo {
    padding-left:15px;
}
#TopNav {
    position:absolute;
    top:0;
    right:0;
    color:#AAA;
    text-transform:uppercase;
}
#TopNav a {
    color:#AAA;
    text-decoration:none;
    padding:0 1.75em;
}

#Navigation {
    padding:8px 0 8px;
    color:white;
}
#Navigation .top {
    background-color:#627A7B;
    font-size:12px;
}
#Navigation .bottom {
    background-color:#ABB8C1;
    text-align:right;
    padding:3px 0;
    font-size:10px;
}
#Navigation .top a {
    display:block;
    float:left;
    color:white;
    text-decoration:none;    
    text-transform:uppercase;
    padding:5px 20px;
}
#Navigation .top a:hover {
    background-color:#405354;
}
#Navigation .top .sep {
    float:left;    
    padding:5px 0;
}
#Navigation .bottom a {
    color:white;
    text-decoration:none;    
    text-transform:uppercase;
    padding:0 13px;
}
#Navigation .bottom a:hover,
#Navigation .bottom a.active {
    color:#405354;
}


#Content {
    padding:0 3px;    
}

#Left {
    float:left;
    width:162px;
    padding-right:12px;
}
#Right {
    float:left;
}

#HomeImage {
    padding-top:1px;
}

#RightBorder {
    width:588px;
    min-height:379px;
    border:1px dashed #AFBABA;
}
/*------------------------------------------------------------------------------
    Left
*/
#Left .box {
    margin-bottom:9px;
}
#Left .box1 {
    height:254px;
    background:#405354;
    color:white;
    padding:0 8px;
}
#Left .box2 {
    background:#ABB8C1;
    height:27px;
}
#Left .box3 {
    background:#627A7B;
    height:82px;
}
#Left .box1 h4 {
    font-family:Georgia, serif;
    font-style:italic;
    font-size:14px;
    color:#ABB8C1;
    font-weight:normal;
    margin:0;
    padding-top:10px;
    padding-bottom:4px;
}
#Left .box1 p {
    margin:5px 0;
    font-size:10px;
}
#Left .box em {
    color:#ABB8C1;
    font-size:9px;
}
#Left .box3 {
    text-align:center;
    color:#ABB8C1;
    font-family:Georgia, serif;
}
#Left .box3 .one {
    font-size:18px;
    font-style:italic;
    padding-top:10px;
}
#Left .box3 .two {
    font-size:15px;
    padding-bottom:6px;
}
#Left .box3 .three a {
    font-family:Arial, sans-serif;
    font-size:11px;
    color:white;
    text-decoration:none;
}

/*------------------------------------------------------------------------------
    Right
*/
#Right h3 {
    font-size:20px;
    font-style:italic;
    font-weight:normal;
    color:#627A7B;
    font-family:Georgia, serif;
    margin:1.25em 0 0.5em;
}
#Right ul.menu {
    margin:0;
    list-style:none;
    padding:0;
}
#Right ul.menu li {
    margin:10px 0;
}
#Right ul.menu li a {
    padding:3px 15px;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
}
#Right ul.menu li a:hover {
    background:#D4E0E9;
}

.right {
    color:#808184;
    font-size:11px;
    line-height:160%;
}


/*------------------------------------------------------------------------------
    Product/Category Listing
*/
#Categories .left {
    float:left;
    width:243px;
}
#Categories .right {
    float:right;
    width:335px;
}


/*------------------------------------------------------------------------------
    Product Detail
*/
#Product .left {
    float:left;
    width:245px;
}
#Product .right {
    float:right;
    width:325px;
    padding-right:10px;
}
#Product .options {
    margin:10px 15px 0;
    border-top:1px dashed #AFBABA;
}
#Product .description {
    margin:0.5em 0;
    color:#808184;
}
#Product .swatch {
    border:1px solid white;
}
#Product .swatch.active {
    border-color:#0E5E9D;
}
#Product #product_image {
    float:left;
}
#Product .contact {
    padding:0 10px 0 20px;
}
#Product .price {
    color:#627A7B;
    font-size:14px;
}
#Product label {
    display:block;
    font-size:12px;
    color:#808184;
    margin-top:1em;
}
#Product div.submit {
    margin:1em 0;
}

#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;
}
#Product #added div {
    display:inline;
}


/*------------------------------------------------------------------------------
    La Pagination
*/
#pagination {
    font-size:85%;
    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;
}
#pagination .pages .current {
    color:black;
}

#pagination .pagingNav {
    width:45px;
    text-align:center;
}
#pagination a.pagingNav {
    color:#FF4B0F;
}

#pagination .number,
#pagination .current {
    padding-left:8px!important;
    padding-right:8px!important;
}
#pagination .limit {
    font-size:85%;
}


/*------------------------------------------------------------------------------
    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%;
}


/*------------------------------------------------------------------------------
    Browser Links
*/
#browserLinks {
    text-align:right;
    margin:5px;
}


/*------------------------------------------------------------------------------
    Flash Messages
*/
#flashMessage div.message {
    display:inline;
}
#flashMessage {
    background-color:#FFFFCC;
    border-bottom:1px solid #808080;
    border-top:1px solid #808080;
    padding:0.3em 0;
    font-size:115%;
}