/* 
_________________________________________________
								"Fresh Start v.5"
		   (a starter theme for bv commerce 2004)
			 by cjs. at www.promotionsickness.com
_________________________________________________


	__________________________________________________________________________________________	
	THIS MESSAGE MUST REMAIN INTACT:
	This work was created by Cliff Spence at proMotionSickness.com, but may have been modified
	to fit the design of this website by a third party, so proMotionSickness.com cannot take
	responsibility for any modified version of this work.  It is licensed under the Creative
	Commons Attribution-ShareAlike License. To view a copy of this license, visit
	http://creativecommons.org/licenses/by-sa/2.0/ or send a letter to:
	Creative Commons, 559 Nathan Abbott Way, Stanford, California 94305, USA.
	__________________________________________________________________________________________	
	There is no support available for this theme, it's offered 'as is', but if you do have
	a problem or find a bug, post on the BV Forums, preferably in the thread where this 
	theme was first available (Free Theme: "Fresh Start" v5):
	
	--------------> http://www.bvsoftware.com/forums/default.aspx?f=28&m=12288 <--------------

	(What is BV Commerce 2004? Find out at www.bvsoftware.com)
	
	Best viewed with Firefox (www.getfirefox.com)

	Have fun... cjs.
	__________________________________________________________________________________________
*/


/* Basic Styles
_____________________________________________________________________________________________ */
body {
	background: #A19B81 repeat scroll 0 0;
	margin: 0;
	padding: 0;
	font: normal 10px Verdana, Arial, Geneva, Sans-serif;
	color: #333;
	letter-spacing: normal;
	text-align: center; }
	
p, tr, td, ul, li {
	font: 11px/17px Verdana, Arial, Geneva, Sans-serif; }
	
ul { 
	padding: 0;
	margin: 0 0 15px 17px;
	list-style: square url(media/bul_rev.gif) outside; }
	
li { 
	margin: 0 0 7px 0; }

h1 {
	padding: 0 0 0 10px;
	margin: 0 0 15px 0;
	font: bold 15px/35px Verdana, Arial, Geneva, Sans-serif;
	color: #303F6C;
	border: none;
	background: #F5F2E6;}
  
h2 {
	margin: 0 0 10px 0;
	font: bold 18px/20px Arial, Verdana, Geneva, Sans-serif;
	color: #303F6C; }
	
h3 {
	margin: 0 0 10px 0;
	font: bold 15px/18px Arial, Verdana, Geneva, Sans-serif;
	color:  #303F6C; }	
/*h3:before { 
  content: "\00BB \0020";	/* adds a ">>" before H3s, not visible on IE */
  
h4 {
  margin: 0;
  font: bold 11px/11px Verdana, Arial, Geneva, Sans-serif;
  color: #000;
  text-align: center;
  background: transparent;
  }
  
h4 a:hover {
  font: bold 10px Verdana, Arial, Geneva, Sans-serif;
  color: #FFF;
  text-decoration: none; }
  
h5, h6 {
  padding: 0;
  margin: 0;
  font: bold 12px/16px Verdana, Arial, Geneva, Sans-serif;
  color: #666;
  }
a, a:link, a:visited, a:active {
  text-decoration: underline;
  color: #003573;
  font: normal 11px Verdana, Arial, Geneva, Sans-serif; }
  
a:hover {
  text-decoration: none;
  color: #3F6FA8;
  cursor: pointer;
  }
  
table {
	border-collapse: collapse; }

table td { 
	vertical-align: top; }

img { 
	border: none; }

.hide { 
	display: none; }


/* Main Layout
___________________________________________________________________________________________ */
/*	_________________________
	Left-Aligned Container */
/*#container {
  margin: 0;
  padding: 0;
  width: 780px;
  background:#fff;
  }*/

			/* ...or... */

/*	___________________________
	Center-Aligned Container */
#container {
  /* display: block;
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0 0 0 -383px;
  padding: 0;
  width: 780px;
  background:#fff; */
  
	width: 800px;
	margin: 25 auto;
	padding: 0;
	background-color: #fff;
	text-align: left; }
	
#randblurb, #randblurbsub {
	position: absolute;
	left: 100px;
	top: 103px;
	width: 500px;
	height: 150px;
	font: italic 16px/23px Georgia, Times New Roman, serif;
	color: #151B73;
	text-align: left;
	vertical-align: center; }
	
#randblurbsub {
	top: 133px;
	right: 55px; 
	width: 425px;
	height: 90px;
	font: italic 15px/21px Georgia, Times New Roman, serif; }	
	

/*	____________________
	Pop-up Containers */
#popupContainer {
  width: 100%;
  padding: 10px;
  background: #FFF;
  }

/*	_______________________
	Pages with a sidebar */
#navcolumn {
/*position: absolute;
top: 225px;*/
  margin: 0;
  padding: 3px 0 0 6px;
  width:165px;
  vertical-align:top;
  text-align:center;
  background: transparent;
 	voice-family: "\"}\""; /* begin ie hack */
	voice-family:inherit;
	width: 165px; }
	
#navcolumn {
	width: 165px; /* end ie hack */ }
	
#contentcolumn {
  padding: 0 10px 0 5px;
  margin: 0;
  vertical-align: top;
  text-align: left;
  }
  
/*	__________________________
	Pages without a sidebar */
#page, #pag {
  padding: 10px;
  margin:0px;
  background:#fff;
  }
  
/*	________________________________
	Content Section on Every Page */
#maincontent {
/*position: absolute;
top: 225px;*/
  margin: 0px;
  padding: 10px 0 5px 0;    
  text-align: left;  
  }
  
