/* External style sheet "Tea"   */
body {
color:black;
/* background-image:url('../Pictures/_themes/barbkgde.gif'); */
background-color:lightyellow;
padding: 0;
margin:0;}

/* Center background */
.netropolus {
width:100%;

}

/* banner specs */
.bannertext{
color:maroon;
font-size:11pt;
font-weight:600;
FONT-FAMILY: Arial;}

/* Logo */
.companylogo {
background-image:url('../Pictures/NetropolusFoamsandPanels.gif');
background-repeat:no-repeat;
width:600px;
height:60px;
margin-left:9px;}

/* Company Name */
.companynametext {
font-size:21pt;
color:white;
margin-left:9px;
FONT-FAMILY: Cursive;
font-weight:800;}

/* Framing Specs */
.topcolor  {
background-color:darkseagreen;

font-size:medium;
color:white;}

.leftcolor {
background-color:#cccc99;
width           :12%;
vertical-align  :top;
}

.rightcolor {
background-color:#AEC596;

width           :12%;
vertical-align  :top;
}

.bottomcolor {
background-color:darkseagreen;
font-size:9pt;
color:white;
FONT-FAMILY: Arial;}

.bottomtext  {
font-size:9pt;
color:white;
text-align:center;
FONT-FAMILY: Arial;}

.ruler {
background-image:url('../Pictures/axirule.gif');
height          :10px;}

.graphics    {
float:left;}

#productAttributes textarea {
 width: 175px;
 height: 100px;
}

/* left column Links styling   */
/* The identical icons are placed in LinkCell5.  However there is a problem: the icon is */
/* overlaid with a "not found" picture icon -- apparently a bug (cause unknown.) */
/* The fix around this is to not use LinkCell5 in CCS, instead reference the picture */
/* directly in the left.js code, e.g.,:         */
/* document.write('<img src="../Pictures/Circle.gif"  /></td>'); */
/* If you want to use UNIQUE icons in CCS, use LinkCell51 ... LinkCell5n, if this problem is fixed. */
/* Else just plug in the unique icon references directly into the left.js code  */

/* When creating icons in Photoshop, set W: .333 and H: .292  */

.SiteLinksHeading {
background-color:orange;
width           :131px;
height          :30px;
font-size:       12pt;
text-align: center;
FONT-FAMILY: Arial;}

.AdditionalSiteLinksHeading {
background-color:wheat;
width           :131px;
height          :30px;
font-size:       12pt;
text-align: center;
FONT-FAMILY: Arial;}

.PartnerHeading {
background-color:orange;
width           :141px;
height          :30px;
font-size:       12pt;
text-align: center;
FONT-FAMILY: Arial;}

.LearningCenterLinksHeading {
background-color:purple;
width           :131px;
height          :30px;
font-size:       12pt;
text-align: center;
FONT-FAMILY: Arial;}

.NewProductLinksHeading {
background-color:blue;
width           :131px;
height          :30px;
font-size:       12pt;
text-align: center;
FONT-FAMILY: Arial;}

.LinkCellWrapper1  {
width           :131px
height          :10px;
margin          : 1pt 1pt 1pt 1pt;
padding         : 0pt 0pt 0pt 0pt;
border          : 0pt ;}

.LinkCellWrapper2  {
width           :131px;
height          :14px;
margin          : 1pt 1pt 1pt 1pt;}

.LinkCell1 {
background-color:#d6e4ff;
width           :17px;}

.LinkCell2 {
background-color:#d6e4ff;
width           :114px;}

.LinkCell3 {
background-color:#d6e4ff;
width           :17px;
height          :14px;
margin          : 0% 0% 0% 0%;
padding         : 0% 0% 0% 0%;
border          : 0pt;}

.LinkCellGreen {
background-color:#99CC00;
width           :17px;
height          :14px;
margin          : 0% 0% 0% 0%;
padding         : 0% 0% 0% 0%;
border          : 0pt;}

.LinkCellOrganic {
background-color:#669933;
width           :17px;
height          :14px;
margin          : 0% 0% 0% 0%;
padding         : 0% 0% 0% 0%;
border          : 0pt;}

