/* Stylesheet for UndoUnderwear/Knickershop website */


body {
color: #000;
background-color: #ffffff;
margin: 0;
padding: 0;
font-family: 'Arial','Geneva','Verdana','Helvetica',sans-serif;
}

p {
padding:0 0 3px 0;
}

h1.clslogo {
margin:0;
width:100%;
font-size:2.6ex;
font-weight:normal;
font-family:'Courier New','Courier',monospace;
color:#fff;
/*background-color: #eeeeff; pale blue grey ain't too bad..*/
background-color: #000;
text-align:left;
padding:0;
display-style:block;
}

.clsLogo
{
font-family:'Courier New','Courier',monospace;
}

.clslogo.img
{
padding:0;
margin:0;
}

h2 {
color:#990000;
background-color: transparent;
font-weight:normal;
font-size:3.3ex;
text-align:center;
padding:0 0 4px 0;
margin:0;
border:0;
}

h3 {
color:#000000;
background-color: transparent;
font-size:2.7ex;
font-weight:normal;
font-style:italic;
text-align:center;
margin:0;
padding:0 0 6px 0;
}


h4 {
color:#000000;
background-color: #fff;
padding:1em 0 0 0;
margin:0;
font-size:2.5ex;
font-weight:normal;
text-align:center;
letter-spacing:0.1em;
font-weight:600;
}

h5 {
font-size:2.3ex;
font-weight:bold;
text-align:center;
margin:0 0 2px 0;
}



/*
Boxes (to apply to DIVs or TDs)
purple:#9999ff
*/

.clsLeftCol {
color:#000;
background-color: #000;
/*background:#ffeeee;*/
font-size:1.6ex;
padding:0 0 1px 1px;
text-align:center;
vertical-align:top;
border-right:1px solid #000;
}

/*.clsMidCol
{
border-left:1px solid #0066cc;
border-right:1px solid #0066cc;
}*/

.clsContent {
text-align: left;
background:#ffffff;
padding:2ex 2ex 2ex 2ex;
margin:0 0 0 0;
font-size:1.8ex;
vertical-align:top;
border:none;
}

.clsContent img
{
margin:5px;
border:1px solid #000;
}

.clsContent td
{
vertical-align:top;
}


.clsRightCol
{
color:#000;
/*background:#ffeeee;*/
background-color: #000;
font-size:1.6ex;
padding:0 1px 1px 0;
text-align:center;
vertical-align:top;
border-left: 1px solid #000;
}

/* note depends on image width of 125px to work */
img.clsStandAlone
{
padding:0;
margin:0;
border-left:12px solid #66ccff;
border-bottom:3px outset #66ccff;
border-right:12px solid #ff3300;
}

.clsAlertCat
{
color:#fff;
background:#ff3300;
font-weight:normal;
letter-spacing:0.1em;
margin:0 0 4px 0;
padding:2px 0 6px 0;
border: 3px double #cc3300;
}


.clsInfoCat
{
color:#fff;
background:#6699ff;
font-weight:normal;
letter-spacing:0.1em;
margin:0 0 4px 0;
padding:2px 0 6px 0;
border: 3px double #0066cc;
}

/* border was #666666 could return to that for standalone use*/

.clsAd
{
color:#000000;
background:#eeeeee;
font-size:90%;
font-weight:normal;
font-style:normal;
letter-spacing:0;
border: 1px solid #666666;
padding:2px 0 2px 0;
margin:0 0 4px 0;
}

.clsAlertCat .clsAd
{
border-left:0;
border-right:0;
border-top: 1px solid #993300;
border-bottom: 1px solid #993300;
}

.clsInfoCat .clsAd
{
border-left:0;
border-right:0;
border-top: 1px solid #0066cc;
border-bottom: 1px solid #0066cc;
}


.clsOffer
{
color:#ff0000;
background:transparent;
font-weight:400;
}

img
{
border:0;
}



/* generic links  */
a:link
{
color:#000099;
background:transparent;
text-decoration:none;
}

a:visited
{	
color:#006699;
background:transparent;
text-decoration:none;
}

a:hover
{
text-decoration:underline;
color:#CC0000;
background:transparent;
}

/* end generic links */


/* non-generic links */
a.clsMailto,a.clsMailto:link,a.clsMailto:visited {
color: #0066ff;
background-color: #ffffcc;
text-decoration: none;
}

a.clsMailto:hover {
color: #000099;
background-color: #ffffcc;
text-decoration: underline;
}