#maincontentsub {
/*position: absolute;
top: 210px;
left: 175px;*/
  padding: 3px 0 5px 0;    
  text-align: left;
}

/* Header
___________________________________________________________________________________________ */
#Header {
  background: #fff;
  padding: 0;
  margin: 0;
  width: 800px;
  position: relative; }
  
#BrandingArea {
  height:134px;
  width: 800px;
  background: url('media/header.jpg') no-repeat left bottom;
  position: relative; }
  
#BrandingAreasub {
  height: 134px;
  width: 800px;
  background: url('media/header.jpg') no-repeat left bottom;
  position: relative; }  
  
/*	___________________
	Logo Positioning */
/*#Logo {
  position: absolute;
  top: 24px;
  left: 10px;
  }*/
  
/*	___________________
	Logo Replacement */
	/* Want to use one logo for your site, and another for printing?  Here's a trick: the following css
	will hide your site logo and replace it with a different logo as a background image.  The background
	image will show on your site, the store logo will print. This will also allow you to create a hover
	effect since your logo links to the home page. */
	
#Logo a {
  position: absolute;
  text-indent: -9999px;
  background: url('media/logo.jpg') no-repeat top left;
  display: block;
  width: 132px;
  height: 134px }
  
#Logo a:hover {
  background: url('media/logo.jpg') no-repeat top left; 
  }
#Logo img { display: none; }

a#buyonline, a#buyonline:link, a#buyonline:active, a#buyonline:visited, a#buyonline:hover {
  background: url('media/buyonline.gif') no-repeat 0 0;
  display: block;
  margin-top: 10px;
   width: 104px;
  height: 20px;}
  
a#buyonline:hover {
  background-position: 0 -20; 
  }
  
a#onlinecatalog, a#onlinecatalog:link, a#onlinecatalog:active, a#onlinecatalog:visited, a#onlinecatalog:hover {
  background: url('media/onlinecatalog.gif') no-repeat 0 0;
  display: block;
  margin-top: 10px;
 width: 104px;
  height: 20px;}
  
a#onlinecatalog:hover {
  background-position: 0 -20; 
  }  
  
a#buynow, a#buynow:link, a#buynow:active, a#buynow:visited, a#buynow:hover {
  background: url('media/buynow.gif') no-repeat 0 0;
  display: block;
  margin-top: 10px;
  width: 104px;
  height: 20px }
  
a#buynow:hover {
  background-position: 0 -20; 
  }  
  
/*	____________
	Site Menu */
#SiteMenu {
  background: transparent;
  padding: 13px 135px 2px 2px;
  }
  
#SiteMenu ul {
  margin:0;
  padding: 0 0 3px 2px;
  white-space: nowrap;
  text-align: right;
  }
#SiteMenu li {
  display: inline;
  list-style-type: none;
  }
#SiteMenu a {
  padding: 0 0;
  color: #333333;
  line-height: 12px;
  font: 11px Arial, Geneva, Verdana, Sans-serif;
  text-decoration: none;
  }
#SiteMenu a:hover {
  color: #919191;
  text-decoration: none;
  }
  
/*	__________________
	Site Menu Icons */
#SiteMenu a#Header_SiteMap,
#SiteMenu a#Header1_SiteMap {
	background: transparent url("../petcot2/pic_bullet.gif") no-repeat left center;
	padding: 0 4px 0 0; }
	
#SiteMenu a#Header_Home,
#SiteMenu a#Header1_Home {
	background: transparent url("../petcot2/pic_bullet.gif") no-repeat left center;
	padding: 0 4px 0 0; }
	
#SiteMenu a#Header_LoginStatusControl1_lnkStatus,
#SiteMenu a#Header1_LoginStatusControl1_lnkStatus {
  background: transparent url("../petcot2/pic_bullet.gif") no-repeat left center;
  padding: 0 4px 0 8px;
  }
#SiteMenu a#Header_lnkMyAccount,
#SiteMenu a#Header1_lnkMyAccount {
  background: transparent url("../petcot2/pic_bullet.gif") no-repeat left center;
  padding: 0 4px 0 8px;
  }
#SiteMenu a#Header_lnkCustomerService,
#SiteMenu a#Header1_lnkCustomerService {
  background: transparent url("../petcot2/pic_bullet.gif") no-repeat left center;
  padding: 0 2px 0 8px;
  }
#SiteMenu a#Header_lnkSearch,
#SiteMenu a#Header1_lnkSearch {
  background: transparent url("../petcot2/pic_bullet.gif") no-repeat left center;
  padding: 0 4px 0 8px;
  }
#SiteMenu a#Header_lnkCart,
#SiteMenu a#Header1_lnkCart {
  /* background: transparent url(pic_bullet.gif) no-repeat left center; */
  padding: 0 4px 0 8px;
  }
  
 #brandphone, #brandemail {
 	position: absolute; 
	top: 186px; 
	left: 10px; 
	margin: 0; 
	padding: 0 0 0 12px;
	color: #FFF;
	font-weight: bold;
	background: transparent url("../petcot2/pic_bullet_pos.gif") no-repeat left center; }
	
#brandemail, #brandemail a {
	left: 130px;
	color: #FFF; 
	font-weight: bold;
	text-decoration: none; }
	
#brandemail a:hover {
	color: #CCC; }

/*	_________________________
	Site Menu Icons :hover */
#SiteMenu a:hover#Header_SiteMap,
#SiteMenu a:hover#Header1_SiteMap {
	background-image: url("../petcot2/pic_bullet_over.gif"); }
  
#SiteMenu a:hover#Header_Home,
#SiteMenu a:hover#Header1_Home {
	background-image: url("../petcot2/pic_bullet_over.gif"); }
  
