/* css =info
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
	
			document:                	css document
			media-type:            		screen
			version:                   	buildout v. 1.00
			
			author:                     	sam howat, bluetux internet services
			contact:                    	sam@bluetux.com 
			
			color-description:     	#c4c4c4
			color-description:     	#c4c4c4
			color-description:     	#c4c4c4
			color-description:     	#c4c4c4
	
			note: 				see creative brief: http://www.website.com/cb/
	
			*/



/* =globalStyles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

			html { margin: 0 0 1px;  }
			
			body { 
			
			background: #50B8E6 url(../../_img/bg/mainBg.jpg) top left repeat-x;
				
			margin: 0; padding: 0; 
				
			font-family: Helvetica, Arial, "Lucida Sans Unicode", "Lucida Grande",  sans-serif;
				
			font-size: 62.5%;  /* Sets browsers default unit of measure for em to 10px. */
				
			}
			
			h1, h2, h3, h4, h5, h6 {  
			
			font-family: Helvetica, Arial, "Lucida Sans Unicode", "Lucida Grande",  sans-serif;
			
			line-height: 100%; 
			
			margin: 0px; padding: 0px; 
			
			}
			
			p, dl, dt, dd, blockquote, pre  { 
			
			font-family: Helvetica, Arial, "Lucida Sans Unicode", "Lucida Grande",  sans-serif;
			
			letter-spacing: -0.03em;		
			
			}
			
			ol, ul { 
			
			margin: 0; padding: 0;
			
			list-style: none; 
			
			 }
			 
			strong, b, .bold { font-weight: bold; } 
			
			em, i, .emp { font-style: italic; }
				
			hr { display: none; }
			
			form { margin: 0px; padding: 0px; } 
				
			a img { border: none; }
		


/* =structureStyles 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
				
			#controlDiv { 
				
				width: 750px; 
				
				background-color: white;
				
				margin: 0 auto 10px auto; padding: 0px;
				
				border-top: 0 solid white;
				
				border-left: 7px solid #FFF; 
				
				border-right: 7px solid #FFF; 
				
				border-bottom: 7px solid #FFF; 
				
				}
			
			#headerDiv { 
			
				background: #FFF url("../../_img/bg/headerDivBg.jpg") top left no-repeat; 
				
				width: 750px; height: 38px; 
				
				margin: 0; padding: 12px 0 0 0;
				
				text-align: right; 
				
				}
			
			#headerPhotoDiv { 
			
			
			background-color: #ACE60B;
			
			clear: both;
				
			}
			
			#contentControlDiv {
				
				padding-top: 1px; 
				
				background-color: white; 
				
				clear: both; 
				
				}
			
			#leftColDiv { 
				
				background-color: #065380; 
				
				width: 185px; height: auto; 
				
				float: left; 
				
				margin: 0 0 5px 0; 
				
				 }
			
			#leftColContent { 
				margin: 0; padding: 0 3px 0 3px; 
				}
			
			#rightColDiv  { 
				
				background-color: #FFF; 
				
				width: 565px; height: auto; 
				
				margin: 0; padding: 0 0 7px 0;
				
				float: left; 
				
				 }
			
			#rightColContent { 
				margin: 0; padding: 0 8px 0 8px; 
				clear: both;
				}
				
			#pageHeaderText { 
				
				background: #F2F2F2 url(../../_img/bg/pageHeaderText.jpg) top left repeat-x; 
			
				}
			
			
			.columnA { 
			
				float: left; 
				
				width: 268px; 
				
				margin: 5px 0 0 0; 
				
				}

			.columnB { 
			
				float: left; 
				
				width: 264px; 
				
				margin: 5px 0 0 0; padding: 0 0 0 10px;
				
				border-left: 1px dotted #c4c4c4;
				
				}
			
			#footerDiv {
				
				border-top: 1px dotted #c4c4c4;
				
				padding: 5px; margin: 0;
				
				clear: both; 
			
				 }	

			
/* logoStyles =logo 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */				

				#headerDiv h1 a {
					
					background: transparent url() no-repeat left top;
					
					display: block;
					
					float: left;
					
					width: 280px; 	height: 90px;
					
					margin: 11px 0 0 0;
					
					text-decoration: none;
					
					text-indent: -2100px;					
					
					}
					
				


