/* LAYOUT */
/* master layout */
html, body {border: 0; padding: 0; margin: 0;}
body {text-align: center; background-color: #CCC;}
#master {
width: 990px;
margin: 0 auto;
}
#border {
background: url(../images/border.gif) repeat-y;
}
#main {
width: 980px;
background-color: #FFF;
margin: 0 auto;
overflow: hidden;
background: url(../images/bg_filler.png) repeat-y -1px 75px;
}
#lpanel {width: 159px; float: left;}
#cpanel {width: 168px; float: left; margin-bottom: 10px;}
#rpanel {
vertical-align: top;
background: url(../images/upperline.gif) no-repeat 0 170px;
font: 13px/16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #333;
text-align: left;
padding-bottom: 10px;
float: right;
}
#secmenu {
margin: 0 auto;
width: 980px;
border-top: 1px solid #EEE;
font: bold 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
padding: 5px 0;
text-align: center;
color: #666;
}
#footer {
border-bottom: 1px solid #8f8f8f;
border-top: 1px solid #EEE;
text-align: center;
margin: 0 auto;
width: 980px;
font: 10px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #666;
padding-top: 10px;
}
/* secondary menu */
#secmenu a, #secmenu a:link, #secmenu a:visited {color: #3B7516;}
#secmenu a:hover {color: #DB3C20; text-decoration: none;}
/* footer */
#footer a, #footer a:link, #footer a:visited {color: #3B7516; text-decoration: underline;}
#footer a:hover {color: #DB3C20;}
/* left panel elements*/
.bgImgs {float: left;}
#logo {float: left; position: absolute; top: 5px; margin-left: 5px;}
#homelink {float: left; position: absolute; top: 132px; margin-left: 54px;}
#maillink {float: left; position: absolute; top: 132px; margin-left: 85px;}
#homelink a, #maillink a {display: block; width: 22px;}
#homelink a:hover, #maillink a:hover {border-right: 3px solid #4F9465;}
#prod-title {float: left; position: absolute; top: 245px; font: bold 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #333; margin-left: 32px; letter-spacing: 2px;}
#prod-links {float: left; position: absolute; top: 252px; text-align: left; list-style: none; width: 80px; padding-left: 18px;}
#prod-links li {height: 63px; display: table;}
#prod-links a, #prod-links a:link, #prod-links a:visited {font: bold 10px "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-decoration: none; color: #3B7516; display: table-cell; vertical-align: middle;}
#prod-links a:hover {color: #FF8401;}
/* central panel elements */
/* description section */
#section-desc {float: left; position: absolute; color: #333; text-align: justify;}
#sd-title {font: bold 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding: 0 0 0 22px; margin-bottom: 5px;}
#sd-quot1 {padding-left: 6px;}
#sd-quot2 {text-align: right; padding-right: 6px;}
#sd-text {font: 11px/13px "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding: 0 22px; width: 122px;}
/* menu */
#menu {float: left; position: absolute; top: 219px; text-align: left; color: #DBDBDB; margin-left: 17px;}
.m-elem {border-bottom: solid 1px #DBDBDB; margin-bottom: 10px; width: 133px;}
.m-num {font: bold 12px/15px Verdana, Arial, Helvetica, sans-serif; position: relative; float: right;}
#menu a, #menu a:link, #menu a:visited {font: bold 12px/15px "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-decoration: none; color: #3B7516; letter-spacing: 2px;}
#menu a:hover {color: #FF8401;}
/* contacts */
#contacts {float: left; position: absolute; top: 438px; text-align: left; color: #333;}
#cont-title {font: bold 12px/15px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #333; padding-left: 40px; margin-bottom: 6px; letter-spacing: 2px;}
#cont-text {font: 10px/12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding: 0 15px; width: 148px;}
#cont-text p {margin-bottom: 8px;}
#cont-text a, #cont-text a:link, #cont-text a:visited {color: #3B7516; text-decoration: underline;}
#cont-text a:hover {color: #FF8401;}
/* advertising */
#advertising {float: left; position: absolute; top: 624px; text-align: left; color: #FFF;}
#adv-title {font: bold 12px/15px "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding-left: 8px; color: #FFF; letter-spacing: 2px; width: 120px; text-align: right; margin-bottom: 10px;}
.adv-text {font: 10px/12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; width: 148px; clear: both; margin: 0 0 10px 10px; overflow: hidden;}
.adv-text a, .adv-text a:link, .adv-text a:visited {margin: 0 4px 0 0; float: left; border: 2px solid #4F9465;}
.adv-text a:hover {border: 2px solid #FF8401;}
/* header */
#header {font: italic 18px/22px "Lucida Sans Unicode", "Lucida Grande", sans-serif; width: 653px; height: 170px; margin:0; padding:0;}
#header div {position: relative; float: left; clear: both;}
.r1t1 {color: #900; top: 28px; left: 200px;}
.r2t1 {color: #900; top: 30px; left: 120px;}
.r1t2 {color: #3B7516; top: 90px; left: 40px;}
#orderButton {width: 111px; background: url(../images/order_now_btn_hover_it.png) no-repeat; top: 25px; left: 235px;}
#orderButton a, #orderButton a:link, #orderButton a:visited {display: block;}
#orderButton a:hover img {visibility: hidden;}
/* END LAYOUT */
/* CONTENTS */
#master img {border: none;}
p {margin-top: 0;}
.b {font-weight: bold;}
/* titles */
h1 {font: bold 16px/19px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #3B7516; display: inline;}
h2 {font: bold 16px/24px "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding-left: 34px; margin: 10px 0 10px 28px; width: 562px; color: #FFF;}
h3 {font: bold 15px/18px "Lucida Sans Unicode", "Lucida Grande", sans-serif; width: 562px; margin: 0 0 5px 0;}
h4 {font: bold 14px/17px "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin: 0 0 10px 28px; width: 585px; color: #FFF;}
h5 {font: bold 13px/16px "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding-left: 34px; margin: 0 0 10px 28px; width: 562px; color: #FFF;}
h6 {font: bold 13px/16px "Lucida Sans Unicode", "Lucida Grande", sans-serif; width: 562px; margin: 10px 0 10px 28px; clear: both; color: #900;}
.title1 {
background: url(../images/pretitle-y.png) no-repeat 0 2px;
padding-left: 28px;
margin: 10px 0;
}
/* color codes for borders and texts */
.bd1 {border-left: 20px solid #1E4588; border-bottom: 2px dotted #1E4588;}
.bd2 {border-left: 20px solid #00A4D8; border-bottom: 2px dotted #00A4D8;}
.bd3 {border-left: 20px solid #009E8E; border-bottom: 2px dotted #009E8E;}
.bd4 {border-left: 20px solid #51AE4C; border-bottom: 2px dotted #51AE4C;}
.bd5 {border-left: 20px solid #F1B539; border-bottom: 2px dotted #F1B539;}
.bd6 {border-left: 20px solid #E27334; border-bottom: 2px dotted #E27334;}
.bd7 {border-left: 20px solid #D52330; border-bottom: 2px dotted #D52330;}
.bd8 {border-left: 20px solid #A8247A; border-bottom: 2px dotted #A8247A;}
.bd9 {border-left: 20px solid #702C79; border-bottom: 2px dotted #702C79;}
/* news */
.news {width: 595px; position: relative; left: 28px; background-color: #EEE;}
.news-date {font-weight: bold; padding: 6px 0; background-color: #FFF;}
.news-text {text-align: justify; margin: 1px 0 0 23px; padding: 4px 6px; background-color: #FFF;}
/* standard section text box */
.data {width: 595px; position: relative; left: 28px; text-align: justify;}
/* text box with grey background */
.grey-box {
width: 600px;
position: relative;
left: 28px;
background-color: #EEE;
}
.gb-contents {padding: 15px 26px 10px 29px; text-align: justify;}
/* paragraphs */
.p1 {width: 595px; position: relative; left: 28px; text-align: justify; }
/* product lists */
.prodList {width: 565px; list-style-type: none; margin-left: 28px; padding-left: 10px;}
.prodList li {border-bottom: 1px solid #EEE;}
.newp {color: #333; float:right; margin-right: 10px; font-weight: bold;}
.prodDesc {width: 595px; list-style-type: none; margin-left: 28px; padding: 0;}
.prodDesc li {padding: 0 0 5px 10px; margin-bottom: 10px; overflow: hidden;}
.prodDesc p {text-align: justify;}
.prodDesc img {float: left; margin-right: 10px;}
.prodDesc img+img {float: right; margin: 0 0 0 10px;}
.lt1 li {border-left: 20px solid #1E4588; border-bottom: 2px dotted #1E4588;}
.lt1 h3, .lt1 .codes {color: #1E4588;}
.lt2 li {border-left: 20px solid #00A4D8; border-bottom: 2px dotted #00A4D8;}
.lt2 h3, .lt2 .codes {color: #00A4D8;}
.lt3 li {border-left: 20px solid #009E8E; border-bottom: 2px dotted #009E8E;}
.lt3 h3, .lt3 .codes {color: #009E8E;}
.lt4 li {border-left: 20px solid #51AE4C; border-bottom: 2px dotted #51AE4C;}
.lt4 h3, .lt4 .codes {color: #51AE4C;}
.lt5 li {border-left: 20px solid #F1B539; border-bottom: 2px dotted #F1B539;}
.lt5 h3, .lt5 .codes {color: #F1B539;}
.lt6 li {border-left: 20px solid #E27334; border-bottom: 2px dotted #E27334;}
.lt6 h3, .lt6 .codes {color: #E27334;}
.lt7 li {border-left: 20px solid #D52330; border-bottom: 2px dotted #D52330;}
.lt7 h3, .lt7 .codes {color: #D52330;}
.lt8 li {border-left: 20px solid #A8247A; border-bottom: 2px dotted #A8247A;}
.lt8 h3, .lt8 .codes {color: #A8247A;}
.lt9 li {border-left: 20px solid #702C79; border-bottom: 2px dotted #702C79;}
.lt9 h3, .lt9 .codes {color: #702C79;}
.codes {list-style-type: none; padding: 0; font: bold 12px/15px "Lucida Sans Unicode", "Lucida Grande", sans-serif; float: left;}
.codes li {border: 0; margin: 0; padding: 0;}
.codes span {width: 120px; display: inline-block;}
.prod2cols {width: 595px; list-style-type: none; margin-left: 28px; padding: 0; overflow: hidden;}
.prod2cols h3 {width: auto;}
.prod2cols li {padding-left: 10px; float: left; width: 285px; height: 75px;}
.prod2cols .codes {float: none;}
.prod2cols .codes li {border: 0; margin: 0; padding: 0; float: none; height: auto;}
.c1 li {border-bottom: 2px dotted #51AE4C;}
.c1 h3 {color: #51AE4C;}
.c1 .even {border-left: 2px dotted #51AE4C;}
.c2 li {border-bottom: 2px dotted #E27334; height: 90px;}
.c2 h3 {color: #E27334;}
.c2 .even {border-left: 2px dotted #E27334;}
.c3 li {border-bottom: 2px dotted #D52330; height: auto; width: 595px; margin-bottom: 5px; padding-bottom: 5px;}
.c3 h3, .c3 .codes {color: #D52330;}
.c3 .even {border-left: 2px dotted #D52330;}
.c9 li {border-bottom: 2px dotted #702C79; height: auto; width: 595px; margin-bottom: 5px; padding-bottom: 5px;}
.c9 h3, .c9 .codes {color: #702C79;}
.c9 .even {border-left: 2px dotted #702C79;}
/* thumbnails */
.imgThumbs a {display: inline-block; margin: 0 0 10px 0;}
.imgThumbs a, .imgThumbs a:link, .imgThumbs a:visited {border: 2px solid #FFF;}
.imgThumbs a:hover {border: 2px solid #FF8401;}
/* table addresses */
.labels {width: 100%;}
.labels td {width: 33%; text-align: left; font: 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif; vertical-align:top;}
.bgtd {background-image: url(../images/address_bg.jpg); background-repeat: no-repeat;}
.addresses {width: 610px; position: relative; left: 20px; text-align: left; font: 11px/13px "Lucida Sans Unicode", "Lucida Grande", sans-serif; overflow: hidden;}
.addresses div {width: 185px; height: 90px; float: left; background: url(../images/bg_addr.png) repeat-x; padding: 3px; margin: 0 0 5px 8px; border: 1px solid #999;}
.addresses span {font-weight: bold; font-size: 12px;}
/* form 1 */
.form1 input, .form1 textarea {border: 1px solid #447D24; font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
.form1 div {margin: 0 10px 3px 0;}
/* form lists */
.form1 h2 {font: bold 14px/17px "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin: 0 0 10px 0; width: 585px; color: #FFF; padding-left: 10px;}
.form1 h3 {font: bold 12px/15px "Lucida Sans Unicode", "Lucida Grande", sans-serif; width: 585px; margin: 0 0 3px 0;}
.form1 h5 {font: bold 12px/15px "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding-left: 10px; margin: 0 0 10px 0; width: 585px; color: #FFF;}
.form1 .codes {font: 12px/15px "Lucida Sans Unicode", "Lucida Grande", sans-serif; float: none;}
.form1 .codes span {width: 120px;}
.prodForm {width: 595px; list-style-type: none; padding: 0;}
.prodForm li {border-left: 0; padding: 0 0 2px 0; margin-bottom: 2px;}
.form1 .codes li {padding: 0; margin: 0 0 0 30px;}
.form1 .codes input {text-align: center; width: 25px; font: bold 11px/13px "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin-right: 10px;}
.lt1 input {border: 1px solid #1E4588;}
.lt2 input {border: 1px solid #00A4D8;}
.lt3 input {border: 1px solid #009E8E;}
.lt4 input {border: 1px solid #51AE4C;}
.lt5 input {border: 1px solid #F1B539;}
.lt6 input {border: 1px solid #E27334;}
.lt7 input {border: 1px solid #D52330;}
.lt8 input {border: 1px solid #A8247A;}
.lt9 input {border: 1px solid #702C79;}
/* gallery thumbnails */
.thumbt td {height: 85px; width: 85px; text-align: center;}
.thumbt a, .thumbt a:link, .thumbt a:visited {border: 2px solid #3B7516; display: block; position: relative; margin: 0 auto;}
.thumbt img {margin: 2px;}
.thumbt a:hover {border-color: #DB3C20;}
/* image handlers */
.imgfl {float: left; padding: 10px 10px 10px 0;}
.imgfr {float: right; padding: 10px 0 10px 10px;}
/* general links definition */
a, a:link, a:visited {color: #447D24; text-decoration: none;}
a:hover {color: #FF8401; text-decoration: underline;}
/* END CONTENTS */