/* 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: "Lucida Sans Unicode", "Lucida Grande",  Helvetica, Arial, sans-serif;
				
			font-size: 62.5%;  /* Sets browsers default unit of measure for em to 10px. */
				
			}
			
			h1, h2, h3, h4, h5, h6 {  
			
			font-family: "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial,  sans-serif;
			
			line-height: 100%; 
			
			margin: 0px; padding: 0px; 
			
			}
			
			p, dl, dt, dd, blockquote, pre  { 
			
			font-family: "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial,  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: auto; 
	
				
				}
			
			#headerDiv, #headerPhotoDiv, #leftColDiv, .fplogos, #footerDiv, #sNav, #mNav { 
			
				display: none;
				
				}
			
			
			#contentControlDiv {
				
				width: auto; 
				
				}
			
				
			#leftColContent { 
				width: auto; 
				}
			
			
			#rightColContent { 
				width: auto; 
				}
				
			#pageHeaderText { 
	
			
				}
			
			
			.columnA { 
			
				float: left; 
				
				width: 49%;  
				
				margin: 5px 0 0 0; 
				
				}

			.columnB { 
			
				float: left; 
				
				width: 49%; 
				
				margin: 5px 0 0 0; padding: 0 0 0 10px;
				
				border-left: 1px dotted #c4c4c4;
				
				}
	

	
					
				
				
/* =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; 
				
				letter-spacing: -0.9px;
				
				}
			
			h2 {
							
				
				font-size: 1.6em; 
				
				letter-spacing: -0.9px;
				
				}
			
			h3 {
							
				font-size: 1.9em;	
				
				letter-spacing: -0.05em;
				
				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;
				
				letter-spacing: -0.9px;
				
				}			
			
			h5 {
				
				font-size: 1.3em; 
				
				letter-spacing: -0.9px;
				
				color: #14678F;
				
				margin: 0; padding: 5px 0 0 0;
				
				 }
				 
			h6 {
							
				font-size: 1.5em; 
				
				font-weight: bold;
				
				letter-spacing: -0.9px;
				
				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 12px 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.3em; 
				
				letter-spacing: -0.02em; 
				
				color: #383838; 
				
				}
				
			
			#leftColContent p { 
			
				margin: 0; padding: 5px 0; 
				
				font-size: 1.2em; 
				
				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; 	} 


		
/* =sifrStyles 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

















/* =browserSpecificCode
 		Info: This uses our javascript from the browserSelector.js file.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  

    * ie - Internet Explorer
    * ie6 - Internet Explorer 6
    * ie5 - Internet Explorer 5
    * ieMac - Internet Explorer on Mac OS
    * gecko - Mozilla, Firefox, Camino
    * opera - Opera
    * konqueror - Konqueror
    * webkit or safari - Safari, NetNewsWire, OmniWeb, Shiira

*/

/* =exampleFormat
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  

			#elementName { 
		
				background: ; 
				
				position: ; 
				
				display: ;
						
				float: ; 
				
				width: ; height: ; 
				
				margin: ; padding: ; 
				
				border: ; 
				
				text-formating: ; 
				
				text-color: ;
				
				all-else: ;	
		
			}
		
	*/