#SiteMenu a:hover#Header_LoginStatusControl1_lnkStatus,
#SiteMenu a:hover#Header1_LoginStatusControl1_lnkStatus {
  background-image: url("../petcot2/pic_bullet_over.gif");
  }
#SiteMenu a:hover#Header_lnkMyAccount,
#SiteMenu a:hover#Header1_lnkMyAccount {
  background-image: url("../petcot2/pic_bullet_over.gif");
  }
#SiteMenu a:hover#Header_lnkCustomerService,
#SiteMenu a:hover#Header1_lnkCustomerService {
  background-image: url("../petcot2/pic_bullet_over.gif");
  }
#SiteMenu a:hover#Header_lnkSearch,
#SiteMenu a:hover#Header1_lnkSearch {
  background-image: url("../petcot2/pic_bullet_over.gif");
  }
#SiteMenu a:hover#Header_lnkCart,
#SiteMenu a:hover#Header1_lnkCart {
  background-image: url("../petcot2/pic_bullet_over.gif");
  }
  
/*	________________________
	Link to Shopping Cart */
#ShoppingCartLink a, #ShoppingCartLink a:link, #ShoppingCartLink a:active, #ShoppingCartLink a:visited {
  position: absolute;
  display: block;
  top: 9px;
  right: 38px;
  color: #333333;
  font: bold 10px/12px Arial, Verdana, Geneva, Sans-serif;
  text-decoration: none;
  text-align: center; }
  
#ShoppingCartLink a:hover {
  color: #919191;
  text-decoration: none; }

/*	___________
	MiniCart */
#MiniCart {
  position: absolute;
  display: block;
  top: 24px;
  left: 695px;
  padding: 0;
  color: #333333;  
  font: normal 10px/12px Arial, Verdana, Geneva, Sans-serif;
  text-align: center; }

/* Main Menu
___________________________________________________________________________________________ */
#MainMenu {
Position: absolute;
top: 11px;
	width: 80px;
	margin-left: 185px;
	 }
  
/*	_____________________________
	Top-Banner Categories Menu */
#MenuLevel1, #MenuLevel1 table {
	width:80px;
	height: 24px;
  text-align: left;
  background: transparent;
  }

/*	______________________________
	Category Top-Banner Tab Images
	(to control spacing, uncomment and adjust and comment out link controls below) */
#MenuLevel1 .MenuItem a, #MenuLevel1 .MenuItem a:link, #MenuLevel1 .MenuItem a:active, 
	#MenuLevel1 .MenuItem a:visited, #MenuLevel1 .MenuItemActive a, #MenuLevel1 .MenuItemActive a:link, 
	#MenuLevel1 .MenuItemActive a:active, #MenuLevel1 .MenuItemActive a:visited {
	display: block;
	width: 150px;
	font: normal 10px/24px verdana, helvetica, Arial, Geneva, Sans-serif ;
	color: #1C2D58;
	text-align: center;
	text-decoration: none;
	background: transparent url("../petcot2/media/bars.gif") no-repeat scroll 0 0; }
	
	#MenuLevel1 .MenuItem a:hover, #MenuLevel1 .MenuItemActive a, #MenuLevel1 .MenuItemActive a:link, 
	#MenuLevel1 .MenuItemActive a:active, #MenuLevel1 .MenuItemActive a:visited, 
	#MenuLevel1 .MenuItemActive a:hover { 
	/* padding: 0 10px 0 10px; */
	background-position: 0 -24px;
	color: #fff;
	/* display: block; */ }

/*	________________________________
	Sub-Category Links Under Tabs */
	#MenuLevel2 {
	width: 80px;
	background: transparent; 
	display: block;}
  
#MenuLevel2 Table {
	margin: auto auto;
	 }
	
#MenuLevel2 .MenuItem {
	padding: 2px 10px 0 10px;
	background: transparent;
	text-align: center; }
	
#MenuLevel2 a {
  font: 11px/16px helvetica, verdana, Arial, Geneva, Sans-serif;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
  }
#MenuLevel2 a:hover {
  color: #5AA1F1;
  text-decoration:none;
  white-space:nowrap;
  }

/* Home Page
---------------------------------------------------------------------------------*/
#PageHome #MainContent, .HomepageBlock {
	padding: 0;
	margin: 0;
	}
  
#HomeTable {
	/*position: absolute;
	text-align: left;
	top: 225px;*/
	padding: 0;
	margin: 3px 0 0 6px;
	width: 760px;
	background: transparent;
	}
	
#HomeColumn1 {
	vertical-align: top;
	text-align: left;
	width: 165px;
	margin: 0 6px 0 6px;
	padding: 0;
	voice-family: "\"}\""; /* begin ie hack */
	voice-family:inherit;
	background: transparent;
	width: 153px; }
	
html>body HomeColumn1 {
	width: 153px; /* end ie hack */ }
	
#HomeColumn2 {
	vertical-align: top;
	text-align: left;
	margin: 0 8px 0 6px;
	padding: 0 0 0 8px;
	voice-family: "\"}\""; /* begin ie hack */
	voice-family:inherit; }
	

	
#HomeColumn3 {
	vertical-align: top;
	text-align: left;
	width: 152px;
	height: 435px;
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	voice-family: "\"}\""; /* begin ie hack */
	voice-family:inherit;
	background:transparent;
	width: 145px; }
	
html>body #HomeColumn3 {
	width: 145px; /* end ie hack */ }
	
#HomepageSample1 {
  background: #fff url("../petcot2/FreshStartImage.png") no-repeat 50% 50%;
  height: 180px;
  margin: 0;
  padding: 0;
  }
