/*-----------------------------------------------------------------------------
Stylesheet For 

version:   2.1
author:    JoAnn Meloy
email:     hanako_seki@sbcglobal.net
website:   http://www.digitaleyesdesign.com
-----------------------------------------------------------------------------*/


/* =Style Guide
-----------------------------------------------------------------------------*/

/*-------Headers---------
	h1 - Logo IR
	h2 - Main Content Headers (IR)
	h3 - Block Headers
	h4 - Left Column Category Headers - (IR)
	h5 - Callout Headers
-----------------------*/
/*------Color Guide--------

---------------------------*/
/*--------Comments-----------

----------------------------*/


/* =General
-----------------------------------------------------------------------------*/
/* Clear padding and margins */
* {margin: 0; padding: 0;}

/* Add padding and margins where desired */



/* Clear floats */
.clear {clear:both;}

/* Remove border around linked images */
img {border: 0;}

/* Right Aligned Paragraphs*/
.prightalign{text-align: right;}

		/*Span and Decorative Styles*/
		.b {font-weight: bold;}
		.u {text-decoration: underline;}
		.indent100 {text-indent: 100px;}
		.indent25 {text-indent: 25px;}
		.c {text-align: center;}
		
		
/* =Body
-----------------------------------------------------------------------------*/
body {
  font: 62.5% "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
  background: #205096 url(img/bodybg.jpg) no-repeat top center;
}

#wrapper{
width: 776px; height: 694px; min-height: 694px;
position: relative; top: 25px;
margin: 0 auto;
}

p{
color:#000000;
}

h1, h2, h3, h4, h5, h6 {
font-size: 110%;
color: #000;
}



/* =Links
-----------------------------------------------------------------------------*/
.offsitelink{
background: url(img/offsitelink.gif) no-repeat top right;
padding-right: 10px;
}

/*Base Link Styles*/
a:link {color: #2354a6; font-weight: bold; text-decoration:underline; font-size:1em;}
a:visited {color: #2354a6; font-weight: bold; text-decoration:underline; font-size:1em;}
a:hover {color: #5979ae; font-weight: bold; text-decoration:underline; font-size:1em;}
a:active {color: #5979ae; font-weight: bold; text-decoration:underline; font-size:1em;}




/* =Header
-----------------------------------------------------------------------------*/

#header{
width: 776px;
height: 144px;
position: relative; left:-1px;
background: url(img/header.jpg) no-repeat top center;
}



/*IR for Logo*/
#header h1 {
  width:167px; height: 123px;
  position:relative;
  left: 3px; top:-4px;
  overflow:hidden;
  float:left;
  font-size: 8px;
}
#header h1 a {
background: url(img/logo.jpg) no-repeat;
position:absolute;
width: 100%; height:100%;
}




/* =Main Nav
-----------------------------------------------------------------------------*/
#mainnav{
width: 559px;
height: 53px;
float:left;
position:relative;
top: 27px; left: -6px;
}

#mainnav ul {
list-style-type: none;
width: 559px;
line-height: 53px;
padding: 0px 0;
}

#mainnav ul li {
float:left;
margin: 0;
font: 100% Tahoma, Verdana, sans-serif;
}

