/** WRAPPER */

html {
    background: #FFFFFF url(./../images/bg.jpg);
    text-align: center;
    height: 100%;
    font-family: Arial, Sans-Serif;
}

body {
    width: 950px;
    height: 100%;
    background: #FFFFFF;
    margin: 0 auto;
    text-align: left;
    position: relative;
    font-family: Arial, Sans-Serif;
}

#white-wrap-paper {
    background: #FFFFFF;
    padding: 0 50px;
}

#header {
    height: 140px;
    border-bottom: 1px solid #666666;
}


/** LOGO */
#header h1 a {
    display: block;
    background: url(./../images/logo.png) no-repeat 0px 20px;
    width: 101px;
    height: 116px;
    float: left;
}

#header h1 a:hover {
	background-image: url(./../images/logo-hover.png);
}

#header h1 a span {
    display: none;
}


/** HEADER > SHOPPING CART */
#header .shopping-cart {
    position: absolute;
    top: 0;
    right: 50px;
    background: url(./../images/top-header-right-bg.png) no-repeat 0px 0;
    width: 308px;
    height: 32px;
    margin-top: 0;
    padding-left: 20px;
    padding-top: 5px;
}

#header .shopping-cart a {
    color: #FFFFFF;
    font-family: Arial, Sans-Serif;
    margin-left: 15px;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
}

#header .shopping-cart a span {
    background-color: #f4101f;
    padding: 3px 5px;
    margin-left: 10px;
}



/** HEADER > MENU */
#header .menu {
    float: left;
    width: 749px;
}

#header .menu ul {
    height: 19px;
    margin-top: 96px;
    margin-left: 20px;
}

#header .menu ul li {
    float: left;
    height: 20px;
    margin-left: 20px;
}

#header .menu ul li.gallery {
    float: right;
}

#header .menu ul li a {
    text-decoration: none;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    color: #000000;
    height: 19px;
    display: block;
}

#header .menu ul li a span {
    display: none;
}

#header .menu ul li.products a {
    width: 83px;
    background: url(./../images/menu-products.png);
}

#header .menu ul li.products a:hover, #header .menu ul li.products.active a{
    background: url(./../images/menu-products-o.png);
}

#header .menu ul li.about a {
    width: 55px;
    background: url(./../images/menu-about.png);
}

#header .menu ul li.about a:hover, #header .menu ul li.about.active a {
    background: url(./../images/menu-about-o.png);
}

#header .menu ul li.blog a {
    width: 44px;
    background: url(./../images/menu-blog.png);
}

#header .menu ul li.blog a:hover, #header .menu ul li.blog.active a {
    background: url(./../images/menu-blog-o.png);
}


#header .menu ul li.gallery a {
    width: 76px;
    background: url(./../images/menu-gallery.png);
}

#header .menu ul li.gallery a:hover, #header .menu ul li.gallery.active a {
    background: url(./../images/menu-gallery-o.png);
}




#content {
    clear: both;
    width: 540px;
    float: left;
}

#content.wide {
    width: 100%;
}



h2 {
    color: #191e26;
    padding: 20px 0px 10px;
    font-size: 18px;
    font-weight: bold;
    font-family: Arial, Sans-Serif;
    text-transform: uppercase;
}




#content h2 {
    color: #191e26;
    font-size: 18px;
    font-family: Arial, Sans-Serif;
    margin-bottom: 20px;
    padding: 0;
    text-transform: none;
}

#content h2 a, h2 a {
    color: inherit;
    text-decoration: inherit;
}

#content h3 {
    color: #191e26;
    font-size: 16px;
    font-family: Arial, Sans-Serif;
    margin-bottom: 8px;
    padding: 0;
    text-transform: none;
}

#content p, #content li {
    margin-bottom: 10px;
    padding-right: 10px;
    font-family: Arial, Sans-Serif;
    color: #666666;
    font-size: 14px;
}

#content li {
    margin-bottom: 2px;
}

#content ul {
    margin-left: 20px;
    list-style-type: square;
    margin-bottom: 14px;
}