#HomepageSample2 {
  background: #f5f5f5;
  text-align: left;
  vertical-align: middle;
  margin: 10px 0;
  padding: 5px;
  border: solid 1px #999;
  font: 11px/14px Verdana, Arial, Geneva, Sans-serif;
  }
  
.mainquad {
	margin: 0 4px 0 4px; 
	padding: 15px 2px 10px 2px; 
	width: 185px;
	border: 0;
	font: normal 10px/16px Verdana, Arial, Geneva, Sans-serif;
	background: #FFF transparent repeat-y right bottom; }
	
.mainquad a, .mainquad a:link, .mainquad a:active, .mainquad a:visited,
	.mainquad span a, .mainquad span a:link, .mainquad span a:active, .mainquad span a:visited {
	font: bold 11px/16px helvetica, Verdana, Arial, Geneva, Sans-serif;
	color: #303F6C;
	text-decoration: underline; }

.mainquad span a, .mainquad span a:link, .mainquad span a:active, .mainquad span a:visited {
	font-weight: normal; }
		
.mainquad a:hover, .mainquad span a:hover {
	color: #5977CF;
	text-decoration: none; }
		
.mainquad h1 {
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
	font: bold 13px/16px Verdana, Arial, Geneva, Sans-serif;
	text-align: left;
	border: none; }
	
.mainquad h1 a, .mainquad h1 a:link, .mainquad h1 a:active, .mainquad h1 a:visited {
	font: bold 15px/16px Verdana, Arial, Geneva, Sans-serif;
	color: #303F6C;
	text-decoration: none; }
		
.mainquad h1 a:hover {
	color: #5977CF; }
		
.mainquad .SingleCategoryDisplay {
	margin-left: 15px }
		
.mainquad img {
	/* float: right; */
	margin-bottom: 10px;
	border: 0 solid #666; }
		
.mainquad ul {
	padding: 0;
	margin: 0 0 0 20px;
	list-style: square url("../petcot2/pic_bullet_pos.gif") outside; }
	
.mainquad li { 
	margin: 0 0 5px 0; }

/* Other Menus
___________________________________________________________________________________________ */
#navColumn ul, .CategoryList ul,
#navColumn ul li, .CategoryList ul li {
  padding: 0;
  margin:0;
  list-style: none outside none;
  }
  
/*	________________________________________
	Customer Service and My Account Menus */
.NavColumnBlock {
  background: #FFF;
  padding: 0;
  margin: 0;
  width: 165px;
  }
  
.NavColumnBlockContent {
  padding: 10px 0 10px 10px;
  margin: 0;
  line-height: 1.1em;
  text-align: left;
  background: ;
  color: #725452;
  background: #F8E3E2;
  }

/*	___________________________________________
	Customer Service & My Account Menu Links */
.NavColumnBlockContent a, .NavColumnBlockContent a:visited, .NavColumnBlockContent a:link {
  font: 13px Verdana, Arial, Geneva, Sans-serif;
  color: #725452;
  text-decoration: none;
  list-style-type: none;
  margin: 0 0 0 0;
  }
.NavColumnBlockContent a:hover {
  font: 13px Verdana, Arial, Geneva, Sans-serif;
  color: #725452;
  text-decoration: underline;
  }  

/*	_________________________
	Side Bar Menus & Forms */
.CategoryList, .MailingListSignupForm {
	padding: 0; 
	voice-family: "\"}\""; /* begin ie hack */
	voice-family:inherit;
	width: 165px; 
	}
	
.SearchBoxForm{
	voice-family: "\"}\""; /* begin ie hack */
	voice-family:inherit;
	width: 165px; 
	padding: 6px 0 5px 0;
	margin: -8px 0 0 0;
	background: #CF9995;
	}
	
html>body .CategoryList, html>body .SearchBoxForm, html>body .MailingListSignupForm {
	width: 165px; /* end ie hack */ }
	
.CategoryListContent, .MailingListSignupFormContent {
	padding: 6px 5px 18px 5px;
	margin: 0 0 15px 0;
	text-align: left;
	background: #F8E3E2;}
	
.SearchBoxFormContent .FormInput, .MailingListSignupFormContent .FormInput {
  Float: left;
  position: relative;
  border: #8F6A67 1px solid;
  color: #725452;
  height: 24px;
  padding: 0 0 0 0;
  margin:0 -6px 0 6px;
  width: 95px;
  font: normal 13px/13px Verdana, Arial, Geneva, Sans-serif;
  }
  
.MailingListSignupFormContent .FormLabel {
   font: 13px/13px Tahoma, Verdana, Arial, Geneva, Sans-serif;
  color: #000;
  background: #fff;
  }

/*	_________________________________
	Side Bar Categories Menu Links */
	/* NOTE: This section still in beta. --, .CategoryListContent ul li-- */
.CategoryListContent ul {
 	margin: 0;
	padding: 0;
	list-style: none outside none; 
	font: 13px/13px Verdana, Arial, Geneva, Sans-serif;}
	
/* .CategoryListContent li { 
	margin: 0;
	padding: 0; }  */

.CategoryListContent a, /* , .CategoryListContent a:link, .CategoryListContent a:visited ,*/
	.CategoryListContent .OtherCategory a {
	display: block;
	color: #7A6362;
	background-color: transparent;
	margin: 0 0 0 0;
	padding: 3px 4px 4px 4px;
	text-decoration: none;
	font: 13px/13px Verdana, Arial, Geneva, Sans-serif; }
	
/**/.CategoryListContent li li a, .CategoryListContent li li a:link, .CategoryListContent li li a:visited {
	display: block;
	color: #7A6362;
	background-color: #FAF3F2;
	font: 13px/13px Verdana, Arial, Geneva, Sans-serif;
	padding: 5px 4px 5px 4px;
	text-decoration: none; } 
	
/* .CategoryListContent .CurrentCategory a, */
.CategoryListContent .CurrentCategory a:link,
.CategoryListContent .CurrentCategory a:visited,
.CategoryListContent .CurrentCategory a:hover {
  color: #fff;
  background-color: #E1ABA8;
  text-decoration: none;
  }
  
  /* For Reseller Link */
.reseller {
	font: 13px/13px Verdana, Arial, Geneva, Sans-serif;
	color: #47264C; }
  
a:hover .reseller {
	color: #FFF; }

.CategoryListContent .SubCategory a,
.CategoryListContent .SubCategory a:link,
.CategoryListContent .SubCategory a:visited {
  display: block;
  color: #876E6C;
  background-color: #FAF3F2;
  padding: 5px 4px 5px 4px;
  text-decoration: none;
 font: normal 13px/13px Verdana, Arial, Geneva, sans-serif;
  }
  
.CategoryListContent .CurrentCategory .SubCategory a,
.CategoryListContent .CurrentCategory .SubCategory a:link,
.CategoryListContent .CurrentCategory .SubCategory a:visited {
  display: block;
  color: #fff;
  background-color: #E1ABA8;
 padding: 5px 4px 5px 4px;
  text-decoration: none;
  font: normal 13px/13px Verdana, Arial, Geneva, sans-serif;
  } /**/
  
.CategoryListContent a:hover,
.CategoryListContent li li a:hover,
.CategoryListContent .SubCategory a:hover,
.CategoryListContent .CurrentCategory .SubCategory a:hover {
  color: #FFF;
  font: 13px/13px Verdana, Arial, Geneva, Sans-serif;
  background-color: #BE908E; }

/* Breadcrumbs
___________________________________________________________________________________________ */
#BreadCrumbs {
	margin-bottom: 4px;
	padding: 2px 10px 2px 2px;    
	font: 10px Verdana, Arial, Geneva, Sans-serif;
	color: #999;
	text-align: right;
	display: block; }
	
#BreadCrumbs a, #BreadCrumbs a:link, #BreadCrumbs a:visited {
	color: #666;
	text-decoration: none; }
	
#BreadCrumbs a:hover {
	color: #999;
	text-decoration: none; }
	
.BreadCrumbTrailSpacer {
	font: 8px Verdana, Arial, Geneva, Sans-serif; }
	
.BreadCrumbTrailNoLink {
  }

/* Category Page
___________________________________________________________________________________________ */
#LayoutTable {
	margin-left: 10px;
  width:583px;
  }
#Records table {
  width:583px;
  }
#Records table tr td {
  text-align:center;
  }