#mainnav li a{
display:block;
height: 53px; width: 100px;
background: url(img/mainnavbg.jpg) no-repeat 0 0;
text-indent: -9009px;
}
	/*Overrides for width and background position of links*/
	#mainnav ul li.home a {width: 80px;}
	#mainnav ul li.about a {background-position: -80px 0;}
	#mainnav ul li.products a {background-position: -180px 0;}
	#mainnav ul li.news a {width: 80px; background-position: -280px 0;}
	#mainnav ul li.photos a {width: 80px; background-position:-360px 0;}
	#mainnav ul li.contact a {width: 119px; background-position: -440px 0;}
	
		/*Overrides for background position for hover*/
		#mainnav ul li.home a:hover {background-position: 0 -53px;}
		#mainnav ul li.about a:hover {background-position: -80px -53px;}
		#mainnav ul li.products a:hover {background-position: -180px -53px;}
		#mainnav ul li.news a:hover {background-position: -280px -53px;}
		#mainnav ul li.photos a:hover {background-position:-360px -53px;}
		#mainnav ul li.contact a:hover {background-position: -440px -53px;}

		/*Overrides for background position for atlinks*/
		#home #mainnav ul li.home a {background-position: 0 -53px;}
		#about #mainnav ul li.about a {background-position: -80px -53px;}
		#products #mainnav ul li.products a {background-position: -180px -53px;}
		#news #mainnav ul li.news a {background-position: -280px -53px;}
		#photos #mainnav ul li.photos a {background-position:-360px -53px;}
		#contact #mainnav ul li.contact a {background-position: -440px -53px;}


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





/* =Sub Nav
-----------------------------------------------------------------------------*/




/* =Main Content
-----------------------------------------------------------------------------*/

.column-right{
width: 573px; height: 522px;
position:relative; left: -1px;
float: right;
background: url(img/columnrightbg.jpg) no-repeat 0 0;
}

	/*IR for Main Content Header*/
	.column-right h2 {
  	width:512px; height: 63px;
  	background: url(img/mainheader_home.gif) no-repeat top center;
  	position:relative;
  	left: 32px; top:-65px;
  	text-indent: -9999px;
	}
			/*Main Header Images by page ID*/
			#dog-collars-leashes .column-right h2{background: url(img/mainheader_dog-collars-leashes.gif) no-repeat top center;}
			#dog-scarves .column-right h2{background: url(img/mainheader_dog-scarves.gif) no-repeat top center;}
			#products .column-right h2{background: url(img/mainheader_products.gif) no-repeat top center;}
			#ceramic-dog-bowls .column-right h2{background: url(img/mainheader_ceramic-dog-bowls.gif) no-repeat top center;}
			#photos .column-right h2{background: url(img/mainheader_photos.gif) no-repeat top center;}



#content{
width: 566px; height: 350px; 
background: url(img/contentbg_home.jpg) no-repeat bottom left;
margin: 0 auto;
position: relative;
}

		/*background changes*/
		#dog-collars-leashes #content {background: url(img/products/dog-collars-leashes/contentbg_dog-collars-leashes.jpg) no-repeat bottom left;}
		#dog-scarves #content {background: url(img/products/dog-scarves/contentbg_dog-scarves.jpg) no-repeat bottom left;}
		#ceramic-dog-bowls #content {background: url(img/products/ceramic-dog-bowls/contentbg_ceramic-dog-bowls.jpg) no-repeat bottom left;}
		#about #content {background: url(img/contentbg_rosie.jpg) no-repeat bottom left;}
		#photos #content {background: url(img/contentbg_photos.jpg) no-repeat bottom left;}
		#contact #content {background: url(img/contentbg_contact.jpg) no-repeat bottom left;}

#contentwrapper{
width: 325px; 
height: 330px;
float: right;
position: relative;
margin-top: -60px;
overflow: hidden;
}
	.opera #contentwrapper{overflow:auto; width:342px;} /*Work around for Opera hidden anchor bug*/
	.opera #contentwrapper .contentblock * {position: relative;}/*Positioning Fix for Work around for Opera hidden anchor bug*/
	.opera #contentwrapper form div{ margin-left: 20px;}
	
#content p, #content ul{
font: 1.5em garamond, "times new roman", serif;
color: #3c4c64;	
}
#content p{
width: 295px;
padding: 5px 12px 5px 0px;
}		/*overrides*/
		#home #content #block1 p
			{text-indent: 15px; padding:3px 12px 3px 15px; width: 280px; line-height:.95em;} /*Note - Setting previously padding-left: 15px; width: 280px;*/
		#information #content p, #guarantee #content p 
			{width: 285px; padding-left: 10px;}
		#news #content p{padding-left: 15px; width: 280px;}  
				
		
