@charset "utf-8"; /* CSS Document */ body { background: url(images/rep_x.jpg) repeat; font: 11px "Trebuchet MS"; color: #FFFFFF; } * { margin: 0px; padding: 0px; } img { border-style: none; } ul { list-style: url(none) none; } #page { width: 940px; margin-right: auto; margin-left: auto; } #page #r { margin: 0px; padding: 0px; float: right; width: 640px; background: #85541F; min-height: 469px; } #page #r #banner { height: 95px; background: url(images/banner-bg.jpg) no-repeat; padding:25px 0 0 0; text-align:center;} #page #r #topmenu { background: #000000; margin: 0px; padding: 0px; height: 39px; text-transform: uppercase; } #page #r #topmenu ul { margin-left: 42px; } #page #r #topmenu ul li{ display:block; padding-right: 7px; padding-left: 7px; float: left; } #page #r #topmenu ul li a { font-size:12px; text-decoration:none; padding:10px 5px 0px; display:block; font-weight:bold; color:#E9AB61; text-align:center; height: 29px; margin: 0px; } #page #r #topmenu ul li a:hover { color: #000000; background: url(images/topmenu-a-hover.jpg) repeat-x; } #page #r #topmenu ul li:hover ul { display:block; background: #000000; } #page #r #topmenu ul ul{ position:absolute; display:none; padding:3px 0 3; background: #000000; margin-left: 0px; width: 110px; } #page #r #topmenu ul ul li { width:110px; height: auto; text-align: center; background: #000000; } #page #r #topmenu ul ul li a { display:block; background:url(im/ul-ul-a.jpg) no-repeat; text-decoration:none; text-align:center; border-bottom:1px solid #CB8724; height: auto; font-size: 11px; padding-top: 4px; padding-bottom: 4px; } #page #r #topmenu ul ul li a:hover{ text-decoration:none; background:url(im/ul-ul-a-hover.jpg) no-repeat; color: #FFFFFF; } #page #r #breadcrumbs { background: #85541F url(images/content-bg.jpg) no-repeat left top; height: 23px; font: 9px Tahoma; color: #CEB59D; padding: 8px 0 0 30px; } #page #r #breadcrumbs a { text-decoration: none; color: #CEB59D; } #page #r #breadcrumbs a:hover{ text-decoration: underline; font-weight: bold; } #page #r #breadcrumbs .B_currentCrumb { font-weight: bold; color: #FFF; } #page #r .content { background: url(images/content-bg.jpg) no-repeat left top; padding-bottom: 30px; min-height: 484px; } #page #r .banner { border: 3px solid #C17A22; margin-right: 22px; margin-left: 22px; clear: both; margin-top: 19px; } #page #r .content .article .image { float: right; margin-top: -20px; margin-right: 0px; } #page #r .content .article .image span { background: url(images/image-link-bg.jpg) no-repeat; display: block; height: 19px; font-weight: bold; font-size: 12px; padding: 4px 0px 0px; width: 86px; text-align: center; margin-left: 15px; } #page #r .content .article .normal { margin: 0px 0px 0px 20px!important; padding: 0px!important; border: 3px solid #9D6220!important; float: right; } #page #r .content .entry { margin-left: 22px; margin-right: 22px; margin-top: 15px; } #page #r .content .entry p { margin: 10px 0 10px 0; } #page #r .content .entry ul { list-style: disc inside; padding: 0 0 10px 10px; } #page #r .content .entry table { margin-bottom: 10px; clear: both; } #page #r .content .entry th { color: #FFF; background: #CB8724; padding: 2px; font-size: 14px; } #page #r .content .index h2 { background: url(images/h2-bg.jpg) no-repeat; margin: 0px; padding: 7px 0px 0px 22px; height: 32px; color: #000000; font-size: 18px; } #page #r .content .common h1 { background: url(images/h2-bg.jpg) no-repeat; margin: 0px; padding: 7px 0px 0px 22px; height: 32px; color: #000000; font-size: 18px; } #page #r .content .common h2 { font-size: 12px; font-weight: bold; color: #FFF } #page #r .content .common h2.longtitle { text-align: left; font-weight: bold; font-size: 16px; margin: 0 22px 0 22px; } #page #r .content #products { margin-right: 22px; margin-left: 22px; margin-top: 20px; } #page #r .content #products .more { background: url(images/p-more-bg.jpg) no-repeat center top; margin-top: 10px; padding-top: 2px; height: 20px; } #page #r .content #products .more a { background: url(images/sidebar-a-more-bg.jpg) no-repeat; display: block; width: 113px; float: right; color: #E9AB61; text-decoration: none; font-size: 8px; padding: 0px 0px 0px 30px; height: 15px; } #page #r .content .product { margin-right: 22px; margin-left: 22px; margin-top: 20px; } #page #r .content .product img { border: 4px solid #9D6220; margin: 0px 20px 0px 0px; padding: 0px; float: left; } #page #r .content .product .price { text-align: center; height: 48px; display: block; padding: 0px; margin: 0px 0px 20px 160px; background: url(images/price-bg.jpg) no-repeat left top; font-size: 16px; font-weight: bold;} #page #r .content .product .price a { text-decoration: none; color: #FFF; display: block; height: 35px; padding: 13px 0 0 0; } #page #r .content .product .price a:hover { color: #9D6220; } #page #r .content .product h2.introtext { font-size: 12px; font-weight: bold; margin-bottom: 20px; } #page #r .content .product h2 { font-size: 16px; margin-bottom: 5px;} #page #r .content .product ul { list-style: disc inside; padding: 0 0 10px 10px; } #page #r .content .product p { margin: 10px 0 10px 0; } #page #r .content .product table { margin-bottom: 10px; clear: both; } #page #r .content .product table th { color: #FFF; background: #CB8724; padding: 2px; font-size: 14px;} #page #r .content #products .item { float: left; width: 128px; margin-right: 10px; margin-left: 10px; padding-right: 0px; padding-left: 0px; text-align: center; margin-bottom: 5px;} #page #r .content #products .item h3 { background: url(images/products-h3-bg.jpg) no-repeat; height: 23px; width: 108px; margin-right: auto; margin-left: auto; margin-bottom: 10px; } #page #r .content #products .item h3 a{ text-decoration: none; color: #FFF; } #page #r .content #products .item p { text-align: justify; margin-top: 10px; font: 9px/13px Tahoma; } #page #r .content .products2 { margin-left: 22px; } #page #r .content .products2 .item { float: left; width: 288px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; } #page #r .content .products2 .item p { margin-top: 32px; } #page #r .content .products2 .item .il { float: left; width: 153px; text-align: center; margin-right: 10px; } #page #r .content .products2 .item .il h3 { background: url(images/products2-h3-bg.jpg) no-repeat left top; height: 50px; text-align: center; display: block; } #page #r .content .products2 .item .il h3 a { color: #FFFFFF; text-decoration: none; display: block; } #page #r .content .products2 .item .il img { border: 3px solid #A86E21; } #page #r .content .articles { margin-right: 22px; margin-left: 22px; margin-top: 20px; } #page #r .content .articles .item { margin-bottom: 20px; } #page #r .content .articles .item p { margin-bottom: 17px; } #page #r .content .articles .item a.readMore { background: url(images/article-item-read-more.jpg) left top; display: block; margin: -17px 0px 0px 146px; padding: 0px; height: 17px; width: 248px; } #page #r .content .articles .item img { margin: 0px 20px 0px 0px; padding: 0px; float: left; border: 3px solid #CB8820; } #page #r .content .articles .item h3 { font-size: 14px; font-weight: bold; color: #FFFFFF; margin-bottom: 10px; } #page #r .content .articles .item h3 a { color: #FFFFFF; text-decoration: none; } #page #r .content .contact { margin-top: 20px; margin-right: 22px; margin-left: 22px; background: #9D6220; padding: 10px; } #page #r .content .contact form { width: 400px; margin-right: auto; margin-left: auto; } #page #r .content .contact form textarea { font: 11px Arial, Helvetica, sans-serif; padding: 2px; border: 1px solid #FFFFFF; background: #FFFFFF url(images/input-bg.jpg) repeat-x left top; } #page #r .content .contact form label { font-weight: normal; } #page #r .content .contact form input[type=text] { background: #FFFFFF url(images/input-bg.jpg) repeat-x left top; border: 1px solid #FFFFFF; padding: 2px; font-size: 11px; } #page #r .content .contact p { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dashed #CB8724; text-align: center; display: block; font-weight: bold; } #page #r .content .contact p span { color: #CB8724; font-size: 10px; font-weight: normal; } #page #r #footer { background: #9D6220; padding: 15px 22px; color: #E9AB61; } #page #r #footer p { text-align: center; font-size: 12px; } #page #r #footer p a { color: #E9AB61; text-decoration: none; padding-right: 7px; padding-left: 7px; font-weight: bold; } #page #r #footer p a:hover { color: #FFFFFF; } #page #l { margin: 0px; padding: 0px; float: left; width: 300px; } #page #l #sidebar { } #page #l #sidebar .aboutus { background: #9D6220; padding-bottom: 10px; } #page #l #sidebar .aboutus h4 { color: #000000; background: url(images/sidebar-h4-bg.jpg) no-repeat left top; height: 31px; font-size: 15px; padding-top: 8px; padding-left: 10px; margin: 0px; } #page #l #sidebar .aboutus p { margin: 20px; padding: 0px; } #page #l #sidebar .aboutus p.more { background: url(images/sidebar-p-more-bg.jpg) no-repeat center top; padding-top: 3px; text-align: right; height: 13px; } #page #l #sidebar .aboutus p.more a { background: url(images/sidebar-a-more-bg.jpg); height: 16px; width: 143px; display: block; float: right; } .clear { margin: 0px; padding: 0px; clear: both; height: 1px; } .pagination { text-align: center; padding-top: 25px; clear: both; } .pagination a { padding: 1px 6px 1px 6px; display: inline; text-decoration: none; color: #85541F; background: #FFF} .pagination a:hover { background: #CB8724; color: #FFF; } .pagination span { padding: 1px 6px 1px 6px; background: #CB8724; color: #000; }