.LinkCellBlack {
background-color:#630303;
width           :17px;
height          :14px;
margin          : 0% 0% 0% 0%;
padding         : 0% 0% 0% 0%;
border          : 0pt;}

.LinkCellHerbal {
background-color:#ffff33;
width           :17px;
height          :14px;
margin          : 0% 0% 0% 0%;
padding         : 0% 0% 0% 0%;
border          : 0pt;}

.LinkCellFlavored {
background-color:#999933;
width           :17px;
height          :14px;
margin          : 0% 0% 0% 0%;
padding         : 0% 0% 0% 0%;
border          : 0pt;}

.LinkCellChai {
background-color:#770400;
width           :17px;
height          :14px;
margin          : 0% 0% 0% 0%;
padding         : 0% 0% 0% 0%;
border          : 0pt;}

.LinkCellOolong {
background-color:#e07600;
width           :17px;
height          :14px;
margin          : 0% 0% 0% 0%;
padding         : 0% 0% 0% 0%;
border          : 0pt;}

.LinkCellWhite {
background-color:#ffffff;
width           :17px;
height          :14px;
margin          : 0% 0% 0% 0%;
padding         : 0% 0% 0% 0%;
border          : 0pt;}

.LinkCellDecaf {
background-color:#a94303;
width           :17px;
height          :14px;
margin          : 0% 0% 0% 0%;
padding         : 0% 0% 0% 0%;
border          : 0pt;}

.LinkCellsearch {
background-image:url('../Pictures/_themes/search1.gif');
width           :114px;}

.LinkCell4 {
background-image:url('../Pictures/_themes/cnvbkgnd.jpg');
width           :114px;}

.LinkCell5 {
width           :25px;
height          :20px;
background-image:url('../Pictures/_themes/indbul1a.gif');}

.LinkCell6 {
width           :4px;
height          :1px;}

.LinkCell7 {
background-image:url('../Pictures/_themes/banner.gif');
width           :114px;}

.LinkCell8 {
background-color:#6D67CD;
width           :114px;}


/* Today's Date + Thin horizontal line -- if no content*/
.date {vertical-align:top; text-align:center; background-color:silver;
        color:white; font-size:8pt; font-family: Arial, Helvetica, sans-serif;
        padding-bottom:5px; padding-top:5px; }

/* Horizontal Links styling    */
#wrapper{

border: 1px solid #000000;
text-align: center;}

#nav{
border-bottom: 1px solid #000000;}

#nav ul{
padding: 0px;
margin: 0px;
/* background-image:url('../Pictures/_themes/cyprbk.jpg');} */
background-color: olive;}

#nav ul li{
display: inline;
padding: 0px;
margin: 0px;}

#nav ul li a{
font-size: 9pt;

background-color: #3333CC;
text-decoration: none;
padding: 0px 10px 0px 10px;
border-right: 2px solid #000000;
text-align: center;
width: 125px;}

#nav ul li a:hover, #nav ul li a:focus{
background-image:url('../Pictures/_themes/cyprbk.jpg');}

/*  Line # 2 */

#nav1{
border-bottom: 1px solid #000000;}

#nav1 ul{
padding: 0px;
margin: 0px;
background-image:url('../Pictures/_themes/cyprbk.jpg');}

#nav1 ul li{
display: inline;
font-size: 9pt;
padding: 0px;
margin: 0px;}

#nav1 ul li a{
font-size: 9pt;
color: #FFFFFF;
background-color: #3333CC;
text-decoration: none;
padding: 0px 10px 0px 10px;
border-right: 2px solid #000000;
text-align: center;
width: 200px;}

#nav1 ul li a:hover, #nav ul li a:focus{
background-image:url('../Pictures/_themes/barbul2c.gif');}


/* Bottom of Page (non-MIVA) Navigation   */

#wrapper{

border: 1px solid #000000;
text-align: center;}

#nav2{
border-bottom: 1px solid #000000;}

#nav2 ul{
padding: 0px;
margin: 0px;
/* background-image:url('../Pictures/_themes/cyprbk.jpg');} */
background-color: olive;}

#nav2 ul li{
display: inline;
padding: 0px;
margin: 0px;}

