/* CSS Document */
html, body { margin: 0; padding: 0; height: 100%; }
body       { color: #000; font-family: Arial; font-size: 95%; }

a, a:active, a:visited { text-decoration: underline; color: #d3222d; }
a:hover                { text-decoration: none;      color: #86141b; }

a.no-link,
a.no-link:active,
a.no-link:hover,
a.no-link:link,
a.no-link:visited { color: #000; outline: 0 none; text-decoration: none; }

img { border: 0px; }

h1, h2
{
    display: block;
    padding: 10px 0;
    margin: 0;

    color: #86141b;
    font-family: 'Oswald', Impact, sans-serif;
    font-size: 190%;
    text-transform: uppercase;
}
h2 { font-size: 20px; padding-top:0; }

table    { display: table; border-style: solid; border-color: gray; border-collapse:collapse; font-size: 95%; text-align:left; vertical-align:top; }
table th { font-family: 'Droid Sans', sans-serif; font-weight: bold; }
table td { display: table-cell; }

table tr.grey td { background: #eee; }

/* table.checkout_table tr td { border-top: 1px solid #999; padding: 10px 0; } */

ul    { margin:0; padding:0 0 0 20px; list-style-type:decimal; }
ul li { padding:3px 0; font-size:14px; }

.no-margin { margin: 0 !important; }
.small { font-size: 11px; }

.RegistrationMandatory { color:#CC1010; }

.clear,
.clear_top,
.clear_space { clear: both; line-height: 0; width: 0; height: 0; }
.clear_top   { height: 4px; }
.clear_space { height: 13px; }
.middle      { margin: auto; width: 960px; }

.success,
.error { padding: 12px 12px 12px 50px; margin: 12px 0 6px; background: #FFDDDD url('img/error.png') 12px 4px no-repeat; border: 1px solid #d3222d; color: #86141b; font-weight: bold; }

.success { background: #BBFFCC url('img/success.png') 12px 6px no-repeat; border: 1px solid #12AA24; color: #000; }

.grey     { color: grey; }
.dark_red { color: #86141b; }

.input_div    { margin: 5px 0 12px; }
.input        { margin: 0; border: 1px solid #999; padding: 5px 10px; font-family: 'Century Gothic', 'Apple Gothic', 'Lucida Sans', sans-serif; }
.input_image  { display: block; }
.button       { background: #eee; }
.button:hover { background: #8d2424; color: #fff; cursor: pointer; }

#container { background: #eee; min-height: 100%; position:relative; }

#header { background: url('img/header-bg.jpg') repeat; height:54px; }
#header .middle { padding: 10px 0; width: 948px; }
#header .login { float: right; }
#header .login a,
#header .login a:active,
#header .login a:visited
{
    color: #999;

    display: inline-block;
    padding: 5px 10px;

    font-family: 'Oswald', Impact, sans-serif;
    font-size: 105%;
    font-weight: normal;
    text-decoration: none;
    text-transform:  uppercase;
}
#header .login a:hover { background-color: #86141b; color: #fff; }

#navigation             { background: #eee; padding: 8px 0 5px 0; }
#navigation .logo       { float: left; margin-left: 15px; width: 238px; }
#navigation .menu       { float: right; padding: 14px 3px 0 0; }
#navigation .menu ul    { list-style-type: none; }
#navigation .menu ul li { display: block; list-style: none; float: left; margin-left: 8px; }
#navigation .menu ul li a,
#navigation .menu ul li a:active,
#navigation .menu ul li a:visited
{
    float: left;
    display: block;
    font-family: 'Oswald', Impact, sans-serif;
    color: #444444;
    text-decoration: none;
    padding: 5px 15px;
    border: 0;
    outline: 0;
    list-style-type: none;
    font-size: 20px;
    line-height: 28px;
    text-transform: uppercase;
}
#navigation .menu ul li a:hover,
#navigation .menu ul li a.selected,
#navigation .menu ul li a.selected:hover { color: #fff; background: url('img/menu-bg.png') repeat; }

#content         { padding-bottom:214px; }
#content .middle { background: #fff; padding: 40px 0; }

.products { float: left; margin-left: 20px; width: 475px; }

.product
{
    border: 1px solid #86141b;
    margin-bottom: 12px;
    padding: 12px 20px 12px 0;
    position:relative;

    background: #eee;
}
.product img { display: block; float: left; }
.product .text { font-size: 13px; text-align: justify; }
.product .buy { width:301px; position: absolute; bottom: 12px; right: 20px; }
.product .buy a.info,
.product .buy a.info_zazzle { display: block; float: left; color: #86141b; font-family: 'Oswald', Impact, sans-serif; font-size: 15px; padding: 2px 5px; }
.product .buy a.info:hover,
.product .buy a.info_zazzle:hover { color: #fff; }
.product .buy a.info_zazzle { float: right; }
.product .buy div.price { float: right; padding: 2px 10px; color: #86141b; font-family: 'Oswald', Impact, sans-serif; font-size: 18px; }
.product .buy a.add     { display: block; float: right; background: #eee url('img/cart.png') 0 0 no-repeat; border:1px solid #999; padding:0; width: 50px; height:30px; }
.product .buy a.add:hover { background: #8d2424 url('img/cart.png') 0 -30px no-repeat; }

.cart { float: right; margin: 0 20px; width: 425px; }

.product a, .product a:active, .product a:visited { color: #86141b; text-decoration: none; text-transform: uppercase; }
.product a:hover { color: #fff; background: #86141b; }

#shop_cart        { background: #eee; border: 1px solid #86141b; padding: 12px; }
#shop_cart div    { font-size: 95%; display: inline-block; position: relative; }
#shop_cart .total { border-top: 1px solid #86141b; padding: 12px 0 0 0; }

#shop_cart .amount { top: -8px; width: 42px; left: 15px; }
#shop_cart .name   { top: -8px; width: 222px; }
#shop_cart .price  { top: -8px; width: 60px; }
#shop_cart .remove { top: 0; }

#shop_cart div.total .amount,
#shop_cart div.total .name,
#shop_cart div.total .price { top: 0; }

#shop_checkout      { background: #eee; border: 1px solid #86141b; padding: 12px; margin-top: 12px; }
#shop_checkout_text { font-size: 14px; }
.checkout_cards { display:block; float: left; margin: 5px 12px 0 30px; }
.checkout_button
{
    display: block; 
    float: left;
    margin: 4px 0 0;
    border: 1px solid #999;
    padding: 5px 10px;

    background: #8d2424;
    color: #fff;
    font-family: 'Century Gothic', 'Apple Gothic', 'Lucida Sans', sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}
.checkout_button:hover { background: #8d2424 url('img/fade.png') repeat; cursor: pointer; }

.profile_menu { background: #eee; float: left; margin: 18px 10px 0; width: 158px; border: 1px solid #86141b; }
.profile_menu a,
.profile_menu a:active,
.profile_menu a:visited
{
    display: block;
    padding: 5px 10px;

    font-weight: bold;
    text-decoration: none;
    text-transform:  uppercase;
}
.profile_menu .selected { background: #86141b; color: #fff; }

.profile_content { float: left; padding: 0 15px 0 15px; width: 750px; }

.user_row       { margin-top: 5px; }
.user_row_large { margin-top: 12px; }
.user_row_left  { float: left; width: 230px; }
.user_row_right { float: left; width: 520px; }

#footer      { background: url('img/bg.jpg') repeat; margin-top: 40px; width: 100%; height: 174px; position: absolute; left: 0; bottom: 0; right: 0; }
#footer .top { background: url('img/footer-top.jpg') repeat-x top; height: 10px; position: relative; }
#footer .middle { padding: 25px 0; }
#footer .logo   { float: left; width: 120px; }
#footer .text
{
    float: left;
    width: 840px;

    color: #aaa;
    font-family: 'Droid Sans', sans-serif;
    font-size: 13px;
    font-weight: normal;
    text-align: left;
}