@charset "utf-8";

body { background-color: #e9eceb; margin-bottom: 50px; }

/* Fejlec */
#shop_header { width: 990px; height: 158px; background: url(../images/bg_shop_header.jpg) no-repeat; text-align: right; }
#shop_header ul { list-style: none; margin: 0; padding: 0; position: relative; top: 124px; }
#shop_header ul li { display: inline-block; margin: 0 5px 0 0; padding: 0; }
#shop_header ul li a, a.button_h_checkout { display: block; text-decoration: none; color: #00adef; font-family: Lomopix; font-size: 8px; font-weight: normal; }
#shop_header ul li a:hover { text-decoration: none; color: #d42f2b; }
a.button_h_checkout { width: 35px; height: auto; margin-left: 3px; padding: 24px 0 0 0; background: url(../images/button_checkout.png) center top no-repeat; }
a.button_h_checkout:hover { text-decoration: none; cursor: pointer; }

#shop_container { width: 990px; }

#shop_container_left_side { float: left; width: 88px; height: auto; min-height: 214px; background: url(../images/bg_shop_left.jpg) no-repeat; }
#shop_container_left_side img { position: fixed; left: 0; top: 50%; background: transparent; }
#shop_container_right_side { float: left; width: 896px; height: auto; padding: 0 3px 3px 3px; min-height: 179px; background: #d2d5d2; }

/* Termek lista */
.shop_thumb { width: auto; height: 179px; margin: 0; padding: 0; list-style: none; }
.shop_thumb li { float: left; width: 179px; height: 179px; background: url(../images/bg_shop_product.jpg) no-repeat; text-align: center; }
.shop_thumb li:hover { cursor: pointer; }
.shop_thumb h2 { height: 32px; margin: 22px 22px 0 22px; padding: 0; color: #abadaa; text-align: right; font-family: Lomopix; font-size: 8px; font-weight: normal; }
.shop_thumb img { position: relative; }

/* Termek reszletek */
.shop_detail { width: auto; height: auto; clear: both; margin-bottom: 2px; }
.shop_detail_header, .shop_detail_footer { width: 896px; }
.shop_detail_header { height: 13px; background: url(../images/bg_shop_detail_header.jpg) no-repeat; }
.shop_detail_footer { height: 9px; background: url(../images/bg_shop_detail_footer.jpg) no-repeat; }
.shop_detail_content { width: 876px; background: url(../images/bg_shop_detail.jpg) repeat-y; padding: 0 10px; margin: 0; }
.shop_product_left { float: left; width: 326px; height: auto; margin: 0 10px; }
.shop_product_left h1, .shop_product_left h3, .shop_product_left p { padding: 0; color: #abadaa; font-family: Helvetica, Tahoma, Arial, sans-serif; font-weight: normal; }
.shop_product_left h1 { margin: 10px 0 0 0; text-transform: lowercase; font-size: 24px; }
.shop_product_left h3 { margin: 2px 0 8px 0; font-size: 24px; }
.shop_product_left h3 span { padding-left: 10px; font-size: 16px; text-decoration: line-through; }
.shop_product_left a { margin: 0 0 8px 0; text-decoration: none; color: #00adef; font-family: Lomopix; font-size: 8px; font-weight: normal; }
.shop_product_left a:hover { text-decoration: underline; cursor: pointer; }
.shop_product_left p { font-size: 10px; line-height: 15px; margin-bottom: 4px; } 
.shop_product_right { float: left; width: 510px; height: auto; margin: 0 10px; text-align: right; }
a.button_addtocart { display: inline-block; width: 245px; height: auto; line-height: 23px; padding-top: 4px; background: url(../images/button_checkout.png) no-repeat 207px 0px; }
a.button_product_gallery,a.button_product_pictures { display: inline-block; margin: 6px 0 0 30px; padding: 12px 27px 4px 0; background: url(../images/button_film.png) no-repeat right; text-decoration: none; color: #00adef; font-family: Lomopix; font-size: 8px; font-weight: normal; }
a.button_product_gallery:hover,a.button_product_pictures:hover { text-decoration: underline; }
.attribute { display: inline-block; padding-top: 4px; line-height: 23px; color: #00adef; font-family: Lomopix; font-size: 16px; font-weight: normal; }

/* Kosar */
.shop_cart_left { float: left; width: 149px; height: auto; min-height: 130px; padding: 10px 8px; background: #00adef; }
.shop_cart_left h1, .shop_cart_right h1, .shop_cart_right h2 { margin: 0; padding: 0; font-size: 24px; font-family: Helvetica, Tahoma, Arial, sans-serif; font-weight: normal; text-transform: lowercase; }
.shop_cart_left h1 { color: #FFF; }
.shop_cart_left h2, .shop_cart_left p { margin: 0; color: #FFF; font-size: 11px; font-family: Helvetica, Tahoma, Arial, sans-serif; font-weight: normal; text-transform: lowercase; }
.shop_cart_left h2 { padding: 10px 0 1px 0; }
.shop_cart_left p { padding: 1px 0; }
.shop_cart_left input { width: 139px; height: 16px; margin: 3px 2px; padding: 2px; border: 1px solid #dedede; font-size: 11px; color: #abadaa; }
.shop_cart_left a { display: block; height: auto; padding: 3px 2px; text-decoration: none; color: #fff; font-family: Lomopix; font-size: 8px; font-weight: normal; }
.shop_cart_left a:hover { text-decoration: underline; cursor: pointer; }
.shop_cart_right { float: left; width: 695px; height: auto; min-height: 130px; padding: 10px 8px; color: #abadaa; text-align: right; }
.shop_cart_right h1 { width: 270px; background: url(../images/button_cart_grey.png) no-repeat top right; text-align: left; }
.shop_cart_right h2 { text-align: left; }
.shop_cart_right table, .shop_cart_right p { margin: 7px 7px 7px 0; padding: 0; font-size: 11px; font-family: Helvetica, Tahoma, Arial, sans-serif; text-align: left; }
.shop_cart_right p { color: #00adef; margin-left: 30px; }
.shop_cart_right label { text-align: left; font-family: Lomopix; font-size: 8px; font-weight: normal; padding-left: 1px; }
.shop_cart_right .inputbox { float: left; width: 140px; height: auto; margin: 10px 24px 0 0; text-align: left; }
.shop_cart_right .inputbox span { font-family: Lomopix; font-size: 8px; font-weight: normal; }
.button_qty { border: none; background: none; padding: 3px; color: #00adef; font-family: Lomopix; font-size: 8px; font-weight: normal; }
.button_qty:hover { cursor: pointer; }
.button_checkout, .button_checkout_finish, .button_checkout_cancel, .button_checkout_back { margin: 0; padding: 0 5px; text-decoration: none; font-family: Lomopix; font-size: 8px; font-weight: normal; }
.button_checkout, .button_checkout_finish { float: right; color: #00adef; }
.button_checkout_cancel { float: right; color: #abadaa; }
.button_checkout_back { float: left; color: #abadaa; }
.button_checkout:hover, .button_checkout_finish:hover, .button_checkout_cancel:hover, .button_checkout_back:hover { cursor: pointer; }