/* common rules */

html 	{height: 100%; width: 100%;}
body	
{
height: 100%;
width: 100%;
min-width: 850px;
font-family: Verdana,Arial,Helvetica;
font-weight: normal;
color: #515151;/*62829B;*/ 
font-family: Avenir, "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;	
background-color: #FFFFFF;
border: 0;
padding: 0;
margin: 0;
font-size: 70%;
}
	
table	{border:0; padding: 0; margin: 0; table-layout: auto;}
tr,td	{padding: 0; margin: 0; vertical-align: top;}
img	{margin: 0; padding: 0; border: 0;}
form	{margin: 0; padding: 0; border: 0;}
a	{text-decoration: underline; color: #515151;/*62829B;*/}
a:link {}
a:visited {}
a:hover	{text-decoration: underline; color: #000000;/*12629B;*/}

ul	{margin: 10px 0 10px 30px; border: 0; padding: 0; list-style: none; list-style-type: square;}
li	{margin: 0; border: 0; padding: 0;}

input {border: 1px solid #515151;/*658197;*/ padding: 1px; margin: 4px 2px 0 0px; font-size: 1.2em; width: 250px;
	height: 14px; display: block; color: #515151;/*658197;*/
	}
input.mailsubm {border: 1px solid #515151;/*658197;*/ padding: 1px 10px 1px 10px; margin: 5px 2px 1px 0px; font-size: 1.0em;
	background: url(../i/but.gif) 0 0 no-repeat #FFFFFF; height: 18px; width: 254px;
	color: #515151;/*658197;*/ display: inline; font-weight: bold;
	}
.hide {border: 0; margin: 0; padding: 0;}

textarea {scrollbar-face-color: #515151;/*658197;*/ border: 1px solid #515151;/*658197;*/ width: 250px; height: 50px; margin-bottom: 10px;}

div	{border: 0px solid black; padding: 0; margin: 0;}

p {margin: 10px 0 20px 0;}

.h {font-size: 1.0em; font-weight: bold; padding: 0px 0 0px 0;}
/* .h1 {font-size: 1.3em; font-weight: bold; padding: 0 0 5px 0;} */

.hd1 {text-transform: uppercase; font-weight: bold; font-size: 1.0em; padding: 5px 0 5px 0;}

.dot {display: block;}

h1 	{padding: 0; margin: 0; font-size: 12px}
h2 	{padding: 0; margin: 0; font-size: 11px }
h3.h3{font-weight:normal;}
/* span.min{ font-weight:normal;} */
/* containers */
/* 1st column */

#c1
{
width:expression(document.body.clientWidth > 850? "100%":"850px");
height: 100%; table-layout: auto;
}
#c1 td {border: 0px solid black; }
#c2 {width: 41px; height: 86px; background: url(../i/c2.gif) 0 0 no-repeat;}
#c3 {width: 240px; background: url(../i/c3.gif) 0 0 no-repeat;}
#c4 {width: 33px; background: url(../i/c4.gif) 0 0 no-repeat;}
#c5 {background: url(../i/c5bck.gif) 0 0 repeat-x;}
#c5l {float: right; width: 23px; height: 85px;}
#c5logo {float: left; margin-left: 8%;}

/* 2nd column */

#c6 {height: 40px; background: url(../i/c6.gif) 0 0 no-repeat;}
#c7 {background: url(../i/c7.gif) 0 0 no-repeat; padding: 12px 5px 0 10px;
    color: #FFFFFF; font-weight: bold; font-size: 1.3em;
	}
#c8 {}
#c8 img {width: 33px; height: 40px;}
#c9 {padding-left:40px; background: url(../i/c9bck.gif) 0 0 repeat-x;}
#c9l {float: right; margin-left: 10px;}
#c9 a {display: block; color: #000;/*41617B;*/ text-transform: uppercase; font-size: 1.1em; height: 28px; 
	background: url(../i/menudiv.gif) 0 12px no-repeat; padding: 12px 2% 0 10px; float: left;
	font-weight: bold; text-decoration: none;
	}
#c9 a.lst {padding-right: 0;}
#c9 a.cur {text-decoration: underline; color:#000;}
#c9 a:hover {text-decoration: underline;}

/* 3rd column */

#c10 {background: url(../i/e1.gif) 0 bottom no-repeat;}
#c1 #c11 { border: 0px solid black;
	background: url(../i/b5bck.gif) right bottom repeat-y;
	}
