/* ================================
    CSS STYLES FOR THE COMMERCE STARTER KIT 
    v1.0, 10/2002
   ================================
*/   

body {
	background-color: #DCF0FF;
	margin: 0;
	padding: 0;
	text-align: center;
}

/* */
.HomeHead
{
    color: #999966;
    font-family: Verdana, Arial;
    font-size: 20px;
    font-weight: bold;
    HEIGHT: 35px
}

/* */
.ContentHead
{
    background-color: #dddca3;
    color: #AAAAAA;
    font-family: Verdana, Arial;
    font-size: 20px;
    font-weight: bold;
    height: 35px
}

/* */
.SubContentHead
{
    background-color: #dddca3;
    color: #AAAAAA;
    font-family: Verdana, Arial;
    font-size: 18px;
    font-weight: bold;
    height: 20px
}

/* */
.UnitCost
{
    color: #808080;
    font-family: Verdana, Arial;
    font-size: 15px;
    line-height: 20pt
}

/* */
.ModelNumber
{
    color: #808080;
    font-family: Verdana, Arial;
    font-size: 11px;
    line-height: 20pt
}

/* */
.ErrorText
{
    color: red;
    font-family: Verdana, Arial;
    font-size: 12px;
    line-height: 20pt
}
.MostPopularHead
{
    background-color: #800000;
    color: white;
    font-family: Verdana, Arial;
    font-size: 11px;
    font-weight: bold
}

A.MostPopularItemText, A.MostPopularItemText:link, A.MostPopularItemText:visited
{
    color: black;
    font-family: Verdana, Arial;
    font-size: 11px;
    text-decoration: none
}

A.MostPopularItemText:hover
{
    color: red;
    font-family: Verdana, Arial;
    font-size: 11px;
    text-decoration: underline
}

.ProductListHead
{
    color: black;
    font-family: Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 14pt;
    text-decoration: underline;
}
.ProductListItem
{
    color: black;
    font-family: Verdana, Arial;
    font-size: 10px
}

.CartListHead
{
    background-color: #dddca3;
    border-bottom: #AAAAAA;
    border-left: dimgray 1px solid;
    color: black;
    font-family: Verdana, Arial;
    font-size: 11px;
    font-weight: bold;
    line-height: 20pt;
    padding-left: 5px
}

.CartListItem
{
    background-color: #ffffff;
    border-bottom: #AAAAAA;
    border-left: dimgray 1px solid;
    color: black;
    font-family: Verdana, Arial;
    font-size: 11px;
    padding-left: 5px
}

.CartListItemAlt
{
    background-color: #f2f2f2;
    border-bottom: #AAAAAA;
    border-left: dimgray 1px solid;
    color: black;
    font-family: Verdana, Arial;
    font-size: 11px;
    padding-left: 5px
}

.CartListFooter
{
    background-color: #dddca3;
    line-height: 10pt
}

/* text style for the links */
A.SiteLink, A.SiteLink:link, A.SiteLink:visited
{
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    color: #dddddd;
    font-size: 11px;
}   

A.SiteLink:hover    
{
    text-decoration: underline;
    color: white;
}

A.SiteLinkBold, A.SiteLinkBold:link, A.SiteLinkBold:visited
{
    color: #dddddd;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-size:  11px;
    font-weight: bold
}

A.SiteLinkBold:hover
{
    color: white;
    text-decoration: none;
}

/* */
A.MenuUnselected, A.MenuUnselected:link, A.MenuUnselected:visited
{
    color: Gray;
    font-family: YouYuan, Helvetica, sans-serif;
    text-decoration: none;
    font-size:  16px;
    font-weight: bold;
    line-height: 16px;
    padding-left: 10px
}

A.MenuUnselected:hover
{
    color: white;
    text-decoration: underline;
    padding-left: 10px
}

A.MenuSelected
{
    color: #FF00FF;
    font-family: YouYuan, monospace;
    text-decoration: none;
    font-size:  20px;
    font-weight: bold;
    line-height: 16px;
    padding-left: 15px
}

A.MenuSelected:hover
{
    color: white;
    font-family: YouYuan, sans-serif;
    text-decoration: none;
    padding-left: 10px
}

/* GENERAL */

/* text style used for most text rendered by modules */
.Normal
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px    
}

.NormalDouble
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 21px    
}

