/* Essentials */
html, body { width: 100%; height: 100%; margin:0;padding:0; background-color: #EFF0EF; background-image: url('../img/body_bg.png'); background-position: 50% 0; font-family: Arial; }
.clear { display: block; height: 1px; line-height: 1px; font-size: 1px; clear: both; }


/* Home Page */
#home #container { margin:0;padding:0; overflow: hidden; width: 100%; text-align: center; margin: 0px auto; height: 100%; min-height: 950px; }
#home #layout { width: 1150px; margin: 0px auto; height: 1000px; }
#home #content, #left_col, #right_col { float: left; }
#home #left_col { width: 500px; height: 1000px; position: relative; }
#home #right_col { width: 500px; height: 1000px; position: relative; }
#home #content { background-image: url('../img/bg.png'); background-repeat: no-repeat; background-position: 0 0; }
#home #logo { text-align: right; }
#home #logo img { position: relative; top: 12px; left: 10px; }
#home #intro { padding-left: 180px; margin-top: 320px; }
#home #intro h1 { color: #cc023c; font-size: 280%; font-weight: bold; }
#home #intro h2 { color: #666; font-size: 130%; font-weight: bold; }
#home #intro p { margin-top: 10px; font-size: 95%; color: #999; }
#home #key { position: absolute; top: 350px; left: -350px; }
#home #navigation { text-align: right; padding-right: 20px; padding-top: 40px; }
#home #navigation a { display: inline-block; text-align: left; margin-right: 20px; padding-bottom: 5px; font-size: 105%; color: white; border-bottom: 2px solid white; text-decoration: none; font-weight: bold; width: 120px; }
#home #text { margin: 30px; margin-top: 10px; margin-left: 50px; font-size: 90%; color: white; }
#home #text p { padding-top: 10px; }
#home #banner { position: absolute; bottom: 120px; right: 30px; }



/* Shop */
#shop #container { position: relative; margin:0;padding:0; overflow: hidden; width: 100%; text-align: center; margin: 0px auto; height: 100%; min-height: 300px; }
#shop #layout { position: relative; width: 1150px; margin: 0px auto; min-height: 300px; background-image: url('../img/internal_header.png'); background-position: 0 0; background-repeat: no-repeat; }
#shop #content { float: left; width: 1000px; }
#shop #logo { text-align: left; float: left; }
#shop #logo img { position: relative; top: 12px; left: 50px; }
#shop #navigation { float: right; padding-right: 20px; padding-top: 20px; }
#shop #navigation a { display: block; text-align: left; margin-bottom: 7px; padding-bottom: 3px; font-size: 105%; color: white; border-bottom: 2px solid white; text-decoration: none; font-weight: bold; width: 110px; }
#shop #intro { margin-left: 365px; margin-top: 12px; width: 450px; min-height: 150px; }
#shop #intro h1 { color: #cc023c; font-size: 280%; font-weight: bold; }
#shop #intro h2 { color: #666; font-size: 130%; font-weight: bold; }
#shop #intro p { margin-top: 10px; font-size: 95%; color: #999; }
#shop #products { margin-top: 40px; margin-left: 130px; text-align: left; }
#shop #products .item { display: inline-block; width: 260px; margin: 5px; vertical-align: top; position: relative; margin-bottom: 50px; background-color: #E0DFDD; padding-top: 10px; padding-bottom: 10px; }
#shop #products .item img { background-color: transparent; width: 100px; border: 10px solid transparent; float: left; }
#shop #products .item .details { border-left: 120px solid transparent; padding-left: 3px; }
#shop #products .item .add_to_cart { height: 26px; width: 120px; font-size: 70%; margin-left: 3px; background-image: url('../img/add_to_cart.png'); background-repeat: no-repeat; color: #fff; text-transform: uppercase; padding: 0; padding-left: 10px; font-weight: bold; text-align: left; border: none; cursor: pointer; }
#shop #products .item .more_info { height: 20px; width: 120px; font-size: 70%; margin-left: 3px; background-image: url('../img/more_info.png'); background-repeat: no-repeat; color: #666; text-transform: uppercase; padding: 0; padding-left: 10px; padding-top: 7px; font-weight: bold; text-align: left; border: none; margin-top: 5px; display: block; text-decoration: none; }
#shop #products .item .number { font-size: 70%; color: #333; margin-top: 7px; margin-bottom: 7px; padding-left: 2px; }
#shop #products .item .title { font-size: 100%; color: #666; margin-bottom: 5px; text-transform: uppercase; font-weight: bold; }
#shop #products .item .price { font-size: 110%; color: #CB0101; margin-top: 10px; }
#shop #products .item .description { font-size: 80%; color: #333; word-wrap: break-word; }



/* Product Page */
#product_page #container { position: relative; margin:0;padding:0; overflow: hidden; width: 100%; text-align: center; margin: 0px auto; height: 100%; min-height: 300px; }
#product_page #layout { position: relative; width: 1150px; margin: 0px auto; min-height: 300px; background-image: url('../img/internal_header.png'); background-position: 0 0; background-repeat: no-repeat; }
#product_page #content { float: left; width: 1000px; }
#product_page #logo { text-align: left; float: left; }
#product_page #logo img { position: relative; top: 12px; left: 50px; }
#product_page #navigation { float: right; padding-right: 20px; padding-top: 20px; }
#product_page #navigation a { display: block; text-align: left; margin-bottom: 7px; padding-bottom: 3px; font-size: 105%; color: white; border-bottom: 2px solid white; text-decoration: none; font-weight: bold; width: 110px; }
#product_page #intro { margin-left: 365px; margin-top: 12px; width: 450px; min-height: 150px; }
#product_page #intro h1 { color: #cc023c; font-size: 280%; font-weight: bold; }
#product_page #intro h2 { color: #666; font-size: 130%; font-weight: bold; }
#product_page #intro p { margin-top: 10px; font-size: 95%; color: #999; }
#product_page #product { position: relative; margin-top: 40px; margin-bottom: 100px; margin-left: 130px; margin-right: 70px; padding: 20px; text-align: left; background-color: none; }
#product_page #image { float: left; width: 300px; padding: 15px; }
#product_page #image img { max-width: 270px; height: auto; }
#product_page #details { float: left; width: 400px; height: 300px; padding-left: 10px; }
#product_page h1 { font-size: 140%; font-weight: bold; color: #555; margin-bottom: 25px; }
#product_page #price_nomva { border-left: 2px dotted #999; border-right: 2px dotted #999; }
#product_page #price_mva { border-left: 2px dotted #999; border-right: 2px dotted #999; }
#product_page .price { padding-top: 15px; padding: 15px; width: 180px; float: left; text-align: center; margin-bottom: 15px; }
#product_page .price strong { display: block; font-weight: bold; font-size: 95%; color: #333; padding-bottom: 7px; }
#product_page .price small { display: block; font-size: 70%; color: #666; padding-bottom: 20px; }
#product_page #price_nomva big { display: block; font-size: 130%; color: #CC023C; font-weight: bold; }
#product_page #price_mva big { display: block; font-size: 130%; color: #CC023C; font-weight: bold; }
#product_page #stock img { padding-right: 5px; }
#product_page #stock { margin-top: 5px; border-top: 2px dotted #999; border-bottom: 2px dotted #999; padding: 7px; padding-left: 0; }
#product_page #stock span { position: relative; bottom: 2px; font-size: 80%; font-weight: bold; color: #333; }
#product_page #qty { border-bottom: 2px dotted #999; margin-top: 30px; padding-bottom: 15px; }
#product_page #qty #qty_label { float: left; width: 70px; }
#product_page #qty #qty_input { float: left; width: 20px; height: 20px; }
#product_page #qty #qty_input input { position: relative; bottom: 7px; width: 26px; height: 20px; font-size: 100%; text-align: center; }
#product_page #qty #qty_input input:focus { outline: 1px solid #CC023C; }
#product_page #add_to_cart { height: 26px; width: 120px; font-size: 70%; margin-left: 3px; background-image: url('../img/add_to_cart.png'); background-repeat: no-repeat; color: #fff; text-transform: uppercase; padding: 0; padding-left: 10px; font-weight: bold; text-align: left; border: none; position: relative; bottom: 7px; left: 20px; cursor: pointer; }
#product_page #help_img { float: left; width: 64px; margin-right: 15px; }
#product_page #help { padding-top: 15px; border-bottom: 2px dotted #999; padding-bottom: 15px; margin-bottom: 15px; }
#product_page #help big { font-size: 120%; font-weight: bold; color: #333; display: block; padding-bottom: 4px; }
#product_page #help span { font-size: 95%; color: #333; display: block; padding-bottom: 3px; }
#product_page #help a { font-size: 95%; color: #CC023C; display: block; padding-bottom: 3px; }
#product_page #description { color: #333; padding-top: 10px; padding-bottom: 100px; }

/* Cart */
#cart #container { position: relative; margin:0;padding:0; overflow: hidden; width: 100%; text-align: center; margin: 0px auto; height: 100%; min-height: 300px; }
#cart #layout { position: relative; width: 1150px; margin: 0px auto; min-height: 300px; background-image: url('../img/internal_header.png'); background-position: 0 0; background-repeat: no-repeat; }
#cart #content { float: left; width: 1000px; }
#cart #logo { text-align: left; float: left; }
#cart #logo img { position: relative; top: 12px; left: 50px; }
#cart #navigation { float: right; padding-right: 20px; padding-top: 20px; }
#cart #navigation a { display: block; text-align: left; margin-bottom: 7px; padding-bottom: 3px; font-size: 105%; color: white; border-bottom: 2px solid white; text-decoration: none; font-weight: bold; width: 110px; }
#cart #intro { margin-left: 365px; margin-top: 12px; width: 450px; min-height: 150px; }
#cart #intro h1 { color: #cc023c; font-size: 280%; font-weight: bold; }
#cart #intro h2 { color: #666; font-size: 130%; font-weight: bold; }
#cart #intro p { margin-top: 10px; font-size: 95%; color: #999; }
#cart #my_cart { margin-top: 40px; margin-left: 130px; text-align: left; }
#cart #my_cart h1 { color: #333; font-size: 200%; font-weight: normal; padding-bottom: 20px; border-bottom: 1px solid #999; width: 66%; margin-bottom: 15px; }
#cart #my_cart h1.noitems { padding-top: 50px; border: none; width: 100%; display: block; text-align: center; }
#cart #my_cart h3.noitems { padding-bottom: 50px; padding-top: 20px; width: 100%; display: block; text-align: center; color: #444; font-size: 130%; font-weight: normal; }
#cart #my_cart h3 { color: #444; font-size: 110%; font-weight: normal; margin-bottom: 20px; }
#cart #my_cart table { width: 90%; margin-bottom: 100px; margin-top: 50px; }
#cart #my_cart table th { font-size: 80%; color: #333; /* background-color: #BBB; */ font-weight: bold; text-align: center; text-transform: uppercase; padding: 7px; }
#cart #my_cart table td { vertical-align: middle; text-align: center; padding: 5px; /* border: 1px solid red !important; */ }
#cart #my_cart table th { border-bottom: 1px solid #ddd; }
#cart #my_cart table tr.item { border-bottom: 1px solid #ddd; background-color: #ddd; }
#cart #my_cart table tr.item { background-color: #EFF0EF; }
#cart #my_cart table tr.item:nth-of-type(even) { background-color :#DDDDDD; }
#cart #my_cart table tr.item:nth-of-type(odd) { background-color: #EFF0EF; }
#cart #my_cart table td.img { padding-top: 15px; padding-bottom: 15px; background-color: #EFF0EF; }
#cart #my_cart table td.name { font-weight: bold; background-color: #EFF0EF; }
#cart #my_cart table td.price, #cart #my_cart table td.total { font-size: 120%; color: #333; }
#cart #my_cart table td.x, #cart #my_cart table td.equal { font-size: 90%; color: #666; font-family: monospace; }
#cart #my_cart table td.x { text-align: right; padding-right: 0; }
#cart #my_cart table td.equal { text-align: left; padding-left: 0; }
#cart #my_cart table td.qty { width: 80px; }
#cart #my_cart table td.qty input { width: 25px; height: 25px; text-align: center; }
#cart #my_cart table td.remove a, #cart #my_cart table td.update input { background-color: #111; color: #ddd; font-size: 75%; text-transform: uppercase; border: 4px solid #111; border-radius: 4px; text-decoration: none; }
#cart #my_cart table td.update { padding-top: 20px; }
#cart #my_cart table td.update a { display: block; width: 80px; margin: 0px auto; }
#cart #my_cart table td.footer { line-height: 30px; }
#cart #my_cart table td.footer.first { text-align: right; }
#cart #my_cart table td.footer.second { color: #444; }
#cart #my_cart table td.footer.third { text-align: left; }
#cart #my_cart table td.footer .total_cost { font-size: 110%; color: #444; }
#cart #my_cart table td.footer .total_price { font-size: 130%; color: #353535; font-weight: bold; }
#cart #my_cart table td.footer a { color: blue; font-size: 120%; }

/* Checkout */
#checkout #container { position: relative; margin:0;padding:0; overflow: hidden; width: 100%; text-align: center; margin: 0px auto; height: 100%; min-height: 300px; }
#checkout #layout { position: relative; width: 1150px; margin: 0px auto; min-height: 300px; background-image: url('../img/internal_header.png'); background-position: 0 0; background-repeat: no-repeat; }
#checkout #content { float: left; width: 1000px; }
#checkout #logo { text-align: left; float: left; }
#checkout #logo img { position: relative; top: 12px; left: 50px; }
#checkout #navigation { float: right; padding-right: 20px; padding-top: 20px; }
#checkout #navigation a { display: block; text-align: left; margin-bottom: 7px; padding-bottom: 3px; font-size: 105%; color: white; border-bottom: 2px solid white; text-decoration: none; font-weight: bold; width: 110px; }
#checkout #intro { margin-left: 365px; margin-top: 12px; width: 450px; min-height: 150px; }
#checkout #intro h1 { color: #cc023c; font-size: 280%; font-weight: bold; }
#checkout #intro h2 { color: #666; font-size: 130%; font-weight: bold; }
#checkout #intro p { margin-top: 10px; font-size: 95%; color: #999; }
#checkout_details { margin-top: 40px; margin-left: 130px; text-align: left; }
#checkout_details h1 { color: #333; font-size: 200%; font-weight: normal; padding-bottom: 20px; border-bottom: 1px solid #999; width: 66%; margin-bottom: 15px; }
#checkout_details label { color: #333; float: left; display: block; width: 200px; text-align: right; padding: 0; padding-right: 10px; line-height: 20px; margin: 4px; }
#checkout_details input { width: 350px; height: 20px; margin: 4px; padding: 1px; }
#checkout_details #submit { margin-top: 20px; width: 580px; text-align: right; }
#checkout_details #submit input { height: auto; width: 200px; background-color: #111; color: #ddd; font-size: 75%; text-transform: uppercase; border: 4px solid #111; border-radius: 4px; text-decoration: none; }
#checkout_success { margin-top: 40px; margin-left: 130px; text-align: left; }
#checkout_success h1 { color: #333; font-size: 200%; font-weight: normal; padding-bottom: 20px; border-bottom: 1px solid #999; width: 66%; margin-bottom: 15px; }
#checkout_success h3 { color: #444; font-size: 110%; font-weight: normal; margin-bottom: 20px; }
#checkout_success h1.noitems { padding-top: 50px; border: none; width: 100%; display: block; text-align: center; }
#checkout_success h3.noitems { padding-bottom: 50px; padding-top: 20px; width: 100%; display: block; text-align: center; color: #444; font-size: 130%; font-weight: normal; }


/* Contacts */
#feedback #container { position: relative; margin:0;padding:0; overflow: hidden; width: 100%; text-align: center; margin: 0px auto; height: 100%; min-height: 300px; }
#feedback #layout { position: relative; width: 1150px; margin: 0px auto; height: 300px; background-image: url('../img/internal_header.png'); background-position: 0 0; background-repeat: no-repeat; }
#feedback #content { float: left; width: 1000px; }
#feedback #logo { text-align: left; float: left; }
#feedback #logo img { position: relative; top: 12px; left: 50px; }
#feedback #navigation { float: right; padding-right: 20px; padding-top: 20px; }
#feedback #navigation a { display: block; text-align: left; margin-bottom: 7px; padding-bottom: 3px; font-size: 105%; color: white; border-bottom: 2px solid white; text-decoration: none; font-weight: bold; width: 110px; }
#feedback #intro { margin-left: 365px; margin-top: 12px; width: 450px; min-height: 150px; }
#feedback #intro h1 { color: #cc023c; font-size: 280%; font-weight: bold; }
#feedback #intro h2 { color: #666; font-size: 130%; font-weight: bold; }
#feedback #intro p { margin-top: 10px; font-size: 95%; color: #999; }
#feedback #key { position: absolute; top: 200px; left: -350px; }
#feedback #contact_form { position: relative; z-index: 1; margin-top: 40px; padding: 10px; margin-left: 130px; }
#feedback #form { width: 425px; float: left; }
#feedback #form label { font-size: 85%; font-weight: bold; color: #444; line-height: 31px; width: 150px; display: block; float: left; text-align: right; margin-right: 10px; }
#feedback #form input { border: 1px solid #ccc; padding: 3px; margin: 3px; width: 200px; display: block; float: left; }
#feedback #form input:focus { outline: 1px solid #CC023C; }
#feedback #form textarea:focus { outline: 1px solid #CC023C; }
#feedback #form textarea { padding: 3px; border: 1px solid #ccc; margin: 3px; width: 202px; display: block; float: left; height: 100px; }
#feedback #form #buttons { border-left: 190px solid #EFF0EF; text-align: center; }
#feedback #form #buttons #submit { width: 75px; }
#feedback #form #buttons #reset { width: 75px; }
#feedback #details { margin-left: 400px; margin-top: 5px; }
#feedback #details strong { font-weight: bold; display: block; margin-bottom: 3px; }
#feedback #details p { font-size: 85%; color: #444; margin-bottom: 20px; }
#feedback .error { padding: 5px; background-color: #CC023C; color: #fff; font-weight: bold; font-size: 110%; margin-bottom: 10px; margin-left: 80px; width: 285px; }
#feedback .message { padding: 5px; background-color: #FFD810; color: #3F403F; font-weight: bold; font-size: 110%; margin-bottom: 10px; margin-left: 80px; width: 285px; }




/* Sidebar Styles */
#sidebar { float: left; width: 150px; min-height: 300px; position: relative; }
#home #sidebar { height: 1000px; }
#konvert { border-bottom: 2px solid #ffd810; margin: 10px; padding-bottom: 5px; }
#contacts { padding-top: 30px; color: #ffd810; }
#shop #contacts { padding-top: 9px; }
#feedback #contacts { padding-top: 9px; }
#product_page #contacts { padding-top: 9px; }
#contacts strong,
#contacts big,
#contacts span { margin-left: 10px; margin-right: 10px; display: block; }
#contacts strong { font-size: 80%; font-weight: bold; }
#contacts big { font-size: 150%; }
#contacts span { font-size: 80%; color: white; }
#copyrights { font-size: 75%; color: #ffd810; font-weight: bold; position: absolute; bottom: 70px; white-space: nowrap; }
#copyrights p { padding-top: 3px; padding-bottom: 3px; }
#copyrights .copy { font-weight: normal; color: white; }
#home #popular { position: absolute; bottom: 0px; height: 695px; margin: 10px; margin-bottom: 0; width: 100px; }
#home #popular h1 { color: white; font-size: 150%; font-weight: bold; display: block; text-align: left; margin-bottom: 30px; }
#home #popular .item { border-bottom: 1px solid #888; margin-bottom: 30px; padding-bottom: 10px; }
#home #popular .item img { margin-bottom: 5px; }
#home #popular .item .title { padding-bottom: 5px; }
#home #popular .item .title a { font-size: 110%; font-weight: bold; color: #ffd810; }
#home #popular .item .description { font-size: 90%; color: white; padding-bottom: 7px; }
#home #popular .item .number { font-size: 90%; color: white; padding-bottom: 5px; }
#minicart { position: fixed; top: 200px; width: 130px; margin: 10px; margin-bottom: 0; }
#minicart h1 { color: white; font-size: 150%; font-weight: bold; display: block; text-align: left; margin-bottom: 10px; }
#minicart .item { border-bottom: 1px solid #888; padding-bottom: 7px; margin-bottom: 5px; }
/* #minicart .item img { margin-bottom: 5px; border: 2px solid #fff; } */
#minicart .item .title a { text-decoration: none; font-size: 80%; font-weight: bold; color: #ffd810; position: relative; }
#minicart .item .title .gradient { position: absolute; left: 0px; height: 110%; width: 180px; background-image: url('../img/cart_bg.png'); }
#minicart .item .title .delete { position: absolute; display: none; height: 24px; width: 35px; z-index: 2; text-align: center; }
#minicart .item .description { font-size: 90%; color: white; padding-bottom: 7px; }
#minicart .item .number { font-size: 90%; color: white; padding-bottom: 5px; margin-bottom: 30px; border-bottom: 1px solid #888; }
#minicart .qty { text-decoration: none; font-size: 90%; font-weight: bold; color: #fff; position: relative; display: inline-block; width: 35px; }
#minicart .total { text-decoration: none; font-size: 100%; font-weight: bold; color: #FFD810; position: relative; text-align: right; margin-bottom: 10px; }
#minicart .total span { text-decoration: none; font-size: 100%; font-weight: bold; color: #fff; }
#minicart #cart_checkout { font-size: 110%; color: #3F403F; font-weight: bold; position: relative; top: 5px; float: right; clear: both; }
#minicart #cart_clear { font-size: 80%; color: #F00; font-weight: normal; position: relative; top: 5px; float: right; clear: both; }