.clsTopLink {
text-align:right;
padding:1ex 2ex 1ex 0;
}

.clsTopLink a, .clsTopLink a:link, .clsTopLink a:visited {
font-size:1.6ex;
color: #666;
background-color:#fff;
text-decoration:none;
}

.clsTopLink a:hover {
color: #000;
background-color:#fff;
background-color:transparent;
text-decoration:underline;
}

.clsDownLinks
{
margin:0 0 2em 0;
}

.clsDownLinks li
{
list-style:square outside;
margin:0 0 0 6em;
}


.clsDownLinks a, .clsDownLinks a:visited 
{
color:#666;
background:#fff; 
text-decoration:none;
font-weight:normal;
letter-spacing:0;
}

.clsDownLinks a:hover 
{ 
color:#000;
background:#fff; 
text-decoration:none;
font-weight:bold;
letter-spacing:0.1em;
}

/* end non-generic links (except those in nav bars) */

/* Main Nav Bar - buttons */
.clsNavBar {
text-align: center;
white-space: nowrap;
line-height:160%;
font-size: 2ex;
font-weight:bold;
margin:0;
padding:0.5ex 0 0.5ex 0;
background:#ffeeee;
border-top:1px solid #993300;
}


.clsNavBar .clsHere {
color:#cc0000;
background:#eeeeee;
white-space: nowrap;
text-decoration: none;
padding: 3px 12px 2px 12px;
width: 18%;
margin: 0 5px 0 5px;
border: 1px inset #000000; 
}

/*cccccc bgrnd*/
.clsNavBar a.clsNavTo, .clsNavBar a.clsNavTo:visited 
{
color:#000000;
background:#C3C3C3;
white-space: nowrap;
text-decoration: none;
padding: 3px 12px 2px 12px;
margin: 0 10px 0 5px;
width: 18%;
margin: 0;
border: 1px outset #000000; 
}

/*
color:#000000;
background:#ddeeee;
*/

.clsNavBar a.clsNavTo:hover 
{
color:#FF0000;
background:#DDDDDD;
text-decoration: none;
}



/* Second level Nav Bar - tabs */

.clsSubNav 
{
/*background:#ddd;*/
background:#ffeeee;
text-align: center;
white-space: nowrap;
line-height:110%;
font-size: 1.9ex;
/*font-weight:bold;*/
padding:10px 0 1px 0;
margin-bottom:3px;
border-bottom:1px solid #993300;
}

.clsSubNav .clsTabHere 
{
color:#000;
background:#fff;
white-space: nowrap;
text-decoration: none;
letter-spacing:0.1em;
margin: 0;
padding:0 3px 0 3px;
border-top: 1px outset #993300;
border-right: 2px outset #993300;
border-bottom: 2px solid #fff;
border-left: 1px outset #993300;
}

.clsSubNav a.clsTabTo, .clsSubNav a.clsTabTo:visited 
{
color:#333;
background:#eee;
white-space: nowrap;
text-decoration: none;
letter-spacing:0;
padding:0 3px 0 3px;
border-top: 1px outset #996666;
border-right: 2px outset #993300;
/*border-bottom: 2px solid #993300;*/
border-left: 1px outset #993300;
margin: 0;
} 

.clsSubNav a.clsTabTo:hover {
color:#000;
background:#fff;
text-decoration: none;
letter-spacing:0.1em;
padding:0 3px 0 3px;
border-top: 1px outset #993300;
border-right: 2px outset #993300;
border-bottom: 1px solid #fff;
border-left: 1px outset #993300;
margin: 0;
}

/* Required Links (nav to official pages, bottom of page) */

.clsRequiredLinks
{
width:100%;
text-align:center;
font-size:0.9em;
line-height:120%;
margin:3em 0 0 0;
border-top:1px solid #993300;
padding:1em 0 0 0;
}

.clsRequiredLinks a, .clsRequiredLinks a:link, .clsRequiredLinks a:visited
{
letter-spacing:0;
text-decoration:none;
}

.clsRequiredLinks a:hover
{
color:#990000;
letter-spacing:0.2em;
text-decoration:none;
}


/* end all navbars */

.clsCopy {
text-align:center;
font-size:0.8em;
padding-top:2em;
}

ul.clsemph li {
font-size:1.9ex;
font-weight:normal;
color:#000;
background-color: #fff;
padding:0 0 1ex 0;
list-style:square outside;
}