/* www.digitalnature.ro | developed for installation.net */

/* global properties*/
*{
 margin:0;
 padding:0;
}

body{
 background:#FFFFFF url(bg000000.gif) repeat-x left top;
 font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#333333;
}

a,a:visited{
 color:#333333;
 text-decoration:underline;
}

a:hover{
 color:#DC000A;
 text-decoration:none;
}

h1{
 font-family: "Trebuchet MS";
 font-size:22px;
 color:#000000;
}

h1 span{
 color:DC000A;
}

h2{
 font-family:Geneva, Arial, Helvetica, sans-serif;
 font-size:14px;
 color:#DC000A;
 margin:10px 0 4px 0;
}

h3.desc, h3.desc a{
 display:block;
 width:325px;
 font-family:Geneva, Arial, Helvetica, sans-serif;
 font-size:14px;
 color:#DC000A;
 margin:10px 0 4px 0;
 padding-left:15px;
 border-bottom:4px solid #E0E0E0;
 text-align:left;
 float:left;
}

h3.price a, h3.price a:visited{
 display:block;
 width:111px;
 font-family:Geneva, Arial, Helvetica, sans-serif;
 font-size:14px;
 color: #339900;
 margin:10px 0 4px 0; 
 border-bottom:4px solid #E0E0E0;
 text-align:center;
 text-decoration:none; 
 float:left;
}

h3.price a:hover{
 color: #339900;
 border-bottom:4px solid #DC000A;
 text-decoration:none;
}

.p-list{
 padding:4px 0;
 background:transparent url(box-bg00.jpg) no-repeat left top;;
 width:452px;
 height:76px;
 margin:10px 0;
}

/* horizontal line */
hr{
 padding:0;
 margin:6px 0;
 color: #F6F5F5;
 background: #F6F5F5;
 border:none;
 border-top:1px solid #DBDADA;
 height:5px;
}

.wrapper{
 width:780px;
 margin:0 auto;
}

/* top image (absolute) */
#photo{
 position:absolute;
 top:0;
 margin:77px 0 0 450px;
 background:transparent url(top10000.gif) no-repeat left top;
 width:316px;
 height:240px;
 /* behavior: url(scripts/iepngfix.htc); */
 /* IE 5+ PNG FIX (fixes IE PNG24 transparency bug... stupid Microsoft) */
}

/*** HEADER ***/

#header{

}

#header #top{
 height:45px;
 background:transparent url(top-bg00.gif) repeat-x left top; 
}

#header #top p#left{
 display:block;
 float:left;
 width:14px;
 height:45px;
 background:transparent url(top-left.gif) no-repeat left top;
}

#header #top p#right{
 display:block;
 float:right;
 width:14px;
 height:45px;
 background:transparent url(top-righ.gif) no-repeat right top;
 text-align:right;
}

#header ul#nav{
 float:left;
 display:inline; /* fixes IE double-float mergin bug... */
 height:45px;
 text-align:center;
 white-space:nowrap;
 list-style-type:none;
 margin-left:80px;
}

#header ul#nav li{
 display:inline;
 float:left;
}

#header ul#nav li a{
 display:block;
 background:transparent url(nav00000.gif) no-repeat left top; 
 width:117px;
 height:18px;
 padding-top:8px;
 margin-top:18px;
 text-align:center;
 text-decoration:none;
 font-weight:bold;
 color:#302F2F;
}

#header ul#nav li a:hover{
 background:transparent url(nav-over.gif) no-repeat left top; 
 color:#DC000A;
 text-decoration:none;
}

#header ul#nav li a.active{
 background:transparent url(nav-acti.gif) no-repeat left top; 
 color:#7A7979;
 text-decoration:underline; 
}

#header ul#nav li a.active:hover{
 background:transparent url(nav-acti.gif) no-repeat left top; 
 color:#302F2F;
}


#header #main{
 height:184px;
 background:transparent url(header-b.gif) repeat-x left top; 
}

#header #main a#logo{
 display:block;
 width:434px;
 height:184px;
 background:transparent url(header00.jpg) no-repeat left top; 
 color:#FFFFFF;
 text-decoration:none;
 font-weight:bold;
}

#header #main a#logo span{
 display:none;
}

#content{
 background:#FFFFFF url(div-v000.gif) repeat-y right top;
 border-top:4px solid #E5E5E5;
 min-height:300px;
 height:auto !important;  /* Fixes IE min-height bug... damn I hate Microsoft :) */
 height:300px; 
}

#content #left{
 float:left;
 width:300px;
 min-height:200px;
 height:auto !important;
 height:200px;  
 background:#EFF3EF url(left-sub.gif) no-repeat left bottom;
 padding-bottom:50px;
}

#content #left #nav ul, #content #left #nav ul li{
 list-style-type:none;
}

#content #left #nav ul li a{
 display:block;
 height:24px;
 background:#E5E5E5 url(b4000000.gif) no-repeat 10px 11px;
 border-bottom:1px solid #FFFFFF;
 color:#383A3B;
 font-weight:bold;
 text-decoration:none;
 padding:8px 0 0 24px ;
}

#content #left #nav ul li a:hover{
 background:#DC000A url(b4-activ.gif) no-repeat 10px 11px;
 color:#FFFFFF;
}

#content #left #sub{
 padding:10px 15px;
}

