﻿
/* CSS Document */

/* LINKS */
/* Main Body defaults */
BODY {
 	background: #FFF5B0 url("../images/D-Background.gif") repeat fixed left;
}

.D-TextTitleXXLargeBoldCentrePurpleMargin-top5px{
	font-size: xx-large;
	font-weight: bold;
	text-align: center;
	color: #880088;
	margin-top: 5px;
}

.D-TextAlignCentreMarginTop5pxMarginBottom5px {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

.D-ProductTextNameTopCell-2cell {
	background: #FCED6C; 
	width:241px; 
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #880088;
	padding-bottom: 6px; 
	padding-top: 6px; 
	margin-top: 0px;
	margin-bottom: 0px;
	width:291px;
}

.D-TableCell-BottomBorder1pxSolidPurple {
	border-bottom: 1px solid #880088;
}

.D-TableBorder1pxSolidPurple {
	border: 1px solid #880088;
	border-collapse: collapse;
}

.D-CellWidth291pxVerticalAlignBottomTextAlignCentre {
	width: 291px;
	vertical-align:bottom;
	text-align:center;
}

.D-CellWidth292pxVerticalAlignBottomTextAlignCentre {
	width: 292px;
	vertical-align:bottom;
	text-align:center;
}

.D-TableWidth874pxCellpadding2 {
	width: 874px;
	padding:2px 2px 2px 2px;
}

.D-CentreXXLargeFontPurpleText {
	font-size:xx-large;
	font-weight:bold;
	text-align:center;
	color:#880088;
}

.D-CentreXLargeFontGreyText {
	font-size:x-large;
	font-weight:bold;
	text-align:center;
}

.D-CentreMediumFontGreyText {
	font-size:large;
	font-weight:bold;
	text-align:center;
}


.D-CentreMediumFontPurpleText {
	font-size:large;
	font-weight:bold;
	text-align:center;
	color:#880088;
}

.D-ProductBodyContainer {
	width: 724px; 
	left: 151px; 
	top:6px;
	position:absolute;
}

.D-ProductBodyContainerBottom {
	width: 724px; 
	left: 151px; 
	top:151px;
}

.D-ProductContainer {
	width: 874px; 
}

.D-SmallSpace {
	font-size:10px;
	font-style:normal;
	margin: -7px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.D-ThinPurpleLine {
	background: #880088; 
	width: 874px; 
	height: 5px; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.D-ThinYellowLine {
	background: #FCED6C;
	width: 874px; 
	height: 5px; 
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;

}

.D-WidePurpleLine {
	background: #880088; 
	width: 874px; 
	color: #FCED6C;
	font-size: xx-large;
	font-weight: bold;
	text-align: center;
	height: 50px;
	margin: 0px 0px 0px 0px;
	line-height: 100%;
	margin-top: 7px;	
	padding: 0px 0px 0px 0px;
}

.D-ProductPage-Price {
	width: 724px; 
	height: 125px; 
	left: 150px; 
	top:155px;
	position:absolute;
	border:thin #880088 solid;
	border-bottom: thin #880088 solid;
}

.D-AddToCart {
	text-align:center;
	font-size: 14px;
	color: #880088;
	margin: 3px 0px 6px 0px;
	padding: 3px 0px 6px 0px;
}

.D-TableBorders-362px {
	border: 1px solid #880088;
	width:362px;
	border-collapse: collapse;
	border-spacing:0px 0px;
	margin:0px 0px 0px 0px;
}

}
.D-ProductContainer {
	position: absolute; 
	width: 874px; 
	z-index: 2; 
	top: 150px; 
	left: 150px; 
	height:681px
}

.D-Product-Price-TopCell {
	border: 1px solid #880088;
	background: #FCED6C;
	width: 241px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #880088;
	padding-bottom: 6px;
	padding-top: 6px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.D-Product-Price-TopCell-NoSize {
	border: 1px solid #880088;
	background: #FCED6C;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #880088;
	padding-bottom: 6px;
	padding-top: 6px;
	margin-top: 0px;
	margin-bottom: 0px;
}


.D-Product-Price-TopCell-291px {
	border: 1px solid #880088;
	background: #FCED6C;
	width: 291px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #880088;
	padding-bottom: 6px;
	padding-top: 6px;
	margin-top: 0px;
	margin-bottom: 0px;
}



.D-Product-Price-TopCell-292px {
	width: 292px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #880088;
	padding-bottom: 6px;
	padding-top: 6px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.D-Product-Price-TopCell-874px {
	width: 874px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #880088;
	padding-bottom: 6px;
	padding-top: 6px;
	margin-top: 0px;
	margin-bottom: 0px;
}


.D-LARGEtext-874px {
	width: 874px;
	text-align: center;
	font-size: 24px;
	font-weight:bolder;
	font-variant:small-caps;
	color: #880088;
	padding-bottom: 6px;
	padding-top: 6px;
	margin-top: 0px;
	margin-bottom: 0px;
}


.D-Product-Price-TopCell-362px {
	border: 1px solid #880088;
	background: #FCED6C;
	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;
}

.D-Product-Price-TopCell-724px {
	border: 1px solid #880088;
	background: #FCED6C;
	width: 724px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #880088;
	padding-bottom: 6px;
	padding-top: 6px;
	margin-top: 0px;
	margin-bottom: 0px;
}


.D-BorderSolid_1px {
	border-style: solid;
	border-width: 1px;
}
.D-ProductPriceName {
	background: #FCED6C; 
	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;
}


.D-ProductPriceName-3cell {
	background: #FCED6C; 
	width:241px; 
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #880088;
	padding-bottom: 6px; 
	padding-top: 6px; 
	margin-top: 0px;
	margin-bottom: 0px;
}

.D-ProductPriceName-3cell-291px {
	background: #FCED6C; 
	width:291px; 
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #880088;
	padding-bottom: 6px; 
	padding-top: 6px; 
	margin-top: 0px;
	margin-bottom: 0px;
}

.D-ProductPriceName-3cell-292px {
	width:292px; 
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #880088;
	padding-bottom: 6px; 
	padding-top: 6px; 
	margin-top: 0px;
	margin-bottom: 0px;
}

.D-ProductPriceName-2cell {
	background: #FCED6C; 
	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;
}

.D-ProductPriceName-1cell {
	background: #FCED6C; 
	width:724px; 
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #880088;
	padding-bottom: 6px; 
	padding-top: 6px; 
	margin-top: 0px;
	margin-bottom: 0px;
}

.D-ProductPriceNameText {
	margin-top: 0px;
	margin-bottom: 0px;
}

.D-ProductPrice { 
	width:724px; 
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	margin-top: 3px;
	margin-bottom: 3px;
}


.D-ProductPrice-874 { 
	width:874px; 
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	margin-top: 3px;
	margin-bottom: 3px;
}

.D-ProductPrice-3cell { 
	width:241px; 
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	margin-top: 3px;
	margin-bottom: 3px;
}

.D-ProductPrice-2cell { 
	width:362px; 
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	margin-top: 3px;
	margin-bottom: 3px;
}

.D-ProductPrice-1cell { 
	width:724px; 
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	margin-top: 3px;
	margin-bottom: 3px;
}


.D-ProductPrice-292px { 
	width:292px; 
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	margin-top: 3px;
	margin-bottom: 3px;
}

.D-ProductPriceItalic {
	font-style: italic;
	font-size:small;
	font-weight:normal;
}

.D-ProductPriceItalic-3cell {
	font-style: italic;
	font-size:small;
	font-weight:normal;
}

.D-ProductPicture {
	background: #FFFFFF; 
	width: 150px; 
	height: 140px; 
	border-width: 0px;
}

.D-ProductTitleName {
	color: #880088;
	text-align: Left;
	font-size: xx-large;
	font-weight: bold;
	padding-left:10px;
	vertical-align:middle;
}

.D-ProductTitleCaption {
	color: #666666;
	text-align: Left;
	font-size: 16px;
	font-weight: bold;
	padding-left:10px;
}

.D-ProductTitleCaptionHighLightInPurple {
	color: #880088;
}

.D-ProductTitleNameITALIC-GREY {
	color: #666666;
	font-style:italic;
	font-weight:bold;
	font-size:x-large;
}

.D-ProductTitleNameITALIC-RED {
	color:red;
	font-style:italic;
	font-weight:bold;
	font-size:x-large;
}

.D-TestimonialITALIC-GREY {
	color: #666666;
	font-style:italic;
	font-weight:bold;
	font-size:medium
}

.D-ThinLine {
	color: #880088;
	text-align: left;
}

.D-PurpleBackground {
	background-color: #880088;
	border-collapse: collapse;
}

.D-YellowBackground {
	background-color: #FCED6C;
	border-collapse: collapse;
}

.D-YellowTextHeaderTitlesInPurpleBackground {	
	font-size:xx-large; 
	text-align:center; 
	font-weight:bold; 
	color:#FCED6C; 
	margin:0px 0px 0px 0px; 
	padding:20px 0px 20px 0px; 
	background:#880088;
}

/* 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:#FFF5B0; /* Dog Yellow Text */
	padding-left: 4px;
	padding-top: 4px;
	background-image: url('../images/top-nav-off.gif'); /* Dog 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; /* Dog Purple Text */
	padding-left: 4px;
	padding-top: 4px;
	background-image: url('../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/D-ButtonBackgroundWithBone.gif');/* FOR DROP DOWN BUTTONS - A Yellow bone with Transparent Background... LOOKS GREAT!!! */
	padding:5px 0 0 3px;
	width: 210px;
	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:#FFF5B0;
	background-image: none;
	padding:5px 0 0 3px;
	width: 210px;
	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;
} 




