/**
 * file: layout.css
 * date: 2009/06/18 
 * auth: Thomas Cocuzza <tcocuzza@max.md>
 * copy: (c) Copyright 2006 MaxMD Corp.
 * desc: Layout stylesheet for max.md
 * note: may need to rename this to accommodate different layouts
 */

/* (***  ------------------------------------- Main Layout ... */

/* (***  ------------------------------------- clear the defaults ... (thanks to Eric Meyer) */
* {margin:0; padding:0;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
  font-family: Arial;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ------------------------------------- clear the defaults ... (thanks to Eric Meyer) ***)  */

body {text-align:center; background:#0084cc}
#main { width:980px; margin:0 auto; text-align:left; background: white;}

#header { width:905px; margin:0 37px; text-align:left;}
#main-logo { width:188px; margin:0px; padding:5px; text-align:left;   float:left; overflow:hidden;}

#top-links { width:589px; margin:10px;    text-align: right;   float:right; overflow:hidden; font-size: 12pt;}
#top-links a:link, #top-links a:visited, #top-links a:active, #top-links a:hover
{
   text-decoration:      underline; 
   color:                #0084cc;
   font-family: Helvetica;
   font-size: 12pt;
   line-height: 27px;
}

p {
  margin: 10px 5px;
  text-align: justify;
  line-height:14pt;
  font-size: 14px;
}
/* ... ------------------------------------- Main Layout ***) */

/* (***  ------------------------------------- Main Navagation Menu ... */
div.navMenu{
  float:               right;
  height:               50px; 
  padding:          0;
  background:   url('../images/menu_background.jpg')  no-repeat scroll 0 0;
  width: 677px;
}



ul.topmenu, ul.submenu
/* top level and second-level menu item lists */
{ 
  padding:              0;
  margin:               0;
  list-style:           none;
}

ul.submenu
{
  padding-top:          10px;
}

li.topmenu
/* top-level menu list items */
{
   float:                left;
   position:         relative;
   padding:        0px 0px 5px 0px;
   font-family:    helvetica;
   font-weight:   normal;
   color:               #5d717c;
   font-size:        14pt;
}


li.selected-menu
/* top-level menu list items */
{
   float:                left;
   position:         relative;
   padding:        0px 0px 5px 0px;
   font-family:    helvetica;
   font-weight:   bold;
   color:               #77A706;
   font-size:        14pt;
}

li.topmenu .spacer
/* top-level menu list items */
{
   color:               #5d717c;
   font-weight:   normal;
}

li.topmenu a:link, li.topmenu a:visited, li.topmenu a:active
/* top-level menu list items links */
{
   text-decoration:      none; 
   color:               black;
} 

li.submenu
/* sub-level menu list items */
{
   width:                180px;
   background-color:     #bfcad0;
   text-align:           left;
   padding:           5px 8px 5px 8px;
   font-family:    helvetica;
   color: #000000;
   font-size:        10pt;
   border-width: 0px 0px 1px 0px;
   border-style: solid; 
   /* border-color: #5d717c; */
   border-color: white; 
   font-weight:   normal;
}

ul.paragraph
{
    list-style-type:disc;
    margin:10px 26px
}

ol.paragraph
{
    list-style-type:decimal;
    margin:10px 20px;
    padding:10px;
}

ul.sitemap
{
  padding:          10px 5px;
  margin:           10px;
}

ul.nested_sitemap
{
  padding:          2px;
  margin-left:          15px;
}

li.sitemap
/* sub-level menu list items in site map */
{
#   width:                180px;
#   background-color:     #bfcad0;
   text-align:           left;
   padding:           2px 5px 2px 5px;
   font-family:    helvetica;
   color: #000000;
   font-size:        12pt;
   font-weight:   normal;
}

.sitemap {
   margin: 5px 15px;
   font-size: 16pt;
   font-family: Helvetica;
   color:  #336699;
   text-decoration: none;
}

div .sitemapdesc {
   margin: 5px 15px;
   font-size: 12pt;
   font-family: Helvetica;
}

#sup,
#sub {
    height: 0;
    line-height: 1;
    vertical-align: top;
    _vertical-align: top;
    position: relative;
    font-family: Arial;
   font-size: 12px;  
}

#sup {
   bottom: 1.5ex;
}

#sub {
   top: .5ex;
}


.breadcrumb {
   margin: 5px 25px;
   font-size: 11px;
   font-family: Helvetica;
   color:  #0aa0f1;
}

.breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:active, .breadcrumb a:hover
{
   text-decoration:      none; 
   font-size: 11px;
   font-family: Helvetica;
   color:  #0aa0f1;
}

#info_top
{
   width:                905px;
   height:              11px;
   margin:             0px 37px 0px 37px;
   padding:          0px;
}