#nav2 ul li a{
font-size: 9pt;

background-color: yellow;
text-decoration: none;
padding: 0px 5px 0px 5px;
border-right: 2px solid #000000;
text-align: center;
width: 8em;}

#nav2 ul li a:hover, #nav ul li a:focus{
/* background-image:url('../Pictures/_themes/cyprbk.jpg');} */
background-color: #990000;}


/* Bottom of Page (MIVA) Navigation   */

#wrapper{

border: 1px solid #000000;
text-align: center;}

#nav3{
border-bottom: 1px solid #000000;}

#nav3 ul{
padding: 0px;
margin: 0px;
/* background-image:url('../Pictures/_themes/cyprbk.jpg');} */
background-color: olive;}

#nav3 ul li{
display: inline;
padding: 0px;
margin: 0px;}

#nav3 ul li a{
font-size: 9pt;

background-color: #E9D4BF;
text-decoration: none;
padding: 0px 5px 0px 5px;
border-right: 2px solid #000000;
text-align: center;
width: 9em;}

#nav3 ul li a:hover, #nav ul li a:focus{
/* background-image:url('../Pictures/_themes/cyprbk.jpg');} */
background-color: #990000;}


/* SiteLinks page Horizontal Top navigation bar    */
#wrapper{

border: 1px solid #000000;
text-align: center;}

#nav4{
border-bottom: 1px solid #000000;}

#nav4 ul{
padding: 0px;
margin: 0px;
/* background-image:url('../Pictures/_themes/cyprbk.jpg');} */
background-color: olive;}

#nav4 ul li{
display: inline;
padding: 0px;
margin: 0px;}

#nav4 ul li a{
font-size: 9pt;

background-color: yellow;
text-decoration: none;
padding: 0px 5px 0px 5px;
border-right: 2px solid #000000;
text-align: center;
width: 8em;}

#nav4 ul li a:hover, #nav ul li a:focus{
/* background-image:url('../Pictures/_themes/cyprbk.jpg');} */
background-color: #6D67CD;}


/* -------------------------------   */

blockquote {background-image: url('../Pictures/_themes/barbkgde.gif');}

.MARQUEE{

    background-color:#33ff66;
    font-size: 10pt;
	font-family: Arial, Helvetica;}

/* 5 different Buttons are defined: Button is used by the RIGHT margin for all buttons; */
/* SUBMIT and RESET is used by the Login.aspx page to denote REGISTER/LOGIN   */
/* SUBMIT1 and RESET1 are used by the Registration page (wantit.aspx) to denote SUBMIT/RESET */
.BUTTON{
        font-family: Arial, Helvetica;
        font-variant: small-caps;
        text-align:center;
        vertical-align:center;
        padding-top:10px;
        font-style: normal;
        font-weight:900;
        font-size:12pt;
        color:Black;
        width:145px;
        height:72px;
        border-style:Double;
        border-width:5px;
        border-color:#C04000;
        background-color:PaleGoldenrod;
        background-image:url('../Pictures/_themes/blenavvs.gif');}

.SUBMIT{
	    font-family:  Arial, Helvetica;
	    font-style: normal;
        font-variant: small-caps;
        font-weight:700;
        font-size:12pt;
        width:95px;
        height:41px;
        Border-Style:solid;
        Border-Color:Teal;
        text-align:center;
        padding-top:5px;
        background-image:url('../Pictures/_themes/sumvbudd.gif');}

.RESET{
	    font-family:  Arial, Helvetica;
	    font-style: normal;
        font-variant: small-caps;
        font-weight:700;
        font-size:12pt;
        width:95px;
        height:41px;
        Border-Style:solid;
        Border-Color:Teal;
        text-align:center;
        padding-top:5px;
        background-image:url('../Pictures/_themes/sumvbuha.gif');}

.SUBMIT1{
	    font-family: Arial, Helvetica;
	    font-style: normal;
        font-variant: small-caps;
        font-weight:700;
        font-size:12pt;
        width:95px;
        height:41px;
        Border-Style:solid;
        Border-Color:Teal;
        text-align:center;
        padding-top:5px;
        background-image:url('../Pictures/_themes/citbul1d.gif');}