/* mainNavStyles =mNav 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */			
			
			#mNav { 
				
				background: #1C93CC url("../../_img/bg/mNavBg.jpg") 7px 0px no-repeat; 
				
				width: 764px; height: 40px; 
				
				margin: 0 auto 0 auto; 
			
				}
			
		#mNav ul {
			
				background: #5BA8DC url("../../_img/bg/mNav.jpg") no-repeat;
				
				position: relative;
				
				float: right; 
				
				width: 412px; height: 40px; 
				
				margin: 0; padding: 0; 
				
				color: #FFF;
				
				}
			
			#mNav li { 
			
				position: absolute;
				
				top: 0px;
				
				}
			
			#mNav a {
				
				text-indent: -9999px;
				
				text-decoration: none;
				
				outline: none;
				
				}
			
			#mNav li, #mNav a {
			
				display: block;
				
				height: 40px;
				
				outline: none;
				
				}
			
			#nav-home { left: 17px; width: 49px; }                                            
			#nav-products { left: 72px; width: 68px; }
			#nav-petresort { left: 146px; width: 78px; }
			#nav-aboutus { left: 230px; width: 73px; }
			#nav-contact { left: 309px; width: 84px; }
		
			#nav-home a:hover { background: transparent url("../../_img/bg/mNav.jpg") -17px -40px no-repeat; }                                            
			#nav-products a:hover { background: transparent url("../../_img/bg/mNav.jpg") -72px -40px no-repeat; }
			#nav-petresort a:hover { background: transparent url("../../_img/bg/mNav.jpg") -146px -40px no-repeat; }
			#nav-aboutus a:hover { background: transparent url("../../_img/bg/mNav.jpg") -230px -40px no-repeat; }
			#nav-contact a:hover { background: transparent url("../../_img/bg/mNav.jpg") -309px -40px no-repeat; }

			
/* subNavStyles =sNav
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */			
			
			#sNav { 
			
				background: #065380 url("../../_img/bg/sNavBg.jpg") top left repeat-x; 
				
				}	
				
			#sNav h2 { 
				
				margin: 0; padding: 50px 0 0 4px; 
				
				/*background-color: #3300CC;*/
				
				font-size: 15px;
				
				line-height: 15px;
				
				color: white; 
				
				}
			
				
				
			#sNav ul { 
				
			
				margin: 15px 4px 0 4px; padding: 0px; 
					
				list-style-type: none; 
				
				}			
				
			#sNav li { 
				
				/*background-color: #FF3300;*/
				
				margin: 0; padding: 5px 0;
				
				font-size: 10px; 
				
				line-height: 24px; 
				
				letter-spacing: -0.02em; 
								
				list-style-type: none; 
				
				}	
					
			#sNav li.borderBot { 
				border-bottom: 1px dotted #90D2F9;
				}

			#leftColDiv #sNav ul li a { 
				background: transparent url(../../_img/features/greenCheck.jpg) 0px 3px no-repeat; 
				
				margin: 0; padding: 2px 0 2px 21px; 
				
				font-weight: bold; 
				
				}				
				
				
