* {
margin:0px;
padding:0px;
border:0px;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
html,body {
width:100%;
height:100%;
margin:0px;
padding:0px;
color:#ffffff;
font:11pt arial,tahoma,helvetica,verdana;
background:#49ab2f url('./img/backgr-1.jpg') 0 0 repeat-x;
text-align:center;
}
table {
border-collapse:collapse;
}
tr,td,ul,li {
text-align:left;
vertical-align:top;
}
div,p,tr,td,ul,li,input,textarea,select,option { 
vertical-align:top;
color:#ffffff;
font:11pt arial,tahoma,helvetica,verdana;
}
a, a:visited {
color:#ffffff;
font:11pt arial,tahoma,helvetica,verdana;
text-decoration:underline;
}
a:hover {
color:#b5ddab;
text-decoration:underline;
}
img { 
box-sizing:content-box;
-moz-box-sizing:content-box;
}
img, div {
behavior: url(./src/pngbehavior.htc);
}
#container {
width:970px;
height:100%;
text-align:left;
margin:0 auto;
}
#leftcolumn {
width:590px;
height:auto;
float:left;
margin:0 auto;
}
#logo {
width:560px;
height:90px;
margin-top:20px;
}
#logo h1 {
color:#fff;
font:16px arial,tahoma,verdana;
font-weight:lighter;
padding:0 0 0 17px;
position:absolute;
top:82px;
word-spacing:5px;
}
#logo img {
width:560px;
height:90px;
display:block;
}
#menu {
width:475px;
overflow:hidden;
margin:10px 0 0 15px;
}
#menu ul {
width:475px;
float:left;
list-style:none;
}
#menu ul li {
float:left;
padding-right:20px;
}
#menu li.active {
color:#70ba66;
font:18px arial,tahoma,verdana;
}
#menu a {
color:#fff;
font:18px arial,tahoma,verdana;
text-decoration:underline;
display:block;
float:left;
}
#menu a:hover {
color:#b5ddab;
}
#welcome {
width:560px;
height:auto;
float:left;
margin-top:70px;
text-align:justify;
}
#welcome img {
width:60px;
height:65px;
float:left;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./img/ico-welcome.png',sizingMethod='scale');
margin:0 15px 150px 0;
}
#content {
width:560px;
height:auto;
float:left;
margin-top:70px;
text-align:justify;
}
#content ul {
margin:15px 0 15px 20px;
list-style:none;
}
#content ul li {
background:url('img/bullet-2.gif') 0 7px no-repeat;
padding-left:10px;
}
#content blockquote {
padding:20px;
}
#price  {
width:100%;
text-align:center;
}
#price table {
margin:0 auto;
text-align:left;
width:100%;
}
#price table, #price th, #price tr, #price td, #price div, #price a, #price a:visited , #price p {
font:11px arial,tahoma,verdana;
padding:1px;
}
#price th {
text-align:center;
vertical-align:middle;
font-weight:bold;
padding:8px 0 8px 0;
border-bottom:1px solid #b5ddab;
}
#price th.header {
text-align:center;
font-weight:bold;
padding:8px 0 3px 0;
border-bottom:0;
text-transform:uppercase;
}
#price td.header {
text-align:center;
font-weight:bold;
padding:8px 0 8px 0;
border-bottom:1px solid #b5ddab;
text-transform:uppercase;
}
#price td.comment {
text-align:center;
padding:0 0 8px 0;
border-bottom:1px solid #b5ddab;
}
#price td.number {
padding-left:10px;
border-bottom:1px dotted #b5ddab;
}
#price td.title {
border-bottom:1px dotted #b5ddab;
}
#price td.title2 {
border-bottom:1px dotted #b5ddab;
text-align:center;
}
#price td.price {
text-align:right;
padding-right:5px;
border-bottom:1px dotted #b5ddab;
}
#price p {
text-align:left;
}
#price div.files   {
text-align:left;
}
#price a.xls, #price a.xls:visited {
font:11px arial,verdana,tahoma;
background:url('./img/ico-excel.gif') 0 0 no-repeat;
line-height:16px;
clear:both;
padding:0 0 2px 20px;
}
#price a.pdf, #price a.pdf:visited {
font:11px arial,verdana,tahoma;
background:url('./img/ico-pdf.gif') 0 0 no-repeat;
line-height:16px;
clear:both;
padding:0 0 2px 20px;
}
#askmanager {
width:360px;
height:auto;
float:right;
padding:30px 30px 0 0;
}
#askmanager img {
width:80px;
height:80px;
float:right;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./img/ico-feedback.png',sizingMethod='scale');
display:block;
}
#askmanager p {
position:relative;
font:30px arial,tahoma,verdana;
padding-top:10px;
}
#askmanager blockquote {
color:#b6ddab;
font:18px arial,tahoma,verdana;
}
#askmanager a {
color:#b6ddab;
font:18px arial,tahoma,verdana;
text-decoration:underline;
}
#balls {
width:500px;
height:auto;
margin:80px 30px 0 60px;
position:relative;
top:20px;
}
#balls ul {
width:auto;
float:left;
list-style:none;
}
#balls ul li {
width:95px;
float:left;
text-align:center;
margin-right:20px;
}
#balls img {
width:95px;
height:95px;
display:block;
}
#balls a {
color:#b5ddab;
font:11px tahoma,arial,verdana;
text-decoration:underline;
}
#rightcolumn {
width:380px;
height:auto;
float:left;
margin:0 auto;
}
div.prodheader {
width:100%;
padding:25px 0 20px 0;
clear:both;
}
div.prodheader a, div.prodheader a:hover {
text-decoration:none;
color:#ffffff;
}
div.images {
width:100%;
height:auto;
text-align:center;
}
div.images p {
padding:5px 0 10px 0;
font-size:10pt;
}
div.img1 {
width:180px;
height:auto;
text-align:center;
float:left;
}
div.img1 img {
width:150px;
height:auto;
border:2px solid #b5ddab;
}
div.img2 {
width:380px;
height:auto;
text-align:center;
padding:25px 0 20px 0;
}
div.img2 img {
width:370px;
height:auto;
border:2px solid #b5ddab;
}
div.img3 {
width:280px;
height:auto;
text-align:center;
float:left;
}
div.img3 img {
width:200px;
height:auto;
border:2px solid #b5ddab;
}
div.productcat {
width:380px;
height:150px;
margin:10px 0 20px 0;
position:relative;
}
div.productcat img{
width:380px;
height:150px;
display:block;
}
div.productcat h2 {
color:#fff;
font:11px arial,tahoma,verdana;
font-weight:lighter;
padding:0 0 0 11px;
margin:0 0 0 11px;
position:relative;
top:125px;
width:250px;
background:url('img/bullet-1.gif') 5px 5px no-repeat;
}
div.productcat h3 {
color:#fff;
font:11px arial,tahoma,verdana;
font-weight:lighter;
padding:0 0 0 11px;
margin:0 0 0 11px;
position:relative;
top:125px;
width:250px;
background:url('img/bullet-1.gif') 5px 5px no-repeat;
}
div.productcat h4 {
color:#fff;
font:11px arial,tahoma,verdana;
font-weight:lighter;
padding:0 0 0 11px;
margin:0 0 0 11px;
position:relative;
top:125px;
width:250px;
background:url('img/bullet-1.gif') 5px 5px no-repeat;
}
div.productcat h5 {
color:#fff;
font:11px arial,tahoma,verdana;
font-weight:lighter;
padding:0 0 0 11px;
margin:0 0 0 11px;
position:relative;
top:125px;
width:250px;
background:url('img/bullet-1.gif') 5px 5px no-repeat;
}
div.productcat a, div.productcat a:visited {
color:#fff;
text-decoration:none;
font:11px arial,tahoma,verdana;
}
#spacer {
width:auto;
height:500px;
}
#footer {
width:970px;
height:80px;
float:left;
margin:50px 0 0 0;
}
#copyrights {
width:500px;
height:60px;
position:relative;
left:0;
float:left;
padding:22px 0 0 45px;
background:url('img/copyrights.gif') 0 15px no-repeat;
}
#copyrights p{
color:#9cd18d;
font:11px tahoma,arial,verdana;
}
#copyrights a {
color:#9cd18d;
font:11px tahoma,arial,verdana;
text-decoration:underline;
}
#counters {
width:380px;
height:60px;
background:url('img/counters-backgr.gif') 0 0 no-repeat;
float:right;
z-index:5;
padding:15px 0 0 8px;
text-align:center;
}
#counters img {
width:88px;
height:31px;
margin-right:4px;
display:block;
float:left;
}

#counters p {
clear:both;
padding-top:20px;
}

#counters p, #counters a  {
color:#9cd18d;
font:10px tahoma,arial,verdana;
}