/* text style used for textboxes in the admin pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: normal;
}

/* text style used for selects in the admin pages, for Nav compatibility */
.NormalSelect
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: normal;
}

/* text style used for textboxes in the edit pages, for Nav compatibility */
.EditTextBox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: normal;
    border-style: solid;
    border-width: 1px;
    border-color: #999966;
    width: 100%;
}

/* text style used for controls in the admin and edit pages, for Nav compatibility */
.NormalControl
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalCheckBox
{
    margin-left: -4px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalRadio
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-indent: -5px;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalButton
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-indent: -5px;
/*    border-style: solid;
    border-width: 1px;
    border-color: #cccc99; */
    background-color:#ccccaa;    
}

.NormalRed
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: red
}

.NormalBold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 12px    
}

.NormalItalic
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px    
}

.basicText
{
	list-style-position: outside;
	font-size: 14px;
	color: #046380;
	line-height: 16px;
	font-family: Arial, sans-serif;
	list-style-type: square;
	text-decoration: none;
}
A.basicText
{
	font-size: 13px;
	color: #002F2F;
	line-height: 16px;
	font-family: Arial, sans-serif;
	text-decoration: none;
}
A.basicText:Hover {line-height:16px; font-size: 12px; font-family: Arial, sans-serif; color:#DA3681; text-decoration: underline}


A:link  {
    text-decoration: none;
    color:  black;
}

A, A:hover {
    text-decoration: underline;
    color:  black;
}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}

BLOCKQUOTE, PRE {
    font-family:    Lucida Console, monospace;
}


UL LI   {
    list-style-type:    square ;
}

UL LI LI    {
    list-style-type:    disc;
}

UL LI LI LI {
    list-style-type:    circle;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}

HR {
    height:1pt;
    text-align:left
}


h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #00842A;
	letter-spacing: .05em;
	margin: 4px 0 16px 0;
	font-weight: normal;
}

h1.home {
	font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #fb70b8;
	text-transform: uppercase;
	letter-spacing: .05em;
	margin: 6px 0;
	font-weight: normal;
}

h1.announce {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #717671;
	letter-spacing: .05em;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

h1.cart {
	font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #00842A;
	font-weight: normal;
}

h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #80b7b8;
	letter-spacing: .05em;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

h2.cart {
	font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 20px;
    color: #DA3681;
	letter-spacing: .05em;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

h2.sitemap {
	font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 19px;
    color: #fb70b8;
	font-weight: normal;
}

h3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px; 
	line-height:17px; 
	color:#717671; 
	font-weight: bold;
	margin: 0 0 4px 0;
	padding: 0;
}

h3 a:link, h3 a:visited {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px; 
	line-height:17px; 
	color:#717671; 
	font-weight: bold;
	margin: 0 0 4px 0;
	padding: 0;
	text-decoration: none;
}

h3 a:hover, h3 a:active {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px; 
	line-height:17px; 
	color:#DA3681; 
	font-weight: bold;
	margin: 0 0 4px 0;
	padding: 0;
    text-decoration: underline;
}


h3.login {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px; 
	line-height:18px; 
	color:#DA3681; 
	font-weight: normal;
	margin: 0 0 22px 0;
	padding: 0;
}


/* ####################### Container Divs ######################## */

#wrapper {
	background: url(../images/bg_wrapper.gif) transparent repeat-y;	
	width: 970px;
	margin: 0 auto;
	padding: 0;
}

#container {
	width: 950px;
	background-color: transparent;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}

#content {
	width: 910px;
	padding: 0;
	margin: 0 auto;
	background-color: transparent;
	text-align: left;
}

#content2 {
	width: 910px;
	padding: 20px;
	margin: 0 auto;
	background-color: white;
	text-align: left;
}

#bg_bottom {
	background: url(../images/bg_bottem.gif) transparent no-repeat;	
	width: 970px;
	height: 20px;
	margin: 0 auto;
	padding: 0;
	background-color: transparent;
	text-align: left;
}

#footer {
	width: 940px;
	margin: 0 auto;
	text-align: center;
}

#template_bx {
	width: 900px; 
	border-left: 10px solid #e6f9f8; 
	border-top: 10px solid #e6f9f8; 
	border-bottom: 10px solid #e6f9f8;
}

.template_inner {
 	padding: 15px 50px 20px 15px;
}

#template_bx2 {
	width: 880px; 
	border: 10px solid #e6f9f8; 
}

.template_inner2 {
 	padding: 15px 20px 20px 15px;
}

