/* ENONIC TLO 2009 */

@import url('jquery.lightbox-0.5.css');

#shop .content {
    float: left;
    width: 745px;
    padding: 0 6px 0 8px;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
}

#shop h1 {
    border-bottom: 3px solid #eb5c24;
    width: 100%;
}

#shop h1.alt {
    border-bottom: 3px solid #a6c738;
}

#shop a:hover * {
    text-decoration: underline;
}

#shop fieldset {
    border: 0;
}

.grid {
    display: table;
}
.grid div.cell {
    display: table-cell;
}
.grid div.row {
    display: table-row;
}


#orderConfirmation h1 {
    border-bottom: 3px solid #a6c738;
}


#shoppingCartSummary {
    display: block;
    background: transparent url('../images/shop/shopping-cart-summary-background.gif') bottom left repeat-x;
    padding-bottom: 5px;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
    overflow: hidden;
}

#shoppingCartSummary h2 {
    background: transparent url('../images/shop/shopping-cart-small.gif') top left no-repeat;
    font-weight: bold;
    padding-left: 30px;
    padding-bottom: 5px;
    display: inline;
}

#shoppingCartSummary .cartContents {
    margin-left: 5px;
}

#shoppingCartSummary .cartContents .contentCount {
    font-weight: bold;
}

#shoppingCartSummary .total {
    font-weight: bold;
    position: absolute;
    left: 350px;
    font-size: 1.4em;
}

#shoppingCartSummary a.viewCart,
#shoppingCartSummary a.checkOut {
    float: right;
    margin-bottom: 5px;
}

#shoppingCartSummary .button {
    margin-left: 5px;
}

#shoppingCartSummary a.viewCart {
    right: 100px;
}

#shoppingCartSummary a.checkOut {
    right: 0px;
}

#newCartContent {
    display: none;
    position: absolute;
    z-index: 1001;
    top: 60px;
    left: 350px;
    width: 284px;
    height: 217px;
    background: transparent url('../images/shop/new-cart-content-background.gif') top left no-repeat;
}

#newCartContent * {
    font-size: 11px;
}

#newCartContent #newCartContentImage {
    width: 80px;
    height: 60px;
    position: absolute;
    top: 65px;
    left: 15px;
}

#newCartContent h3 {
    font-weight: normal;
    position: absolute;
    bottom: 60px;
    left: 15px;
}

#newCartContent a {
    position: absolute;
    bottom: 20px;
}

#newCartContent a.continueShopping {    
    right: 142px;
}

#newCartContent a.showCart {    
    left: 142px;
}

.button {
    background: transparent url('../images/shop/button-green-right.gif') top right no-repeat;
    display: block;
    float: left;
    font-size: 12px;    
    height: 22px;
    padding-right: 10px;
    text-decoration: none !important;
}

.button span {
    background: transparent url('../images/shop/button-green-left.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 4px 0px 4px 12px;
    color: #fff;
}

.button.alt1 {
    background-image: url('../images/shop/button-gray-right.gif');
}

.button.alt1 span {
    background-image: url('../images/shop/button-gray-left.gif');
    color: #0a5385;
}

.button.alt2 {
    background-image: url('../images/shop/button-gray2-right.gif');
}

.button.alt2 span {
    background-image: url('../images/shop/button-gray2-left.gif');
    color: #000;
}

.button:hover * {
    text-decoration: none !important;
}

.button:hover span {
    color: #333;
}


#productList {
    overflow: hidden;
    margin-bottom: 30px;
    width: 100%;
}

#productList h2 {
    border-top: 3px solid #a6c738;
    padding: 10px 0px;
}

#productList h3 {
    font-size: 12px;
    margin-top: 10px;
}

#productList .cell {
    width: 230px;
    padding: 0px 10px 0px 10px;
    margin-bottom: 20px;
    border-right: 1px solid #edeceb;
}

#productList .cell.rowFirst {
    padding-left: 0;
}

