@charset "utf-8";
body {font: 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333;}
body, div, p, ul, ol, li, h1, h2, h3, form, img, fieldset, label {margin: 0; padding: 0; border: 0;}
ul {list-style: none;}
h1 {font: bold 29px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; padding: 0 40px 20px;}
a {outline: none; color: #555; text-decoration: none;}
a:hover {color: #333; text-decoration: underline;}
input, select, textarea {border: 0; background: #ddd; font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif;}

#page {width: 998px; margin: 0 auto; border: 1px solid #838280; overflow: hidden;}
#left {float: left; width: 670px; overflow: hidden;}
#right {float: right; width: 280px; overflow: hidden; margin-top: 30px;}

#lang {margin: 10px 0 20px 20px;}
#navigation {overflow: hidden; width: 100%; background: #dedede; margin-bottom: 50px;}
#navigation li {display: block; float: left; font-weight: bold;}
#navigation a {color: #666; display: block; padding: 10px 20px;}
#navigation a:hover {color: #000;}
#navigation .current a, #navigation .current a:hover {background: #da251d; color: #fff;}
#navigation .submenu {overflow: hidden; clear: both; width: 100%; background: #da251d; padding-left: 13px;}
#navigation .submenu a {font-weight: normal; padding: 15px 7px; color: #eee; font-size: 12px;}
#navigation .submenu a:hover {color: #fff;}
#navigation .submenu .current a {font-weight: bold; color: #fff;}

#promo-up {background: #96aebe; width: 670px;}
#round-image, #round-image img {width: 430px; height: 235px; margin: 0; padding: 0;}
#promo-down {width: 670px; padding: 20px 0; overflow: hidden; background: #dedede url(../images/layout/promo-fp-down.jpg) 95% 85% no-repeat;}
#promo-down .guarantee {margin: 20px; width: 400px; font-size: 12px; line-height: 16px; color: #000;}
#promo-down .guarantee img {float: left; margin: 0 10px 0 20px;}
#promo-down .guarantee span {float: left; display: block; padding-top: 30px; width: 190px;}

#sidebar {padding: 50px 15px 0 0;}
#sidebar li {margin-bottom: 50px; overflow: hidden; height: 1%; font-size: 12px; line-height: 15px;}
#sidebar li .title {margin-right: 0; width: 90px;}
#sidebar li p {float: left; margin-right: 15px;}
#sidebar a {color: #000;}

#header {padding-bottom: 50px;}
#products-summary {overflow: hidden; width: 100%;}
#products-summary li {float: left; width: 280px; padding: 0 20px 30px 30px; text-align: center; color: #666;}
#products-summary li h2 {font-size: 13px; border: 1px solid #b4b4b4; border-left: 14px solid #da251d; line-height: 14px; margin: 5px 10px; color: #666;}
#products-summary li span {text-align: right; display: block;}
#products-summary li span a {color: #e14c46;}

.product-full, .generic {overflow: hidden; width: 100%; padding-left: 40px;}
.product-full .outer, .generic .outer {margin: 10px; background: #ddd; width: 240px; float: left; margin-top: 50px;}
.generic .outer {width: 600px; margin: 0;}
.product-details, .generic-content {float: left; font-size: 12px; background: #fff; line-height: 12px; overflow: hidden; height: 1%; border: 1px solid #ddd; width: 200px; padding: 20px;}
.generic-content {width: 560px; font-size: 13px; line-height: 20px;}
.product-details h2 {font-size: 13px; border: 1px solid #b4b4b4; border-left: 14px solid #da251d; line-height: 14px; margin: 5px 10px 5px 0; padding-left: 5px; color: #666;}
.generic-content h2 {font-size: 20px; padding-bottom: 18px; color: #333;}
.product-details .legend {color: #777; text-align: center; padding: 5px 0 10px; font-weight: bold;}
.product-details .description {color: #666; padding-bottom: 10px; line-height: 14px;}
.product-details .colors {padding-top: 15px;}
.product-details .colors h3 {font-size: 12px; clear: both; color: #555; padding: 10px 0 5px;}
.product-details .colors p {text-align: right;}
.product-images {float: right; margin: 0 30px; overflow: hidden; height: 1%;}
.product-images li {float: left; margin: 10px 15px 5px 0; border: 1px solid #ccc;}

.generic-list {padding: 0 40px;}
.generic-list li {padding-bottom: 15px;}
.generic-list span {font-size: 11px; color: #555;}
.generic-list h2 {font-size: 13px;}

.pagination {overflow: hidden; height: 1%; padding-top: 15px;}
.pagination p {font-size: 30px; font-weight: bold; float: right;}
.pagination .page {font-size: 11px; line-height: 29px; font-weight: normal; padding: 0 10px; color: #333;}
.pagination a {padding: 5px 10px 10px; line-height: 11px; display: block; background: #f5f5f5;}
.pagination a:hover {text-decoration: none; background: #555; color: #fff;}

#footer {margin: 50px 0 20px; padding: 10px; background: #f5f5f5; overflow: hidden; height: 1%; font-size: 11px;}
#footer li {display: inline; margin: 0 15px; color: #666;}
#footer li a {color: #888; text-decoration: underline;}
#footer li a:hover {color: #333;}