@charset "utf-8";
/* CSS Document */

a {
    text-decoration: none;
    color: #444;
}

a:hover {
    text-decoration: underline;
}

body {
    padding: 0;
    margin: 0;
    background-color: #ededed;
    background-image: url(../img/background.png);
    background-repeat: no-repeat;
    
    font-family: sans-serif;
    font-size: 12px;
    color: #444;
}

h2 , h2 a {
    color: #569fd3;
    font-size: 25px;
    margin: 0;
}

.seperator {
    clear:both;
    border-bottom: 1px solid #cacaca;
    height: 10px;
}

img {
    border-style: none;
}

#page_wrap {
    width: 1002px;
    margin: -10px auto;
    margin-bottom: 20px;
    background-image: url(../img/header.png);
    background-repeat: no-repeat;
}

/* Page Header
 ***************************************************/

#page_header {
    height: 107px;
}

#page_header a {
    font-family:Verdana, Geneva, sans-serif;
    font-size:12px;
}

#page_header font {
    margin: 0 4px;
}

/* Page Header User
 ***************************************************/

#page_header_user {
    float: right;
    margin-top: 26px;
    margin-right: 32px;
}

#page_header_user ul {
    list-style: none;
}

#page_header_user li {
    float: right;
    padding: 2px 4px;
    margin-left: 2px;
    cursor: pointer;
}

#page_header_user a {
    float: left;
    display: block;
    text-decoration: none;
}

#page_header_user span.ui-icon {
    float: left;
}

/* Page Header User Account
 ***************************************************/

#page_header_user_account {
    position: absolute;
    z-index: 500;
}

#page_header_user_account span.ui-icon {
    float: left;
}

#page_header_user_account ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#page_header_user_account li {
    padding: 0px;
}

#page_header_user_account li.clear {
    border-bottom: none;
}

#page_header_user_account li.username {
    border-bottom: none;
    padding: 4px 6px;
    text-align: center;
}

#page_header_user_account a {
    text-decoration: none;
    display: block;
    padding: 4px 6px;
}

/* Page Header User Shopcart 
 ***************************************************/

#page_header_user_shopcart {
    position: absolute;
    float: right;
    padding: 4px;
    z-index: 500;
    width: 320px;
}

#page_header_user_shopcart table {
    width: 100%;
}

#page_header_user_shopcart a.trash {
    padding: 2px;
}

#page_header_user_shopcart a.payment {
    padding: 2px 4px;
    float: right;
}

#page_header_user_shopcart a.article {
    display: block;
    text-decoration: none;
    cursor: pointer;
    height: 16px;
    padding: 2px 4px;
}

#page_header_user_shopcart .article {
    overflow: hidden;
}
/* Page Header Menu 
 ***************************************************/

#page_header_menu {
    float: right;
    margin-right: 28px;
    margin-top: 7px;
}

#page_header_menu a {
    text-decoration: none;
    padding: 2px 20px;
}

#page_header_menu li {
    float: left;
    list-style: none;
    height: 24px;
    text-align: center;
    border-right: 1px solid #cacaca;
}

#page_header_menu li.last {
    border: none;
}

#page_header_menu li:hover {
    border-bottom: 4px solid #569fd3;
}

#page_header_menu li.active {
    border-bottom: 4px solid #569fd3;
}

/* Page Header Home Button 
 ***************************************************/

#page_header_home_button {
    float: left;
    margin-left: 40px;
    margin-top: 42px;
    width: 360px;
    height: 50px;
    cursor: pointer;
}

/* Page Widget
 ***************************************************/

#page_widget {
    margin-left: 27px;
}

/* Page Content
 ***************************************************/

#page_content {
    margin-left: 26px;
    width: 928px;
    background-color: #FFF;
    border: 1px solid #cacaca;
    padding: 10px;
    min-height: 300px;
}

#content_wrap.small{
    width: 765px;
    float: left;
    margin-left: 10px;
}

/* JQuery UI Mods
 ***************************************************/

.ui-widget-content {
    padding: 2px;
}

/* Page Side Menu
 ***************************************************/

#page_sidemenu {
    float: left;
    width: 150px;
    margin-bottom: 6px;
    height: 360px;
}

#page_sidemenu ul {
    list-style: none;
    margin-left: -41px;
    margin-top: 0px;
}

#page_sidemenu li {
    margin-bottom: 2px;
    margin-left: 2px;
    padding: 4px 8px;
    cursor: pointer;
}

#page_sidemenu a {
    display: block;
    text-decoration: none;
}