body
{
margin:0;padding:0;font-family: "Verdana", "Arial", sans-serif;color:black;font-size:85%;text-align:center

}
ul {list-style-type:none}
p,ul,li{padding:0;margin:0}
a {text-decoration:none;}
a:hover{text-decoration:underline}
img{}
h1{padding:0;margin:0;display:block}
div#container
{
padding:0;margin:0;
margin-left: auto;
margin-right: auto;
width: 734px;
text-align: left;
xbackground:#f8f3f4
}

/* For clearing elements */
.clear {clear: both;}

#header{padding-top:20px}
#header .banner{clear:both;background-image:
url('../DE/img/header_engl.jpg');height:168px;position:relative}
#header .banner h1{position:absolute;font-size:160%;bottom:140px;left:80px;color:purple}
.nav{clear:both;color:black}
.nav ul, .nav ul li{list-style-type:none;border:none;padding:none;}
.nav ul li a{color:blue;text-decoration:none;float:left;margin:0 4px;padding:0;font-weight:bold}
.nav ul li a:hover{text-decoration:underline}
.nav ul li a.selected{color:purple}
.nav ul{float:right;padding-right:4px}
.nav ul li{float:left}


#content{clear:both;padding:0;margin:0;}
#content #left{border-right:black 1px;border-left:black 2px;width:250px;float:left;xheight: 290px;overflow: auto;xbackground:red;padding:10px 0 0 0; margin:0px 0 0 0;position:relative;left:1px }
#content #left h2{padding:7px 0;margin:0;}
#content #left ul{padding: 0 0 5px 10px;margin:0;font-weight:bold}
#content #left ul li{line-height:1.2em;}
#content #left ul ul li{line-height:1.2em;font-weight:normal;font-size:90%;padding:2px 0}
#content #left ul ul li a.selected{text-decoration:underline;font-weight:bold}

#content #right{border-left:black 0px;border-right:black 0px;float:left;xheight: 230px;width:440px;overflow: auto;padding:0 0 20px 20px;margin:0px 0;xbackground:pink}
/* for "research.html","resource.html", removing padding to fit table taken from old site */
#content #right.research,#content #right.resource{padding:0;width:510px;}
#content #right h2{padding:0;margin:0;font-size:130%;color:black;}
#content #right h2.border{border-bottom:solid #FF8000 1px;}
#content #right h3,#content #right h4{text-align:center}
#content #right.contact h3{text-align:left}
#content #right img.pelvicdiagram{margin-left:120px}
#content #right .info{border:solid white 1px;float:left;width:280px;height:220px;padding:5px;overflow:auto;float:left;color:black;}
#content #right .info.stats {overflow:auto;border:solid #e1eef8 1px}
#content #right .info h2{text-align:center;}
#content #right .info span{font-weight:bold}

#content #right .info .caption{font:90% Arial;text-align:center;}

#content #right .reco{color:black;padding:20px 0 0 0}
#content #right .reco ul li{clear:both}
#content #right .reco .l{width:250px;float:left;clear:both}

#content #right h2.productdetails{padding-top: 0;clear:both}
#content #right p {padding: 5px 20px 5px 0;text-indent: 40px }
#content #right p.newsitem{text-indent: 0}
#content #right.resource p{padding:10px}
#content #right p a{font-weight:bold}

#content #right #col{float:right;width:140px;padding: 0 0 10px 0;border-left:solid #d8ebb3 1px; }
#content #right #col h2 {font-size:800%;color:black;text-align:center}
#content #right #col .item {text-align:center;overflow:hidden;padding:10px 0 0 0}
#content #right #col .item div{padding:5px;font-size:80%}
#content #right #col .item div a{margin-right:4px}
#content #right #col .item img {border:0}
#content #right .checkout{overflow:auto;padding-top:20px}
#content #right .checkout form{float:left;position:relative;left:-9px}


a.buynow {clear:both;text-align:center;font-size:120%;width:95%;float:left;;font-weight:bold;background:#efefef}
#footer{padding:0 0 30px 0;clear:both;}

#content #right {font-family:Arial ;overflow:auto}
#content #right form{padding:10px;font-family:Palatino Linotype;}
#content #right form input{float:left;}
#content #right form textarea{margin:0;clear:both;float:left;width:500px;height:70px}
#content #right form div{float:left;margin:20px 0 0 0}

#content #right form input.textinput{clear:both;margin:0 0 20px  0;}