#c1 #c12 {height: 239px; background: url(../i/c12bck1.gif) 2px 0 repeat-y; border: 0px solid black;
	}
#d12 {width: 33px; height: 280px; dbackground: url(../i/c12.gif) 0 0 no-repeat;
	background: url(../i/c12bck1.gif) 2 0 repeat-y; border: 0px solid black;
	}
#dd12 {width: 33px; height: 174px; background: url(../i/c12.gif) 0 0 no-repeat; border: 0px solid black;
	}
#dd13 {width: 33px; height: 65px; background: url(../i/c12bck.gif) 2px 0 no-repeat; border: 0px solid black;}
#dd14 {width: 33px; height: 13px; background-color: #FFFFFF; border: 0px solid black; margin-top: 42px; background: url(../i/bdr_right2.gif) 0 0 no-repeat;}
#dd15 {width: 8px; height: 28px;
	background: url(../i/rtitle.gif) 0 0 repeat-x; border: 0px solid black;
	}
#c1 #c13 {background: url(../i/datio2.jpg) left bottom no-repeat;}
#menu1 a {display: block; width: 140px; height: 130px; border: 0px solid black;
    text-align: center; margin: 5px 9px 5px 9px; font-size: 12px;
	}

#b1 {width: 41px; height: 200px; background: url(../i/b1.gif) 0 0 repeat-y;}
#b2 {width: 41px; height: 65px; background: url(../i/b2.gif) 0 0 no-repeat;}
#c11 #b3 {width: 220px; height: 170px; padding: 20px 20px 10px 0px;
	color: #515151;/*41617B;*/  font-size: 11px;
	background-color: #FFFFFF; 
	}
#b4 {height: 39px; background: url(../i/b4hdr.gif) 0 0 no-repeat;
	padding: 26px 5px 0 45px;
    color: #FFFFFF; font-weight: bold; font-size: 1.3em; border: 0px solid black;
	}
#b5 {background: url(../i/b5bck.gif) right bottom repeat-y;
    width: 240px; border: 0px solid green;
    height: 100%; border: 0px solid yellow;
	}

#bn {border: 2px solid green; height: 100%;}

#c1 #lback1 {border: 0px solid black; height: 131px;
    background: url(../i/b5bck.gif) right bottom repeat-y; vertical-align: bottom;
	}
#c1 #lback1 table {width: 100%; height: 100%; border: 0px solid black; table-layout: fixed;}
#c1 #lback1 table td {width: 15px;}
#c1 #lback1 #uline {width: 218px; border-bottom: 1px solid #386A9A;}


#c1 #info0 {width: 200px; height: 100%; border: 0px solid yellow;
	padding: 0 0 0 20px; border: 0px solid black;}
#c1 #info0 ul {border: 0px solid black; padding: 0; margin: 10px 0 10px 25px;}
#c1 #b55 {width: 15px; height: 130px; border: 0px solid black; border-right: 1px solid #386A9A;
	background: url(../i/e2.gif) 0 0 no-repeat;}
#c1	#b56 {width: 200px; height: 1px; border: 1px solid black; line-height: 0px;}
#b6 {width: 225px; height: 1px; margin-left: 15px; border-top: 1px solid #62829B; line-height: 0px;}


#menu1 {width: 100%; height: 200px; margin-top: 1px; border-left: 1px solid #386A9A; margin-left: 8px;}
#menu1 img {border: 0;}
#menu1 td {text-align: center;}