#Records table table {
  border:none;
  width:98%;
  }

/*	____________________________________________________
	Category Header (also uses H1 for category title) */
#CategoryBanner {
	margin: 5px 0; }
	
#Description {
	/*font: 13px/15px Verdana, Arial, Geneva, Sans-serif;		
	color: #343434;*/
	margin: 10px 15px 8px 0; }
	
#RecordsFound, #Pager ,#Sorter , #Sorter TD {
	/*font: 11px Verdana, Arial, Geneva, Sans-serif;
	color: #666;*/
	margin-bottom: 3px;
	white-space: nowrap; }

#Records {
	padding: 5px 0 0 0; }

/*	_____________________________
	"New" Image Position */
.NewProductBadge {
  position:relative;
  left:-60px;
  top:-128px;
  }
  
/*	________________
	Products Grid  */
.SingleCategoryDisplay {
	display: block;
	text-align: left;
	width: 100%;
	font: normal 11px helvetica, verdana, Arial, Geneva, Sans-serif;
	margin: 0;
	padding: 0;
	vertical-align: top;
	background: transparent;}
  
.SingleCategoryDisplayText {
	text-align: center; }
	
.SingleCategoryDisplayImage {
	text-align: center; }
  
.SingleProductDisplay {
	display: block;
	width: 185px;
	height: 175px;
	padding: 15px 0 0 0;
	margin: 0;
	text-align: center;
	border: 0;
	vertical-align: top;
	background-color: #F5F2E6; 
  }
.SingleProductDisplay {
  margin-top: 10px; !important
  }
.SingleProductDisplayImage {
  padding-bottom:10px;
  text-align: center;
  }
.SingleProductDisplayName A, .SingleCategoryDisplayname A, .ListCategoryDisplay A {
  font: bold 11px verdana, Arial, Geneva, Sans-serif;
  }
.SingleProductDisplayPrice A {
  font: 11px Verdana, Arial, Geneva, Sans-serif;
  color:#182645;
  text-decoration:none;
  }
  
/*	____________________________
	Products/Categories Lists */
.ListProductDisplay {
  height: 100%;
  }
.ListProductDisplayName, .ListProductDisplayName td,
.ListCategoryDisplayName, .ListCategoryDisplayName td {
  text-align:left !important;
  padding: 3px;
  }
.ListProductDisplayPrice, .ListProductDisplayPrice td {
  float:right !important;
  text-align:right !important;
  }
.ListCategoryDisplayDescription {
  display: none;
  margin:3px 5px 10px 0px;
  font: 12px/14px Verdana, Arial, Geneva, Sans-serif;
  text-align:left !important;
  }
  lblCategoryName

/*	__________________________
	Detailed Products Lists */
.DetailProductDisplay {
  margin: 10px 10px 20px 10px;
  padding: 0 0 7px 15px;
  text-align: left;
  background: #F5F2E6;
  }