/* =linkStyles 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
		
			h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000; }
			
			#rightColDiv a:link, #rightColDiv a:visited, #footerDiv a:link, #footerDiv a:visited {  color: #065380;  }
			
			#rightColDiv a:hover, #rightColDiv a:active, #footerDiv a:hover, #footerDiv a:active {  color: #065380;  text-decoration: none; }	
			
			#leftColDiv a:link, #leftColDiv a:visited {  color: #C2E5FA;  }
			
			#leftColDiv a:hover, #leftColDiv a:active {  color: #C2E5FA;  text-decoration: none; }	
		
		
		
/* =textStyles 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

			h1 {
				
				font-size: 2em; 
				
				
				}
			
			h2 {
							
				
				font-size: 1.6em; 
				
				}
			
			h3 {
							
				font-size: 1.9em;	
				
				font-family: Helvetica, Arial, sans-serif;
				
				line-height: 1em;
				
				margin: 0px 10px 10px 8px; padding: 8px 0 0 0;
				
				font-weight: bold;
				
				color: #065380;
				
				}
			
			h4 {
							
				font-size: 1.3em; 
				
				font-weight: bold;
				
				
				}			
			
			h5 {
				
				font-size: 1.3em; 
	
				
				color: #14678F;
				
				margin: 0; padding: 5px 0 5px 0;
				
				 }
				 
			h6 {
							
				font-size: 1.5em; 
				
				font-weight: bold;
				
				
				color: #EAA931;
				
				}		 
				 
				 
			
					 

			
/* =customTextStyles 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */			
			
			.small {
				
				/*font-size: ; 
				
				line-height: ;*/
				
				}
				
			.strong { 
			
				font-weight: bold;
				
				}	
				
			.petco { 
				color: red; 
				font-weight: bold; 
				}	
				

/* =listStyles 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

			#rightColDiv ul { 
			
				margin: 0px; padding: 10px 0 0 0 ; 
				
				}
			
			#rightColDiv li { 
			
				list-style-type: none;
				
				background: transparent url(../../_img/features/heart.jpg) 0 4px no-repeat; 
				
				margin: 0; padding: 0 0 8px 17px; 
				
				font-size: 1.3em; 
				
				letter-spacing: -0.02em; 
				
				line-height: 120%;
				
				color: #383838; 
				
				}	

/* =quoteStyles 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

			.quote { }
			
			.cite { 
				
				background-color: #F9F9F9;
				
				float: right;
				
				width: 200px; height: auto; 
				
				margin: 0px; padding: 10px;
				
				font-size: 1.2em;
				
				font-style: italic;
								
				}

			.attr { 
				
				display: block;
				
				clear: both; 
				
				text-align: right; 
				
				font-size: .5em;
				
				}
			
			
			
/* =commonStyles 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */			
			
			.productsPhoto { 
			
				float: left; 
				
				margin: 0; padding: 5px 15px 15px 5px; 
				
				clear: right; 
				
				}
			
			#rightColContent .columnA p, #rightColContent  .columnB p { 
			
				font-size: 12px;
				
				padding: 2px 8px 8px 8px;
				
				}
			
			.petcoLogo { 
				border: 1px solid #11628F; 
				margin: 5px 0; padding: 3px; 
				}
			
			.contactUs {
								
				background: transparent url(../../_img/features/contactUs.jpg) 4px 11px no-repeat; 
				
				margin: 0; padding: 10px 0 0 21px; 
				
				display: block; 
				
				outline: none; 
				
			 	}
				
			.printThis {
				
				border-bottom: 1px dotted #90D2F9;
				
				background: transparent url(../../_img/features/printThis.jpg) top left no-repeat; 
				
				margin: 5px 0 0 0; padding: 0px 0 14px 21px; 
				
				
				display: block; 
				
				outline: none; 
				
			 	}	
			
			
			#rightColContent h4  {
			
				margin: 0; padding: 8px 0;
				
				color: #A46613; 
				
				font-weight: bold;
				
				letter-spacing: -0.9px;
				
				}
			
			
			
			#rightColDiv  #pageHeaderText p   { 
			
				margin: 0px 15px 10px 8px; padding: 2px 0 10px 0;
				
				font-size: 1.3em; 
				
				line-height: 145%;
				
				letter-spacing: -0.00em; 
				
				color: #4A4A4A; 
				
				}
			
			
			#rightColContent p  { 
			
				margin: 0; padding: 8px 0;
				
				font-size: 1.4em; line-height: 130%; 
				
				letter-spacing: -0.02em; 
				
				color: #383838; 
				
				}
				
			
			#leftColContent p { 
			
				margin: 0; padding: 5px 0; 
				
				font-size: 1.2em; line-height: 130%;
				
				letter-spacing: -0.05em; 
				
				color: #FFF; 
				
				}
			
			#footerDiv p { 
			
				margin: 0; padding: 2px 0; 
				
				font-size: 1.2em; 
				
				letter-spacing: -0.05em; 
				
				color: #333333; 
				
				}
			
			
			.error { 
				
				color: #990000;
				
				}
				
			.clear {  clear: both; 	}
			
			.borderTop {
				
				border-bottom: 1px dotted #c4c4c4; 
				
				margin: 0;  padding:  0; 
				
				}
			
			.borderBot { 
				
				border-bottom: 1px dotted #c4c4c4; 
				
				margin: 0 0 9px 0; padding: 0 0 2px 0; 
				
				}
			
			.centerTableBorder {
				
				border-left: 1px dotted #c4c4c4; 
				border-right: 1px dotted #c4c4c4; 
				}
			
			.trDarkBg, .darkBg {  /*background-color: ;*/ }
			
			.trLightBg, .lightBg {  /*background-color: ;*/ }	
			
			.nopad { padding: 0px; }
				
			.padTop { padding-top:  5px; 	} 
			
			.padRight { padding-right:  5px; 	} 
			
			.padBot { padding-bottom:  5px; 	} 
			
			.padLeft { padding-left:  5px; 	} 
			
			.marTop { margin-top:  5px; 	} 
			
			.marRight { margin-right:  5px; 	} 
			
			.marBot { margin-bottom:  5px; 	} 
			
			.marLeft { margin-left:  5px; 	} 