#content ul ul {
    list-style-type: circle;
}

#content a {
    color: #f4101f;
}

#content .error {
    color: #990000;
}

#content p.error {
    padding: 10px !important;
    padding-right: 20px !important;
    color: #990000;
    border: 2px solid #cc3333;
    background-color: #e5a1a1;
}











#content .index-image {
    margin-bottom: 20px;
    /*height: 500px;*/
    width: 540px;
	height: 807px;
    position: relative;
}

#content .index-image a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 540px;
    /*height: 500px;*/
	height: 807px;
    background: url(./../images/index-image.png) no-repeat;
}

#content .index-image a span {
    display: none;
}




#content h2.index-title {
    background: url(./../images/content-txt.png) no-repeat;
    text-indent: -9999px;
    height: 68px;
    margin: 15px 0;
}

#content p.index-text {
    margin: 0 10px;
    font-family: Arial, Sans-Serif;
    color: #666666;
    font-size: 16px;
}




#content h3.upcoming-releases {
    height: 24px;
    text-indent: -9999px;
    background: url(./../images/content_upcoming.png) no-repeat;
    margin: 30px 0 21px;
}



#content .coming-soon {
    height: 155px;
    width: 540px;
    background: url(./../images/content_coming.jpg) no-repeat;
}




#side-bar {
    float: left;
    width: 310px;
}

#side-bar .categories {
    background: #f2f6f7;
    padding-bottom: 20px;
}

#side-bar .categories h4 {
    height: 48px;
    background: url(./../images/sidebar-categories.png) no-repeat;
    text-indent: -9999px;
}

#side-bar .categories ul {
    margin-left: 15px;
}

#side-bar .categories ul li {
    float: left;
    width: 50%;
    margin: 2px 0;
}

#side-bar .categories ul li a {
    color: #666666;
    text-decoration: none;
    font-size: 13px;
    font-family: Arial, Sans-Serif;
}

#side-bar .show-us a {
    display: block;
    width: 310px;
    height: 200px;
    background: url(./../images/show-us.jpg) no-repeat;
}

#side-bar .show-us a span {
    display: none;
}

#side-bar .twitter {
    min-height: 111px;
    _height: 111px;
}

#side-bar .twitter p.header a {
    text-align: right;
    text-decoration: none;
    color: #666666;
    height: 35px;
    display: block;
    padding: 15px 10px 0 0;
    font-size: 12px;
    font-family: Arial, Sans-Serif;
}

#side-bar .twitter p.header a img {
    float: left;
    margin-top: -15px;
}

#side-bar .twitter .content {
    color: #000000;
    padding: 0 30px 10px;
    font-family: Arial, Sans-Serif;
    font-style: italic;
}



#side-bar .latest-news h4 {
    background: url(./../images/latest-news.png) no-repeat;
    height: 42px;
    text-indent: -9999px;
}

#side-bar .latest-news .item {
    margin: 0 15px;
    padding: 10px 0;
    border-bottom: 1px solid #e1e1e1;
}

#side-bar .latest-news .item h5 a {
    color: #595959;
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    text-decoration: none;
}

#side-bar .latest-news .item p {
    color: #898989;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
}


#side-bar .newsletter {
    background: #f2f6f7;
    /*background: #000;*/
    padding-bottom: 20px;
}

#side-bar .newsletter h4 {
    background: url(./../images/receive-newsletter.png) no-repeat;
    height: 46px;
    text-indent: -9999px;
}

#side-bar .newsletter #updated-mail {
    background: #FFFFFF;
    border: none;
    margin-left: 15px;
    height: 18px;
    padding: 3px 10px;
    font-family: Arial, Sans-Serif;
    width: 170px;
    float: none;
}

#side-bar .newsletter #updated-mail-button {
    background: url(./../images/rightbar-signup.png) no-repeat 0px 4px;
    width: 98px;
    height: 28px;
    border: none;
    text-indent: -9999px;
    cursor: pointer;
    float: none;
}


