/*---[ plussurgical ltd. ]--------------------------------------------------------*/

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    background-color:#EAEAEA;
    margin: 0 auto;
}


h1, h2, h3, h4, h5, h6 {
    color: Black;
    clear: left;
    font: 100% bold Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding-top: 0.5em;
}

h1 {
    font-size: 160%;
}

h2 {
    font-size: 140%;
}

h3 {
    height: 20px;
    font-size: 120%;
    padding: 2px 0px 0px 5px;
}

h4 {
    font-size: 100%;
    font-weight: bold;
}

h5 {
    font-size: 90%;
}

h6 {
    font-size: 80%;
}

img {
 border: 0;
}



.siteContainer {
   	background-color: #FFFFFF; 
	text-align: left;
}


/*---[ flash content ]--------------------------------------------------------------*/
#flash  {
 width: 916px;
 height: 252px;
 vertical-align: top;
}


/*---[ leftbox ]-------------------------------------------------------------*/
#leftbox {
    height: auto;
    width: 216px;
    background-color:#54504E;
    vertical-align: top;
}

/*---[ sub navbar not activ yet!!! ]-------------------------------------------------------------*/
#leftbox ul {
    background-color: transparent;
	  margin-top: 30px;
	  margin-left:20px;
}

#leftbox ul, li {
    list-style: none;
    display: block;
    padding: 3px;
}

#leftbox ul, a, ul, span {
    padding: 0;
	font-size: 12px;
	font-weight: normal; 
    text-decoration: none; 
    color: #ffffff;
}

* html #leftbox ul  a, * html ul #leftbox span {
    width: 1em;    /* nur fuer IE 5.0x erforderlich */
    w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}

#leftbox ul  a:hover, ul #leftbox span {
    color: #ffffff;
	text-decoration: underline;
}
  
#leftbox ul a.active {
    color: #ffffff;
	text-decoration: underline;
}

/*---[ main navbar and language  ]-------------------------------------------------------------*/


#navbar {
 width: 916px;
 height: 30px;
vertical-align: top;
}


#navbar ul {
    margin-left: 45px; 
	padding-left: 0px;
	padding-top: 0px;
	margin-top: 0px;
    
}

#navbar  li {
    list-style: none;
    display:inline;
    margin-right: 0;
    padding: 1.5em;
}


#navbar  ul a, span {
    padding: 0;
	font-size: 13px;
    text-decoration: none; 
	color: #83C847;
}

* html #navbar  ul a, * html ul.Navigation span {
    width: 1em;    /* nur fuer IE 5.0x erforderlich */
    w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}

#navbar ul a:hover, ul.Navigation span {
    color: #83C847; 
	text-decoration: underline;
}
  
#navbar a.active {
	color: #83C847;
	text-decoration: underline;
} 
 
.lang {
    font-size:11px;
    width: auto;
    height: 30px;;
    margin-right: 140px;
    margin-top: -33px;
    text-align: right;
    vertical-align: top;
}

.lang a {
    color:#54504E;
    font-size:11px;
    text-align: right;
    text-decoration: none;
}

.lang a:hover {
    text-decoration: underline;
    color:#54504E;
}

.style1 {
	color: #54504E;
	font-size: 11px;
}



/*---[ content box middle ]----------------------------------------------------------*/

#middleBox {
	background-color:#EAEAEA; 
    width: 480px;
	height: auto;
	vertical-align: top;
}


#middleBox .content {
    width: 420px;
    padding-left: 40px;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 30px;
}



#middleBox .title {
	font-size: 14px;
	font-weight: bold;
	color: #54504E;
	background-color: transparent;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:5px;
	}
	
#middleBox .text {
    font-size: 12px;
    color: #54504E;
    padding-left:30px;
    padding-right: 10px;
    padding-bottom: 0px;
}

#middleBox a  {
    text-decoration: none;
    color: #83C847;
}



/*---[ right box ]-------------------------------------------------------------*/
#rightbox {
	
	width: 216px;
	height: auto;
	background-color: #54504E;
	color: #FFFFFF;
	margin:0px;
	vertical-align: top;
}

 .address {
 
	width: auto;
	height: auto;
	color: #FFFFFF;
	font-size: 12px;
	margin-top: 40px;
	margin-left: 20px;


}

 .address  a {
color:#7DAE35;
text-decoration: none;
}

 .address  a:hover {
text-decoration: underline;
}

/*---[ footer ]--------------------------------------------------------------*/

#footer {
 width: 916px;

 height: 14px;
 margin-top: 0px;
 background-image: url(http://www.plussurgical.com/@@/img/footer.jpg);
 background-repeat: no-repeat;

}

#footer .text {
 font-size:11px;
 margin-left: 663px;
}
#footer .text a {
color:#54504E;
font-size:10px;
text-decoration: none;
}

#footer . text a:hover {
text-decoration: none;
color:#54504E;
}

.style1 {
	color: #54504E;
	font-size: 10px;
}

/*---[ webform]--------------------------------------------------------------*/
form.edit-form {
    margin: 0px;
    padding: 0px;
}

div.viewspace {
    margin: 0px;
    padding: 0px;
}

div.status {
    padding-bottom: 10px;
}

div.summary {
    margin: 0px;
    padding: 0px;
}

ul.errors {
    padding: 0px;
    color: red;
    margin-left: 20px;
}

div.error {
    margin: 0px;
    padding: 0px;
}

div.row {
    padding-bottom: 10px;
}

div.label {
    margin: 0px;
    padding: 0px;
}

div.label span {
    color: black;
}

div.required-info span {
    color: black;
}

div.required-info span.required, div.label span.required {
    color: red;
}

div.widget {
    margin: 0px;
    padding: 0px;
}

input, textarea, select {
    margin: 0px;
    padding: 0px;
    border: 1px solid gray;
}

input.checkbox-widget {
    border: none;
}

input.file-widget {
    width: 300px;
}

input.password-widget {
    width: 300px;
}

input.radio-widget {
    border: none;
}

select.select-widget {
    width: 300px;
    border: 1px solid gray;
}

input.text-widget {
    width: 300px;
}

textarea.textarea-widget {
    width: 300px;
    height: 100px;
}

div.buttons {
    padding: 10px 0px 10px 0px;
}