@CHARSET "ISO-8859-1";

/**
 * Global
 */
body {
    background: url(/images/body.gif) top repeat-x #fbfbfb;
    margin: 0;
    padding: 0;
    font: .75em Tahoma, Verdana, Arial, sans-serif;
    color: #666
}

#wrapper {
    margin: 0 auto;
    width: 920px
}

/**
 * Text Elements
 */
p {
    margin: 10px 0;
    line-height: 1.67em
}

ul {
    margin: 0;
    padding: 0
}

h1 {
    margin: 0;
    padding: 15px 0 16px;
    font-weight: normal;
    font-size: 2em;
    color: #fff
}

/**
 * Links
 */
a {
    color: #23afd8
}

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

a span {
    display: none
}

/**
 * Messages
 */
.error,
.success {
    background-color: #c70516;
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    margin: 10px 0;
    padding: 10px;
    list-style-position: inside;
    color: #fff
}

.success {
    background-color: #ddefbd;
    color: #7baf20
}

/**
 * Forms
 */
input, textarea {
    font: 1em Tahoma, Verdana, Arial, sans-serif
}

.text {
    background: #fff;
    border: 2px solid #ddd;
    padding: 5px;
    color: #bbb
}

.text:focus {
    border-color: #2ab3e4;
    color: #666
}

.button, select {
    cursor: pointer
}

dt {
    clear: left;
    float: left;
    padding-top: 8px;
    width: 110px
}

label {
    cursor: pointer
}

label span,
.required {
    color: #f00
}

dd {
    float: left;
    margin-bottom: 10px
}

.form-controls {
    clear: both
}

/**
 * Header
 */
#header {
    position: relative;
    background: url(/images/header.gif) left no-repeat;
    height: 101px 
}

#logo {
    display: block;
    position: relative;
    top: 36px;
    background-image: url(/images/logo.gif);
    width: 174px;
    height: 37px
}

#userbar {
    position: absolute;
    top: 20px;
    right: 0;
    background-color: #f8f8f8;
    -moz-border-radius: 0 0 .5em .5em;
    -webkit-bottom-right-border-radius: .5em;
    -webkit-bottom-left-border-radius: .5em;
    margin-top: -20px;
    padding: 10px;
    color: #bbb
}

#userbar a {
    background: left no-repeat;
    padding: 5px 5px 5px 21px
}

#userbar .login {
    background-image: url(/images/icons/login.png)
}

#userbar .register {
    background-image: url(/images/icons/register.png)
}

#userbar .logout {
    background-image: url(/images/icons/logout.png)
}

#userbar .account {
    background-image: url(/images/icons/account.png)
}

#userbar .cart {
    background-image: url(/images/icons/cart.png)
}

#search {
    float: right;
    display: block;
    margin-top: 14px;
    background-image: url(/images/search.gif);
    width: 136px;
    height: 29px
}

#search .text {
    float: left;
    background: transparent;
    border: 0;
    padding: 7px 5px;
    width: 107px;
    font-weight: bold;
    color: #e4e3e3
}

#search .text:focus {
    color: #b9b9b9
}

#search .button {
    background: transparent;
    border: 0;
    width: 19px;
    height: 29px
}

/**
 * Menu
 */
#menu {
    margin-bottom: 2px;
    height: 39px
}

#menu a {
    float: left;
    padding: 13px 20px;
    text-decoration: none;
    color: #adadad
}

#menu a:hover {
    color: #23afd8
}

#menu .home {
    padding-left: 0
}

#menu .logos {
    float: right;
    margin-top: -20px
}

#menu .logos a {
    float: left;
    position: relative;
    top: 6px;
    padding: 13px 5px
}

/**
 * Content
 */
/* Banners */
#banner {
    margin: 0 auto;
    width: 880px;
    text-align: center
}

#banner li {
    float: left;
    position: absolute;
    list-style: none
}

/* Pagination */
.pagination {
    clear: both;
    float: right;
    background-color: #29b8df;
    border: 2px solid #32c0e7;
    margin: 5px 0;
    padding: 2px 2px 2px 1px
}

.pagination strong {
    float: left;
    padding: 5px;
    color: #fff
}

.pagination a {
    float: left;
    background-color: #32c0e7;
    margin-left: 1px;
    padding: 5px;
    text-decoration: none;
    color: #fff
}

.pagination a:hover {
    background-color: #37c8ef
}

/**
 * Footer
 */
#footer {
    clear: both;
    border-top: 1px solid #d7d7d7;
    padding: 15px;
    font-size: .92em;
    color: #bababa
}

#footer a {
    text-decoration: none;
    color: #bababa
}

#footer a:hover {
    text-decoration: underline;
    color: #666
}