#side-bar .stay-in-touch {
    background: #f2f6f7;
    /*background: #000;*/
    padding-bottom: 20px;
}


#side-bar .stay-in-touch h4 {
    height: 50px;
    background: url(./../images/stay-in-touch.png) no-repeat;
    text-indent: -9999px;
}

#side-bar .stay-in-touch p {
    margin: 0 15px;
}

#side-bar .stay-in-touch p a {
    text-decoration: none;
    color: #4c4c4c;
    font-family: Arial, Sans-Serif;
    line-height: 26px;
    font-size: 13px;
    position: relative;
    padding-left: 20px;
}

#side-bar .stay-in-touch p a img {
    position: absolute;
    top: -1px;
    left: 0;
}


#side-bar .payment p {
    margin: 15px;
    color: #191e26;
    font-size: 13px;
    font-family: Arial, Sans-Serif;
}
    

#footer {
    clear: both;
    border-top: 1px solid #cccfcf;
    margin-top: 40px;
    padding-top: 15px;
    height: 70px;
}

#footer p, #footer a {
    color: #474b51;
    font-family: Arial, Sans-Serif;
}

#footer p {
    position: relative;
    padding-left: 195px;
    font-size: 11px;
    float: left;
}

#footer p img {
    position: absolute;
    top: 0;
    left: 0;
}

#footer p img.overdose {
	left: 65px;
}

#footer .menu {
    float: right;
}

#footer .menu ul li {
    float: left;
    margin-left: 10px;
}

#footer .menu ul li a {
    text-decoration: none;
    font-size: 12px;
}

#footer .menu ul li a:hover {
    text-decoration: underline;
}


.content-shadow {
    position: relative;
}

.content-shadow .shadow {
    background: url(./../images/content-shadow.png) no-repeat left bottom;
    position: absolute;
    bottom: -16px;
    left: -15px;
    width: 100%;
    height: 100%;
}


#content .blog-item h2 {
    margin-top: 20px;
}

#content .blog-item .image {
    margin-bottom: 15px;
}

#content .blog-item .author {
    font-size: 12px;
    font-family: Arial, Sans-Serif;
    padding: 0 10px;
}

#content .blog-item .author a {
    float: right;
    margin-right: 10px;
}

#content .blog-item .tags {
    margin: 10px 0;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    font-size: 11px;
    padding: 5px 10px;
}

#content .blog-item .tags a {
    color: #666666;
    text-decoration: none;
}

#content strong {
    font-weight: bold;
}

#content h3 {
    /*color: #666666;*/
    font-size: 14px;
    font-family: arial, sans-serif;
}


#content .hr {
    height: 1px;
    background-color: #666666;
    margin-bottom: 15px;
}


.product-information {
    float: left;
    width: 400px;
}

.product-information .little-photos {
	margin-top: 20px;
}

.product-information .little-photos li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.product-information h3 {
	clear: left;
    margin-top: 15px;
    background: url(./../images/product-details.png) no-repeat 0 15px;
    height: 44px;
    text-indent: -9999px;
    margin-bottom: 15px;
}

.product-information p {
    color: #666666;
    font-family: Arial, sans-serif;
    font-size: 14px;
}

.product-details {
    float: left;
    width: 450px;
}

.product-details .info {
    border-bottom: 1px solid #cccfcf;
    margin: 0 20px;
}

.product-details h2 {
    font-size: 20px;
    text-transform: uppercase;
    padding-left: 0px;
    margin-bottom: 15px;
    font-family: arial, sans-serif;
    color: #000000;
    letter-spacing: -1px;
    font-weight: bold;
}

.product-details p {
    margin: 12px 0;
    color: #474b51;
    font-size: 14px;
    font-family: arial, sans-serif;
}

.price {
    font-size: 22px;
    color: #f4101f;
    font-weight: bold;
}

.product-details .order {
    background: #f2f6f7;
    padding: 1px 20px;
    text-transform: uppercase;
}

.product-details .order select {
    float: none;
    width: auto;
}

