/*
		Name:	ecpSite.css
        Author:	Bob Meinhart (bob@eCommerce-Plus.com)
Description:	CSS file
      Created:	 01/16/2007
     Updated:	 01/16/2007
*/

#homeTopTable {
	width: 100%;
}
#homeMidTable {
	width: 100%;
}
#homeBotTable{
	width: 100%;
}
#homeTopTable h1, #homeMidTable h1, #homeBotTable h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-style: normal;
	font-weight: bold;
	color: #A80000;
	text-align: center;
}
#homeTopTable h2, #homeMidTable h21, #homeBotTable h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-style: normal;
	font-weight: bold;
	color: #000099;
	text-align: center;
}
#homeTopTable h3, #homeMidTable h3, #homeBotTable h3  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-style: normal;
	font-weight: bold;
	color: #000099;
	text-align: center;
}
#homeTopTable a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	color: #000099;
	text-align: center;
	text-decoration: none;
}
#homeTopTable a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	color: #000099; 
	text-align: center;
	text-decoration: underline;
}

#newsColumnTable {
}
#newsColumnTable img {
	border: 1px solid #999999;
	cursor: pointer;
}
#newsColumnTable a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: bold;
	color: #000066;
	text-decoration: none;
}
#newsColumnTable a:hover {
	color: #A90000;
	text-decoration: underline;
}
table.puppyHeaderTable img {
	border: 1px solid #CCCCCC;
}
table.puppyTable img {
	border: 1px solid #CCCCCC;
}
#crossOut {
	text-decoration: line-through;
	/*color: #A90000;*/
}
#paymentTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	line-height: 1.7em;
	font-weight: bold;
	text-decoration: underline;
}
#paymentText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	line-height: 0.9em;
	font-weight: normal;
}
img.puppySold {
	position: static;
	right: -50px;
	top: 100px;
}
div.puppyForSale {
}
div.dogTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
}
div.dogDescription {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
}
a.akcPedigree {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: bold;
	color: #000066;
	text-decoration: none;
}
a.akcPedigree:hover {
	color: #A90000;
	text-decoration: underline;
}
div.puppyTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	text-align: center;
}
div.puppyDescription {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	text-align: center;
}
#pastPuppiesTable {
}
#pastPuppiesTable div.pastTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: bold;
	text-align: center;
}
#pastPuppiesTable div.pastDescription1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	line-height: 1em;
	width: 150px;
}
#pastPuppiesTable div.pastDescription2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	width: 150px;
	line-height: 1em;
}
#pastPuppiesTable img {
	width: 130px;
	border: 1px solid #666666;
}

img.puppyImage {
	height: 130px;
	width: 130px;
	border: 1px solid #666666;
}
td.dogImage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	color: #005BBF;
}
td.dogImage img {
	height: 130px;
	width: 130px;
	border: 1px solid #666666;
}
a.akcPedigree {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-weight: bold;
	color: #A90000;
	text-decoration: none;
}
a.akcPedigree:hover {
	color: #0000FF;
	text-decoration: none;
}
img.puppyImage {
	height: 130px;
	width: 130px;
	border: 1px solid #666666;
}
div.puppyTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	text-align: center;
}
div.puppyDescription {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	text-align: center;
}
.rightHeadline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	color: #2F4459;
	text-align: center;
	text-decoration: underline;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 62.5%;
	font-style: normal;
	font-weight: bold;
	margin: 10px;
	padding: 0px;
	height: 100%;
	clear: both;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
}
h1 { color: #AC1004; font-size: 3em; font-weight: bold; }
h2 { color: #AC1004; font-size: 2em; font-weight: bold; }
h3 { color: #000000; font-size: 1.5em; font-weight: bold; }

a:link		{ color: #000000; text-decoration: none; }
a:visited	{ color: #000000; text-decoration: none; }
a:active	{ color: #000000; text-decoration: none; }
a:hover	{ color: #A90000; text-decoration: underline; }

#wrapper {
	margin: 0px;
	padding: 0px;
	height: 96%;
	width: 100%;
}
#mainTable {
	height: 100%;
	width: 100%;
}
#pageTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	position: relative;
	top: -12px;
	border: 1px solid #666666;
}
#contactUsCompany {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 1.0em;
	font-style: normal;
	font-weight: bold;
}
#contactUs {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
}
td.headerSpan {
	background-image: url(images/header2.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
td.leftSpan {
	background-image: url(images/left2.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
td.rightSpan {
	background-image: url(images/right2.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
td.rightSpan p {
	color: #2F4459;
	font-weight: bold;
}
td.rightSpan a {
	color: #2F4459;
	text-decoration: none;
}
td.rightSpan a:hover {
	color: #A90000;
	text-decoration: underline;
}
td.footerSpan {
	background-image: url(images/footer2.gif);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: center;
}
#footerContact {
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
a.footerContactUs {
	font-size: 1.0em;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
a.footerContactUs:hover {
	color: #A90000;
	text-decoration: underline;
}
td.menu {
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-align: center;
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;
}
td.ecpFooter {
	text-align: left;
	font-size: 0.7em;
	font-style: italic;
	font-weight: normal;
	text-indent: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #003300;
}
a.ecpLink {
	color: #003300;
	text-decoration: none;
}
a.ecpLink:hover {
	color: #A90000;
	text-decoration: underline;
}

/*------FORM STYLE ELEMENTS-------------------------------------*/
label.contactForm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #333333;
}
input.requiredField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	color: #AC1004;
	background-color: #FFFFCC;
	text-align: left;
	vertical-align: bottom;
	border: 1px #333333 solid;
	padding-left: 5px;
}
input.optionalField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal; 
	font-weight: bold;
	color: #333333;
	background-color: #FFFFFF;
	text-align: left; 
	vertical-align: bottom;
	border: 1px #003300 solid;
	padding-left: 5px;
}
input.readOnlyField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	color: #AC1004;
	background-color: #EEEECC;
	text-align: left;
	vertical-align: bottom;
	border: 1px #333333 solid;
	padding-left: 5px;
}
textarea.optionalField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal; 
	font-weight: bold;
	color: #333333;
	background-color: #FFFFFF;
	text-align: left; 
	vertical-align: bottom;
	border: 1px #333333 solid;
	padding-left: 5px;
}
textarea.requiredField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal; 
	font-weight: bold;
	color: #AC1004;
	background-color: #FFFFCC;
	text-align: left; 
	vertical-align: bottom;
	border: 1px #333333 solid;
	padding-left: 5px;
}
select.requiredField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	color: #AC1004;
	background-color: #FFFFCC;
	text-align: left;
	vertical-align: bottom;
	border: 1px #333333 solid;
	padding-left: 5px;
}
input.submitButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #9583AA;
	cursor: pointer;
}

