/* CSS Document */ /* --------------------------------------------- 01. main/default elements --------------------------------------------- */ body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif} p { margin:0; padding:0; font-size:12px; font-weight:normal; color:#000000;} p a:link, p a:visited { text-decoration:none; color:#C89E26; } p a:hover { text-decoration:underline; color:#000000} p.text_italic { font-style:italic; font-weight:bold} h1 { margin:0; padding:0; font-size:22px; font-weight:bold; color:#000000} h2 { margin:0; padding:0; font-family:"Georgia", Times New Roman, Times, serif; font-size:20px; font-weight:normal; color:#000000} h3 { margin:0; padding:0; font-size:16px; font-weight:bold; color:#000000; line-height:1.3em} h3 a:link, h3 a:visited { text-decoration:none; color:#000000} h3 a:hover { text-decoration:none; color:#C89E26} img { border: none} /* --------------------------------------------- 02. header and logo --------------------------------------------- */ #bg_header { width:100%; background:url(../images/bg_topbar.gif) repeat-x; padding-top:10px} #header { width:925px; height:125px; margin:0 auto; background:url(../images/bg_header.gif) no-repeat; padding:15px 0 0 40px} #header .logo { float:left} /* --------------------------------------------- 03. navbar --------------------------------------------- */ #bg_navbar { width:100%; height:30px; background:url(../images/bg_navbar.gif) repeat-x} #navbar { width:964px; margin:0 auto} #navbar ul { list-style:none; margin:0; padding:0; height:30px; border-left:1px solid #FFFFFF} #navbar ul li { height:30px; float:left; font-size:12px; font-weight:bold; color:#FFFFFF; border-right:1px solid #FFFFFF} #navbar ul li a { width:170px; height:22px; float:left; text-decoration:none; color:#FFFFFF; text-align:center; padding-top:8px} #navbar ul li a:hover { background:#0C0C0C; text-decoration:none; color:#FFFFFF} #navbar ul li a.selected { background:#0C0C0C; text-decoration:none; color:#FFFFFF} /* --------------------------------------------- 04. wrapper --------------------------------------------- */ #wrapper { width:100%; float:left; background:#FDFAF5; padding-top:30px} /* --------------------------------------------- 05. content --------------------------------------------- */ #content { width:965px; margin:0 auto} #content p a { float:left; background:url(../images/arrow.gif) no-repeat right; padding: 7px 25px 7px 0} #content p a { float:none; background:none; padding:7px 0} #content h1 { float:left; border-bottom:1px solid #000000; padding:4px 0} #content .news_item p a { float:none; background:none; padding:7px 0} #content .news_item li {color:#000000; font-size:12px; font-weight:normal; margin:0; padding:0 0 5px 0;} /* --------------------------------------------- 06. welcome box styles --------------------------------------------- */ #welcomebox { width:964px; float:left; padding-bottom:28px} #welcomebox .box_topborder { width:964px; height:5px; float:left; background:url(../images/bg_welcomebox_topborder.gif) no-repeat} #welcomebox .box_middleborder { width:942px; float:left; background:url(../images/bg_welcomebox.gif) repeat-y; padding:11px; padding-bottom:5px} #welcomebox .box_bottomborder { width:964px; height:8px; float:left; background:url(../images/bg_welcomebox_bottomborder.gif) no-repeat} /* --------------------------------------------- 07. left panel --------------------------------------------- */ #leftpanel { width:635px; float:left; border-top:5px solid #000000; padding-bottom:25px;} #leftpanel p a { width:150px} #leftpanel h1 { width:630px; margin-left:5px; background:url(../images/icon_produts.gif) no-repeat right} /* --------------------------------------------- 07.1 left panel - products --------------------------------------------- */ #products { width:635px; float:left; padding-top:14px} .prdbox { width:171px; height:182px; float:left; background:url(../images/bg_thumbbox.gif) no-repeat; padding:12px 37px 25px 12px} .prdbox_right { width:171px; height:182px; float:left; background:url(../images/bg_thumbbox.gif) no-repeat; padding:12px 12px 25px 12px} .thumb a { width:170px; height:139px; float:left; border-bottom:1px solid #828282; padding-bottom:9px} .thumb-link {position: absolute; width:170px; height:139px;} .thumb-link:hover {position: absolute; width:170px; height:139px; background:url(../images/photo_hover.png) no-repeat top} /* --------------------------------------------- 08. right panel --------------------------------------------- */ #rightpanel { width:300px; float: right; margin-bottom:25px; border-top:5px solid #000000} #rightpanel h1 { width:300px; background:url(../images/icon_news.gif) no-repeat right} #rightpanel h3 { width:290px; float:left; padding-top:15px; padding-bottom:5px} #rightpanel p { width:290px; float:left; padding-top:5px} #rightpanel p a { width:80px} #rightpanel .seemore { width:300px; float:left} #rightpanel .seemore h3 a { width:auto; float:left; font-style:italic; background:url(../images/arrow_seemore.gif) no-repeat right; padding-right:20px} #rightpanel .photo_right { width:300px; float:left; padding-top:20px} /* --------------------------------------------- 09. footer styles --------------------------------------------- */ #bg_footer { width:100%; float:left; background:url(../images/bg_footer.gif) repeat-x; padding-top:35px; padding-bottom:70px} #footer { width:965px; margin:0 auto} #footer p { width:555px; float:left} #footer p a:link, #footer p a:visited { text-decoration:none; color:#000000; padding:0 2px} #footer p a:hover { text-decoration:underline; color:#C89E26} #footer .logo_footer { width:102px; height:60px; float:right} /* --------------------------------------------- 10. innerpage styles --------------------------------------------- */ #productlist { width:635px; float:left} #productlist .products_first { width:630px; float:left; padding-top:15px; padding-left:5px} #productlist .products { width:630px; float:left; padding:25px 0 10px 5px} #productlist .contact { width:630px; float:left; padding:25px 0 10px 5px} #productlist .news_item { width:630px; float:left; padding:25px 0 10px 5px} #productlist .product_thumb { width:170px; height:164px; float:left; background:url(../images/bg_productbox_inner.gif) no-repeat; padding:12px 12px 0 13px } #productlist .product_content { width:400px; float:left; padding-left:15px} #productlist .product_content p { width:400px; padding-top:12px; padding-bottom:0px} #productlist .product_content p a { background:none} /* --------------------------------------------- 11. archive news box --------------------------------------------- */ #archive_menu {padding-top:30px;} #archive_menu a {color:#000000; text-decoration:none; font-size:14px;} #archive_menu li {color:#C89E26;} #archive_menu a:visited {color:#000000; text-decoration:none;} #archive_menu a:hover {border-bottom:1px solid #828282; color:#000000;}