.product-details .order input {
    background: #f4101f;
    color: #FFFFFF;
    text-transform: uppercase;
    border: none;
    font-size: 14px;
    margin-left: 20px;
    cursor: pointer;
    padding: 3px;
    font-family: arial, sans-serif;
    width: 140px;
    float: none;
}

.product-details .more-bags {
    border-top: 1px solid #cccfcf;
    margin: 0 20px;
    padding-top: 10px;
}

.product-details .more-bags h4 {
    color: #666666;
    font-size: 14px;
    font-family: arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: -1px;
    font-weight: bold;
}

.product-details .more-bags ul {
    margin-top: 15px;
}

.product-details .more-bags ul li {
    float: left;
    margin-left: 10px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.product-details .more-bags ul li a {
    color: #666666;
    font-size: 14px;
    text-decoration: none;
}

.product-details .more-bags ul li a strong {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: -1px;
}


/**
 * Order
 */
#order h1 {
    border: 1px solid #aaaaaa;
    padding: 8px;
    color: #aaaaaa;
    background-color: #eeeeee;
    text-transform: none;
    display: inline-block;
    margin-bottom: 10px;
}

#order h1 a {
    text-transform: none;
}

#order h1.beenthere {
    background-color: #e5e5e5;
    color: #888888;
    border: 1px solid #888888;
}

#order h1.active {
    background-color: #dddddd;
    color: #222222;
    border: 1px solid #222222;
}

#order h2 {
    margin: 8px 0 2px;
}

#order .order-block {
    /*background-color: #fcfcfc;*/
    padding: 10px 0;
    /*border: 1px solid #666666;*/
}

#order .order-block.cart {
    padding-top: 0;
}

#order .order-block p {
    padding: 2px 0;
}


/**
 * Shopping Cart
 */
#wrapper #shopping-cart {
    width: 100%;
}

#wrapper #shopping-cart th, #wrapper #shopping-cart td {
    padding: 7px 0;
}

#wrapper #shopping-cart .price, #wrapper #shopping-cart .amount, #wrapper #shopping-cart .total {
	text-align: center;
}

#wrapper #shopping-cart tfoot td.bigfoot a {
    margin-left: 5px;
}

#wrapper #shopping-cart th {
    font-size: 13px;
    color: #444444;
    text-align: left;
    font-weight: bold;
    padding-top: 17px;
}

#wrapper #shopping-cart tbody tr {
    background: #f7f7f7;
}

#wrapper #shopping-cart tbody td {
    /*min-height: 20px;*/
    line-height: 15px;
    vertical-align: middle;
    /*position: relative;*/
    padding: 20px 0;
    border-bottom: 1px solid #c1c1c1;
    border-top: 1px solid #c1c1c1
}

#wrapper #shopping-cart a {
    color: #666666;
    text-decoration: underline;
}

#wrapper #shopping-cart td.image {
    width: 75px;
    padding-left: 15px;
}

#wrapper #shopping-cart td.image img {
    border: 1px solid #222222;
    width: 70px;
    height: 70px;
    float: left;
}

#wrapper #shopping-cart td.title span {
    float: left;
    margin-left: 5px;
}

#wrapper #shopping-cart td.title span.small {
    font-size: 12px;
}

#wrapper #shopping-cart td.title span.title {
    color: #222222;
    font-size: 15px;
    font-family: arial, sans-serif;
}

#wrapper #shopping-cart td.title span.red {
    color: #601312;
    font-weight: bold;
}
#wrapper #shopping-cart td.price {
    padding-right: 10px;
}

#wrapper #shopping-cart tfoot td {
    padding-top: 15px;
    /*background-color: #f7f7f7;*/
}

#wrapper #shopping-cart tfoot td.options {
    background: none;
}

#wrapper #shopping-cart tfoot td.total {
    /*font-size: 14px;*/
}

#wrapper #shopping-cart tfoot td.snoeiblack {
    color: #000000;
    font-weight: bold;
    font-size: 14px;
}

