/*-----------------------------------------------------------------------------
Blue Ribbon Pet Care

version:   1.0
author:    kerri falivene
email:     kfalivene@comcast.net
website:   http://www.blueribbonpetcare.com/
-----------------------------------------------------------------------------*/

/*Import outside stylesheets*/
@import url("menu.css");
@import url("layout.css");
@import url("typography.css");


/* =General
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* {
  	margin: 0;
	padding: 0;
}

/* Put it back on certain elements*/ 
h2,table, p {
  margin: 1em 0;
}

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

.PicRight {
	float: right;
	margin-left:20px;
}

.PicLeft {
	float: left;
	margin:5px 20px 10px 7px;
}

.HPicLeft {
	float: left;
	margin-right:20px;
	margin-left:7px;
}

.b{
	font-weight:bold;
}

.right{
	text-align:right;
}

.center{
	text-align:center;
}

.footnote{
	font-size:smaller;
	padding:10px;
}

.quote {
	width:200px;
	font-style: italic;
	background-color: #FFFFBB;
	padding-left:3px;
	border: double #dd1f30;
	font-size: smaller;
}


.name{
	font-size: 8px;
	text-align:right;
	padding:0px;
	margin:0px;
}






/* =Breadcrumb
----------------------------------------------------------------------------*/
#breadcrumb {
	font-size: small;
	text-decoration: none;
	color: #fd9f3e;
	padding: 5px 10px 10px 0;
	/*margin-bottom: 5px;*/
	text-align: right;
}

#breadcrumb ul{
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
}

#breadcrumb ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}

#breadcrumb a{
	text-decoration:underline;
	color: #fd9f3e;
}





/* =Tables
-----------------------------------------------------------------------------*/
Table {
	width: 65%;
	font-size: 12px;
	margin: auto;
	margin-bottom: 20px;
}

td {
	padding:2px;
	border-width: 1px;
	border-style: solid;
	border-color: orange;
}

thead,th {
	text-align: center;
	background-color: orange;
	border-color: orange;
	border-width: 1px;
	border-style:solid;
	color:white;
}

tfoot{
	background-color: orange;
	border-color: orange;
	border-width: 1px;
	text-align: center;
	font-weight: bold;
	color: white;
}

.ARow{
	background-color: #FFFFBB;
}

/* =Testimonial Boxes
------------------------------------------------------------------------------*/
/*----------------------------http://www.html.it/articoli/nifty/index.html-------------------------------------*/

.niftyBlue, .niftyYellow, .niftyorange, .niftygray{ 
	margin: 10px 5px;
}

.niftyBlue{ 
	background-color: #4f90e7;
}

.niftyYellow{ 
	background-color: #ffffbb;
}

.niftyOrange{ 
	background-color: #ffcc66;
}

.niftygray{
	background-color: #E1E1E1; 
}

b.rtop, b.rbottom{
	display:block;
	background: #FFF;
}

b.rtop b, b.rbottom b{
	display:block;
	height: 1px;
   overflow: hidden; 
	background: #9BD1FA
}
	
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}

b.rtop b.r4, b.rbottom b.r4{
	margin: 0 1px;
	height: 2px
}

.niftyBlue p, .niftyYellow p, .niftyOrange p, .niftyGray p{
	margin-left: 10px;
	margin-right: 10px;
	font-size:smaller;
}

.name{
	font-size: xx-small;
}


/* =ImageGallery
----------------------------------------------------------------------------*/
/*---------------------------*/

#Images{
	/*width:307px;*/
	width:317px;
	float:left;
	padding-left: 5px;
}

#Images a{
	text-decoration:none;
	color:white;
}

#ImageMain{
	/*clear:both;*/
	float:right;
	padding:0 10px 20px 0px;
	margin:0;
}

.ImageChooserBox {
	background-color: #4f90e7;
	border:1px #2542ab solid;
	text-align: center;
}

.ImageChooserBox a{
	color: white;
}

.ImageChooser {
	background-color:white;
	padding: 7px;
	height: 400px;
	overflow:auto;
}

.ImageChooser a img{
	border:solid black 1px;
}

.clear {
	font-size: 1px;
	height: 1px;
}

h2 {
	font-size: medium;
}

.space{
	height:3px;
}

.hiddenPic{
	display:none;
}

/* =Bug Fixes
-----------------------------------------------------------------------------*/
/*****Although not used in this site, this is
Courtesy of http://www.projectseven.com/tutorials/navigation/auto_hide/index.htm*****/
/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width.
Do not edit this rule in any way. */
/*#mainNav li {width: auto;}*/