#productList .cell.rowLast {
    border-right: 0;
    padding-right: 0;
}

#productList .item {
    border-bottom: 1px solid #edeceb;
    overflow: hidden;
    padding: 15px 0px;
}

#productList .imageContainer {
    height: 185px;
    width: 225px;
    overflow: hidden;
}

#productList .imageContainer img {
    display: block;
    margin: auto;
}

#productList .price {
    font-weight: bold;
    font-size: 14px;
    float: right;
    color: #333;
}

#productList .description {
    font-size: 12px;
    line-height: 15px;
    height: 70px;
    overflow: hidden;
}

#productList .button {
    float: right;
    margin-left: 10px;
}

/*
#productListFront,
#productListOther {
    list-style-type: none;
    margin: 0;
}

#productListFront li,
#productList0{
    width: 200px;
    float: left;
}

#productListCombined {
    clear: both;
    overflow: hidden;
}

#productListCombined h2 {
    border-top: 3px solid #a6c738;
    padding-top: 10px;
    color: #333;
    font-size: 1.6em;
    width: 100%;
}

#productListCombined .productImage {
    float: left;
    margin: 0px 10px 10px 0px;
}

#productListCombined ul {
    list-style-type: none;
    margin: 0;
}

#productListCombined ul li {
    float: left;
    margin-left: 20px;
    font-size: 0.8em;
    width: 150px;
}

#productListCombined .description {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 15px;
}

#productListCombined .price {
    float: right;
    font-weight: bold;
    margin-right: 10px;
    font-size: 1.4em;
}

#productListCombined .button {
    float: right;
}

*/

#cart table {
    width: 100%;
}

#cart th {
    text-align: left;
    border-bottom: 1px solid #dbdad7;
    font-size: 12px;
    font-weight: bold;
}
 
#cart td {
    border-bottom: 1px dotted #dbdad7;
    padding: 10px 0px;
}

#cart td img {
    float: left;
    margin-right: 10px;
}

#cart td h3 {
    float: left;
}

#cart .orderLinePrice {
    width: 80px;
    text-align: right;
}

#cart td.orderLinePrice {
    font-size: 14px;
}

#cart td.orderLineCount {
    width: 120px;
}

#cart td.orderLineInfo .productInfo {
    float: left;
}

#cart td.orderLineInfo .button.remove {
    clear: both;
    margin-top: 20px;
}

#cart td.orderLineCount .button.update {
    float: left;
}

#cart td.orderLineCount input.count {
    width: 20px;
    text-align: center;
    float: left;
    margin-right: 5px;
}



#cart .cartTotal {
    text-align: right;
    font-weight: bold;
    font-size: 14px;
    margin-top: 10px;
}

#cart .cartTotal span {
    margin-left: 20px;
}

#cart .button.checkout {
    float: right;
    margin-top: 20px;
}



#productShow {
    overflow: hidden;
    margin-bottom: 0px;
}

#productShow #productImages {
    width: 200px;
    float: left;
    margin-bottom: 30px;
}

#productShow #productImages .productImage {
    display: block;
    float: left;
    margin: 10px 2px;
}

#productShow #productImages .productImage.first {
    margin: 0;
}

#productShow #productImages .productImage.second {
    clear: both;
}

#productShow #productImages p {
    clear: both;
    font-size: 0.9em;
    padding-top: 10px;
}

#productShow #productDescription {
}

#productShow #productDescription li {
    list-style-position: inside;
}

#productShow .price.single {
    font-size: 2.6em;
    font-weight: bold;
    float: right;
    margin: 0px 0px 20px 30px;
    width: 190px;
    text-align: right;
}

#productShow .price.multiple {
    font-weight: bold;
    font-size: 1.2em;
}

#productShow .alternateProduct {
    float: right;
    clear: right;
    width: 190px;
}   

#productShow .alternateProduct h3 {
    font-size: 14px;
}

#productShow .alternateProduct p {
    font-size: 11px;
}