#wrapper #shopping-cart tfoot td.snoeiblack .small {
    font-size: 11px;
}

#wrapper #shopping-cart .price, #wrapper #shopping-cart .amount, #wrapper #shopping-cart .total {
    width: 100px;
}

#wrapper #shopping-cart .amount {
    width: 40px;
}

#wrapper #shopping-cart tbody td.amount div.holder {
    height: 50px;
    width: 40px;
    position: relative;
    margin: 0 auto;
}

#wrapper #shopping-cart tbody td.amount input {
    position: absolute;
    top: 14px;
    width: 30px;
    height: 10px;
    background: #FFFFFF url(./../images/down.png) no-repeat 94% 4px;
}

#wrapper #shopping-cart tbody td.amount .selectbox-wrapper {
    top: 44px;
    width: 36px !important;
}

#wrapper #shopping-cart tbody td.amount ul {
    margin: 0;
}

#wrapper #shopping-cart tbody td.amount li {
    padding: 0;
    padding-left: 5px;
    margin: 0;
}

#wrapper #shopping-cart .total {
    /*width: 70px;*/
}

#wrapper #shopping-cart .options {
    width: 20px;
    text-align: right;
    padding-right: 15px;
}

#wrapper #shopping-cart td.options a {
    padding: 3px 5px;
    background-color: #474b51;
    color: #ffffff;
    text-transform: uppercase;
    font-family: arial, sans-serif;
    text-decoration: none;
}

#wrapper #shopping-cart td.options a:hover {
	background-color: #F4101F;
}

#wrapper #shopping-cart .options img {
    width: 12px;
    height: 12px;
}

#wrapper #shopping-cart  td.price, #wrapper #shopping-cart  td.amount, #wrapper #shopping-cart  td.total,
#wrapper #shopping-cart tfoot td.price, #wrapper #shopping-cart tfoot td.amount, #wrapper #shopping-cart tfoot td.total {
    /*text-align: right;*/
}

#wrapper #shopping-cart th.price, #wrapper #shopping-cart td.price, #wrapper #shopping-cart  .total,
#wrapper #shopping-cart tfoot td.price, #wrapper #shopping-cart tfoot .total {
    /*background-color: #f7f7f7;*/
    padding: 0 5px;
}

#wrapper #shopping-cart tfoot span.price {
    padding: 0;
}

#wrapper #shopping-cart .amount {
    padding: 0 5px;
}

#wrapper #shopping-cart tbody .amount {
    text-align: center;
}

#wrapper #shopping-cart tfoot .amount, #wrapper #shopping-cart tfoot .total {
    border-top: 2px solid #222222;
}

#order p.coupon {
    padding-left: 60px;
    margin-top: 10px;
}

#order p.coupon .coupon-label, #order p.coupon .coupon-input, #order p.coupon .coupon-submit {
    float: left;
    margin-left: 5px;
    height: 12px;
}

#order p.coupon .coupon-label {
    width: 60px;
    margin-left: 0px;
}

#order p.coupon .coupon-input {
    width: 80px;
}

#order p.coupon .coupon-submit {
    width: 80px;
    height: 22px;
}

input .button {
    width: 170px;
    height: 30px;
    float: right;
    margin-left: 5px;
    color: #ffffff;
    /*background: transparent url(./../images/button.png) no-repeat scroll 0 0;*/
    border: none;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    cursor: pointer;
}

input.button:hover {
    background-position: 0px -30px;
}

#order .checkout input {
    margin-top: 4px;
    margin-left: 10px;
}

#order .checkout label {
    line-height: 23px;
    height: 30px;
    width: 165px;
    float: left;
}

#order .checkout label img {
    height: 12px;
}

#order .checkout select {
    float: left;
    width: 190px;
}

#order .checkout label img {
    /*position: absolute;*/
    top: -4px;
}





























/** * Forms */
form {
    font-size: 11px;
    color: #000000;
    letter-spacing: 1px;
    margin-left: 20px;
}

form dl {
    width: 100%;
}

