/* EditStart */
.option  {border-bottom: none}
/* EditEnd */

.reducer {margin-left: 15px;}

#roll {width: 100%; height: 267px; margin-bottom: 40px;}
#roll .back {background: url('../img/base/gradient.png') repeat-x; position: absolute; width: 100%; height: 267px; margin-left: -30px;}
#roll .trim {height: 227px; padding: 20px 0px 20px 40px; overflow: hidden; position: relative; }
#roll .roll-wrapper {width: 5000px; height: 247px; position: absolute; left: 20px; cursor: move}

#roll td {height: 210px; vertical-align: bottom;}

#roll .good {float: left; margin-right: 60px}
#roll .good .photo .r-star img {float: left}

#roll .small {margin-top: 5px;}
#roll .small .photo .wrapper {padding: 1px}
#roll .small .photo {margin-bottom: 20px; float: left}
#roll .small .hint {display: none}
#roll .small .ones, #roll .small .title {font-size: 1.8em; }
#roll .small .ones {padding-left: 0px; float: left; margin-right: 5px;}
#roll .small .price {color: #ca4400; font-family: Arial, sans-serif; font-weight: bold; font-size: 1.2em; margin-top: 6px}
#roll .small .img-big {display: none}
#roll .small .notice {clear: both; }

#roll .big .photo .wrapper {padding: 5px}
#roll .big .photo {float: left; margin-right: 20px;}
#roll .big .notice {float: left; }
#roll .big .img-small {display: none}
#roll .big h3.title {font-size: 3em; margin-bottom: 20px}
#roll .big h3.ones {font-size: 2em; margin-bottom: 0px; padding-left: 18px}
#roll .big h4.price {font-size: 3em; color: #ca4400; font-weight: bold; padding-left: 18px;  font-family: Arial, sans-serif; float: left; display: block; margin-right: 20px;}
#roll .big .hint {display: block; font-size: 1.2em; }
#roll .good:hover a {color: #a07708}

#catalogue-home {margin-bottom: 3.5em}
#catalogue-home h2 {margin-bottom: 1.7em; font-size: 1.7em}
#catalogue-home h2 span {font-style: italic}
#catalogue-home h2 .acv {background: #d3d3d3; padding: 2px 2px 2px 6px; margin-right: 5px; color: black; cursor: default; border: 0; position: relative}
#catalogue-home h2 .acv:hover {color: black}

.categories-h,
.categories-v {padding-right: 16px}
.categories-h {width: 82%; overflow: hidden; float: left;}
.categories-h li {float: left; width: 19.9%; text-align: center;}
.categories-h li a {font-size: 1.4em; display: block}
.categories-v {font-size: 1.3em;  margin-top: 0; float: right;}
.categories-v li {margin-bottom: 8px; }

#news {margin-bottom: 3.7em; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding-top: 20px;}
#news h1 {font-style: italic; font-weight: bold; margin-bottom: 10px;}
#news h3 {font-size: 1.2em; margin-bottom: 10px; font-family: Arial, sans-serif;}
#news h5 {font-size: 1em; margin-bottom: 12px; font-family: Arial, sans-serif; color: #909090}
#news a.archive {position: absolute; margin-left: 150px; margin-top: -32px; color: #909090; font-size: 1.4em; font-family: Georgia, sans-serif;}
#news p {font-size: 1em; margin-bottom: 20px}
#news ul {width: 100%;}
#news ul li {float: left; width: 33%; font-size: 1.2em}
#news ul li .reducer {margin-left: 0; padding-right: 20px;}
#news .archive {font-size: 1.2em; display: block; width: 18%; float: right; font-style: italic;}
#news .archive i {padding-left: 55px; display: block}
#news .archive b {margin-top: 2px; position: absolute; background: url('../img/home/news-archive.png'); width: 61px; height: 49px; display: block; margin-left: -10px; }

#articles {margin-bottom: 40px}
#articles h1 {font-style: italic; font-weight: bold; margin-bottom: 40px;}
#articles ul {width: 100%;}
#articles ul li {float: left; width: 25%; font-size: 1.2em}
#articles ul li .reducer {margin-left: 0; padding-right: 20px;}
#articles h3 {font-size: 1.2em; margin-bottom: 10px; font-family: Arial, sans-serif;}

#text {padding-right: 16px; margin-bottom: 35px;}
#text h1 {margin-bottom: 20px;}
#text p {font-size: 1.2em; margin-bottom: 20px;}
#text a {font-style: italic}

#search-bar {float: right}
#home-swicher {float: left}