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

*{
margin:0;
padding:0;
}

body {
background-image:url(images/greybg2.gif);
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:12.8em;
background-color: #FFFFFF;
border-bottom: #336633 medium solid;
}

#branding h1{
font-family: Edwardian Script ITC;
font-size:400%;
line-height:1.5em;

color: #57675a;
}

#branding h2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
line-height:1.8em;
color: #333333;
}

#brandingbox{
float:right;
width:200em;
background-color:#FFFF66;
height:200em;
}

#branding a,
#branding a:link,
#branding a:visited{

color: #666666;
color:#57675a;
letter-spacing:.1em;
outline-style:none;
}


#branding a:hover,
#branding a:active{
color:#000;
text-decoration:none;
}

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

.box{
position:absolute;
}



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

          
}

#sidebarmed{
float: left;
font-size:90%;
background-image:url(images/fade700.jpg);
background-repeat:repeat-x;
display: inline;/* fix for IE and AOL browsers */
color:#000000;
margin: 0em;
height: 58em;
clear: both;

          
}

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


#sidemenu {
float: left;
background-color:#999999;
display: inline;/* fix for IE and AOL browsers */
color:#000000;
margin: 0em;

width:13em;
clear: both;
}

#sidemenu a,
#sidemenu a:link,
#sidemenu a:visited{
text-decoration:none;
letter-spacing:.1em;
display:block;
background-color: #999999;
line-height:2em;
outline-style:none;
padding-left:0.5em;
font-size:110%;
color: #FFFFFF;
border-bottom: #666666 thin solid;
}


#sidemenu a:hover,
#sidemenu a:active {
text-decoration: none;
color: #000000;
background-color: #c3d5c6;
letter-spacing:.1em;
display:block;

outline-style:none;
}



#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;
}



#columnrightmed {
float:right;
font-size:90%;
width:12em;
height:62em;

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;
}

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

#main h1{
 font-family: "Times New Roman", Times, serif;
font-size:250%;
line-height:2em;
color: #57675a;
}

#main h3{
color:#57675a;
}

#main img, #mainmed img, #mainmedplus img, #maintall img,  {

margin-right:0.8em;
border: #666666 thin solid;
}



.leftmargin {
margin-left:0.8em;
}

.rightmargin {
margin-right:0.8em;
}


#mainmed{
background-color: #fff;

color:#333333;
min-height:74em;
}

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

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

#maintall h3{
color:#57675a;
}

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

#mainextall h3{
color:#57675a;
}



#mainpurchase{
background-color: #fff;
margin-left: 13em;
padding-right:0.5em;
color:#333333;
min-height:80em;

}

#mainpurchase h3{
color:#57675a;
}


#mainpurchase .product{
height:10em;
background-color:#fff;
border-top: #999999 thin solid;
padding-top:1.4em;
}

#mainpurchase .productimage, #mainpurchase .productimage{
float:left;
width:15em;
background-color:#FFF;

}
#mainpurchase .productname {
background-color: #fff;
width:23em;

margin-left:15.8em;
}
#mainpurchase .productpricebuy{
float:right;
text-align:center;
background-color:#FFF;
width:10em;

}

#mainpurchase .cart{
float:right;
text-align:center;
background-color:#FFF;
width:10em;
height:6em;
}

#main2pgletter{
background-color: #fff;
margin-left: 13em;
padding-right:0.5em;
color:#333333;
min-height:135em;
}

#main2pgletter h3{
color:#57675a;
}

#leftbox {
float:left;
width:24em;

height:30em;
}

#rightbox {
width:24em;
height:30em;
float:right;

}

#rightbox2 {
width:29em;
height:100%;
float:right;
margin-right:1.3em;
text-align:center;

}

#leftboxmed {
float:left;
width:24em;

height:40em;
}

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

.box {
height:10em;
width:7em;
padding-left:1em;
border-left: #999999 thin solid;
text-align:left;
}

.column-half{
width:44%;
float:left;
margin-left:4%;


}

.column-half img{
border: #666666 thin solid;
}

#footer {
width:100%;
height:6.2em;
font-size:11px;
color: #333333;
background-color: #d6dad7;
line-height:1.5em;
text-align:center;
border-top:thin #336633 solid;
border-bottom:thin #336633 solid;
padding-top:0.5em;
}

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

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