#cartAddList {
    list-style-type: none;
    width: 190px;
    margin: 0px 0px 30px 30px;
    float: right;
    clear: right;
}

#cartAddList li {
    border-top: 1px solid #aaa;
    overflow: hidden;
    margin-bottom: 10px;
}

#cartAddList h3 {
    font-size: 12px;
    font-weight: normal;
}

#cartAddList p {
    font-size: 10px;
    margin-bottom: 0px;
}

#cartAddList label.count {
    font-size: 0.8em;
    float: right;
    margin-left: 10px;
}

#cartAddList input.count {
    width: 20px;
    float: right;
    clear: right;
}

#cartAddList input.submit {
    width: 50px;
    margin-top: 5px;
    float: right;
    clear: right;    
}

#cartAddList .button {
    float: right;
    margin-top: 20px;
}

.bannerBox {
    background: #fff url('../images/banner_box_background.gif') repeat-y 0 0;
    border: 0px solid #999;
    border-top: 0;
    margin-bottom: 20px;
    margin-top: -10px;
    overflow: hidden !important;
    width: 240px;
}

.bannerBox .bottom {
    background: transparent url('../images/banner_box_bottom.gif') bottom left no-repeat;
    margin-top: 10px;
    height: 5px;
}

.bannerBox h2 {
    color: #6b8905;
    background: transparent url('../images/banner_box_top.gif') top left no-repeat;
    padding: 10px;
}

.bannerBox .button {
    float: none;
    width: 180px;
    margin: 5px auto;
    text-align: center;
}

.bannerBox img {
    margin-left: 1px;
    width: 235px;
}

/* CHECKOUT */

#checkOut h2 {
    border-bottom: 1px solid #c2c2c2;
    margin-top: 10px;
    font-size: 21px;
    font-weight: normal;
}

#checkOut h2 span {
    float: right;
    width: 100px;
}

#checkOut h3 {
    font-size: 14px;
}

#checkOut h4 {
    font-size: 12px;
}

#checkOut label {
    width: 60px;
    float: left;
    display: block;
}

#checkOut input,
#checkOut textarea {
    width: 240px;
    display: block;
    margin: 4px 0px;
}

#checkOut input.error,
#checkOut textarea.error {
    border: 2px solid #b41508;
}

#checkOut .cartItem {
    display: block;
    border-bottom: 1px dotted #dbdbdb;
    padding: 10px 0px;
    overflow: hidden;
}

#checkOut .cartItem h3 {
    margin-bottom: 10px;
}

#checkOut #formErrorMessage {
    display: none;
    color: #b41508;
    font-weight: bold;
    font-size: 1.4em;
    margin-bottom: 10px;
}

#checkOut .button {
    float: right;
}


#checkOut fieldset.row {
    clear: both;
    margin: 4px 0px;
}

#checkOut fieldset.row input,
#checkOut fieldset.row label,
#checkOut fieldset.row .help {
    float: left !important;
    clear: none !important;
}

#checkOut fieldset.row label, 
#checkOut fieldset.row .help {    
    margin-top: 5px;
}

#checkOut #customerInfo {
    margin-bottom: 30px;
}

#checkOut #customerPostalCode {
    width: 60px;
    margin-right: 10px;
}

#checkOut #customerPostalCity {
    width: 100px;
}

#checkOut .recipient label {
    float: left;
    width: 60px;
    clear: both;
}

#checkOut .recipient input {
    float: left;
}

#checkOut .help {
    width: 350px;
    margin-left: 10px;
}

#checkOut .recipient textarea {
    float: left;
    display: block;
    width: 240px;
    font-size: 10px;
}

#checkOut input.recipient_postal_code {
    width: 60px;
    margin-right: 10px;
}

#checkOut input.recipient_postal_city {
    width: 100px;
}

#checkOut form.step1 {
}

#checkOut form.step1 .edit,
#checkOut form.step1 .price,
#checkOut form.step1 .total {
    display: none;
}   