.RESET1{
	    font-family: Arial, Helvetica;
	    font-style: normal;
        font-variant: small-caps;
        font-weight:700;
        font-size:12pt;
        width:95px;
        height:41px;
        Border-Style:solid;
        Border-Color:Teal;
        text-align:center;
        padding-top:5px;
        background-image:url('../Pictures/_themes/citbul1a.gif');}

/* Registration page Background colors */
.RegistrationBColor1{
        background-color: lightgoldenrodyellow;
        width:99%;
       }

.RegistrationBColor2{
        background-color: palegoldenrod;

        width:99%;}

/* Product/Price/AddToCart Table  */
.PricingTable{
        background-image:url('../Pictures/_themes/edgbkgnd.gif');
        padding:1px 1px 1px 1px;
        width=90%;
        Border-width:2px;
        Border-Style:solid;
        Border-Color:Teal;}

/* Text Styling */
.TEXT{  font-family: arial, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	font-size: 12pt;
    margin-left: 8px;
    margin-right: 8px;}

.TEXTsm{  font-family: arial, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	font-size: 10pt;
    margin-left: 8px;
    margin-right: 8px;}

.TEXTvsm{  font-family: arial, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	font-size: 7pt;
    margin-left: 8px;
    margin-right: 8px;}

/* Monthly Specials  */

.TEXTSpecialWas{  font-family: arial, Arial, Helvetica;
	font-weight: normal;
	font-size: 9pt;
    margin-left: 8px;
    text-decoration: line-through;
    margin-right: 4px;}

.TEXTSpecialNow{  font-family: arial, Arial, Helvetica;
	font-weight: normal;
	font-style: bold;
	font-size: 9pt;
    margin-left: 8px;
    margin-right: 4px;}


.HEADING{font-family: arial, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	font-size: 14pt;
    color:#006633;
    margin-left: 8px;
    margin-right: 8px;}

.SUB1HEADING{font-family: arial, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	font-size: 13pt;
    color:brown;
    margin-left: 8px;
    margin-right: 8px;}

.SUB2HEADING{font-family: arial, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	font-size: 12pt;
    color:brown;
    margin-left: 8px;
    margin-right: 8px;}

.SUPERHEADING{font-family: arial, Arial, Helvetica;
	font-weight: 800;
	font-style: normal;
	font-size: 22pt;
    color:#339999;
    margin-left: 8px;
    margin-right: 8px;}

UL
{list-style-image: url('../Pictures/_themes/indbul2a.gif');}


a:link {font-family:  Arial, sans-serif;
       font-size:       11pt;
       color:           green;
       font-weight:     normal;
       text-decoration: none}

a:active {font-family:  Arial, sans-serif;
       font-size:       11pt;
       color:           rgb(153,0,0);
       font-weight:     normal;
       text-decoration: none}
a:visited {font-family:  Arial, sans-serif;
       font-size:       11pt;
       color:           rgb(102,102,102);
       font-weight:     normal;
       text-decoration: none}
a:hover{color: red;}


hr.line1 {width:100%; color:red}
hr.line2 {width:100%; color:green; clear:both}
hr.line3 {width:100%; color:green}
hr.line4 {width:100%; color:green}
hr.line5 {width:100%; color:maroon}

h1{
	font-family: arial, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	font-size: 18pt;
        color:#339999 }
h2{
	font-family: arial, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
    color:#A52A2A;
	font-size: 14pt;}
h3{
	font-family: arial, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	font-size: 13pt;
    color:#A52A2A;}
h4{
	font-family: arial, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	font-size: 12pt;
        color:#A52A2A;}
h5{
	font-family: arial, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	font-size: 10pt;}
h6{
	font-family: arial, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	font-size: 8pt;}

/* Page-specific for index.aspx  */

.Details  {
width:95px;
height:27px;
border: 0px;
background-repeat:no-repeat;
}

/* Page-specific for web.aspx  */

.Details1  {
width:59px;
height:16px;
border: 0px;
background-image:url('../Pictures/_themes/sumvbuha.gif');
background-repeat:no-repeat;
}