﻿/* style reset */
html *                              { padding: 0px; margin:0px; border: solid 0px; list-style-type: none; }
html, body                          { height: 100%; width:100%; padding: 0px; margin: 0px; border: solid 0px; }

/* global text styles */
html *                              { font-size: 11px; color: #111; font-family: Tahoma; }
input, textarea, select             { font-size: 1em; border: solid 1px #e2e3ea; border-top-color: #abadb3; }
form                                { height: 100%; }
a                                   { text-decoration: none; }
a:hover                             { text-decoration: underline; }
h1                                  { font-size: 14px; }
h2                                  { font-size: 16px; }
h3                                  { font-size: 13px; }
abbr                                { border-bottom: dotted 1px #000000; }

/* framework containers */
body                                { text-align: center; }
#page-wrapper                       { width: 911px; margin: 0 auto; text-align: left; position: relative; }
#header-wrapper                     { position: relative; height: 75px; margin-left: 8px; }
#menu-wrapper                       { position: absolute; right: 0; top: 0; background: #fff url('/Common/images/headerMenuContainerBg.png') repeat-x; }
#menu-wrapper .rightShadow          { float: left; }

/* top menu */
#top-menu                           { float: left; }
#top-menu li                        { float: left; padding: 2px 15px 0 30px; height: 18px; }
#top-menu li a                      { color: #fff; }
#top-menu li.last                   { padding-right: 20px; }
#top-menu li.home                   { background: url('/Common/images/headerMenuItemBg_home.png') no-repeat left center; }
#top-menu li.profile                { background: url('/Common/images/headerMenuItemBg_profile.png') no-repeat left center; }
#top-menu li.cart                   { background: url('/Common/images/headerMenuItemBg_cart.png') no-repeat left center; }
#top-menu li.checkout               { }

/* site logo */
#site-logo                          { position: absolute; left: 0; top: 20px; }

/* site search */
#search-wrapper                     { position: absolute; right: 35px; top:  35px; width: 250px; height: 22px; }
#search-wrapper .searchBox          { height: 17px; width: 200px; border: solid 1px #d2d3d5; position: absolute; right: 45px; top: 2px; }
#search-wrapper .searchButton       { height:22px; width: 40px; background: url('/Common/images/btnSearch.png') no-repeat; text-align: center; color: #fff; 
                                      font-size: 13px; position: absolute; right: 0; top: 0; cursor: hand; }
#search-wrapper .searchList			{ }
#search-wrapper .rcbList			{ }

/* site menu */
.site-menu ul                       { height: 33px; background: #fff url('/Common/images/menuBg.png') repeat-x; padding-bottom: 1px; margin: 0 5px 15px 7px; 
                                      border-bottom: solid 1px #e7e7e7; border-top: solid 1px #f5f5f5; }
.site-menu ul li                    { float: left; height: 33px; line-height: 33px; background: url('/Common/images/menuItemBg.png') no-repeat left top; 
                                      padding: 0 25px; }
.site-menu ul li a                  { font-size: 13px; }
.site-menu ul li.first              { background-image: none; }

/* content wrappers */
#content-wrapper                    { }
#left-column                        { width: 306px; float: left; }
#content                            { margin-left: 306px; }
#content.one-column                 { margin: 0 5px 0 8px; }

/* site footer */
#footer-wrapper                     { margin: 40px 0 50px 8px; background: #fff url('/Common/images/footerBg.png') no-repeat center top; padding-top: 15px; }
#footer-wrapper ul                  { width: 898px; overflow: hidden; }
#footer-wrapper ul li               { float: left; }
#footer-wrapper ul li.copyright     { width: 250px; }
#footer-wrapper ul li.links         { width: 398px; }
#footer-wrapper ul li.credits       { width: 250px; text-align: right; } 

div.footerMenu ul li                { padding-right: 20px; }