/* CSS Document */
html, body{background:url(../images/bodyBg.jpg) repeat-x #414141; text-align:center; margin:0 auto;  height:100%; font:11px Tahoma, Geneva, sans-serif;}
#holder{width:900px; display:block; background:url(../images/cBg.jpg) repeat-y; margin:0 auto; height:auto;}

.cmargin{height:45px; width:900px; display:block; margin:0 auto;}
.cmargin p{ font:10px Tahoma, Geneva, sans-serif; color:#E3E3E3; margin:8px auto; }
.cmargin a{ color:#C4C4C4;}

#header{ position:relative; width:900px;  display:block; height:237px; background:url(../images/header.jpg); }
#header .contact{height:100px; width:200px; display:block; position:absolute; right:20px; bottom:0px; height:auto;}
 .contact .data{width:140px; text-align:right; color:#414141; float:left; display:block;}
  .contact .specs{width:50px; text-align:left; color:#cac2b7; float:left; display:block; margin-left:8px; margin-bottom:15px;}
  
  
#mainNavigation{ display:block; clear:both; width:900px; background:url(../images/naviBg.jpg) repeat-x; height:70px;}
#mainNavigation ul{width:800px; height:70px; margin-left:50px; text-align:left; display:block;}
#mainNavigation li{  float:left; margin:0 10px; height:70px; display:block;}
#mainNavigation .divider{ float:left; margin:0 10px; width:2px; height:70px; background:url(../images/naviDiv.jpg) no-repeat; display:block;}
#mainNavigation li a{ margin-top:25px; font-size:18px; color:#FFF; display:block; height:43px; text-decoration:none; float:left; background:url(../images/linkbulletwhite.jpg) no-repeat bottom center; }
#mainNavigation li a:hover{ color:#000;}

#mainNavigation li.active a{background:url(../images/linkbulletdark.jpg) no-repeat bottom center; }


#container{display:block; height:auto; width:840px; padding:15px 7px 15px 53px; text-align:left; overflow:hidden;}

#maincontent{display:block; float:left; width:500px; clear:left; padding-bottom:15px; color:#EEEEEE;}
#container .full{display:block; float:left; width:500px; clear:left;}
#container .split2{display:block; float:left; width:235px;}
#container h1{font:18px Tahoma, Geneva, sans-serif; color:#ffffff; width:350px; float:left; display:block;}
#container h2{font:bold 13px/24px Tahoma, Geneva, sans-serif; color:#ffffff; margin-top:15px; clear:left;}
#container h2 span{font:normal 11px/24px Tahoma, Geneva, sans-serif; color:#ffffff; }
#container p{font:11px Tahoma, Geneva, sans-serif; color:#EEEEEE; margin:8px 0;}
#container a{color:#f7901e; text-decoration:none; font-style:italic;}
#container a:hover{text-decoration:underline;}

#leftcontent{display:block; float:left; width:300px; background:#ffffff; height:100%; margin-left:15px; padding:5px;}
#leftcontent h3{font:bold 11px Tahoma, Geneva, sans-serif; color:#000000;}
#leftcontent h2{font:bold 14px Tahoma, Geneva, sans-serif; color:#000000; margin-top:5px;}
#leftcontent span{font:normal 9px Tahoma, Geneva, sans-serif; color:#CCC;}
#leftcontent p{font:10px Tahoma, Geneva, sans-serif; color:#666; margin:8px 0; clear:left;}

 .lomake{display:block; width:290px;}
 .lomake p{font:10px Tahoma, Geneva, sans-serif; color:#666; margin:8px 0; clear:none;}
 .lomake fieldset{display:block; width:290px; margin:8px 0;}
 .lomake input{display:block; width:170px; float:left;}
 .lomake label{display:block; width:100px; color:#ffffff; float:left; clear:left; margin-right:10px; text-align:right; font-weight:bold; font-size:10px;}
.lomake input[type="checkbox"]{display:block; width:auto; float:left; margin:0 8px;}
.lomake input[type="radio"]{display:block; width:auto; float:left; margin:0 8px;}
 .lomake input[type="submit"]{display:block; width:auto; float:right; margin:0 8px; padding:2px 5px;}

#footer{display:block; height:68px; width:900px; background:url(../images/footer.jpg) no-repeat;margin:0 auto; text-align:center; padding-top:12px;}
#footer a{margin:0 0 0 10px;}
.clearer{clear:both;}
#login{margin-top:10px; width:250px;}
#login input{width:100px; font:9px Verdana, Geneva, sans-serif; height:14px; float:left;}
#login label{ margin:3px 5px; width:80px; text-align:right; float:left;}
#login .submit{ margin:0 10px 0 90px;  height:auto; float:left; clear:both; }
fieldset {border:none; height:auto; padding:2px;}
.user{padding:10px 5px;}
form{ padding:5px;}
.case{display:block; height:auto; line-height:22px; overflow:hidden; float:left; clear:left; width:300px;}
.case h2 span{margin-left:15px; font-size:10px; font-weight:normal; color:#CCC;}
#casetoutput a{ height:25px; display:block;}

#container h2.trigger{ text-decoration:none; color:#ccc;  height:auto; width:auto; border:none; cursor:pointer; margin:0 0 0 8px; padding:6px 0 0 15px; display:block; font:10px/24px Tahoma, Geneva, sans-serif; clear:both; background:url(../images/icons/sivullle.jpg) no-repeat bottom left;}
#container h2.products{ text-decoration:none; color:#EBEBEB;  height:auto; width:auto; border:none; cursor:pointer; margin:0 0 0 8px; padding:6px 0 0 15px; display:block; font:bold 12px/24px Tahoma, Geneva, sans-serif; clear:both; background:url(../images/icons/sivullle.jpg) no-repeat bottom left;}
#container h2.trigger.active{background:url(../images/icons/alas.jpg) no-repeat bottom left;}
#container h2.trigger.active span{color:#ffffff; }
#container h2.trigger span{padding-right:15px; color:#E6E6E6; font:bold 12px/24px Tahoma, Geneva, sans-serif; text-decoration:none; }
.toggle_container{margin-left:20px;
width:400px; border-bottom:1px dashed #999; float:left; clear:both; overflow:hidden; height:auto; }
.toggle_container div{padding:5px 20px; float:left; clear:both; overflow:hidden; height:auto; }

.reselllist li{ list-style-image:url(../images/icons/arrowwhite.png); list-style-position:inside;
padding:2px 0; cursor:pointer; width:220px;}
.reselllist li:hover{ list-style-image:url(../images/icons/arroworange.png); background-color:#FFFFFF; color:#666666;}

#resellcontainer{clear:left; display:block; float:left; overflow:hidden; width:480px;}
#resellcontainer .toggle_container{margin-left:0;
width:220px; float:left; clear:both; overflow:hidden; height:auto; border:none; }
#resellcontainer h4{ text-decoration:none; color:#999;  font:12px/18px Tahoma, Geneva, sans-serif; clear:both;}
#resellcontainer h2.trigger{ text-decoration:none; color:#999;  height:auto; width:auto; border:none; cursor:pointer; margin:0 0 0 8px; padding:0 0 0 15px; display:block; font:12px/24px Tahoma, Geneva, sans-serif; clear:both; background:url(../images/icons/arroworange.png) no-repeat center left;}
#resellcontainer h2.trigger.active{background:url(../images/icons/arroworange.png) no-repeat center left;}


#prodimages{float:right; display:block; clear:right; width:240px;}