#checkOut form.step2 {

}

#checkOut form.step2 #customerInfo,
#checkOut form.step2 .remove,
#checkOut form.step2 .sendAllToSelf,
#checkOut form.step2 .sendToSelf,
#checkOut form.step2 label,
#checkOut form.step2 .help {
    display: none;
}

#checkOut form.step2 fieldset.row {
    width: 250px;
    clear: left;
}

#checkOut form.step2 textarea {
    background: transparent;
    border: 0;
}

#checkOut form.step2 h3 {
    float: left;
    width: 250px;
}

#checkOut form.step2 .recipient {
    width: 350px;
    margin-left: 10px;
    float: left;
}

#checkOut form.step2 .recipient input {
    border: 0;
    background: transparent;
    color: #000;
    margin: 0;
}

#checkOut form.step2 .recipient label.recipientEmailMessage,
#checkOut form.step2 .recipient label.recipientComment {
    display: block;
    font-weight: bold;
    float: none;
}


#checkOut form.step2 .price {
    width: 100px;
    float: right;
    text-align: right;
    font-size: 14px;
}

#checkOut form.step2 .total {
    float: right;
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0px;
}

#checkOut form.step2 h4 {
    position: relative;
    height: 22px;
}

#checkOut form.step2 h4 span.title {
    position: absolute;
    bottom: 0;
}

#checkOut form.step2 .edit {
    position: absolute;
    bottom: 0;
    left: 150px;
} 

#checkOut #proceedButton {
    clear: both;
    float: right;
    margin-top: 10px;
}

ul#checkOutProgress {
    margin: 0px 0px 20px 0px;
    padding: 0;
    overflow: hidden;
    list-style-type: none;
    display: block;
    border-top: 1px dotted #dbdbdb;
    background: transparent url('../images/shop/shopping-cart-summary-background.gif') bottom left repeat-x;
    
    position: relative;
    width: 100%;
    overflow: hidden;
    list-style-position: inside;
}

ul#checkOutProgress li {
    float: left;
    width: 165px;
    font-size: 12px;
    color: #a19d9d;
    margin: 0;
    padding: 0px 0px 0px 10px;
    line-height: 35px;
    height: 35px;
}

ul#checkOutProgress li.active {
    color: #000;
    background: transparent url('../images/shop/checkout_progress_active_background.gif') bottom left no-repeat;
}



#torSlider {
    display: block;
    clear: both;    
    list-style-type: none;
    position: relative;
    width: 315px;
    height: 215px;
}

#torSlider li {
    position: absolute;
    top: 0;
    left: 0;
    width: 315px;
    height: 215px;
    z-index: 1000;
    display: none;
}

#torSlider li.current {
    z-index: 1001;
    display: block;
}

#torSlider li img {
    width: 315px;
    height: 215px;
    position: absolute;
    top: 0;
    left: 0;
}

#torSlider li span {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 295px;
    background-color: #333;
    z-index: 1002;
    color: #fff;
    padding: 10px;
    font-size: 12px;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}



.sectionbox.new .mainContent {
    float: left;
    width: 360px !important;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.sectionbox.new .mainContent h2 {
    background: none;
    font-size: 14px
}

.sectionbox.new .mainContent .button {
    width: 200px;
    margin: 0 auto;
    float: none;
    text-align: center;
}

.sectionbox.new #torSlider {
    float: right;
    border-bottom: 3px solid #a6c738;
}

.sectionbox.new .trivia p {
    font-size: 12px;
    margin: 5px 0px 0px 5px;
}

.sectionbox.new .info {
    overflow: hidden;
    clear: both;
}

.sectionbox.new .info .column {
    width: 197px;
}

.sectionbox.new .mainentry {
    clear: both;
    margin-top: 20px;
}

.sectionbox.new .extra_content_links {
    clear: both;
    float: right;
}

.sectionbox.new .extra_content_links li {
    font-size: 12px;
}