#content h3{
font: 1.5em garamond, "times new roman", serif;
font-weight: bold;
color: #9f161b;	
text-decoration: underline;
}  
#content h3.top-padded {padding-top: 25px;}
				
#content ul{
width: 250px;
list-style-type:none;
padding: 10px 0 5px 35px;
}
#content ul li{
background: url(img/starbullet.gif) no-repeat 0 1px;
padding-left: 17px;	
}			#content ul li.nostars {background:none;} /*OR*/ 	#content ul.nostars li {background:none;} /*For removal of star bullet*/

.contentblock {
width: 325px; height: 330px;
overflow:auto;	
z-index: 99999;
}   	.opera .contentblock {height: auto; overflow:hidden;}





					/*Styles for Home Page*/
					#home #content img{padding: 0 0 0 25px;}
                    #home #content #contentwrapper{margin-top: -75px; height: 355px;}
                    #home #content #block1, #home #content #block2{height: 355px;}
                    
                    #content #homecontentoverflow {
					position: absolute;
					top:7px; left: 8px;
					width: 225px;
					padding: 10px 5px;
					line-height: 1em;
					font-size: 1.5em;
					border: 1px solid #96abcb;
					}

															
					/*Styles for Products and Photo Gallery Page*/
					#products #content #block1 div, #photos #content #block1 div{ 
					width: 135px;
					float: left;
					text-align: center;
					margin-left: 10px; margin-right: -10px;
					padding:10px 0;
					border: 1px solid #d5deef;
					}
					
					/*Styles for Product Overview Pages*/
					#block1 #loadtimemessage{
					position: absolute;
					bottom: -3px; right:-5px;
					font-size: 1.1em;
					line-height: 9px;
					font-weight: bold;
					color: #072655;
					width: auto;
					white-space: nowrap;
					}
					
					/*Styles for additional message on product pages - Bottom small print*/
					#content #smprintmsg {
					display:none; 
					color:#9f161b; 
					font-size: 9px; 
					font-family: arial, sans-serif; 
					font-weight: bold; 
					line-height: 9px; 
					text-align: right; 
					width: 100%; 
					position: absolute; bottom:-4px; right: -3px;
					}
					#dog-scarves #content #smprintmsg{right: 30px;}

					/*Styles for Product Design Pages  - Side Menu*/
					#productcatmenu{
					width: 100px; height: 200px;
					position: absolute; top:0px; left:150px;
					display:none;
					}	
						#productcatmenu h3{padding-left: 5px;}
						
						#productcatmenu ul{
						padding:0; margin:0;
						width: auto;
						text-align: left;
						border-right: 1px dotted #506386;
						}
						#productcatmenu ul li{
						list-style-type: none;
						border-bottom: 1px dotted #8695b2;
						line-height: 14px;
						}	
							#productcatmenu ul li:hover {background: #d9e1f1 url(img/starbullet.gif) no-repeat left 1px;}
							
							#productcatmenu ul li a {display:block;}
														
							#productcatmenu ul li a:link {color:#446097; text-decoration: none; font-size: .8em;}	
							#productcatmenu ul li a:visited {color:#446097; text-decoration: none; font-size: .8em;}	
							#productcatmenu ul li a:hover {color:#344d7c; text-decoration: none; font-size: .8em;}	
							#productcatmenu ul li a:active {color:#344d7c; text-decoration: none; font-size: .8em;}	
							
					

					/*Styles for Product Design Pages  - Image Area*/		
					#content #productcatdetails{  /*containing ul for all images*/
					margin: -4px 0 0 15px; padding: 0;
					width: auto; 
					}
					#content #productcatdetails li { /*containing li for each category*/ 					
					width: 285px;
					padding:0; 
					background: transparent;
					float: left;
					}			
								#content #productcatdetails li#promo {min-height: 330px;}	
					
					#content #productcatdetails li h3{
					font: 1.2em "times new roman", serif;
					border-bottom: 1px dotted #b46466;
					text-decoration: none;
					margin-right: 20px;
					}	
					#content #productcatdetails li p{
					font-size: 1em;
					padding:5px; margin:4px 0 10px 0;
					width: 275px;
					background: #d9e1f1; border: 1px dotted #8695b2;
					}	
					
						#content #productcatdetails ul { /*containing ul for each category*/
						margin: 0 0 0 0px; 
						float: left;
						}		
						#content #productcatdetails ul li{ margin:0 0 0 -35px;} /*containing li for each entry in a category*/
						#content #productcatdetails ul li span{ 
						font-size: .6em;
						margin: 27px 0 0 0;
						float: left;
						}
						#content #productcatdetails ul li img {
						width: 200px; height: 80px;
						float: right;
						}		
											
											/*Style Overrides for Product Pages Image Area (125px by 125px image layout)*/
											/*MUST CHANGE IE6 CONDITIONAL COMMENTS FOR EACH PAGE THAT USES THIS LAYOUT*/
											
											#dog-scarves #content #productcatdetails ul li img, #ceramic-dog-bowls #content #productcatdetails ul li img{
											width: 125px; height: 125px;
											float: none;
											}
											#dog-scarves #content #productcatdetails ul li span, #ceramic-dog-bowls #content #productcatdetails ul li span{
											display:block;
											float: none;
											text-align: center;
											width: 125px;
											border-bottom: 1px dotted #BBB;
											border-top: 1px solid #999;
											padding: 18px 0 5px 0;
											}
											#dog-scarves #content #productcatdetails ul li, #ceramic-dog-bowls #content #productcatdetails ul li {
											margin: -25px 0 0 -25px; width: 150px;}
					

						
				/*Styles for Information and Guarantee Pages*/
				#content .contentblock div#privacy {height: 335px;} /*Prevents preceeding content blocks from running into final section of a page*/
				
				#content #retailerlist{
				width: 317px;
				padding:0 0 0 5px; margin:0;
				}
				#content #retailerlist li{
				margin:0; padding: 1px 0 1px 14px;
				width: 99px;
				float: left;
				font-size:13px;
				height: 1em;
				white-space: nowrap;
				overflow: hidden;
				}
				
				#content #retailerlist li.nostores{
				background: transparent;
				}

				#content #retailerlist li#retailerlist-online-purchase{
				margin-top: 8px;
				background: none;
				width: 300px;
				font-size: 14px;
				}
				
							#content #retailerlist li a:link {color:#344d7c; text-decoration: none;}	
							#content #retailerlist li a:visited {color:#344d7c; text-decoration: none;}	
							#content #retailerlist li a:hover {color:#344d7c; text-decoration: none;}	
							#content #retailerlist li a:active {color:#344d7c; text-decoration: none;}	
				
				
				/*Styles for News Pages and About us Page*/
				#news #content img{
				float: right; 
				padding: 0px 30px 15px 15px;
				}
				#news #content .contentblock  p {
				width: auto;
				}
				
				#news #content #contentwrapper {margin-top: -65px; height: 325px;}
				#news #content #block1, #news #content #block2{height: 325px;}
				#about #content #contentwrapper{margin-top: -75px; height: 335px;}
                #about #content #block1, #about #content #block2{height: 335px;}

				
				.column-right #content #scrollermessage{
				text-align: right;
				font-size: 1.1em;
				line-height: 9px;
				font-weight: bold;
				position: absolute;
				bottom: 0px; right: 0px;
				color: #072655;
				background: url(img/arrowbulletD.gif) no-repeat center left;
				padding-left: 15px;
				width: auto;
				}


				/*Styles for Contact Page*/
				#content #contactdetails {
				position: absolute;
				top:15px; left: 15px;
				border: 1px solid #5b759b;
				width: 210px;
				padding:10px;
				}
				#content #contactdetails p{
				font-weight: bold;
				color: #304b74;
				}
				
				
		

		/*Styles for content changer tabs in main content area*/
		#contentchanger{
		width: 566px; height: 33px;
		background: url(img/contentchanger.jpg) no-repeat top left;
		position: relative; left: 2px;
		}
					/*No Tabs*/
					#contentchanger.notabs{background: url(img/contentchanger-notabs-bg.jpg) no-repeat top left;}
					#contentchanger.notabs p{
					font-family: "times new roman", serif;
					font-size: 1.3em;
					color: #445e90;
					font-weight:bold;
					position: absolute; top: 9px; left: 10px;
					}
					#contentchanger.notabs p a{position:relative; font-size: 1.3em; top:0;}/*position override for notab pages*/
							#contentchanger.notabs p a:link{color: #754653; text-decoration: underline; font-size: 1em;}
							#contentchanger.notabs p a:visited{color: #754653; text-decoration: underline; font-size: 1em;}							
							#contentchanger.notabs p a:hover{color: #642b3b; text-decoration: underline; font-size: 1em;}							
							#contentchanger.notabs p a:active{color: #642b3b; text-decoration: underline; font-size: 1em;}
									
			#contentchanger a{
			font-family: "times new roman", serif;
			font-size: 1.6em;
			position: absolute; top: 8px;
			}
			
			#contentchanger a.tab1{
			left: 7px;
			}
			#contentchanger a.tab2{
			left: 200px;
			}	
			#contentchanger a.tab3{
			left: 392px;
			}


				/*Styles for link in Tab 1*/
				#contentchanger a:link.tab1 {color: #754653; font-weight: bold; text-decoration:none; }
				#contentchanger a:visited.tab1 {color: #754653; font-weight: bold; text-decoration:none; }
				#contentchanger a:hover.tab1 {color: #c7d5ee; font-weight: bold; text-decoration:none; }
				#contentchanger a:active.tab1 {color: #c7d5ee; font-weight: bold; text-decoration:none; }
				
				/*Styles for link in Tab 2*/
				#contentchanger a:link.tab2 {color: #c7d5ee; font-weight: bold; text-decoration:none; }
				#contentchanger a:visited.tab2 {color: #c7d5ee; font-weight: bold; text-decoration:none; }
				#contentchanger a:hover.tab2 {color: #5c77ab; font-weight: bold; text-decoration:none; }
				#contentchanger a:active.tab2 {color: #5c77ab; font-weight: bold; text-decoration:none; }
				
				/*Styles for link in Tab 3*/
				#contentchanger a:link.tab3 {color: #4e699e; font-weight: bold; text-decoration:none; }
				#contentchanger a:visited.tab3 {color: #4e699e; font-weight: bold; text-decoration:none; }
				#contentchanger a:hover.tab3 {color: #c7d5ee; font-weight: bold; text-decoration:none; }
				#contentchanger a:active.tab3 {color: #c7d5ee; font-weight: bold; text-decoration:none; }



		/*Styles for Call Outs*/
		#callouts{
		margin: 1px 0 0 7px;
		}
		
		#callouts div{
		width: 278px; height: 137px;
		float: left;
		}
				
				/*Styles for Callout Links*/
				#callouts a:link {color: #3559a0; font-weight: bold; text-decoration:none; }
				#callouts a:visited {color: #3559a0; font-weight: bold; text-decoration:none; }
				#callouts a:hover {color: #3559a0; font-weight: bold; text-decoration:none; }
				#callouts a:active {color: #3559a0; font-weight: bold; text-decoration:none; }
				
				#callouts a{
				font-family: "times new roman", serif;
				}
		
		#callout1{
		background: url(img/callout1bg.jpg) no-repeat top center;
		}
			#callout1 p{
			width: 206px; height: 95px;
			position: relative; left: 38px; top: 14px;
			overflow: auto;
			font: 1.3em "times new roman", serif;
			color: #637ba4;
			}
			#callouts .prightalign {
			height: 25px;
			left: 38px; top: 14px;
			}
									
		#callout2{
		background: url(img/callout2bg.jpg) no-repeat top center;
		}
		#callout2 h5{
		width: 278px; height:34px;
		font-family: "times new roman", serif;
		font-size:1.3em;
		white-space:nowrap;
		position: relative;
		}		#callout2 h5 span{padding: 20px 0 0 20px; display: block;} /*add padding for a width and height specified element using span*/
			
		#callout2 #newproductinfo{
		width: 153px; height: 103px;
		overflow: visible;
		float: left;
		}
		#callout2 #newproductinfo ul{
		padding: 5px 0 0 25px;
		}
		#callout2 #newproductinfo li{
		list-style-type: none;
		}
		#callout2 #newproductinfo a{
		padding-left: 45px;
		line-height: 30px;
		font-family: "times new roman", serif;
		}
		#callout2 #newproductimg{
		width: 125px; height: 103px;
		float: right;
		}


