@charset "UTF-8";
/* CSS Document */

*{
margin:0;
padding:0;
}

body {
background-color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
}

#wrapper {
width:63em;
margin:auto;
background-color: #FFF;
}

#branding{
position:relative;
width:100%;
height:8.4em;
background-color:#fff;
border-bottom: #666666 thin solid;
}

#branding h1{
font-family: "Times New Roman", Times, serif;
font-size:200%;
line-height:2em;
color:#644102;
}


#bar{
width:100%;
height:1em;
background-color:#0000FF;
}

.box{
position:absolute;
}

#menutop{
font-size:90%;
display:block;
height:1.75em;
background-color:#6f8aac;
border-bottom: #666666 thin solid;

}

/*remove bullets from ul in navbar */
#menutop ul{
list-style-type:none;

}

#menutop li{
float:left;

}

#menutop a,
#menutop a:link,
#menutop a:visited{
text-decoration:none;
color:#000000;
letter-spacing:.1em;
display:block;
background-color: #b36705;
width:9em;
border-right:black thin solid; 
text-align:center;
line-height:1.75em;
outline-style:none;
}


#menutop a:hover,
#menutop a:active{
background-color:#da9c2d;
color:#000;
}

#menutop .blank{
background-color: #6f8aac;
width:13em;
border-right:black thin solid; 
text-align:center;
line-height:1.7em;
}

/* Style for sidebar column */
#sidebar{
float: left;
font-size:90%;
background-color:#b36705;
display: inline;/* fix for IE and AOL browsers */
color:#000000;
 margin: 0em;
 height: 30em;
 width:13em;
clear: both;
          
}

#sidebarmed{
float: left;
font-size:90%;
background-color:#b36705;
display: inline;/* fix for IE and AOL browsers */
color:#000000;
margin: 0em;
height: 62em;
clear: both;

          
}

#sidebarlong{
 float: left;
background-color:#b36705;
display: inline;/* fix for IE and AOL browsers */
color:#000000;
margin: 0em;
height: 82em;
clear: both;
          
}


#sidemenu {
float: left;
background-color:#b36705;
display: inline;/* fix for IE and AOL browsers */
color:#000000;
margin: 0em;
height: 30em;
width:13em;
clear: both;
}

#sidemenu a,
#sidemenu a:link,
#sidemenu a:visited{
text-decoration:none;
letter-spacing:.1em;
font-weight:bold;
display:block;
background-color:#b36705;
line-height:2.2em;
outline-style:none;
padding-left:0.5em;
font-size:110%;
color: #fff;
border-bottom: #333333 thin solid;
}


#sidemenu a:hover,
#sidemenu a:active {
text-decoration: none;

background-color: #da9c2d;
background-color: #d2af70; /*lighter brown */
letter-spacing:.1em;
display:block;

outline-style:none;
color:#000000;
}



#sidemenu .current a:link,
#sidemenu .current a:visited{
text-decoration:none;
background-color: #fff;

outline-style:none;
color:#000;
}



#sublink{
background-color: #999999;
}

#sublink p a:link,
#sublink p a:visited{
display:block;
background-color:#f0f0f0;
color:#666666;
padding-left:2em;
border-bottom:#CCCCCC thin solid;
}

/*
#sublink  a:link, 
#sublink  a:visited {
color:#030036;
color:#FFFFFF;
background-color:#FFFFFF;
line-height:1.8em;
text-decoration:none;
}
*/

#sublink p a:hover, 
#sublink p a:active{
text-decoration:none;
background-color:#fbfbfb;
color:#030036;
}

#siedbarfade {
background-image:url(images/fadebrown.jpg);
background-repeat:repeat-x;
height:40em;
}


#columnrightmed {
float:right;
font-size:90%;
width:12em;
height:62em;
background-color: #f0f0f0;
padding-left:0.5em;
padding-right:0.5em;
}

#columnrightmed a,
#columnrightmed a:link,
#columnrightmed a:visited{
text-decoration:none;
letter-spacing:.1em;
display:block;
background-color: #f0f0f0;
line-height:1.8em;
outline-style:none;
padding-left:0.5em;
color: #333;
}


#columnrightmed a:hover,
#columnrightmed a:active {
text-decoration: none;
color: #333;
background-color: #fff;
letter-spacing:.1em;
display:block;
line-height:1.8em;
outline-style:none;
}


#mainmed{
background-color: #fff;
margin-left: 13em;
padding-right:0.5em;
color:#333333;
height:54em;
}


#mainmed h2{
color: #CCCCCC; 
font-family:"Times New Roman", Times, serif;
}

#mainmed h3{
color: #999999;
font-family:"Times New Roman", Times, serif;
}

#leftboxmed {
float:left;
width:24em;
background-color:#FFf;
height:40em;
}

#rightboxmed {
width:24em;
height:40em;
float:right;
background-color:#FFF;
}

#mainmed .product{
height:12em;
background-color:#fff;
border-bottom:black thin solid;
}

#mainmed .productimage{
float:left;
width:11em;
background-color:#FFF;
height:10em;
}
#mainmed .productname {
background-color: #fff;
width:28em;
height:10em;
margin-left:11em;
}
#mainmed .productpricebuy{
float:right;
text-align:center;
font-size:130%;
background-color:#FFF;
width:8em;
height:8em;
}

#textbox{
font-size:16px;
width:96%;
margin:auto;

}

#textbox .imagebox{
width:150px;
height:150px;
float:left;
margin-right:.5em;
margin-bottom:.5em;
margin-top:.5em;
}

#footer {
width:100%;
height:7em;
font-size:11px;
color: #333333;
background-color: #92AEC0;
line-height:2.2em;
text-align:center;
}

#footer a,
#footer a:link,
#footer a:visited{
text-decoration:none;
color: #666666;
}

#footer a:hover,
#footer a:active{
text-decoration:underline;
color:#000;
}