/* =searchStyles 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
	
			
			#searchPageForm { 
				
				background-color: #FFCC66;
				
				margin: 2px; padding: 5px 5px 5px 52px; 
				
				}
				
			#searchPageForm .searchField { 
				
				font-size: 1.1em;
				
				font-weight: bold;
				
				padding: 2px;
				
				}	
			
			#searchPageForm .small { 
				
				font-size: 0.9em;
				
				}
			
			.searchResultsMessage {
				
				margin: 5px 0 5px 0; margin: 0;
				
				font-size: 1.4em;
				
				font-weight: bold;
				
				text-align: center;				
				
				}
				
			.searchText { 
				
				font-size: 1.1em;
				
				letter-spacing: 0em;
				
				}	
				
			.phpdigHighlight { 
				
				background-color: #FFFFCC;
				
				padding: 0 2px 0 2px;
				
				font-weight: bold;
				
				color: #990000;
				
				}	
				
			#productTable h5 { 
				
				margin: 2px; padding: 8px 8px; 
				background-color: #BD084B;
				color: white; 
				
				}	
				
		
			.darkRow { 
			
				background-color: #DDF4FF; 
				
				border-top: 1px #C1EAFF solid;
				
				margin: 1px 0; padding: 3px; 
				
				width: 385px;
				
				
				
				}	
				
			.lightRow { 
			
				background-color: #FFFFCB	; 
				
				border-top: 1px #DBEFC2 solid;
				
				margin: 1px 0; padding: 3px; 
				
				width: 385px;				
				
				}		
				
			.lightRow h5, .darkRow h5 { 
				
				background: transparent url(../../_img/features/heart.png) 0 4px no-repeat; 
				
				padding: 0 0 0 17px; 
				
				display: block;
				
				height: 17px;
				
				color: #339900;
				
				}	
				
			#rightColContent .lightRow p, #rightColContent  .darkRow p { 
				
				font-size: 1.1em; 
				
				letter-spacing: 0em;
				
				}		

	
	#nav-bar {  background-color:#FFFFCC; padding: 4px; font-size: 12px; font-weight: bold; margin: 0 10px 0 5px; }