/* =Secondary Content
-----------------------------------------------------------------------------*/

.column-left{
width: 202px; height: 522px;
position: relative; left: -1px;
clear:both;
float:left;	
background: url(img/columnleftbg.jpg) no-repeat top center;
} 

	.column-left h4{ 
	width: 195px; height: 37px;
	font: 1.3em georgia, serif;
	font-weight: bold;
	padding: 10px 0 0 30px;
	position: relative; top: -18px; left: 3px;
	}
	
	.column-left ul{
	position: relative; top: -30px; left: 9px;
	width: 182px;
	list-style-type: none;
	font: 1.1em georgia, serif;
	}
	
	.column-left li{
	background: url(img/pawbullet1.gif) no-repeat left center;
	padding: 3px 0 3px 16px;
	border-top: 1px solid #d0d9ef;
	border-bottom: 1px solid #9aaac9;
	}
	.column-left li:hover{background: url(img/pawbullet2.gif) no-repeat left center;}
	
	.column-left a{
	display:block;
	}
	
		/*Links - Left Column Menus*/
		.column-left a:link {color: #6381b1; font-weight: bold; text-decoration:none;}
		.column-left a:visited {color: #6381b1; font-weight: bold; text-decoration:none;}
		.column-left a:hover {color: #305289; font-weight: bold; text-decoration:none;}
		.column-left a:active {color: #305289; font-weight: bold; text-decoration:none;}


		/*Product Details*/
		.column-left h4#leftcolumncat1{
		background: url(img/productdetailsbg.jpg) no-repeat top left;
		color: #c0cbe0;
		}
		
			/*Atlink Styles - Product Details Category*/
			#dog-collars-leashes .column-left li.dog-collars-leashes {background: url(img/pawbullet2.gif) no-repeat 8px center; padding-left:24px;}
			#dog-collars-leashes .column-left li.dog-collars-leashes a{color: #305289;}
			
			#dog-scarves .column-left li.dog-scarves {background: url(img/pawbullet2.gif) no-repeat 8px center; padding-left:24px;}
			#dog-scarves .column-left li.dog-scarves a{color: #305289;}

			#ceramic-dog-bowls .column-left li.ceramic-dog-bowls {background: url(img/pawbullet2.gif) no-repeat 8px center; padding-left:24px;}
			#ceramic-dog-bowls .column-left li.ceramic-dog-bowls a{color: #305289;}

			
	
		/*Information*/
		.column-left h4#leftcolumncat2{
		background: url(img/informationbg.jpg) no-repeat top left;
		color: #c0cbe0;
		}
		
		/*Guarantee*/
		.column-left h4#leftcolumncat3{
		background: url(img/guaranteebg.jpg) no-repeat top left;
		color: #ecb9b9;
		}






/* =Footer
-----------------------------------------------------------------------------*/
#footer{
width: 776px; height:28px;
margin:0 auto;
background:  url(img/footerbg.jpg) no-repeat top center;
position: relative; top: 1px; left: -1px;
font-size: 1em;
}