.template_inner3 {
 	padding: 15px 5px 20px 10px;
}

/* ####################### Navigation Divs ######################## */

#mainnav {
	width: 860px;
	height: 23px;
	color: #717671;
	background-color: #ffffff;
	padding: 16px 0 0 29px;
}

/* -------------------------- */
/* Overall main navigation styles */

#nav, #nav ul {
	float: left;
	list-style: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px; 
	line-height: 1em;
	color: #717671;
	letter-spacing: .05em;
	background-color: #ffffff;
	padding: 0;
	margin: 0;
}

/* -------------------------- */
/* The top main navigation links */

#nav a {
	display: block;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px; 
	line-height: 1em;
	color: #717671;
	letter-spacing: .05em;	
	background-color: #ffffff;
	padding: 0;
	text-decoration: none;
	text-align: center;	
}

#nav a.one {
	text-align: left;
	font-size: 1em;
	padding: 0;
	width: 80px;
	text-align: left;
}

#nav a.seven {
	text-align: left;
	font-size: 1em;
	padding: 0;
	width: 100px;
	text-align: right;
}

#nav a.two, #nav a.three, #nav a.four, #nav a.five, #nav a.six {
	text-align: left;
	font-size: 1em;
	padding: 0;  /* Adjusts spacing between main nav items */
	width: 109px;
	text-align: center;
	height: 23px;
}

#nav li.navdiv {
	width: 20px;
}

#nav li.navdiv_sm {
	width: 12px;
}

#nav li {
	float: left;
	padding: 0;
}

#nav li a:hover {
	color: #717671;
}

#nav li.nolist a:hover {
	color: #fb70b8;
}


/* -------------------------- */
/* The dropdown links lists */

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 109px; 
	border-left: 1px solid #b2e7e9;
	border-right: 1px solid #b2e7e9;
	border-bottom: 1px solid #b2e7e9;	
	background-color: #ffffff;
	margin: 0; /* Adjusts dropdown location */
	padding: 0 0 8px 0;
}

#nav li li {
	padding: 0;
	width: 109px; 
}

#nav li ul a {
	padding: 8px 0;
	width: 109px;
}

/* This controls the flyout location of the second level dropdowns */

#nav li ul ul {
	margin: -2em 0 -8em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

/* -------------------------- */
/* Here is the background of the main nav link while looking at the dropdown */

#nav li:hover, #nav li.sfhover {
	background-color: #ffffff;
}

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

/* The dropdown links list colors */

#nav li ul.under a {
	color: #717671;
	background-image: none;
}

#nav li ul.under a:hover {
	background: #ffffff;
	color: #fb70b8;
}

/* -------------------------- */
/* The background of the second level links while looking at the dropdown under it... */

#nav li ul.under li:hover a.daddy, #nav li ul.under li.sfhover a.daddy {
	color: #999e99;
}

#nav li ul.under li:hover, #nav li ul.under li.sfhover {
	color: #fff;
	background-color: #ffffff;
}


/* -------------------------- */
/* Controls navigation 'on' states */

#home .nav1 a, #tellafriend .nav7 a, #about1 .sub1 a, #about2 .sub2 a, #about3 .sub3 a, #retail1 .sub1 a, #retail2 .sub2 a, #retail3 .sub3 a, #help1 .sub1 a, #help2 .sub2 a, #help3 .sub3 a, #help4 .sub4 a, #help5 .sub5 a, #policies1 .sub1 a, #policies2 .sub2 a, #policies3 .sub3 a, #favorites1 .sub1 a, #favorites2 .sub2 a {
	color: #DA3681;
}


/* ####################### Secondary Nav Divs ######################## */

#secondary_nav {
	width: 860px;
	height: 40px;
	color: #717671;
	background-color: #ffffff;
}

#secnav, #secnav ul {
	float: left;
	list-style: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px; 
	line-height: 1em;
	color: #717671;
	letter-spacing: .05em;
	background-color: #ffffff;
	padding: 15px 25px;
	margin: 0;
}

#secnav a {
	display: block;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px; 
	line-height: 1em;
	color: #717671;
	letter-spacing: .05em;	
	background-color: #ffffff;
	padding: 0 20px 0 0;
	margin: 0;
	text-decoration: none;
}

#secnav li {
	float: left;
	padding: 0;
}

#secnav li a:hover {
	color: #fb70b8;
}