@media print {
   ul#nav, .noprint, div.infobg {
       display:none;
   }
}

@media screen {
   .noprint {
       display:inline;
   }
}

.toptable {
   width: 980px;
}

@media print {
   .toptable {
       width: 800px;
   }
}


body, td, input, select, textarea
{ 
    font-family: Arial;
    font-size: 12px;
    color: #000000;
}

pre {
    font-family: Courier New;
    font-size: 16px;
}

.colored_bg {
   background-color: #FDFDFD;
}

a.menuitem {
   padding-left: 10px;
   background: url(/images/bullet.gif) center left no-repeat;
   line-height: 17px;
   font-weight: normal;
}

a.menuitem_selected {
   padding-left: 10px;
   background: url(/images/bullet.gif) center left no-repeat;
   line-height: 17px;
   font-weight: bold;
}

a.menuitem_opened {
   padding-left: 10px;
   background: url(/images/bullet_down.gif) center left no-repeat;
   line-height: 17px;
   font-weight: bold;
}

a.submenuitem {
   padding-left: 17px;
   line-height: 15px;
   background: url(/images/bullet_small.gif) center left no-repeat;
   font-weight: normal;
}

a.submenuitem_selected {
   padding-left: 17px;
   line-height: 15px;
   background: url(/images/bullet_small.gif) center left no-repeat;
   font-weight: bold;
}

body, div, select, textarea
{
   scrollbar-face-color: #ffffff;
   scrollbar-shadow-color: #dddddd;
   scrollbar-highlight-color: #dddddd;
   scrollbar-3dlight-color: #ffffff;
   scrollbar-darkshadow-color: #ffffff;
   scrollbar-track-color: #ffffff;
   scrollbar-arrow-color: #2e805b;
}

.subline
{
   color: #aaaaaa;
   font-weight: normal;
   text-decoration: none;
}

a
{
   color: #2e805b;
   text-decoration: underline;
}

a.nolink
{
   color: #000000;
   text-decoration: none;
}
.breadcrumbs
{
   color: #555555;
   text-decoration: none;
   font-size: 11px;
}

a.artnamn
{
   color: #444444;
   text-decoration: none;
   font-weight: bold;
}


font.artnamn
{
   font-size: 18px;
}

.menu
{
   color: #444444;
   text-decoration: none;
}

.submenu
{
   color: white;
   text-decoration: none;
}

td.tree
{
   padding: 0px 12px;
   vertical-align: bottom;
}

td.menu
{
   b ackground-image: url('http://www.cosmopharmas.com/images/bg_meny.gif');
   height: 22px;
   padding: 5px 10px 0px;
   border-right: 1px solid #eeeeee;
}

td.submenu
{
   background-image: url('http://www.cosmopharmas.com/images/menu_bottom.gif');
   height: 22px;
   border-left: 1px solid #aaaaaa;
   padding: 4px 15px 0px;
}

a.menu:hover
{
   color: #444444;
   text-decoration: underline;
}

a.submenu:hover
{
   color: white;
   text-decoration: underline;
}

a:hover
{
   color: aaaaaa;
   text-decoration: underline;
}

img {
   border: none;
}

input, select, textarea
{
    border: 1px solid #cccccc;
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    padding: 1px 2px;
    background-image: url('http://www.cosmopharmas.com/images/inputbg.gif');
    background-color: #eeeeee;
}

.redbutton
{
    background-image: url('http://www.cosmopharmas.com/images/redbutton_bg.gif') !important;
    border-color: #ebaeae !important;
    color: #550000 !important;
}
.greenbutton
{
    background-image: url('http://www.cosmopharmas.com/images/greenbutton_bg.gif') !important;
    border-color: #bcebae !important;
    color: #005500 !important;
}
.button
{
    background-image: url('http://www.cosmopharmas.com/images/button_bg.gif');;
    color: black;
    height: 24px;
    font-size: 11px;
    border: 1px solid #cccccc;
    font-weight: normal;
}

