* { margin: 0; padding: 0; } img { border: none; } :focus { outline: 0; } a { text-decoration: none; } .alt { display: none; } /*********************** TYPO ********************************/ body { font-family: Arial, Helvetica, Sans-serif; font-size: 12px; } a { color: #70af00; } a:hover { color: #666; } #nav li a { color: #fff; font-weight: bold; } h2 { font-size: 20px; font-weight: bold; color: #000; } #wrapper.home h2 { font-size: 14px; font-weight: bold; } #sidebar h2 { color: #74b108; } #wrapper.home #content h2 { color: #fff; } h2.products { color: #74b108; font-size: 20px; font-family: Verdana, Arial, Helvetica, Sans-serif; } h2.products span { color: #000; } h3 { font-size: 12px; font-weight: bold; color: #000; } #newsletter h3 { font-size: 14px; color: #fff; line-height: 13px; } .homebox h3 { font-size: 14px; color: #74b108; font-family: Verdana, Arial, Helvetica, Sans-serif; } .homebox h3 span { color: #000; } .text h3 { font-size: 16px; color: #666; font-weight: bold; } .date { font-size: 11px; color: #666; line-height: 13px; } .more { font-size: 11px; color: #70af00; font-weight: bold; } .news li { font-size: 12px; line-height: 18px; color: #666; } .homebox div { font-size: 12px; line-height: 20px; color: #666; } .newsletters span { font-size: 11px; color: #666; line-height: 12px; } .newsletters a { font-size: 12px; color: #666; font-weight: bold; } .text { font-size: 12px; line-height: 18px; color: #666; } .text a { font-weight: bold; text-decoration: underline; } blockquote { font-size: 14px; line-height: 20px; color: #666; } #products h3 { font-size: 11px; color: #70af00; } #products h3.selected { font-size: 16px; color: #000; } .paging { font-weight: bold; font-family: Verdana, Arial, Helvetica, Sans-serif; } .paging .buttons a.on, .paging .buttons a:hover { color: #b7d77f; } .paging .pages a { line-height: 14px; } .paging .pages a.on, .paging .pages a:hover { font-weight: normal; color: #000; } #products dt { color: #70af00; font-weight: bold; } #products div { color: #666; line-height: 18px; font-size: 12px; } .contacts { font-size: 12px; line-height: 16px; color: #666; } .contacts b, .contacts strong { font-weight: bold; color: #000; line-height: 18px; } .contacts a { font-weight: bold; } .banners em { font-style: normal; font-size: 14px; font-weight: bold; } .banners span { color: #666; font-size: 12px; line-height: 18px; } .gallery dt { font-style: normal; font-size: 14px; font-weight: bold; color: #70af00; } #footer { font-size: 11px; } #footer strong { font-weight: bold; color: #70af00; } #footer span { color: #000; } #footer a { text-decoration: underline; } .txt, textarea { font-size: 12px; color: #777; font-family: Arial, Helvetica, Sans-serif; } .contactform { color: #777776; font-size: 11px; } .contactform h3 { color: #777776; font-size: 18px; font-weight: bold; } .contactform em { color: #dea323; } /*********************** HEADER ********************************/ #header { background: #fff url(../images/BKGheader.gif) top left no-repeat; height: 126px; } #header h1 { position: absolute; margin: 11px 0 0 20px; } #header blockquote { padding: 54px 0 0 532px; } /*********************** NAV ********************************/ #nav li { display: block; float: left; } #nav li.first a { padding: 0; border: none; } #nav li a { display: block; float: left; background: #70af00; padding: 7px 0 6px 0; text-align: center; border-left: 1px solid #fff; } #link1 a { width: 72px; } #link1 ul a { width: 56px; } #link2 a { width: 128px; } #link2 ul a { width: 112px; } #link3 a { width: 162px; } #link3 ul a { width: 146px;} #link4 a { width: 135px; } #link4 ul a { width: 119px; } #link5 a { width: 86px; } #link5 ul a { width: 70px; } #link6 a { width: 68px; } #link6 ul a { width: 52px;} #link7 a { width: 66px; } #link7 ul a { width: 50px;} #nav li ul { display: none; position: absolute; margin: 28px 0 0 1px; padding-top: 5px; background: url(../images/nav.png) top left; } #nav li.over a, #nav li:hover a, #nav li a.on { background: #70af00 url(../images/nav_on.gif) top left repeat-x; } #nav li.over ul, #nav li:hover ul { display: block; } #nav ul li, #nav ul a { float: none; border: none; background: none; } #nav li ul li { background: url(../images/nav2.png) top left repeat-x; padding-top: 1px; } #nav ul a { text-align: left; padding-left: 16px; background: none !important; } #nav ul a.on, #nav ul a:hover { background: #0b1000!important; } /*********************** GENERAL ********************************/ body { background: url(../images/BKGbody.gif); padding-bottom: 14px; } #container { width: 760px; margin: 0px auto; } #wrapper { background: #fff; overflow: hidden; padding: 55px 0 63px 0; } #wrapper.home { padding-top: 34px; } #content { overflow: hidden; padding: 0 32px 0 20px; } #content h2 { margin: 0 0 25px 16px; } #wrapper.home #content h2 { margin: 0 0 6px 0; background: #70af00; padding: 3px 0 3px 10px; width: 413px; } h2.products img { margin: 0 0 -7px 11px; } .date { display: block; background: url(../images/border_gray.gif) left 6px repeat-x; margin-bottom: 2px; } .date span { background: #fff; padding-right: 3px; } .more { background: url(../images/more.gif) left 5px no-repeat; padding-left: 10px; display: block; } #content blockquote { margin-bottom: 20px; } .text { padding-left: 15px; } .text h3 { margin: 35px 0 10px 0; } .text ul { list-style: none; } .text ul li { margin: 0 0 1px 2px; padding-left: 13px; background: url(../images/bullit.gif) left 6px no-repeat; } /*********************** SIDEBAR ********************************/ #wrapper.home #sidebar { width: 260px; float: right; padding-right: 25px; } #wrapper.home #sidebar h2 { margin-bottom: 10px; } #sidebar { width: 218px; float: right; padding-right: 21px; } .newsletters { list-style: none; background: #eaedee; width: 175px; padding: 22px 10px 5px 12px; } .newsletters h3 { margin: 0 0 10px 12px; } .newsletters span { padding: 0 0 0px 12px; display: block; } .newsletters a { padding: 0 0 7px 12px; display: block; background: url(../images/more.gif) left 5px no-repeat; margin: 0; } .gallery { background: #EAEDEE url(../images/BKGgall_bottom.gif) bottom left no-repeat; margin-bottom: 17px; float: left; width: 197px; } .gallery dt { padding: 12px 0 10px 12px; background: url(../images/BKGgall_top.gif) top left no-repeat; } .gallery dd { float: left; margin-left: 12px; } .gallery img { float: left; padding-bottom: 12px; } /*********************** HOME ********************************/ .homebox { list-style: none; border-right: 1px dashed #e0e0e0; overflow: hidden; } .homebox li { width: 196px; min-height: 206px; height: auto !important; height: 210px; padding: 22px 0 0 14px; float: left; background: url(../images/bkg_homebox.gif) bottom left repeat-x; border: 1px dashed #e0e0e0; border-top: none; border-right: none; } .homebox li div { min-height: 82px; height: auto !important; height: 86px; clear: left; } .homebox h3 { margin-bottom: 13px; } .homebox h3 img { display: block; float: right; padding-right: 28px; margin-top: -5px; } .homebox .thumb { display: block; float: left; margin: 0 8px 15px 0; } .homebox .more { margin-top: 5px; } /*********************** NEWS ********************************/ .news { list-style: none; } .news h3 { margin-bottom: 10px; } .news li { margin-bottom: 10px; overflow: hidden; } .news li.last { border-bottom: 1px solid #dedede; padding-bottom: 20px; margin-bottom: 0; } .news li img { display: block; float: left; margin: 0 9px 5px 0; } .news li .more { clear: left; margin-top: 8px; } #content .news { border-left: 1px dashed #e0e0e0; border-right: 1px dashed #e0e0e0; padding: 0 12px 0 15px; } #content .news li { margin-bottom: 20px; } #content .news li.last { padding-bottom: 25px; } #content .news div ul { list-style: none; } #content .news div li { margin: 0 0 0 13px; padding-left: 13px; background: url(../images/bullit.gif) left 5px no-repeat; } .paging { margin-bottom: 15px !important; } .paging .buttons { display: block; float: left; padding-right: 28px; } .paging #back { background: url(../images/more2.gif) left 5px no-repeat; padding-left: 9px; margin-right: 12px; } .paging #forward { background: url(../images/more.gif) right 5px no-repeat; padding-right: 9px; } .paging .pages { float: left; background: url(../images/border_line.gif) left 1px no-repeat; margin-top: 3px; } .paging .pages dd { padding: 0 3px 0 2px; float: left; background: url(../images/border_line.gif) right 1px no-repeat; } .paging .pages a { display: block; float: left; width: 16px; text-align: center; } .paging .pages a.on, .paging .pages a:hover { background: #eaedee; } /*********************** PRODUCTS ********************************/ #products { border: 1px dashed #e0e0e0; list-style: none; } #products h3 { padding: 10px 14px 8px 24px; cursor: pointer; border-bottom: 1px dashed #e0e0e0; background: url(../images/more.gif) 14px 12px no-repeat; } #products h3.selected { border: none; background: #fff url(../images/more3.gif) 12px 16px no-repeat; } #products h3 img { margin: -10px 0 -8px 0; padding-left: 15px; vertical-align: middle; } #products li { background: url(../images/BKGproducts.gif) bottom left repeat-x; } #products div { padding: 0 14px 15px 14px; border-bottom: 1px dashed #e0e0e0; } #products .last h3, #products .last div { border: none; } #products .gall { border: none; padding: 0 0 7px 0; overflow: hidden; } #products .gall img { display: block; float: left; margin: 0 8px 8px 0; } #products li ul { list-style: none; margin-top: 6px; } #products li li { margin: 0 0 7px 2px; padding-left: 13px; background: url(../images/bullit.gif) left 5px no-repeat; } /*********************** CONTACTS ********************************/ .contacts { padding-left: 15px; } .contacts dd { border-bottom: 1px solid #dedede; margin-bottom: 15px; padding-bottom: 15px; } .mappopup a { width: 102px; display: block; } .mappopup img { display: block; margin: 5px 0 0 0; border: 1px solid #dedede; } /*********************** BANNERS ********************************/ .banners { display: block; float: left; width: 185px; height: 78px; padding: 12px 0 0 12px; } #sidebar .banners { margin: 0 0 17px 0 !important; } .banners em { display: block; margin-bottom: 3px; } #banner1 { margin: 24px 13px 0 0; background: url(../images/banner1.gif) top left no-repeat; } #banner2 { margin: 24px 0px 0 0; background: url(../images/banner2.gif) top left no-repeat; } /*********************** FOOTER ********************************/ #footer { background: #eaedee url(../images/footer.gif) bottom left no-repeat; padding: 10px 0 20px 18px; } #footer strong { display: block; float: left; margin-right: 13px; } #footer span { padding-right: 3px; } #footer ul { list-style: none; } #footer li { display: inline; padding: 0 16px; border-left: 1px solid #999; } /*********************** FORMS ********************************/ #newsletter { background: url(../images/BKGnewsletter.gif) top left no-repeat; width: 187px; height: 73px; padding: 8px 0 0 10px; clear: left; } #wrapper.home #newsletter { background: url(../images/BKGnewsletter_home.gif) top left no-repeat; width: 247px; height: 47px; margin-top: 23px; } #newsletter h3 { margin-bottom: 7px; } #newsletter .txt { border: 1px solid #fff; display: block; float: left; width: 165px; padding: 2px 4px; margin-right: 5px; } #wrapper.home #newsletter .txt { width: 182px; } #newsletter img { cursor: pointer; display: block; float: right; padding: 5px 13px 0 0; } #wrapper.home #newsletter img { display: inline; float: none; padding: 0; } .contactform { background: #eaedee url(../images/contact_bottom.gif) bottom left no-repeat; margin: 33px 0 0 15px; padding-left: 19px; overflow: hidden; } .contactform h3 { padding: 17px 0 15px 19px; margin-left: -19px; background: #eaedee url(../images/contact_top.gif) top left no-repeat; } #upload { width: 435px; } .contactform p { margin-bottom: 15px; } .contactform fieldset { border: none; float: left; width: 209px; } .contactform .left { width: 220px; } .contactform label { display: block; float: left; clear: left; width: 50px; margin-top: 2px; } #upload label { width: 80px; } .contactform textarea, .contactform .txt { display: block; float: left; border: 1px solid #dedede; width: 150px; padding: 1px 2px; } .contactform .txt { margin-bottom: 8px; } .contactform .marg { margin-bottom: 37px; } .contactform textarea { height: 69px; } .contactform .left textarea { height: 160px; } .contactform img { display: block; float: right; margin: 70px 10px 30px 0; cursor: pointer; } #upload .error { color:#f00; } #upload_download, #upload_upload { font-weight:bold; margin-right:15px; } #upload_logout { position:relative; left:483px; } #uploadContentWrapper { width:760px; background:#fff; } #uploadContentWrapperInner { overflow:hidden; padding: 20px 32px 20px 20px; } #uploadContentWrapperInner h2 { margin-bottom:15px; } .uploadContent { width:100%; border-collapse:collapse; margin-left:15px; } .uploadContentTitle { margin:15px 0; } .uploadContent th, .uploadContent td { background:#f9f9f9; border:1px solid #686868; padding:5px; text-align:right; } .uploadContent th { background:#ebebeb; text-align:center; } .uploadContent .overflow1 span { display:block; width:140px; overflow:hidden; } .uploadContent .overflow2 span { display:block; width:215px; overflow:hidden; } .uploadForm input, .uploadForm textarea { border: 1px solid #dedede; padding: 1px 2px; width: 150px; margin: 0 0 5px; overflow:auto; } .uploadForm .button { border: none; padding: 0; width: auto; margin: 0; margin-bottom:10px; } .uploadForm label { width:150px !important; } .uploadForm input:focus, .contactform textarea:focus, .contactform .txt:focus { border: 1px solid #cfcece; background: #f6f6f6; } /*********** MISC ********************************************/ .hidden { display:none; }