/* CSS Document */

body {
	margin:0;
	padding:0 0 40px 0;
	
	border:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-size:85%;
	
	background-image:url(graphics/backgroundDiamonds.jpg);
	background-repeat:repeat-x;
	background-position: bottom;
}

/*html, body {
	height: 100%;
}*/

img {
	border:none;
	margin: 0;
	padding: 0;
}

h2 {
	color:#6E4046;
	/*font-size:140%;*/
}

h3 {
	color:#D92E00;
}

a {
	color:#FF4200;
	text-decoration:none;
}


a:hover,  p a:hover, div a:hover {
	color:#6E4046;

}

a:visited {
	color:#FF4200;
}

label { 
	float: left;
	width: 120px;
}

.smallerText {
	font-size: 70%;
}

.smallMediumText {
	font-size: 80%;
}

.blueHover {
color: #0066CC;
}


/* -- Begin Website general styles -- */

#content .pic-left	{
	float: left;
	margin: 0 1em 1em 0;
	}

#content .pic-right {
	float: right;
	margin: 0 0 1em 1em;
		
	}
	
#hidOne {
	position: absolute;
	left: 10px;
	top: 500px;
}

/* -- End Website General Styles -- */

#overall {
	width: 767px;
	margin: 0 auto;
	padding: 0;
	/*text-align:left;*/

	color: #656565;
	background-image:url(graphics/pageBanner3.gif);
	background-position: top center;
	background-repeat: no-repeat;

	border-top: 1px solid #FFF;
}

#overallHome {
	border-top: 1px solid white;
	width: 767px;
	margin: 0 auto;
	padding: 0;
	/*text-align:left;*/

	color: #656565;
	/*border:1px solid red;*/
}

#flashBackground {
	border-top: 1px solid white;
	width: 766px;
	margin: 0 auto 0 auto;
	padding-left: 25px;
}

#menu {
	width: 701px;
	height: 36px;

	margin: 260px auto 0 auto;

	border-right: 1px solid #AA0202;
	border-top: 1px solid #AA0202;
	border-left: 1px solid #AA0202;
}

#flashMenu {
	width: 701px;
	height: 200px;

	margin: 0 auto 0 auto;

	border-right: 1px solid #AA0202;
	border-top: 1px solid #AA0202;
	border-left: 1px solid #AA0202;	
}

#flashMenuGeneric {
	width: 701px;
	height: 200px;

	margin: 260px auto 0 auto;

	border-right: 1px solid #AA0202;
	border-top: 1px solid #AA0202;
	border-left: 1px solid #AA0202;
	
}

#accessibilityOptions {
	margin: 10px;
	float: right;
	text-align:right;
}

#font_select {
	display:inline;
}

#emailImageWithBorder{
	padding: 0 4px 0 0;
	border-right: 1px solid grey;
}

#contentSection {
	border-left: 1px solid #AA0202;
	border-right: 1px solid #AA0202;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #D7D5D6;
	
	margin: 0 auto;
	
	background-color: #FFFFFF;
	
	width: 701px;
	min-height: 300px;
	
}

#content {
	/*border: 1px solid brown;*/
	margin: 1em;
	min-height: 300px;
}

#contentText {
	margin: 2em;
}

#sectionalLinks {
	width: 701px;
	height:60px;
	
	border-left: 1px solid #AA0202;
	border-right: 1px solid #AA0202;
	border-bottom: 1px solid #D7D5D6;
	
	background-color: #FFFFFF;
	
	margin: 0 auto;
	padding-top:1.5em;
}

#sectionalLinks #petsLink {
	float: left;
	margin: 0 0 0 20px;
	font-size: 90%;
}

#sectionalLinks #peopleLink {
	border: 1px solid white;
	width: 340px;
	float: right;
	margin: 0 15px 0 0;
	font-size: 90%;
}


#footer {
	width: 701px;
	height:33px;
	
	border-bottom: 1px solid #AA0202;
	border-left: 1px solid #AA0202;
	border-right: 1px solid #AA0202;
	
	background-color: #FFFFFF;
	
	margin: 0 auto;
	padding-top:.5em;
}

#footer #footerContent {
	
	margin:0 auto 0 auto;
	width: 300px;

	float:left;
	text-align: left;
	padding-left: 1em;
	
	font-size:10px;
	margin: 0 0 0 2em;
	/*border: 1px solid purple;*/
	
	
}

#footer #footerLinks {
	border: 1px solid white;
	width: 300px;
	float: right;
	font-size: 10px;
	text-align: right;
	
	margin: 0 2em 0 0;
}


.visibleHr {
	clear: both;
	margin: 0 30px;
}

.invisibleHr {
	visibility:hidden;
	clear: both;
}

/* -- End General Site Layout -- */


#photos {
	text-align: center;
}

#photos img {
	border: 1px solid #AA0202;
	margin: 0 .75em 0 .75em;
}




/*	Main menu
----------------------------------------------------------- */	
#menuLinks	{
	
	float: left;
	margin: 8px 0 0 0;
	padding: 0;
	font-size: 18px;
	font-family:"Times New Roman", Times, serif;
}

#menuLinks ul li a {
	color: #3D0008;
}


#menuLinks ul { 
	margin: 0; 
	padding: 0; 
	list-style: none;
} 



#menuLinks ul li { 
	position: relative;
	display: inline;
	
	margin-left: 3px;
}