.noborder
{
    BORDER: none;
    BACKGROUND-COLOR: transparent;
    background-image: none;
}

hr
{
    height: 1px;
    color: #cccccc;
}

font.rubrik, h1, div.rubrik
{ 
    color: #111;
    font-weight: normal;
    font-size: 26px;
}

h2
{ 
    font-family: Arial, Helvetica;
    color: #444444;
    font-size: 16px;
    font-weight: bold;
}

font.pris
{ 
    font-weight: bold;
    font-size: 26px;
}

td.rad {
    padding: 4px 10px;
    vertical-align: middle;
}
td.radline {
    border-top: 1px solid #ccc;
    padding: 4px 10px;
}

.title, td.rubrik {
    borderxxx-bottom: 3px double #cccccc;
    background: #999999 url(/images/rightmenuheader_bg.gif) repeat-x top left;
    color: white;
    font-weight: bold;
    text-transform:uppercase;
    line-height: 28px;
    height: 28px;
    padding: 0px 10px;
}

.page_box {
    background-color: white;
    font-family: Small Fonts;
    font-size: 8px;
    text-decoration: none;
    padding: 2px 5px;
}

.page_box_selected {
    background-color: #eeeeee;
    font-weight: bold;
}

.grayborder { border: 1px solid #cccccc; }
.bottom_border { border-bottom: 1px solid #cccccc; }
.top_border { border-top: 1px solid #cccccc; }
.left_border { border-left: 1px solid #cccccc; }
.right_border { border-right: 1px solid #cccccc; }
.top_border { border-top: 1px solid #cccccc; }

.square {
    padding: 3px; 
    border: 1px solid #2e805b;
    background-color: white;
}

.msgbox {
    position: absolute;
    top: 200px;
    width: 302px;
    padding: 10px;
    left: 250px;
    background-image: url('http://www.cosmopharmas.com/images/bg_msgbox.gif');
    border: 3px double #ccddcc;
    z-index: 700;
}
div.page_content td {
    font-size: 12px;
}
div.page_content {
    padding: 10px 20px;
    font-size: 12px;
    color: #111;
}

.div_background {
    position: absolute;
    top: 0px;
    width: 860px;
    height: 1024px;
    left: 0px;
    background-color: white;
    filter: alpha(opacity=85);
    z-index: 680;
}

.alert {
    background-color: #ffdddd;
    filter: alpha(opacity=85);
    z-index: 690;
}

.produktbox {
    padding: 0px 7px;
}

.rightmenuheader {
    width: 100%;
    background: #999999 url(/images/rightmenuheader_bg.gif) repeat-x top left;
    color: white;
    font-weight: bold;
    text-transform:uppercase;
    line-height: 28px;
    height: 28px;
}
div.rightmenuheader a {
    color: white;
    font-weight: bold;
    text-transform:uppercase;
    text-decoration: none;
}
div.rightmenuheader a:hover {
    color: white;
    text-decoration: none;
}

.rightmenuheader span {
    padding-left: 15px;
    display: block;
    font-size: 11px;
}

div.paddleft {
    color: #444;
    padding: 10px 15px;
    display: block;
    position: relative;
    font-size: 11px;
}

div.paddleft a {
    text-decoration: none;
    color: #444;
}

.artlink {
    color: #333333;
    text-decoration: none;
}

.artlink:hover {
    color: black;
    text-decoration: none;
}

div.minis {
    width: 242px;
    height: 245px;
    border: 1px solid #cccccc;
    background-color: #eeeeee;
    padding: 0px;
    display: inline;
}

div.minis div {
    padding: 8px;
    color: #222;
    font-size: 11px;
}

div.minis div a {
    color: #222;
    text-decoration: none;
}

div.minis div a:hover {
    color: #444;
    text-decoration: none;
}
div.minis div a:hover img {
    filter: alpha(opacity=80) gray();
}