#content #right{
 float:left;
 width:450px;
 padding:28px 14px;
}

#content #right p{
 line-height:16px;
}

/*** FOOTER ***/

#footer{
 background:transparent url(footer-l.gif) no-repeat right top;
 text-align:right;
 padding-bottom:10px;
}

#footer #links{
 float:left;
 margin-left:316px;
 display:inline; /* IE fix */
}

#footer #links a{
 display:block;
 float:left;
 background:transparent url(b1000000.gif) no-repeat left 4px;
 padding:0 7px;
 margin:6px 10px 0 0;
 text-decoration:none;
 font-size:9px;
 color:#383435;
}

#footer #links a:hover{
 text-decoration:underline;
 color:#DC000A;
}

#footer a#dn{
 display:block;
 width:124px;
 height:7px;
 margin-top:6px;
 float:right;
 background:transparent url(dn000000.gif) no-repeat left top;
}

#footer a#dn span{
 display:none;
}


/* LISTS */

#content #left #sub ul, #content #right ul{
 list-style:none;
 margin-top:3px;
}
#content #left #sub ul li, #content #right ul li{
 background:url(b2000000.gif) no-repeat 0 4px; 
 padding:0 0 0 16px;
 text-align:left;
 line-height:150%;
 margin:4px 0;
}

#content #left #sub ul.pright{
 width:190px;
}

/* MISC */

.pleft{
 float:left;
}

#content #left #sub img.pleft{
 padding-top:4px;
}

.pright{
 float:right;
}

.hdiv{
 background:transparent url(div-h000.gif) repeat-x left top;
 margin:8px 0;
}

.line{
 background:transparent url(left-ln0.gif) repeat-x left top;
 margin:8px 0;
}

/* standard sIFR styles... do not modify */
.sIFR-flash {
 visibility: visible !important;
 margin: 0;
}

.sIFR-replaced {
 visibility: visible !important;
}

span.sIFR-alternate {
 position: absolute;
 left: 0;
 top: 0;
 width: 0;
 height: 0;
 display: block;
 overflow: hidden;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 {
 visibility: hidden;
 font-size:24px;
}

/*** FORMS ***/

span.zpStatusImg {
 padding: 0px 12px;
 height: 18px;
 background-repeat: no-repeat;
 background-position: center;
 opacity: 0.66;
 filter: alpha(opacity=66);
 margin-left:5px;
 display: inline-block;
 float: none;
 padding-top: 5px;
}
.zpIsEditing span.zpStatusImg {
 opacity: 1.0;
 filter: alpha(opacity=100);
}

.zpIsRequired span.zpStatusImg {
 background-image: url(required.gif);
 vertical-align: top;
}

.zpIsEditing .zpNotEmpty span.zpStatusImg {
 background-image: url(editing0.gif);
}

.zpNotEditing .zpNotEmpty .zpNotValid span.zpStatusImg {
 background-image: url(required.gif);
}

.zpIsValid span.zpStatusImg {
 background-image: url(validate.gif);
}

/*
 * Controls the look and feel of the form
 */

.errOutput{
 background-color:#DC000A;
 padding:10px;
 margin-bottom:20px;
 font-weight:bold;
 color:white;
 display:none;
}

.fieldError{
 font-weight:bold;
}

input{
 background:#FFFFFF;
 border: solid 1px #7F9DB9;
 margin-bottom: 5px;
 font-family: "Courier New", Courier, monospace;
 font-size: 12px;
 height: 19px;
}

textarea {
 background:#FFFFFF;
 border: solid 1px #7F9DB9;
 margin-bottom: 5px;
 font-family: "Courier New", Courier, monospace;
 font-size: 12px;
}

.zpFormLabel {
 padding-right: .2em;
 width: 7em;
 margin-top: 5px;
 float: left;
}

.zpConsole {
 background-color: #dddddd;
 width:80%;
 border: 1px solid black;
 padding:.3em;
}

.zpFormContent{
 background:url("xpform00.jpg") repeat-x bottom #FCFCFE;
 padding:0px 10px 10px 10px;
}

.button{
 background:url("button_x.gif");
 height:21px;
 width:73px;
 border:none;
 font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 margin-left:10px;
}

a.button, a.button:visited, a.button:hover{
 display:block;
 float:right;
 text-align:center;
 text-decoration:none;
 margin:0 10px 0 0;
}

.zpFormButtons{
 text-align: right;
 margin: 10px;
}


fieldset{
 margin: 10px 0px;
 padding: 10px;
 border: solid 1px #D0D0BF;
}

* html fieldset{
 padding-top: 10px;
}

legend{
 color: #0046DC;
 font-weight:bold;
 padding: 3px 5px;
}

* html legend{
 margin-bottom: 10px;
}

.zpFormError{
 color:#DC000A;
 padding-left:10px;
 font-size:9px;
 vertical-align:top;
 /*display:inline-block;*/
 display:none; /* hide for now... */
}

.multipleButton{
 margin-left: 10px; 
 width: 24px;	
 font-size: 15px;
 vertical-align: top;
 margin-top: 2px;
 text-align: center;
 padding-top: 1px;
}

select{
 background:#FFFFFF;
 border:solid 1px #7F9DB9;
 margin:5px 0;
 font-family:"Courier New", Courier, monospace;
 font-size:12px;
 width:180px;
 height:19px;
}