/*My Dog Brand CSS */

/*Colors
000000  Black
FFFFFF  White
CCCCCC  Gray for photo borders (old)
666666  Gray
990000  Red
003366  Blue (links)
f7f6f9	Light blue lines
EEEEEE	Photo Background
*/

/*Columns
body = 960
side = 220
cont = 
*/

/* Layout */
body	{
	width: 960px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #990000;
	background-color: f0dff7;
}
.div-banner {
	position: absolute;
	border-top: solid 12px #000000;
	padding-top:5px;
	top: 0px;
	left: 0px;
	width: 100%;
}
/*For Blue Interface*/
.div-card {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 960px;
	z-index: 10;
}
.div-menu-side {
	position: absolute;
	top: 160px;
	border-top: solid 2px #990000;
	padding-top:5px;
	left: 10px;
	width: 200px;
}
.div-content {
	position: absolute;
	top: 25px;
	left: 240px;
	width: 720px;
	z-index: 10;
}

.div-content-left {
	float: right;
	position: absolute;
	top: 25px;
	left: 240px;
	width: 355px;
	z-index: 10;
}
.div-content-right {
	float: right;
	position: absolute;
	top: 25px;
	border-top: solid 2px #990000;
	padding-top:5px;
	left: 605px;
	width: 355px;
	z-index: 10;
}
.div-content-4th-qtr {
	position: absolute;
	top: 25px;
	border-top: solid 2px #990000;
	padding-top:5px;
	left: 780px;
	width: 180px;
	z-index: 10;
}
.div-gallery-photo {
	float: left;
	position: relative;
	left: 50px;
	text-align: center;
	z-index: 10;
}
.div-gallery-photo-tall {
	float: left;
	position: relative;
	left: 50px;
	width: 280px;
	text-align: center;
	padding-bottom: 15px;
	z-index: 10;
}

	/* Used on Retailer/Distributor/Contact pages*/
.div-contact-image {
	float: right;
	position: absolute;
	top: 170px;
	left: 670px;
	width: 240px;
	background-color: #FFFFFF;
	z-index: 0;
}
	/* Used for the Top link heart */
.float-right {
	position: relative;
	top: 35px;
	left: 670px;
	background-color: #FFFFFF;
}

/* Product Page Styles */
.container-row {
	clear: both;
	width: 720px;
	margin-bottom: 5px;
}

    /* Sets block size for product page descriptions */
.products-text {
	float: left;
	width: 112px;
	text-align: center;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
}
.div_product_photo_block {
	position: relative;
	float: left;
	width: 112px;
	text-align: center;
	padding-left:20px;
	padding-right:20px;
}


/* Formatting */
/* Gives padding to a div */
.padding {
	padding-left: 15px;
	padding-right: 15px;
}
	
/* Formats photographs */
.img-photo-border {
	border-color: #f7f6f9;
	border-width: 15px;
}
.red {
	color: #990000;
}
.red-hearts {
	color: #990000;
	font-size: 18px;
}
.black {
	color: #000000;
}
.small {
	font-size: 10px;
}
.line-red {
	height:5px;
	background:#f7f6f9;
}
.line-blue {
	height:1px;
	background:#003366;
}

/* HTML Styles */
p	{
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	color: #666666;
}

p.index {
	width:520px;
	padding-left:15px;
	}
	

ul {margin-top: 3px; margin-bottom: -1px;}
li {margin-top: 3px; margin-bottom: 6px;}

H1 {
	font-size: 18px;
	margin-bottom: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #990000;
}
H2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	margin-top: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #b67868;
}
H3 {
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	margin-top: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #990000;
}


/*Menu Styles*/
	
a.menu:link			{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	color: #5e6678;
	text-decoration: none;
} 
a.menu:visited	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	color: #5e6678;
	text-decoration: none;
}
a.menu:hover	{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	color: #990000;
	text-decoration: underline;
}
a.menu:active	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	color: #5e6678;
	text-decoration: none;
}
/*SubMenu Styles*/
a.submenu:link			{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	color: #5e6678;
	text-decoration: none;
} 
a.submenu:visited	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	color: #5e6678;
	text-decoration: none;
}
a.submenu:hover	{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	color: #990000;
	text-decoration: underline;
}
a.submenu:active	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	color: #5e6678;
	text-decoration: none;
}


/* Link Styles */
a:link			{
	font-size: 12px;
	color: #5e6678;
	text-decoration: underline;
}
a:visited	{
	font-size: 12px;
	color: #5e6678;
	text-decoration: underline;
}
a:hover	{ 
	font-size: 12px;
	color: #990000;
	text-decoration: underline;
}
a:active	{
	font-size: 12px;
	color: #5e6678;
	text-decoration: none;
}

/* Small Link Styles */
a.small:link			{
	font-size: 11px;
	color: #5e6678;
	text-decoration: none;
}
a.small:visited	{
	font-size: 11px;
	color: #5e6678;
	text-decoration: none;
}
a.small:hover	{ 
	font-size: 11px;
	color: #990000;
	text-decoration: none;
}
a.small:active	{
	font-size: 11px;
	color: #5e6678;
	text-decoration: none;
}