.DetailProductDisplayName td,
.DetailProductDisplayPrice td,
.DetailProductDisplayDescription td,
.DetailProductDisplayControls td {
  text-align: left !important;
  float: left !important;
  
  }
#Records .DetailProductDisplayImage {
  width: 130px;
  background: #fff;
  float: right;
  text-align: right; 
  vertical-align: middle;
  }
 
/*	_______________________________________
	Side Bar Product & Category Rotators */ 
/* .HomepageBlock .SingleCategoryDisplay {
  display: block;
  text-align:center;
  width:140px;
  margin:0;
  vertical-align:top;
  } */
.HomepageBlock .SingleProductDisplay {
  display: block;
  text-align: left;
  width: 165px;
  height:100%;
  vertical-align: top;
  border: 0;
  padding:0;
  margin: 0;
  }
.HomepageBlock .SingleProductDisplay {
  margin-top: 0; !important
  }
.HomepageBlock .SingleProductDisplayImage {
  height:64px;
  padding-bottom:0;
  }
  
/* Product Page
___________________________________________________________________________________________ */

/*	_________
	Layout */
#ProductPageContainer {
  }
#ProductPageImageColumn {
  padding:0 10px 0 0;
  margin:0px;
  width: 150px;
  vertical-align:top;
  text-align:center;
  }
#ProductPageContentColumn {
  padding:0 5px 0 5px;
  margin:0;
  vertical-align:top;
  text-align:left; 
  }
  
#Productoptions {
  }  

/*	_________
	Styles */
#lblSKU { font-size: 10px; color: #666; }
#productdescription {
  padding: 8px 8px 8px 0;
  /*font: 11px/12px Verdana, Arial, Geneva, Sans-serif;
  color: #666;*/
  }
#imgZoom, #PrintThisPage, #EmailThisPage { margin: 0 0 2px 0; }
#ProductImage a, #ProductImage a:hover { text-decoration: none; }

/*	_______________________
	Product Controls Box */
#ProductControls {
	float: left;
  border: 0;
  width:350px;
  margin: 0 5px 0 0;
  padding: 10px 0 0 10px;
  background: #F5F2E6;
  }

/*	_____________________
	Product Properties */
.ProductPropertyLabel { font: bold 11px Verdana, Arial, Geneva, Sans-serif; color:#666; text-align:left; }
#ProductProperties { text-align:left; }
#ProductProperties ul { margin: 5px 0 0 50px; }
#ProductProperties ul li { margin-top:3px; }
#ProductProperties ul ul { margin: 5px 0 0 0; }

/*	________________
	Pricing */
.DiscountText { font: 11px Verdana, Arial, Geneva, Sans-serif; color:#333; }
.SitePriceDiscounted,.YouSave,.ListPrice,.SitePrice { font: 11px Verdana, Arial, Geneva, Sans-serif; }
.SitePrice, .ListPrice { color:#666; }
.ListPrice { text-decoration:line-through; }
.YouSave { color:#f00; }
.SitePriceDiscounted { color:#333; }

/*	_________________
	Volume Pricing */
#VolumeDiscounts { margin:5px; }
.VolumePricingHeader { background:#2F3E6B; font: 11px/12px Verdana, Arial, Geneva, Sans-serif; color:#FFF; }
.VolumePricingText { font: 11px/12px Verdana, Arial, Geneva, Sans-serif; color:#666; }

/*	________________
	Related Items */
.RelatedItemsBlock {
  display: block;
  background: #fff;
  border: none;
  width: 175px;
  margin: 10px 0;
  border: 1px solid #ccc;
  }
.RelatedItemsBlock H3 {
  padding: 3px;
  margin: 0;
  font: bold 12px Verdana, Arial, Geneva, Sans-serif;
  color: #999;
  text-align: left;
  border-bottom: 1px solid #ccc;
  width: 170px;
  }
.RelatedItemsBlockContent { padding: 5px 0 0 0; text-align: center; }
.RelatedItemsBlock .SingleProductDisplay { border:none; width:170px; height:100%; }
.RelatedItemsBlock .SingleProductDisplayImage { height:64px; }

/*	__________________
	Product Reviews */
#ProductReviews H3 {
	float:left;
  padding: 6px 6px;
  width: 225px;
  margin: 0 5px  5px 0;
  font: bold 12px Arial, Verdana, Geneva, Sans-serif;
  color: #545856;
  background: E1D9B6;
  }
#ProductReviews, #ProductReviewNew { margin: 10px 0; }
#ProductReviews a:link, #ProductReviews a:visited {
  font: 10px Verdana, Arial, Geneva, Sans-serif;
  }
#ProductReviews a:hover {
  font: 10px Verdana, Arial, Geneva, Sans-serif;
  }
.ProductReviewRating {
  font: bold 11px Verdana, Arial, Geneva, Sans-serif;
  color:#666;
  }
.ProductReview {
  font: 11px Verdana, Arial, Geneva, Sans-serif;
  margin: 5px 10px;
  }
.ProductReviewKarma { font: 11px Verdana, Arial, Geneva, Sans-serif; color:#666; }

/* Checkout
___________________________________________________________________________________________ */
#tblItems {
  width:762px;
  margin:5px;
  }
#CheckoutTable {
  width:762px;
  }
.Header {
  padding: 3px;
  margin: 0;
  font: bold 11px Verdana, Arial, Geneva, Sans-serif;
  color: #fff;
  border-bottom: 2px solid #E1D9B6;
  background: #454448;
  }
.CheckoutDescription {
  font: 12px/14px Verdana, Arial, Geneva, Sans-serif;
  }

/*	_________________
	Checkout Steps */
#CheckoutSteps {
  padding:5px;
  background: #fff;
  margin:0;
  }
.CheckoutStep {
  padding-right:20px;
  }
.CheckoutStep a, 
.CheckoutStep a:link, 
.CheckoutStep a:visited {
  font: 12px/14px Verdana, Arial, Geneva, Sans-serif;
  color:#999;
  white-space:nowrap;
  text-decoration:none;
  }
.CheckoutStep a:hover {
  font: 12px/14px Verdana, Arial, Geneva, Sans-serif;
  color:#666;
  white-space:nowrap;
  text-decoration:none;
  }
.CheckoutStep .CheckoutStepCurrent, 
.CheckoutStep a:link.CheckoutStepCurrent, 
.CheckoutStep a:visited.CheckoutStepCurrent, 
.CheckoutStep a:hover.CheckoutStepCurrent {
  font: bold 12px/14px Verdana, Arial, Geneva, Sans-serif;
  color:#666;
  white-space:nowrap;
  text-decoration:none;
  }

/*	_____________________
	Shopping Cart Page */
#CartTitle {
margin-left: 12px;
  width:750px;
  }
#CartSubTitle {
	margin-left: 12px;
  }