#menuLinks ul li ul {
	border: 1px solid #AA0202;
	height: 115px;
	min-height: 115px;
	background: #FFF;
} 

#menuLinks li ul { 
	position: absolute; 
	left: 0px; /*Set 1px less than menu width */ 
	top: 28px;
	display: block; 
	padding-left: 6px;
} 

#menuLinks li:hover ul, li.over ul {
	display: block;
} 

#menuLinks li:hover>ul { 
	visibility:visible;
} 

#menuLinks ul ul {
	visibility:hidden; 
}

/* Fix IE. Hide from IE Mac \*/ 
* html #menuLinks ul li { float: left; height: 1%; }
* html #menuLinks ul li a { height: 1%; }
/* End */ 

/* Make-up syles */ 

#menuLinks ul, #menuLinks li { 
	margin: 0 0 0 0; 
} 

/* Styles for Menu Items */ 
#menuLinks ul a { 
	display: inline; 
	text-decoration: none; 
	/*background: #fff; /* IE6 Bug */ 
	
	padding: 6px 2px;
}


/* Hover Styles */ 
#menuLinks ul a:hover { 
	color: #E2144A;  
} 

/* Sub Menu Styles */ 
#menuLinks li ul a { 
	text-decoration: none; /* IE6 Bug */ 
	
	font-size: 80%;
	
	float: left;
	clear: left;
	
	width: 160px;
	min-width: 160px;
} 

/**************** End of Main Menu *********/


/******** Contact Page CSS *******/


#contactPageImage {
	float: right;
	margin: 20px 70px 0 0;
}

#contactDetails {
}

#contactForm {
	float: left;
	/*width:300px;*/
}

#contactForm p {
	width: 650px;
}

#emailContacts {
	float: right;
	width: 300px;
	border-left: 1px solid #A20202;
	padding-left: 30px;
}

#contactNote {
	height:60px;
	border-top: 1px solid #D7D5D6;
	
	background-color: #FFFFFF;
}

#errorlist {
	margin: 1em;
}

#commentsSubmitLabel { 
	float: left;
	width: 160px;
}

/********* End of Contact Page ***/

#suggestionForm {
	float: left;
}

#suggestionForm p {
	width: 350px;
}

#commentsContacts {
	height: 300px;
	border-left: 1px solid #A20202;
	float: right;
	padding-left: 20px;
}


/********* Comments Page *********/


/********* End of comments page **/


/********* Process Page **********/

#processDiamond {
	float: right;
}

#imageAndText {
	float: left;
}

#processDiamondBorder {
	float: right;
	border: 1px solid #a20202;
}

#processDiamondLeft {
	float: left;
	padding-right: 10px;
}

#processDiamondLeftBorder {
	float: left;
	border: 1px solid #A20202;
}

#enlargeTextLeft {
	float: left;
	clear: both;
}


/********* End of Process Page ***/

/********* Links Page ************/

#links {
	min-height: 250px;
}

.linkTextPadded {
	float: right;
	width: 350px;
}

/********* End of Links Page ***/


/********* Links with floating Frame */

.doubleUnderLink {
	text-decoration: underline;
	border-bottom: 1px solid #FF4200;
	padding-bottom: 0px;
	color: #FF4200;
	background-color: transparent;
	cursor: pointer;
	cursor: hand;
}

.codeText {
	font-family:"Courier New", Courier, monospace;
}

/********************************************/


/*********** Products Page ******************/

.visibleProductHr {
	clear: both;
	margin: 10px 30px;
	text-align: center;
}

#brochureDownload {
	float: left;
	width: 110px;
}

#brochureDownload img {
	text-align: center;
}


#advertDownload {
	width: 110px;
}


#advertDownload img {
	text-align: center;
}



#orderDownload {
	width: 110px;
}

#orderDownload img {
text-align: center;
}



#vetdownload {
	width: 110px;
}


#vetdownload img {
text-align: center;
}


#bookmarkdownload {
	width: 110px;
}


#bookmarkdownload img {
	text-align: center;
}


#brochureDownloadText {
	text-align: left;
	vertical-align:top;
}

#adobeDownloadImage {
	padding: 20px 25px 0 25px;
}

#adobeDownloadText {
	font-size: 80%;
	padding: 0 25px;
}

#productImage {
	padding: 0 10px 8px 4px;
	float: left;
}

#productImageRight {
	float: right;
	padding: 0 4px 8px 8px;
}

#productImage img {
	border: 1px solid #AA0202;
}

#productImageRight img {
	border: 1px solid #AA0202;
}

#productImageCentred {
	text-align: center;
	padding-top: 10px;
}

#productImageCentred img {
}

#productText {
}

#pageLinkText {
	float: right;
}

#pageLinkTextBack {
	float: left;
}

.centredText {
	text-align: center;
}

.alignedText {
	padding: 0 0 0 170px;
}


.RedStrongStrap {
text-align: center;
font: 18px "Georgia", Times New Roman, Times, serif;

color:#660000;
}


/*********** End of Products Page ***********/


/*********** Customer comments page *********/

#customerText {
	font-style: italic;
	font-weight:bold;
}

#customerName {
	padding: 0 0 0 30px;
}


/*********** End of Customer comments ********/


/*********** Custom Designs Page *************/

.largerFont {
	font-size: 120%;
}


/*********** End of Custom Designs Page ******/