/*************************/
/*  Top Navigation  */
/*************************/
.topmargin {margin-top: 0}
.page {width:900px; margin:10px auto 10px auto; font-size:1.0em;}
/*  Top Navigation Menu  */
#navcontainer ul { padding-left: 0; margin: 0; background-color:rgb(0,122,201); color: white; float: right; width: 100%; }
#navcontainer ul li { display: inline; }
#navcontainer ul li a { padding: 3px 8px 2px 8px; background-color: rgb(0,122,201); font: bold 11px arial,verdana,sans-serif;  color: white; text-decoration: none; float: right; }
#navcontainer ul li a:hover { background-color: rgb(190,214,0); color: #000; }
#navcontainer ul li a#purple { padding: 3px 8px 2px 8px; background-color: rgb(0,122,201); font: bold 11px arial,verdana,sans-serif; color: white; text-decoration: none; float: right; }
#navcontainer ul li a#purple:hover { background-color: rgb(206,108,229); color: #000; }
#navcontainer ul li a#purple { padding: 3px 8px 2px 8px; background-color: rgb(0,122,201); font: bold 11px arial,verdana,sans-serif; color: white; text-decoration: none; float: right; }
#navcontainer ul li a#purple:hover { background-color: rgb(206,108,229); color: #000; }
#navcontainer ul li a#blue { padding: 3px 8px 2px 8px; background-color: rgb(0,122,201); font: bold 11px arial,verdana,sans-serif; color: white; text-decoration: none; float: right; }
#navcontainer ul li a#blue:hover { background-color: rgb(110,184,246); color: #000; }
#navcontainer ul li a#aqua { padding: 3px 8px 2px 8px; background-color: rgb(0,122,201); font: bold 11px arial,verdana,sans-serif; color: white; text-decoration: none; float: right; }
#navcontainer ul li a#aqua:hover { background-color: rgb(102,214,245); color: #000; }
#navcontainer ul li a#seafoam { padding: 3px 8px 2px 8px; background-color: rgb(0,122,201); font: bold 11px arial,verdana,sans-serif; color: white; text-decoration: none; float: right; }
#navcontainer ul li a#seafoam:hover { background-color: rgb(48,188,182); color: #000; }
#navcontainer ul li a#green { padding: 3px 8px 2px 8px; background-color: rgb(0,122,201); font: bold 11px arial,verdana,sans-serif; color: white; text-decoration: none; float: right; }
#navcontainer ul li a#green:hover { background-color: rgb(106,205,103); color: #000; }
#navcontainer ul li a#lime { padding: 3px 8px 2px 8px; background-color: rgb(0,122,201); font: bold 11px arial,verdana,sans-serif; color: white; text-decoration: none; float: right; }
#navcontainer ul li a#lime:hover { background-color: rgb(190,214,0); color: #000; }
#navcontainer ul li a#yellow { padding: 3px 8px 2px 8px; background-color: rgb(0,122,201); font: bold 11px arial,verdana,sans-serif; color: white; text-decoration: none; float: right; }
#navcontainer ul li a#yellow:hover { background-color: yellow; color: #000; }
#navcontainer ul li a#orangeyellow { padding: 3px 8px 2px 8px; background-color: rgb(0,122,201); font: bold 11px arial,verdana,sans-serif; color: white; text-decoration: none; float: right; }
#navcontainer ul li a#orangeyellow:hover { background-color: rgb(241,212,67); color: #000; }
#navcontainer ul li a#orange { padding: 3px 8px 2px 8px; background-color: rgb(0,122,201); font: bold 11px arial,verdana,sans-serif; color: white; text-decoration: none; float: right; }
#navcontainer ul li a#orange:hover { background-color: rgb(246,134,32); color: #000; }
#navcontainer ul li a#red { padding: 3px 8px 2px 8px; background-color: rgb(0,122,201); font: bold 11px arial,verdana,sans-serif; color: white; text-decoration: none; float: right; }
#navcontainer ul li a#red:hover { background-color: red; color: #000; }
.blockgroup { width:100%; background-color:rgb(0,122,201); text-align:center; float:left; }
.block0 { padding:5px 8px 1px 8px; display: block; width: 112px; font:bold 11px arial,verdana,sans-serif; text-align:center; text-decoration:none; color:rgb(245,246,247); background-color:rgb(153,153,153); float:left; }
.block1 a:link { padding:5px 8px 1px 8px; display: block; width: auto; background-color:rgb(0,122,201); font:bold 11px arial,verdana,sans-serif; text-decoration:none; color:rgb(245,246,247); float:left; }
.block1 a:hover { background-color:rgb(206,108,229); color:rgb(0,0,0); text-decoration:none; }
.block2 a:link { padding:5px 8px 1px 8px; display: block; width: auto; background-color:rgb(0,122,201); font:bold 11px arial,verdana,sans-serif; text-decoration:none; color:rgb(245,246,247); float:left; }
.block2 a:hover { background-color:rgb(238,21,40); color:rgb(0,0,0); text-decoration:none; }
.block3 a:link { padding:5px 8px 1px 8px; display: block; width: auto; background-color:rgb(0,122,201); font:bold 11px arial,verdana,sans-serif; text-decoration:none; color:rgb(245,246,247); float:left; }
.block3 a:hover { background-color:rgb(246,134,32); color:rgb(0,0,0); text-decoration:none; }
.block4 a:link { padding:5px 8px 1px 8px; display: block; width: auto; background-color:rgb(0,122,201); font:bold 11px arial,verdana,sans-serif; text-decoration:none; color:rgb(245,246,247); float:left; }
.block4 a:hover { background-color:rgb(241,212,67); color:rgb(0,0,0); text-decoration:none; }
.block5 a:link { padding:5px 8px 1px 8px; display: block; width: auto; background-color:rgb(0,122,201); font:bold 11px arial,verdana,sans-serif; text-decoration:none; color:rgb(245,246,247); float:left; }
.block5 a:hover { background-color:rgb(254,247,78); color:rgb(0,0,0); text-decoration:none; }
.block6 a:link { padding:5px 8px 1px 8px; display: block; width: auto; background-color:rgb(0,122,201); font:bold 11px arial,verdana,sans-serif; text-decoration:none; color:rgb(245,246,247); float:left; }
.block6 a:hover { background-color:rgb(184,224,110); color:rgb(0,0,0); text-decoration:none; }
.block7 a:link { padding:5px 8px 1px 8px; display: block; width: auto; background-color:rgb(0,122,201); font:bold 11px arial,verdana,sans-serif; text-decoration:none; color:rgb(245,246,247); float:left; }
.block7 a:hover { background-color:rgb(106,205,103); color:rgb(0,0,0); text-decoration:none; }
.block8 a:link { padding:5px 8px 1px 8px; display: block; width: auto; background-color:rgb(0,122,201); font:bold 11px arial,verdana,sans-serif; text-decoration:none; color:rgb(245,246,247); float:left; }
.block8 a:hover { background-color:rgb(48,188,182); color:rgb(0,0,0); text-decoration:none; }
.block9 a:link { padding:5px 8px 1px 8px; display: block; width: auto; background-color:rgb(0,122,201); font:bold 11px arial,verdana,sans-serif; text-decoration:none; color:rgb(245,246,247); float:left; }
.block9 a:hover { background-color:rgb(102,214,245); color:rgb(0,0,0); text-decoration:none; }
.block10 a:link { padding:5px 8px 1px 8px; display: block; width: auto; background-color:rgb(0,122,201); font:bold 11px arial,verdana,sans-serif; text-decoration:none; color:rgb(245,246,247); float:right; }
.block10 a:hover { background-color:rgb(83,165,233); color:rgb(0,0,0); text-decoration:none; }
.blockblank { padding:5px 8px 1px 8px; display: block; width: 9.85%; background-color:rgb(0,122,201); font:bold 11px arial,verdana,sans-serif; text-decoration:none; color:rgb(245,246,247); float:left; }
.topnavilink { font:bold 11px arial,verdana,sans-serif; text-decoration:none; color:rgb(235,246,247); }
/*  Top Navigation images and text  */
.topnavi { width:994px; height:130px; background: rgb(224,225,226) url("images/masthead-background.jpg") no-repeat; vertical-align:top;}
.logo { float:left; padding:5px 10px 5px 18px; }
.tagline { float:left; width:630px; padding:28px 10px 10px 10px; }
.tagline h1 { font:italic normal 24px arial,verdana,sans-serif; color:rgb(103,2,2); text-align:left; padding-left:20px; margin:0px; }
.tagline h2 { font: italic bold 14px arial,verdana,sans-serif; color:rgb(27,52,78); text-align:right; padding-right:100px; margin-top:10px; }
/*  Top Navigation Order Status Box  */
.orderstatus { margin:64px 24px 0 0; width:125px; height:30px; float:right; background:rgb(178,191,197); border:solid 1px rgb(169,186,193); }
.cartitem { padding:9px 5px 2px 2px; font:normal bold 11px arial,verdana,sans-serif; color:rgb(0,0,0); text-align:center; text-decoration:none; float:right; }
.viewcartbutton { padding:2px; text-align:left; float:left; }