#footer #footerwrapper{text-align: right; padding: 7px 18px 0 10px }	

#footer p{
color:#133b76;
font-family: arial, sans-serif;
}

#footer ul {
	float:left;
}
#footer ul li {
	display: inline;
	background: url(img/footernavdiv.jpg) no-repeat right center;
	padding: 0 4px;
}

	/*Footer Link Styles*/
	#footer a:link {color: #0e3085; font-weight: normal; text-decoration:underline; font-size:1em;}
	#footer a:visited {color: #0e3085; font-weight: normal; text-decoration:underline; font-size:1em;}
	#footer a:hover {color: #dae2f5; font-weight: normal; text-decoration:underline; font-size:1em;}
	#footer a:active {color: #dae2f5; font-weight: normal; text-decoration:underline; font-size:1em;}

		/*Hide Atlinks in Footer*/
		#home #footer ul li.home  {display:none;}
		#about #footer ul li.about  {display:none;}
		#products #footer ul li.products  {display:none;}
		#news #footer ul li.news  {display:none;}
		#photos #footer ul li.photos  {display:none;}
		#contact #footer ul li.contact  {display:none;}
		
		
		
#footer #validation{
color: #fff;
text-align: right;
padding-right:14px;
padding-top: 9px;
}


	/*Validation Link Styles*/
	#footer #validation a:link {color: #fff; font-weight: bold; text-decoration:none; font-size:1em;}
	#footer #validation a:visited {color: #fff; font-weight: bold; text-decoration:none; font-size:1em;}
	#footer #validation a:hover {color: #fff; font-weight: bold; text-decoration:underline; font-size:1em;}
	#footer #validation a:active {color: #fff; font-weight: bold; text-decoration:none; font-size:1em;}