#info
{
   width:                895px;
   margin:              0px 42px 0px 42px;
   padding:            0px;
   background-color: #E9EDF0;
}


#info_bottom
{
   width:                905px;
   height:              11px;
   margin:             0px 37px 0px 37px;
   padding:          0px;
}



.clear
{
   clear: both;
}

li.submenu a:link, li.submenu a:visited, li.submenu a:active
/* sub-level menu list items links */
{
  text-decoration:      none; 
  color:                #000000;
}

li.submenu a:hover, li.topmenu a:hover
/* sub-level menu list items links */
{
  text-decoration:      none; 
  color:                #5d717c;
}

#ddnav li ul 
/* second-level lists */
{ 
  display:              none;
  position:             absolute;
  top:                  1em;
  left:                 0;
}

#ddnav li>ul 
/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
{ 
  top:                  manual;
  left:                 manual;
}

#ddnav li:hover ul, #ddnav li.over ul 
/* lists nested under hovered list items */
{ 
  display:              block;
}

#footer{
   text-align: right;
   padding: 5px;
   margin: 5px 50px 5px 5px;
}

#footer .row1, .row1 a:link, #footer .row1  a:visited, #footer .row1  a:active, #footer .row1  a:hover{
   font-family: Arial;
   font-size: 11pt; 
   color: #788389;
   text-decoration: none;
}

#footer .row2 a:link, #footer .row2  a:visited, #footer .row2  a:active, #footer .row2  a:hover{
   font-family: Arial;
   font-weight: bold;
   font-size: 14pt; 
   color: #3c8cb7;
   text-decoration: none;
}

#footer .row3 {
   font-family: Arial;
   font-size: 11px; 
   color: #788389;
}

ul.subnavigation {
   margin: 10px 0 0 0;
   padding: 0;
   width: 265px;
}

ul.subnavigation li{
   background:   url('../images/menu_bar.gif')  no-repeat scroll 0 0;
   width: 250px;
   height: 25px;
   margin: 0 0 5px 0;
   font-size: 14px;
   padding: 0px;    /*5px 0 0 30px;*/
   list-style: none;
   font-family: Arial;
   font-weight: normal;
}

ul.subnavigation li a{
  padding: 0 0 0 0px;    /*5px 0 0 30px;*/
  margin: 0 0 0 30px;
  line-height: 23px;
}

.listheader{
   width: 255px;
   height: 15px;
   margin: 0 0 5px 0;
   font-size: 14px;
   padding: 0px 0 0 0px;
   list-style: none;
   font-family: helvetica;
   font-weight: bold;
   color: black;
}

ul.subnavigation-leftcol{
   margin: 20px 0 0 15px;
   padding: 0;
   width: 220px;
   font-size: 16px;
   font-weight: bold;
   font-family: Arial;
}

ul.subnavigation-leftcol    li{
   width: 215px;
   height: 25px;
   margin: 0px 0 5px 0;
   font-size: 14px;
   padding: 5px 0 0 35px;
   list-style: none;
   font-weight: normal;
   background:   url('../images/left_nav_bar.gif')  no-repeat scroll 0 0;
}

.subnavigation-leftcol li a:link, .subnavigation-leftcol li a:visited, .subnavigation-leftcol li a:active{
   color: #343b40;
   text-decoration: none;
}

.subnavigation-leftcol li a:hover{
   color: black;
   text-decoration: none;
}

.subnavigation-leftcol li:hover{
   color: black;
   background:   url('../images/left_nav_bar_hover.gif')  no-repeat scroll 0 0;
}

 .product-left{
   width: 220px;  
   float: left;
   text-align: left;
   margin: 20px 5px 20px 5px;
   padding: 0 20px 0 0;
   border-right: 3px solid #c7cbce;
}

 .product-content{
   width: 560px;  
   float: left; 
   margin: 20px 15px 20px 5px;
   padding: 10px;
  }

  .padding{
    padding: 5px;
  }
  
  .marketing-bottom
  {
    width: 570px;
    font-size: 14px;  
    float: left; 
    margin: 15px 20px 15px 5px;
    padding: 5px;
  }
  
  .content-border
  {
    border:        4px double #AEAEAE;
  }
 
#order
{
    border:     1px solid #AEAEAE;
    padding:    5px;
    color: #003399;
    font-size:  11pt;
    float:      left;
    width:      570px;
}

#order .searchbox
{
    border:1px solid #000; 
    background-color:#f1f1f1;
    color:#003399;
}

#orderlist
{
    padding:    5px;
    color: #003399;
    font-size:  11pt;
    float:      left;
    font-family:Arial;
}
 
/* ... ------------------------------------- Main Navagation Menu ***) */