#CartContainer {
  width:750px;
  padding:0 5px 0 5px;
  margin:10px;
  }
#CartItemBlock {
  padding:0px;
  margin:0px;
  }
#CartItemBlock Table {
  margin:0px;
  width:750px;
  border-bottom: none;
  }
#CartUpdateBlock {
  width:500px;
  background:#fff;
  margin:0px;
  text-align:center;
  vertical-align:middle;
  }
#CartTotalBlock {
  width:260px;
  margin:0px;
  padding:5px;
  text-align:center;
  vertical-align:middle;
  }
#CartCheckoutButtons {
  width: 700px;
  text-align:right;
  margin-top:10px
  }
.CartItem {
  padding: 5px;
  background: #fff;
  font: 11px/14px Verdana, Arial, Geneva, Sans-serif;
  color: #666;
  text-align: left;
  border-bottom:2px solid #182645;  
  }
.CartAlternateItem {
  padding: 5px;
  background: #F5F2E6;
  font: 11px/14px Verdana, Arial, Geneva, Sans-serif;
  color: #666;
  text-align: left;
  border-bottom:2px solid #182645;  
  }

/*	__________________
	Checkout Styles */
#AddressBookPanel {
  width:735px;
  margin:0 0 10px 0;  
  }
#AddressList td {
  border: 1px solid #efefef;
  padding: 5px;
  }
.ContentBox {
  margin: 3px 3px 3px 3px;  
  text-align:left;
  background: #F7D5DF;
  border: solid 1px #182645;
  padding:10px;
  }
#CheckoutTotals {
  text-align:center;
  background:#f5f5f5;
  border-left: 1px solid #182645;
  border-top: 1px solid #182645;
  border-right: 1px solid #182645;
  padding:5px;
  margin: 0;
  width: 172px;
  }
#lblGrandTotal {
  border-top: 1px solid #ccc;
  }
#PlaceOrderCell {
  padding:0px;
  margin: 0;
  text-align:center;
  background:#fff;
  }
.ControlArea {
  background: #f5f5f5;
  padding:5px;
  margin-top:5px;
  }
#CheckoutPayment {
  background:#f5f5f5;
  border: 2px solid #182645;
  padding:5px;
  margin: 0;
  text-align:left;
  width: 172px;
  }
#InstructionsField {
  background: #fff;
  border: 1px solid #ccc;
  width: 100%;
  padding:3px;
  margin: 3px 0;
  }
  
/*	__________________________________
	Checkout_Confirm Pricing Styles */
/*.DiscountText { }*/


/* Misc Visual Styles
___________________________________________________________________________________________ */
.BVText, .CartText {
  font: 11px Verdana, Arial, Geneva, Sans-serif;
  color: #666;
  }
.BVSmallText {
  font: 10px Verdana, Arial, Geneva, Sans-serif;
  color:#666;
  }
.BVText .Stories {
  text-align: justify;
  }
.Item {
  padding: 5px;
  background: #fff;
  font: 11px/14px Verdana, Arial, Geneva, Sans-serif;
  color: #666;
  text-align: left;
  }
.AlternateItem {
  padding: 5px;
  background: #efefef;
  font: 11px/14px Verdana, Arial, Geneva, Sans-serif;
  color: #666;
  text-align: left;
  }
.FormTable {
  margin: 3px 5px;
  }
.contentcell {
  width: 360px;
  background: #f5f5f5;
  border: 3px solid #efefef;
  }
.FormInput, #inKeyword {
  border: #999 1px solid;
  background: #fff;
  color: #333;
  padding-left: 2px;
  font: normal 10px/14px Verdana, Arial, Geneva, Sans-serif;
  height: 18px;
  }
.FormInput:focus { background: #ff9; } /* changes color of focused input box */
#btnSearch { margin: 0 0 2px 3px; } /* fixes alignment of search button on search page */
.FormInputError {
  border: #999 1px solid;
  background: #D8EAFD;
  color: #333;
  padding-left: 2px;
  font: bold 10px/14px Verdana, Arial, Geneva, Sans-serif;
  height: 18px;
  }
.formlabel {
  font: 12px Verdana, Arial, Geneva, Sans-serif;
  color: #666;  
  letter-spacing: normal;  
  }
.FormLabelStrong {
  font: bold 12px/14px Verdana, Arial, Geneva, Sans-serif;
  color: #666;  
  letter-spacing: normal;  
  }
.indent {  
  margin-left:20px;
  }
.Padded {
  margin:10px;
  }
#dlPolicy, #dlPolicy a, #dlPolicy a:hover {
  font: 12px Verdana, Arial, Geneva, Sans-serif;
  color: #666;
  }