/* =Doggie
-----------------------------------------------------------------------------*/
#doggie{
	width: 104px; height: 188px;	
	background: url(img/doggie.jpg);
	position:absolute;
	top:506px; right: -90px;
}
#doggie div{
	width: 92px; height: 56px;	
	background: url(img/doggie-head.jpg);
	position:absolute;
	top:-56px; right: 0px;	
}


/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opera 7 */
fieldset {
  border: 1px solid transparent;
}


/*styles for forms located within a content block*/
.contentblock form div{
margin-left: 5px;	
}
.contentblock label{
float: left;
width: 75px;
text-align: left;	
}		.contentblock label.wide {width: 100%;}

.contentblock input#name, .contentblock input#email, .contentblock input#phone{
background: transparent;
width: 180px;
border: 1px solid #4166a2;
}
.contentblock textarea{
background: transparent;
border: 1px solid #4166a2;
width: 255px; height: 110px;
}
.contentblock input#button-send {
background: url(img/button-send.jpg) no-repeat top left;
width: 75px; height: 32px;
border: 0px;	
position: relative; left: 180px; top: 20px;
padding-right: 12px;
color: #5b78ae;
cursor:pointer;
}		.opera .contentblock input#button-send{left:25px; top: 0;}

.contentblock form .checkbox input{float: left; margin-left: -30px; position: relative;}
.contentblock form .checkbox label{width: 158px; float: left; margin-left: -10px; position: relative;}


/*contact page form styles*/
#contact .contentblock form div{
width: 275px;
position: absolute; left: 25px;
}




/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
  border-collapse: collapse;
  border: 1px solid black;
  width: 300px;
  margin-left: 1px; /*for missing left border in firefox*/
}

td {
  text-align: left;
  font-weight: normal;
  border: 1px solid black;
  padding: 0 5px;
}

th{
border: 1px solid black;
padding: 3px;	
}
td.widecell{width: 140px;}

/* =Other
-----------------------------------------------------------------------------*/