/* hide these rules from CSS-challenged browsers */
/* below exploits a parsing error so @media rules will be visible to MacIE5 */
.BeNiceToMacIE5 {
  font-family: "\"}\"";
  font-family: inherit;
}
/* left column */
#nav {
	width: 25%;              /* % of inner-container width is ~same width as right column */
	float: left;               /* keep flush with adjacent containers */
	padding:  0.3em 0 0 0.3em;
	background-color: #fde1e4;
	margin-top: 0;
	margin-right: 6px;
	margin-left: 6px;
	margin-bottom: 0;
}
.REDText {
	color: #FF0000;
}


/* center column */
#content {
  width: 58%;              /* % of inner-container width */
  float: right;            /* right side of inner-container */
  padding: .2em .2em;      /* some padding for readability */
  margin: 0;               /* keep flush with adjacent containers */
  background-color: #FFFFFF;  /* light blue color will show behind the center column */
  color: #000;
  border-color: #999;      /* W3C CSS validation service get an erroneous */
  border-style: solid;     /*   parse error on border-right shorthand, */
  border-width: 0 1px;     /*   but not on individual properties */
}
h3 {
	font-size: 14px;
	text-decoration: underline;
}

/* below exploits a parsing error so @media rules will be visible to MacIE5 */
.BeNiceToMacIE5 {
  font-family: "\"}\"";
  font-family: inherit;
}
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	color: #000;
	background-color: #e06993;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
h1 {
	font-size: 150%;
	background-color: #FDE1E4;
	border: 1px solid #FAC0C7;
}


P, TD, LI, UL, Table {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 100%;
}
#header a {
	font-size: small;
}



/* page header, uses body colors */
#header {
	width: 96%;             /* full window width */
	margin: 0;
	text-align: center;
	margin-left: 1%;
	background-color: #FFFFFF;
}
/* page footer, uses body colors */
#footer {
	clear: both;             /* below all columns */
	width: 96%;             /* full window width */
	margin: 0;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-align: center;
	margin-left: 1%;
	background-color: #FFFFFF;
}
h2 {
	font-size: 90%;
	text-decoration: underline;
}


/* container for the 3 columns */
#outer-container {
	width: 96%;             /* full window width */
	margin: 0;               /* keep flush with adjacent containers */
	background-color: #fac0c7;  /* violet color will show behind the right column */
	color: #000;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	margin-left: 1%;
}
/* container for just the left and center columns */
#inner-container {
  width: 76%;              /* leaves 24% of window width for right column */
  float: left;             /* left side of window */
  background-color: #fde1e4;  /* yellow color will show behind the left column */
  color: #000;             /*   delete these colors to get same color as right column */
  margin: 0;               /* keep flush with adjacent containers */
}
/* right column */
#sidebar {
  width: 21%;              /* a little less than available 24% */
  float: right;            /* right side of window */
  margin: 0;               /* keep flush with adjacent containers */
  padding: .3em 1.5% .3em 0;      /* some space from right window edge */
}
.clear {
  clear: both;
  margin: 0;               /* keep flush with adjacent containers */
  padding: 0;
  height: 0;
  overflow: hidden;
}

/* print only rules (per request) */


/* TOTALLY GORGEOUS SPECIFIC*/
.WhatsNew {
    
	background-color: #FDE1E4;
	font-size: 85%;
	line-height: 14px;
	padding: 3px;
	border: 1px solid #FAC0C7;
	width: 90%;

}

.RecomendedLink {
	background-color: #FDE1E4;
	font-size: 100%;
	line-height: 14px;
	padding: 3px;
	border: 1px solid #B72222;
	width: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.DiaryItem {

	background-color: #FDE1E4;
	font-size: 85%;
	line-height: 14px;
	padding: 3px;
	border: 1px solid #B72222;
	width: 90%;
}

.hottopic {
	background-color: #FDE1E4;
	font-size: 85%;
	line-height: 14px;
	padding: 3px;
	border: 1px solid #B72222;
	width: 100px;
}

.ProductTable {
background-color: #FDE1E4;
color: #000000;
text-align: justify;
vertical-align: top;
padding: 15px;
border: 1px solid #B72222;
margin-bottom: 10px;
}

.ProductTable IMG{
color: #000000;
border: 1px solid #B72222;
}


#outer-container #sidebar a {
color: #000000;
text-decoration: none;
font-weight: normal;
line-height: 20px;
width: 90%;
border: 1px solid #FAC0C7; 
padding-left: 3px;
padding-right: 3px;
display: block;
}


#outer-container #sidebar a:hover {
background-color: #FDE1E4;
color: #000000;
text-decoration: none;
font-weight: normal;
line-height: 20px;
width: 90%;
border: 1px solid #B72222; 
padding-left: 3px;
padding-right: 3px;
display: block;
}

#nav a {
	border: 1px solid #FDE1E4;
		display:block;
		text-decoration:none; 
		color:#000000		
}

#nav a:hover {
	background-color: #FAC0C7;
	display:block;
	border: 1px solid #B72222;
	text-decoration:none;
}

.light a {
	border: 1px solid #FDE1E4;
	display:block;
	text-decoration:none;
	color: #000000;
}

.light a:hover {
	border: 1px solid #B72222;
	background-color: #FAC0C7;
	display:block;
	text-decoration:none;
	color: #000000;
}

.dark a {
	border: 1px solid #FAC0C7;
	display:block;
	text-decoration:none;
	color: #000000;
}

.dark a:hover {
	border: 1px solid #B72222;
	background-color: #FDE1E4;
	display:block;
	text-decoration:none;
	color: #000000;
}


#dhtmltooltip{
position: absolute;
width: 270px;
border: 1px solid #666666;
padding: 2px;
background-color: #FFFFFF;
visibility: hidden;
z-index: 100;
}

#dhtmltooltip h1{
	font-size: 100%;
	font-weight: normal;
}
.dark {
	background-color: #FAC0C7;
}


#dhtmltooltip h2{
	font-size: 75%;
	text-decoration: none;
	font-weight: normal;
	margin: 5px;
}

#dhtmltooltip img{
	text-decoration: none;
	margin: 0px;
}

.StandOutFullWidth {
	background-color: #FDE1E4;
	font-size: 85%;
	line-height: 14px;
	padding: 3px;
	border: 1px solid #B72222;
	width: 95%;
	margin: 5px;
}
#dhtmltooltip p {

	font-size: x-small;
	font-weight: normal;
}
.light {
	background-color: #FDE1E4;
}

#LeftNonNav {
	width: 35%;              /* % of inner-container width is ~same width as right column */
	float: left;               /* keep flush with adjacent containers */
	padding:  0.3em 0 0 0.3em;
	background-color: #fde1e4;
	margin-top: 0;
	margin-right: 6px;
	margin-left: 6px;
	margin-bottom: 0;
}
#LeftNonNav a {
	text-decoration:underline;
	color:#0000FF;
}

#LeftNonNav a visited {
	text-decoration:underline;
	color:#660033;
}
#Narrownav {

	width: 35%;              /* % of inner-container width is ~same width as right column */
	float: left;               /* keep flush with adjacent containers */
	padding:  0.3em 0 0 0.3em;
	background-color: #fde1e4;
	margin-top: 0;
	margin-right: 6px;
	margin-left: 6px;
	margin-bottom: 0;
}
#narrownav a {

	border: 1px solid #FDE1E4;
		display:block;
		text-decoration:none; 
		color:#000000
}
#Narrownav a:hover {

	background-color: #FAC0C7;
	display:block;
	border: 1px solid #B72222;
	text-decoration:none;
}