.text {
  font: 10px Verdana, Arial, Geneva, Sans-serif;
  color: #666;
  padding-bottom: 8px;
  }
select {
  color: #333;
  }
a#lnkMyAccount, a:link#lnkMyAccount , a:visited#lnkMyAccount {
  font: bold 12px Verdana, Arial, Geneva, Sans-serif;
  color: #666;
  }
a:hover#lnkMyAccount {
  color: #9f0;
  text-decoration: none;
  }

/* Messages
___________________________________________________________________________________________ */
.ErrorMessage, .ErrorMessage UL {
  display: block;
  background: transparent;
  font: 10px/12px Verdana, Arial, Geneva, Sans-serif;
  color: #f00;
  }
.SuccessMessage {
  display: block;
  background:#9f0;
  padding: 3px;
  color: #333;
  font: 11px/14px Verdana, Arial, Geneva, Sans-serif;
  text-align: center;
  }
.WebPageMessage {
  border:solid 1px #f00;
  background:#fff;
  padding:0;
  margin:0;
  }
.WebPageMessageError, .WebPageMessageWarning, .WebPageMessageInformation, .WebPageMessageQuestion, .WebPageMessageOK {
  padding: 5px;
  background-position: 5px 5px;
  background-repeat: no-repeat;
  }
.WebPageMessage .Message {
  font: 10px Verdana, Arial, Geneva, Sans-serif;
  padding: 0 0 0 40px;
  height:30px;
  margin:0;
  color:#333;
  }
.WebPageMessageError { background-image: url("../petcot2/MessageERROR.gif"); }
.WebPageMessageWarning { background-image: url("../petcot2/MessageWARNING.gif"); }
.WebPageMessageInformation { background-image: url("../petcot2/MessageINFO.gif"); }
.WebPageMessageQuestion { background-image: url("../petcot2/MessageQUESTION.gif"); }
.WebPageMessageOK { background-image: url("../petcot2/MessageOK.gif"); }
  
/* Footer
___________________________________________________________________________________________ */
#footer {
  clear: both;
  width: 800px;
  margin: 6px 6px 6px 6px;
  padding: 15px 0 0 0;
  height: 50px;
  color: #ffffff;
  text-align: center;
  background: #E1D9B6;
  voice-family: "\"}\""; /* begin ie5 hack */
	voice-family:inherit;
	width: 787px; }
	
#footer {
	width: 787px; /* end ie hack */ }

#footermenu a {
position: relative;
  padding: 10px 6px 0 6px;
  color: #414341;
  font: bold 10px Verdana, Arial, Geneva, Sans-serif;
  text-decoration: none; }
  
#footer a {
  padding: 10px 6px 0 6px;
  color: #414341;
  font: bold 10px Verdana, Arial, Geneva, Sans-serif;
  text-decoration: none;}
  
#footercustommenu {
padding: 0 0 0 0; }
  
#copyright {
position: relative;
  font-size: 13px;
  color: #ffffff;
  display: block;
  text-align: center; }
  
#midcontent {
width: 460px;
} 

#brands {
	/* float: left; */
	width: 612px;
	height: 175px;
	padding: 0 0 5px 0;
	background-color: #F5F2E6; }
	
a.leaf, a.leaf:link, a.leaf:active, a.leaf:visited, a.leaf:hover,
	a.springshoe, a.springshoe:link, a.springshoe:active, a.springshoe:visited, a.springshoe:hover {
	float: left;
	width: 291px;
	height: 230px; 
	margin: 6px 0 0 0;
	padding-right: 10px;
	font: bold 32px/52px Arial, Verdana, Geneva, Sans-serif;
	color: #334472;
	text-decoration: none;
	text-align: right;
	border: 1px solid #303F6C;
	background: transparent url(media/pic_wish_storefront.jpg) no-repeat scroll 0 0; }
	
	a.springshoe, a.springshoe:link, a.springshoe:active, a.springshoe:visited, a.springshoe:hover {
		float: right;
		background-image: url(media/pic_spring_10_shoe.jpg); }
	
a.apple {
  float: left;
  text-decoration: none;
  text-align: right;
  margin: 8px 8px 0 0;
  background: url('media/bg_shoe_outline.jpg') no-repeat 0 0;
  width: 293px;
  height: 230px;
  border: 1px solid #303F6C; }
  
a.apple:hover {
  border-color: #D00000; }

#leftdesign {
text-align: left;
margin-top: 10px;
width: 165px;
height: 100px;
padding:0;
background: #F5F2E6;}

#leftdesign a {
  color: #43433B;
  font: normal 12px/24px Verdana, Arial, Geneva, Sans-serif;}

#rightdesign {
position: relative;
margin: 9px 0 0 0;
padding: 10px 0 10px 0;
width: 142;
font: normal 12/24px Arial, Verdana, Geneva, Sans-serif;
background: #F5F2E6;
voice-family: "\"}\""; /* begin ie hack */
voice-family:inherit;
width: 142px; }
	
#rightdesign {
	width: 142px; /* end ie hack */ }

#catcontentbotprod {
position: relative;
float: left;
width: 125px;
margin-right: 22px;
} 
#catcontentbotprodr {
position: relative;
float: left;
width: 125px;
} 

.rightshoe {
width: 220px;
height: 80px;
margin-top: 2px;

} 
#prodmainr {
position: relative;
float: left;
width: 330px;
height: 100%;
background: #ffffff;
}