.hdr2 {height: 25px; border: 0px solid black;
    background: url(../i/rtitle.gif) 0 0 repeat-x;
    padding: 3px 0 0 20px;
    color: #FFFFFF; font-weight: bold; font-size: 1.3em; border: 0px solid black;
	}

h3 {height: 25px; border: 0px solid black;
    background: url(../i/rtitle.gif) 0 0 repeat-x;
    padding: 3px 0 0 20px;
    color: #FFFFFF; font-weight: bold; font-size: 1.3em; border: 0px solid black;
	margin: 0;
	}

.h1 {height: 25px; border: 0px solid black;
    background: url(../i/rtitle.gif) 0 0 repeat-x;
    padding: 3px 0 0 20px;
    color: #FFFFFF; font-weight: bold; font-size: 1.3em; border: 0px solid black;
	margin: 0;
	}


.info1 {padding: 20px 10px 10px 15px;}

/* kinda footer */

#foot3 { background: url(../i/foot1.gif) 0 0 repeat-x; }
#c1 #foot1 {height: 89px; background: url(../i/foot1.gif) 0 0 repeat-x;}
#footimg1 {position:relative; float:right; width: 143px; height: 89px; background: url(../i/footimg1.gif) 0 0 no-repeat;}
#c1 #foot2 {background: url(../i/foot2.gif) 0 0 repeat-x;}
#foottxt { color: #515151;/*41617B;*/ font-size: 0.9em; padding: 12px 0 0 10px;
	}
#footimg2 {width: 16px; height: 89px; background: url(../i/footimg2.gif) 0 0 no-repeat;}
#datio1 {float: left; width: 198px; height: 89px; background: url(../i/datio1.gif) 0 0 no-repeat;
	text-align: left; vertical-align: bottom;}
#datio1 a {
	display: block; margin-top: 47px;
    width: 135px; height: 42px;
    border: 0px solid black;
	}

#hr {width: 100%; height: 4px; border-top: 1px solid #386A9A; margin-bottom: 0px; margin-left: 8px;}
#c13>#hr {margin-bottom: 8px;}
#hra {position: absolute; left: 307px; top: 407px; width: 7px; height: 1px; background-color: #313131;/*386A9A;*/}

/* prodcat */

.mach1 {width: 100%; border-top: 1px solid #658197; border-left: 1px solid #658197; margin: 0 0 10px 0; border: 1px solid #658197; }
#c13 .info1 .mach1 td {border-right: 1px solid #658197; border-bottom: 1px solid #658197;
	padding: 5px;
	}
#c13 .info1 .mach1 td.c0 {text-align: right;}
#c13 .info1 .mach1 td.c1 {width: 100px;}
#c13 .info1 .mach1 td.m {background-color: #f0f0f0;/*F0F5F8;*/}
#c13 .info1 .mach1 td.h2 {text-align: center; font-weight: bold;}
#c13 .info1 .mach1 td.h2 a {text-decoration: none;}


.contimg {float: left; margin: 10px;}

/* mail */

.hdr3 {font-weight: bold; margin: 15px 0 5px 40px;}

.vc {vertical-align: middle; text-align: center;}

.clhead {font-weight: bold; display: block; text-decoration: none;}
.clhead:hover {text-decoration: none;}

.price {font-weight: bold;}
.pricen {float: left; margin-left: 40px; font-weight: normal;}
.pricec {float: left; margin-left: 40px; font-weight: normal;}

.botpr{margin-left:8px; background:#616161;/*62829B*/}
.botpr td{background:white;position:relative;padding:10px;}
a.anch{margin-left: 17px;text-decoration: underline;}
a.anch:hover{margin-left: 17px;text-decoration: none;}

.td_text { text-align: left; }
div.left { float:left; }
div.space{margin-bottom:4px; }