﻿BODY {
 	background: #FCCB9A url("../images/C-Background.gif") repeat fixed left;
}

.C-ThinPurpleLine {
	background: #880088; 
	width: 874px; 
	height: 5px; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.C-ThinOrangeLine {
	background: #F9A651;
	width: 874px; 
	height: 5px; 
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;

}

.C-OrangeTextHeaderTitlesInPurpleBackground {	
	font-size:xx-large; 
	text-align:center; 
	font-weight:bold; 
	color:#F9A651; 
	margin:0px 0px 0px 0px; 
	padding:20px 0px 20px 0px; 
	background:#880088;
}

.C-ProductPicture {
	background: #FFFFFF; 
	width: 150px; 
	height: 140px; 
	border-width: 0px;
}

.C-ProductTitleName {
	color: #880088;
	text-align: Left;
	font-size: xx-large;
	font-weight: bold;
	padding-left:10px;
	vertical-align:middle;
}

.C-ProductTitleNameITALIC-GREY {
	color: #666666;
	font-style:italic;
	font-weight:bold;
	font-size:x-large;
}

.C-ProductTitleCaption {
	color: #666666;
	text-align: Left;
	font-size: 16px;
	font-weight: bold;
	padding-left:10px;
}

.C-ProductTitleCaptionHighLightInPurple {
	color: #880088;
}

.C-Product-Price-TopCell-362px {
	border: 1px solid #880088;
	background: #F9A651;
	width: 362px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #880088;
	padding-bottom: 6px;
	padding-top: 6px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.C-ProductPriceName-2cell {
	background: #F9A651; 
	width:362px; 
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #880088;
	padding-bottom: 6px; 
	padding-top: 6px; 
	margin-top: 0px;
	margin-bottom: 0px;
}

.C-BorderSolid_1px {
	border-style: solid;
	border-width: 1px;
}

.C-ProductPrice-2cell { 
	width:362px; 
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	margin-top: 3px;
	margin-bottom: 3px;
}

.C-ProductPriceItalic-3cell {
	font-style: italic;
	font-size:small;
	font-weight:normal;
}

.C-AddToCart {
	text-align:center;
	font-size: 14px;
	color: #880088;
	margin: 3px 0px 6px 0px;
	padding: 3px 0px 6px 0px;
}

.C-ProductPriceName_2Cells {
	background: #F9A651; 
	width:362px; 
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #880088;
	border-bottom: thin #880088 solid; 
	padding-bottom: 6px; 
	padding-top: 6px; 
	margin-top: 0px;
	margin-bottom: 0px;
}

.C-ProductPriceName {
	background: #F9A651; 
	width:724px; 
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #880088;
	border-bottom: thin #880088 solid; 
	padding-bottom: 6px; 
	padding-top: 6px; 
	margin-top: 0px;
	margin-bottom: 0px;
}

.C-ProductPrice { 
	width:724px; 
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	margin-top: 3px;
	margin-bottom: 3px;
}

.C-ProductPrice_2Cells { 
	width:362px; 
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	margin-top: 3px;
	margin-bottom: 3px;
}

.C-ProductPriceItalic {
	font-style: italic;
	font-size:small;
	font-weight:normal;
}

/* ************************************************************************************************************ */
/* ************************************************************************************************************ */
/* ************************************************************************************************************ */  


/* TOP NAVIGATION MENU */  

#nav { /* ALL TEXT */
    padding: 0;
    padding-top: 9px;
    margin: 0;
    list-style: none;
    line-height: 1;
    padding-left: 0px;
    float:right;
    position: relative;
    z-index: 1000;
    text-align: center;
}

#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	float: left;
}

#nav a { /* LEVEL 1 Menu - Top Row of menu */
	display: block;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
    text-align: center;
	text-decoration: none;
	color:#F9A651; /* Cat Orange Text */
	padding-left: 4px;
	padding-top: 4px;
	background-image: url('../../Dog/images/top-nav-off.gif'); /* Cat Purple TAB */
	background-repeat: no-repeat;
	width: 72px; /* Width of each TAB when PURPLE. The larger the separation, the wider the separation in between TABs */
	height: 33px; /* Height of each TAB WHEN PURPLE!!!. The larger the height, the wider the separation is of the DROP DOWN menu when TAB goes back to PURPLE */
}