form dt {
    margin: 12px 0;
    float: left;
    clear: left;
    width: 20%;
}
.fieldset form dl.zend_form > dt {
    width: 0px;
    margin: 0;
    padding: 0;
    clear: none;
}
.fieldset form dl.zend_form > dd {
    width: 100%;
    margin: 0px;
    padding: 0
}
.fieldset form #fieldset-buttons {
    padding: 1em 1.4em;
}

dl.zend_form > dt {
    /*display: none;*/
}

dl.zend_form > dd {
    /*width: 100%;*/
}

form dt.full {
    width: 100%;
}

form dd.full {
    width: 100%;
}

form dt.hidden,form dd.hidden {
    display: none;
}


form dd {
    float: left;
    width: 78%;
    margin: 7px 0;
}

label {
    text-align: left;
}

form label {
    cursor: pointer;
}

form dd .fieldmessage {
    margin: 4px 0 0 -9px;
    display: block;
    font-size: 10px;
    float: left;
    clear: left;
    width: 100%;
}

form dd .fieldmessage.checkbox {
    /*display: inline;*/
    padding-left: 15px;
    /*margin-left: 10px;*/
    clear: none;
    width: 90%;
}

textarea,option,input,select {
    background-color: #FFFFFF;
    border: 1px solid #9F9F9F;
    font-size: 11px;
    letter-spacing: 1px;
    padding: 4px;
    width: 100%;
    font-family: Helvetica, Tahoma,Verdana,Arial,Sans-Serif;
    float: right;
}

textarea.error,option.error,input.error,select.error {
    border: 1px solid #FF0000;
    background-color: #FFFFFF;
    color: #000000;
}

textarea.error:hover,option.error:hover,input.error:hover,select.error:hover {
    background-color: #FFFFFF;
}

textarea.error:focus,option.error:focus,input.error:focus,select.error:focus {
    background-color: #FFFFFF;
}

/*#editTextarea {
width: 593px;
}
*/

input.checkbox {
    width: 24px;
    float: left;
    margin-left: -10px;
    border: 1px solid black;
}

input.submit,input.button,select {
    width: 102%;
}

.disabled {
    color: #9F9F9F
}

textarea {
    font-size: 11px;
}

input.radio {
    background: transparent none repeat scroll 0%;
    border: none;
}

select {
    padding: 0px;
}

textarea:hover,input:hover {
    background-color: #FFFFFF;
}

textarea:focus,input:focus {
    background-color: #FFFFFF;
}





form {
    margin-left: 0;
}


form input.button {
    width: 170px;
    height: 30px;
    float: right;
    margin-left: 5px;
    color: #ffffff;
    background: #f4101f;/* url(./../images/button.png) no-repeat scroll 0 0;*/
    border: none;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    cursor: pointer;
}

form input.button:hover {
    background-position: 0px -30px;
}


form dt.title {
    width: 20%;
}

form dd.title {
    width: 20%;
}

form dt.last_name {
    clear: none;
    padding-left: 10px;
    width: 15%;
}

form dd.last_name {
    width: 43%;
}

form dt.inbetween {
    width: 20%;
}

form dd.inbetween {
    width: 20%
}

form dt.first_name {
    clear: none;
    padding-left: 10px;
    width: 15%;
}

form dd.first_name {
    width: 43%;
}

form dt.street {
    width: 20%;
}

form dd.street {
    width: 30%
}

form dt.street_number {
    clear: none;
    width: 15%;
    padding-left: 10px;
}

form dd.street_number {
    width: 8%;
}

form dt.street_addition {
    clear: none;
    padding-left: 10px;
    width: 15%;
}

form dd.street_addition {
    width: 8%;
}

form dt.zipcode {
    width: 20%;
}

form dd.zipcode {
    width: 20%;
}

form dt.city {
    width: 15%;
    clear: none;
    padding-left: 10px;
}

form dd.city {
    width: 43%;
}


form dt.username, form dt.password {
    width: 30%;
}

form dd.username, form dd.password {
    width: 65%;
}