@import url(topnav.css);
@import url(l2-style.css);
@import url(footer.css);

body  { text-align: left; color: #333; font-family: Arial, Helvetica, sans-serif; background-color: #151479; background-image: url(../css-images/bg-body-tile.png); background-repeat: repeat-x; margin-top: 0; margin-left: 0; padding: 0; }
div  { margin-top: 0; margin-bottom: 0; padding: 0; border-style: none; border-width: 0; }

div#page-container { line-height: 0; width: 860px; padding: 0; text-align: left; margin: 0 auto 0 0; background-image: url(../css-images/l2-bg.png); background-repeat: no-repeat; float: left; }
div#page-container.home { height: 570px; background-image: url(../css-images/home-bg.png); background-repeat: no-repeat; background-position: 0 0; width: 860px; float: left; }

body.email  { text-align: center; color: #fff; font: 11px/16px Arial, Helvetica, sans-serif; background-color: #000; background-image: none; margin-top: 5px; padding: 0; }

.econtent { width: 100%; height: 950px; text-align: center; color: #fff; font: 11px/16px Arial, Helvetica, sans-serif; background-color: #000; background-image: none; margin: 0; padding: 0; clear: both; }

div#econtainer { color: #fff; font: bold 12px/18px Arial, Helvetica, sans-serif; background-color: #000; height: 900px; background-image: none; text-align: center; width: 755px; clear: both; margin: 0 auto 0; padding: 0; }
div#econtainer.email { color: #fff; font: bold 12px/18px Arial, Helvetica, sans-serif; background-color: #000; height: 900px; background-image: none; text-align: center; width: 755px; clear: both; margin: 0 auto 0; padding: 0; }

div#image-container { line-height: 19px; width: 400px; padding: 15px 0 0; text-align: center; margin: 0 auto; }


img { text-decoration: none; margin: 0; padding: 0; border-style: none; border-width: 0; outline-style: none; outline-width: 0; }

table { margin: 0; padding: 0; border-style: none; border-width: 0; outline-style: none; outline-width: 0; }

th { margin: 0; outline-style: none; outline-width: 0; }
td { margin: 0; padding: 0; border-style: none; border-width: 0; outline-style: none; outline-width: 0; }

tr { margin: 0; padding: 0; border-style: none; border-width: 0; outline-style: none; outline-width: 0; }
tr:hover { background-color: #fff1bf; }

.Chart_head  { color: #fff; font: bold 11px/17px Arial, Helvetica, sans-serif; background-color: #587abc; height: 21px; padding: 1px 2px 1px 3px; }
.cell-body  { color: #333; font: 11px/15px Arial, Helvetica, sans-serif; padding: 1px 2px 1px 3px; }

.cell-body-a  { color: #333; font: 11px/15px Arial, Helvetica, sans-serif; background-color: #fff9e1; vertical-align: top; padding: 1px 2px 1px 3px; }
.cell-body-b  { color: #333; font: 11px/15px Arial, Helvetica, sans-serif; background-color: #eef1f8; vertical-align: top; padding: 1px 2px 1px 3px; }

.smalltext  { color: #666; font: 11px Arial, Helvetica, sans-serif; }

/* site links */
a:link, a:visited { color: #bfcefe; text-decoration: none; border-bottom: 1px solid #0606a9; }
a:hover, a:active { color: #febb08; text-decoration: none; border-bottom: 1px solid #99f; }

a.home-moreinfo:link { color: #587abc; font-size: 12px; text-decoration: none; border-bottom: 1px solid #abbcdd; border-top-width: 0; border-left-width: 0; border-right-width: 0; }
a.home-moreinfo:visited { color: #587abc; font-size: 12px; text-decoration: none; border-bottom: 1px solid #abbcdd; border-top-width: 0; border-left-width: 0; border-right-width: 0; }
a.home-moreinfo:hover, a.home-moreinfo:active { color: #ff8c00; font-size: 12px; text-decoration: none; border-bottom: 1px solid #fff5cd; border-top-width: 0; border-left-width: 0; border-right-width: 0; }


a.menu:link, a.menu:visited { color: #66c; font-family: Arial, sans-serif; font-weight: bold; text-decoration: none; border-style: none; border-width: 0; outline-style: none; outline-width: 0; }
a.menu:hover, a.menu:active { color: #006; font-family: Arial, sans-serif; font-weight: bold; text-decoration: none; border-style: none; border-width: 0; outline-style: none; outline-width: 0; }

a.blue:link, a.blue:visited { color: #66c; font-family: Arial, sans-serif; text-decoration: none; border-style: none; border-width: 0; outline-style: none; outline-width: 0; }
a.blue:hover, a.blue:active { color: #696; font-family: Arial, sans-serif; text-decoration: none; border-style: none; border-width: 0; outline-style: none; outline-width: 0; }

a.dk-blue:link, a.dk-blue:visited { color: #006; font-family: Arial, sans-serif; text-decoration: none; border-style: none; border-width: 0; outline-style: none; outline-width: 0; }
a.dk-blue:hover, a.dk-blue:active { color: #587abc; font-family: Arial, sans-serif; text-decoration: none; border-style: none; border-width: 0; outline-style: none; outline-width: 0; }

a.dk-blue-u:link, a.dk-blue-u:visited { color: #006; font-family: Arial, sans-serif; text-decoration: none; border-bottom: 1px solid #e8e8ff; border-top-style: none; border-top-width: 0; border-right-style: none; border-right-width: 0; border-left-style: none; border-left-width: 0; outline-style: none; outline-width: 0; }
a.dk-blue-u:hover, a.dk-blue-u:active { color: #587abc; font-family: Arial, sans-serif; text-decoration: none; border-bottom: 1px solid #ccf; border-top-style: none; border-top-width: 0; border-right-style: none; border-right-width: 0; border-left-style: none; border-left-width: 0; outline-style: none; outline-width: 0; }

a.gr:link, a.gr:visited { color: #696; font-family: Arial, sans-serif; text-decoration: none; border-style: none; border-width: 0; outline-style: none; outline-width: 0; }
a.gr:hover, a.gr:active { color: #66c; font-family: Arial, sans-serif; text-decoration: none; border-style: none; border-width: 0; outline-style: none; outline-width: 0; }

a.lt-gr:link, a.lt-gr:visited { color: #deedcc; font-family: Arial, sans-serif; text-decoration: none; border-width: 0; outline-style: none; outline-width: 0; }
a.lt-gr:hover, a.lt-gr:active { color: #ccf; font-family: Arial, sans-serif; text-decoration: none; border-bottom: 1px solid #ccf; border-top-style: none; border-top-width: 0; border-right-style: none; border-right-width: 0; border-left-style: none; border-left-width: 0; outline-style: none; outline-width: 0; }


a.red:link, a.red:visited { color: #db8820; font-family: Arial, sans-serif; font-weight: bold; text-decoration: none; border-bottom: 1px solid #e8e8ff; border-top-style: none; border-top-width: 0; border-right-style: none; border-right-width: 0; border-left-style: none; border-left-width: 0; outline-style: none; outline-width: 0; }
a.red:hover, a.red:active { color: #66c; font-family: Arial, sans-serif; font-weight: bold; text-decoration: none; border-bottom: 1px solid #ccf; border-top-style: none; border-top-width: 0; border-right-style: none; border-right-width: 0; border-left-style: none; border-left-width: 0; outline-style: none; outline-width: 0; }


a.menu-white:link, a.menu-white:visited { color: #fff; font-family: Arial, sans-serif; text-decoration: none; border-style: none; border-width: 0; }
a.menu-white:hover, a.menu-white:active { color: #ffcc00; font-family: Arial, sans-serif; text-decoration: none; border-style: none; border-width: 0; }

a.menu-features:link, a.menu-features:visited { color: #587abc; font-family: Arial, sans-serif; text-decoration: none; border-bottom: 1px solid #abbcdd; border-top-width: 0; border-right-width: 0; border-left-width: 0; outline-style: none; outline-width: 0; }
a.menu-features:hover, a.menu-features:active { color: #2c718a; font-family: Arial, sans-serif; text-decoration: none; border-width: 0; outline-style: none; outline-width: 0; }


a.nounderline:link, a.nounderline:visited { color: #ccf; font-size: 11px; font-weight: bold; text-decoration: none; border-style: none; }
a.nounderline:hover, a.nounderline:active { color: #febb08; font-size: 11px; font-weight: bold; text-decoration: none; border-style: none; }

.imageborder-fl { vertical-align: top; float: left; margin: 3px 10px 17px 0; padding: 1px; border: solid 1px #a6c58d; }

.green { color: #a6c58d; }
.rust { color: #993333; }

.hidden {
    position:absolute;
    left:0px;
    top:-500px;
    width:1px;
    height:1px;
    overflow:hidden; }


/* images and pop up content 
----------------------------------------------- */
   
div#larger-window { color: #333; font: 12px/19px "Lucida Grande", "Lucida Sans", Geneva, Arial, sans-serif; background-color: #fff; text-align: left; width: 600px; padding: 0; margin: 10px auto 0; border: solid 2px #e9dec1; }

div#larger-window p { width: 550px; padding: 0; margin: 25px 0 25px 25px; }
div#larger-window p img { text-align: center; margin: 0 auto 0 50px; padding: 0; }


div#larger-window object { padding: 0; margin: -25px 0 -20px; }
/* IE / Win hacks */
* html div#larger-window object { margin: 0; }

div#larger-window-700 { color: #333; font: 12px/19px "Lucida Grande", "Lucida Sans", Geneva, Arial, sans-serif; background-color: #fff; text-align: left; width: 700px; padding: 0; margin: 10px auto 0; border: solid 2px #e9dec1; }
div#larger-window-700 p { width: 650px; padding: 0; margin: 25px 0 25px 25px; }

div#larger-window-700 object { padding: 0; margin: -5px 0; }
/* IE / Win hacks */
* html div#larger-window-700 object { margin: 0; }

.margin-swf { width: 460px; height: auto; margin: -20px 0 -15px; }
/* IE / Win hacks */
* html .margin-swf { width: 460px; height: auto; margin: -5px 0; }


#l2-image-area { width:248px; margin: 0; padding: 0; text-align: left; vertical-align: top; float: right; }
#l2-image-area-l { width:248px; margin: 0; padding: 0; text-align: left; vertical-align: top; float: left; }

#l2-image-text { color: #666; font: 11px/17px 'Lucida Grande', Lucida Sans, Geneva, Arial, sans-serif; width:225px; margin: 5px 0 0; text-align: right; vertical-align: bottom; clear: both; padding: 2px 0 0; border-top: 4px solid #e6ebf9; }
#l2-image-text-2 { color: #666; font: 11px/17px 'Lucida Grande', Lucida Sans, Geneva, Arial, sans-serif; width:350px; margin: 0 auto; padding: 19px 0 2px; text-align: right; vertical-align: bottom; border-bottom: 4px solid #e6ebf9; }
#l2-image-text-2-600 { color: #666; font: 11px/17px "Lucida Grande", "Lucida Sans", Geneva, Arial, sans-serif; width:600px; margin: 0 auto; padding: 19px 0 2px; text-align: right; vertical-align: bottom; border-bottom-color: #e6ebf9; }
#l2-image-text-2-700 { color: #666; font: 11px/17px "Lucida Grande", "Lucida Sans", Geneva, Arial, sans-serif; width:700px; margin: 0 auto; padding: 19px 0 2px; text-align: right; vertical-align: bottom; border-bottom-color: #e6ebf9; }


#closewindow-600 { color: #666; font: 11px/17px "Lucida Grande", "Lucida Sans", Geneva, Arial, sans-serif; width:600px; margin: 0 auto; clear: both;  }
#closewindow-700 { color: #666; font: 11px/17px "Lucida Grande", "Lucida Sans", Geneva, Arial, sans-serif; width:700px; margin: 0 auto; clear: both;  }


#sku-detail { color: #666; font: 11px/17px 'Lucida Grande', Lucida Sans, Geneva, Arial, sans-serif; width:350px; margin: 0 0 0 25px; padding: 0; text-align: left; vertical-align: top; }

.imagefloat { position: absolute; top: 220px; z-index: 100; float: left; } 


/* Home banner wrap with IDs 
----------------------------------------------- */

#home-images-wrap { width: 808px; height: 220px; float: left; clear: both; margin: 0; padding: 0; white-space: nowrap; }
/* IE / Win hacks */
* html #home-images-wrap { }
/* END IE / Win hacks */
#banner_home_left { width: 502px; height: 191px; float: left; margin: 2px 0 0 7px; padding: 0; }
#banner_home_right { width: 289px; height: 191px; float: right; margin: 2px 7px 0 0; padding: 0; }
/* end wraps */

/* IE / Win hacks */
* html #banner_home_left { margin: 2px 0 0 4px; }
* html #banner_home_right { margin: 2px 3px 0 0; }
/* END IE / Win hacks */