/* standard elements */
html {min-height: 100%;}
* {	margin: 0;	padding: 0;}
a {color: #FF0000;}
a:hover {color: #FF9F9F;}
img {border: 0;}

body { /*color: #009899; */font: normal 62.5% "Comic Sans MS",Tahoma,sans-serif;}
p,code,ul {padding-bottom: 1.2em;}
h1 {	font: normal 1.8em Tahoma,sans-serif;	margin-bottom: 4px;}
h1,h2 {	padding-top: 6px;color: #009899;}
h3 {color: #009899;}
/* misc */
.clearer {clear: both;}
.left {float: left;}
.right {float: right;}

/* structure */
.container {background-color: #FFF;font-size: 1.2em;margin: 0 auto;padding: 0 10px 10px;width: 780px;}

/* header */
.top {padding: 10px 10px 0;}

/* title */
.header {background-color: #fff;font-size: 1.2em;height: 155px;margin: 0 auto;padding: 10px 10px 5px;width: 780px;text-align: center;}
.header .left, .header .right {color: #FFF;height: 155px;}
.header .right {font: normal 2.8em "Trebuchet MS",sans-serif;line-height: 105px;width: 155px;float: right;text-align: left;overflow: auto;}
.header .left {overflow: auto;width: 212px;}
.header .left p,.header .left h2 {padding: 0 16px;}
.header .left h2 {padding-top: 16px; font: normal 1.6em "Trebuchet MS",sans-serif;}

/* navigation */
.navigation {background: transparent url(img/orangebar.gif);height: 40px;}
.navigation a {background: transparent url(img/nav.jpg) left top repeat-x;border-left: 1px solid #D8EBD8;color: #004d4d;display: block;float: right;font: bold 1.1em sans-serif;line-height: 40px;padding: 0 18px;text-decoration: none;}
.navigation a:hover {background: transparent url(img/nav.jpg) left bottom;color: #004d4d;}

/* main */
.main {border-top: 4px solid #FFF;}

/* sub navigation */
.sidenav {float: left;width: 200px;}
.sidenav h2 {color: #004d4d;font-size: 1em;line-height: 50px;margin: 0;	text-align: center;background: transparent url(img/menu_bg.gif);}
.sidenav ul {padding: 0;}
.sidenav li {list-style: none;}
.sidenav li a {color: #004d4d;display: block;text-align: center;line-height: 50px; #line-height: 60px; /*Non-IE6*/; height:auto !important; height:40px /*IE6*/; padding-top:10px !important; #padding-top: 0px !important; padding-top: 20px; text-decoration: none;background: transparent url(img/menu_bg.gif);}
.sidenav li a:hover {background: transparent url(img/menu_hover_bg.gif);color: #004d4d;}

/* content */
.content {float: right;margin: 10px 0;padding: 0 16px 0 16px;width: 541px;}
/*.content .descr {color: #004d4d;font-size: 0.9em;margin-bottom: 6px;}*/
.content li {margin-left: 18px;}
.content ul.subterms li {list-style:none;}
.content .imgright {padding: 5px;margin-left: 4px;float: right;}
.content .imgleft {padding: 5px;margin-right: 4px;float: left;}
.content .productimage {float: left;}
.content .productdetail {float: left; width: 380px;} 
.content p {color: #000;}
.content p.usermessage {color:red;}
.content pre.producttext {color: #000000; text-align:justify; margin:5px 0 0 0; max-width:380px; width:380px; overflow:hidden;}
pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Comic Sans MS",Tahoma,sans-serif;
}
.content p.indent {margin:0; text-align:justify;}
.content label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px;}

/* contact form */
.contactform {width:520px; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.contactform br {line-height:10px;}
.contactform fieldset {padding:5px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactform label.productleft {float:left; width:300px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactform select.combo {/*width:375px;*/ padding:2px; border:solid 1px rgb(200,200,200); font-size:110%;font-family: "Comic Sans MS",Tahoma,sans-serif;}
.contactform input.field {width:380px; padding:2px; border:solid 1px rgb(200,200,200); font-size:110%;font-family: "Comic Sans MS",Tahoma,sans-serif;}
.contactform textarea {width:380px; padding:2px; border:solid 1px rgb(200,200,200); font-size:110%;font-family: "Comic Sans MS",Tahoma,sans-serif;}
.contactform input.button {float:right; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:110%;font-family: "Comic Sans MS",Tahoma,sans-serif;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
.contactform input.file {padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:110%;}
.contactform input.file:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.homePageForm {padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.homePageForm br {line-height:10px;}
.homePageForm textarea {padding:2px; border:solid 1px rgb(200,200,200); font-size:110%;font-family: "Comic Sans MS",Tahoma,sans-serif;}
.homePageForm input.button {margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:110%;font-family: "Comic Sans MS",Tahoma,sans-serif;}
.homePageForm input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

input.button {margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:110%;font-family: "Comic Sans MS",Tahoma,sans-serif;}
input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/* footer */
.footer {background: transparent url(img/yellowbar.gif);color: #000;font: bold 1em sans-serif;line-height: 40px;text-align: center;}
.footer a,.footer a:hover {color: #FFF;}