#nav a:hover {
	display: block;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
    text-align: center;
    text-decoration: none;
	color:#880088; /* Cat Purple Text */
	padding-left: 4px;
	padding-top: 4px;
	background-image: url('../../Dog/images/top-nav-on.gif');
	background-repeat: no-repeat;
	width: 72px; /* Width of each TAB when YELLOW or selected. The larger the separation, the wider the separation in between TABs when they are YELLOW */
	height: 33px; /* Height of each TAB WHEN YELLOW!!!. The larger the height, the wider the separation is of the DROP DOWN menu when TAB is YELLOW */
}

#nav li { /* LEVEL 1 Menu - Affects the PADDING between Items */
	float: left;
	padding-right: 0px;
    text-align: center;
    /* width: 120px; /* width needed or else Opera goes nuts - AFFECTS ALL ITEM WIDTHS, including the drop downs!! */
}

#nav li.sfhover ul li.sfhover {background:#880088;} 

#nav li ul li:hover {background:#880088;} /* LEVEL 2 Menu HIGHLIGHT */

#nav li ul { /* LEVEL 2 MENU - DROP DOWN LIST */
	position: absolute;
	margin-top: -4px;
	background: transparent;
	width: 205px;
	height: 18px;
	left: -999em;
	border-top:1px solid #880088;
	
	/* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li { /* all list items */
	padding-right: 0px;
	background:#FFAAFF;
	border:1px solid #880088;
	border-top: none;
	/*width: 120px; /* width needed or else Opera goes nuts */
}

#nav li ul:hover { /* second-level lists */
	position: absolute;
	background: #FFAAFF;
	width: 205px;
	height: 18px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover { /* second-level lists */
	position: static;
}

#nav li:hover { /* second-level lists */
	position: static;
}

#nav li ul a { /* second-level lists */
	display: block;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	color:#000000;
	background-image: url('../images/C-ButtonBackgroundWithFish.gif');/* FOR DROP DOWN BUTTONS - An Orange Fish with Transparent Background... LOOKS GREAT!!! */
	padding:5px 0 0 3px;
	width: 200px;
	height: 18px;
	margin-top: 0px;
}

#nav li ul a:hover { /* second-level lists */
	display: block;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	color:#FCCB9A;
	background-image: none;
	padding:5px 0 0 3px;
	width: 200px;
	height: 18px;
	margin-top: 0px;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -2.1em 0px 0px 125px;
}

#nav li.sfhover ul ul ul ul ul{    
left: -999em; 
} 

#nav li.sfhover ul ul ul ul{    
left: -999em; 
} 

#nav li.sfhover ul ul ul{    
left: -999em; 
} 

#nav li.sfhover ul ul{    
left: -999em; 
} 

#nav li:hover ul ul ul ul ul ul{    
left: -999em; 
} 

#nav li:hover ul ul ul ul ul{    
left: -999em; 
} 

#nav li:hover ul ul ul ul{    
left: -999em; 
} 

#nav li:hover ul ul ul{    
left: -999em; 
} 

#nav li:hover ul ul{    
left: -999em; 
} 

#nav li li li li li.sfhover ul{     
left: auto;
} 


#nav li li li li.sfhover ul{     
left: auto;
} 


#nav li li li.sfhover ul{     
left: auto;
} 


#nav li li.sfhover ul{     
left: auto;
} 


#nav li.sfhover ul{     
left: auto;
} 


#nav li li li li li li:hover ul{     
left: auto;
} 


#nav li li li li li:hover ul{     
left: auto;
} 


#nav li li li li:hover ul{     
left: auto;
} 


#nav li li li:hover ul{     
left: auto;
} 


#nav li li:hover ul{     
left: auto;
} 


#nav li:hover ul{     
left: auto;
} 