/* GLOBAL */

html{	height: 100%; }

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	font-size: 11px;
	color: #333333;
	margin: 0;
	padding: 0;
	background: url(images/BG.jpg) repeat;
	height: 100%;
    }

a:link, a:visited, a:hover, a:active { 
	text-decoration: none;
	font-weight: bold;
	}

a:link, a:visited, a:active { color: #A16333; }
a:hover { color: #663333; }

h1, h2, h3, h4, h5, div, form { text-align: left; }
h3, h4, h5, div, form { padding: 0; margin: 0; font-family: verdana, arial, sans-serif; }
p { margin: 20px 0 0 0; }
ul, ol { margin: 14px 0; }
ul {list-style-position: outside; text-indent: 0px;  }
li { margin: 3px 0 3px 0; }
ul.tight { margin: 5px 0 15px 15px; padding: 0; }
ul.tight li { margin: 0; padding: 0; }
td, table { margin: 0; padding: 0; border-collapse: collapse; border-spacing: 0;}
td { vertical-align: top; text-align: left; }
th { padding: 0 0 10px 0; }
img { border: 0; }
hr { height: 1px; color: #F5E9D2; background-color: #F5E9D2; margin: 25px 0 25px 0; border: 0;}

h1 { font: 22px normal Georgia, "Times New Roman", Times, serif; line-height: 28px; margin: 0 0 15px 0; padding: 0; color: #000000; }
h2 { padding: 0 0 10px 0; margin: 0; }
h4, h5 { font-size: 11px; }

h2, .subtitle, .subtitleCenter, .subtitleRight {
	font: 17px Georgia, "Times New Roman", Times, serif;
	line-height: 23px;
	color: #AC7946;
	}

.subtitleCenter { text-align: center; }
.subtitleRight { text-align: right; }

h3, .smallSubtitle, .smallSubtitleRight, .smallSubtitleCenter  {
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	color: #8C5926;
	padding-bottom: 25px;
	}

.smallSubtitleCenter { text-align: center; }
.smallSubtitleRight { text-align: right; }

form { 	display:inline; }

select { margin-bottom: 3px; }

input, select, textarea	{ 
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	}

input[type="text"], input[type="password"], textarea { border: 1px #999999 solid; padding: 3px; }

select { border: 1px #999999 solid; }
		
.normal { font-weight: normal; font-style: normal; white-space: normal; }

.clear { clear: both; }

.button { clear: both; margin: 5px 20px 5px 0; }

.floatleft { float: left; }

.floatright { float: right; }	

.alignright { text-align: right; }
		
.aligncenter { text-align: center; }		

.errormessage { color: #CC0000; font-weight: bold; }
	
div#main {
	position: relative;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	left: 0px;
	right: 0px;
	top: 0px;
	width: 970px;
	z-index: 0;
	visibility: visible;
	clear: both;
	}

/* Corner Mascot */
div#DOGS, div#CATS, div#BIRDS, div#FISH, div#REPTILES, div#SMALLPETS, div#GIFTS, div#HELP, div#mascot, div#PHOTOS, div#SALE {
	position: absolute;
	z-index: 2;
	left: 10px;
	top: 0px;
	width: 160px;
	height: 225px;
	background-position: top left;
	background-repeat: no-repeat;
	}

div#DOGS, div#GIFTS, div#HELP, div#mascot, div#PHOTOS, div#SALE { background: url(images/mascots/DOGS.gif); }
div#CATS { background: url(images/mascots/CATS.gif); }
div#BIRDS { background: url(images/mascots/BIRDS.gif); }
div#FISH { background: url(images/mascots/FISH.gif); }
div#REPTILES { background: url(images/mascots/REPTILES.gif); }
div#SMALLPETS { background: url(images/mascots/SMALLPETS.gif); }

/* Drop-Down Menus */
div#m_DOGS, div#m_CATS, div#m_BIRDS, div#m_FISH, div#m_REPTILES, div#m_SMALLPETS, div#m_GIFTS, div#m_HELP {
	position: absolute;
	z-index: 10;
	top: 159px;
	visibility: hidden;
	background-color: #F5E9D2;
	border: 1px #D0BA99;
	border-width: 1px 3px 7px 1px;
	border-style: solid;
	white-space: nowrap;
	padding: 10px 0 10px 0;
	}

div#m_DOGS { left: 129px; }
div#m_CATS { left: 203px; }
div#m_BIRDS { left: 275px; }
div#m_FISH { left: 355px; }
div#m_REPTILES { left: 423px; }
div#m_SMALLPETS { left: 523px; }
div#m_GIFTS { left: 648px; }
div#m_HELP { left: 746px; }

td.ddmenu { padding: 2px 10px 2px 12px; }
td.ddmenu a:link, td.ddmenu a:visited, td.ddmenu a:hover, td.ddmenu a:active { color: #663333; font-weight: normal; }
hr.ddmenu, #cattree hr { color: #D0BA99; background-color: #D0BA99; margin: 10px 0 10px 0; }

div#mainBox {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 27px;
	width: 100%;
	clear: both;
	}

div#border-1 { position: relative; border: 1px #000000 solid; }
div#border-2 { padding: 4px; }
div#border-3 { border: 5px #000000 solid; background-color: #D0BA99; }
div#border-4 { border: 12px #D0BA99 solid; background-color: #FFFFFF; }

div#logo {
	position: absolute;
	z-index: 2;
	top: 49px;
	left: 128px;
	width: 280px;
	height: 90px;
	}

div#menu {
	position: absolute;
	top: 139px;
	right: 21px;
	height: 20px;
	left: 125px;
	z-index: 3;
	}

table#mainBody {
	width: 100%;
	}

td#vine {
	height: 89px;
	text-align: right;
	}

td#menuBG {
	background-color: #F5E9D2;
	border: 1px #D0BA99;
	border-style: solid none solid none;
	}

td#cattree {
	padding-top: 65px;
	background-color: #FEF7E9;
	border: 1px #D0BA99;
	border-style: none solid none none;
	width: 190px;
	}

#contentMinHeight { height: 380px; width: 1px; }

td#contentCatProd {
	width: 100%;
	padding: 10px 10px 10px 45px;
	}

td#content {
	width: 100%;
	padding: 34px 10px 10px 45px;
	}

div.breadcrumbs {
	width: 100%;
	padding-bottom: 10px;
	text-align: right;
	font-size: 10px;
	color: #894C1D;
	line-height: 14px;
	vertical-align: middle;
	}

div.breadcrumbs img { margin: 0 2px 0 0; }

div.breadcrumbs a:link, div.breadcrumbs a:visited, div.breadcrumbs a:hover, div.breadcrumbs a:active  { font-weight: normal; }
div.breadcrumbs a:link, div.breadcrumbs a:visited, div.breadcrumbs a:active  { color: #894C1D; }
div.breadcrumbs a:hover { color: #894C1D; text-decoration: underline; }

input.miniSearch{ 
	padding: 1px 3px 2px 3px; 	
	border: 1px #003300 solid;
	font-size: 10px;
	}

input.quantity { 
	text-align: center; 
	border: 2px #A16333 solid;
	padding: 0;
	}

.quantity { color: #A16333; font-weight: bold; text-align: center; }

#topLinks { 
	font-size: 10px;
	text-align: right;
	padding: 4px 0 0 0;
	color: #333333;
	}

.searchbutton { 
	vertical-align: bottom;
	padding: 0 0 1px 0;
	}

div.footer { 
	font-size: 10px;
	padding: 10px 37px 20px 37px;
	color: #333333;
	}

div.footer a:link, div.footer a:visited, div.footer a:hover, div.footer a:active, #topLinks a:link, #topLinks a:visited, #topLinks a:hover, #topLinks a:active { 
	white-space: nowrap;
	font-weight: normal;
	}

div.footer a:link, div.footer a:visited, div.footer a:active, #topLinks a:link, #topLinks a:visited, #topLinks a:active { color: #333333; }
div.footer a:hover, #topLinks a:hover { color: #000000; }

td.verticaldivider {
	background: url(images/vr.gif) repeat-y;
	background-position: top center;
	}

/* HOME (SFNT) */

.FeaturedProduct { margin: 0 0 10px 0; width: 310px; }
.FeaturedProductPic { margin: 0 0 10px 0; width: 340px; text-align: center; }
.FeaturedProductPic img { margin: 0 20px 3px 20px; clear: both; }

.FeaturedProduct h1 { 
	font: 30px normal Georgia, "Times New Roman", Times, serif;
	line-height: 34px;
	margin: 0 0 15px 0;
	padding: 0;
	color: #000000;
	font-weight: bold;
	}

.FeaturedProduct a:link, .FeaturedProduct a:visited, .FeaturedProduct a:hover, .FeaturedProduct a:active { 
	color: #000000;
	font-weight: bold;
	}

.FeaturedProductPic a:link, .FeaturedProductPic a:visited, .FeaturedProductPic a:hover, .FeaturedProductPic a:active { 
	color: #666666;
	font-weight: normal;
	font-style: italic;
	font-size: 10px;
	}

/* CTGY */

img.catimage {
	margin: 5px 5px 30px 30px;
	float: right;
	clear: both;
	}

td.catProdBox {
	width: 50%;
    }

td.catProd {
	width: 100%;
	font-size: 10px;
	line-height: 13px;
	padding-right: 20px;
	color: #666666;
    }

img.catProd {
	margin: 0 15px 0 0;
	width: 120px;
	height: 120px;
	border: 5px #D0BA99 solid;
	}

a:link.catProdName, a:visited.catProdName, a:hover.catProdName, a:active.catProdName {
	font: 12px verdana, arial, sans-serif;
	line-height: 17px;
	font-weight: bold;
	padding-bottom: 7px;
	display: block;
	color: #A16333;
    }

a:link.catProd, a:visited.catProd, a:hover.catProd, a:active.catProd {
	color: #666666;
	font-weight: bold;
	white-space: nowrap;
	}

td.catProdPrice {
	font-size: 11px;
	color: #A16333;
	font-weight: bold;
	line-height: 17px;
	vertical-align: bottom;
	padding: 7px 0 0 0;
	}

hr.catProd { margin: 25px 0 25px 0; }
		
			
/* ACCOUNT PAGES */

hr.accountheader { margin: 25px 0 10px 0; }
	
table.requiredfield td { padding: 3px 5px 3px 0; white-space: nowrap; font-weight: bold; }
.optionalfield { font-weight: normal; font-style: italic; }
.invalid { color: #CC0000; }
	 
/* BASKET AND SEARCH */

table.basketcontents td, table.searchresults td { padding: 3px 10px 0 0; line-height: 14px; color: #333333;}
table.basketcontents th, table.searchresults th { padding: 5px 10px 10px 0; }
table.basketcontents a:link, table.basketcontents a:visited, table.basketcontents a:hover, table.basketcontents a:active, table.searchresults a:link, table.searchresults a:visited, table.searchresults a:hover, table.searchresults a:active { color: #333333; font-weight: bold; }

.currency { text-align: right; white-space: nowrap; }

img.minithumb {
	border: 1px #D0BA99 solid;
	width: 60px;
	height: 60px;
	}

/* PRODUCT PAGES */
	
div.prodDisplayBox {
	display: block; 
	width: 100%;
	clear: both;
	padding: 0 0 0 0;
         }
	
div.prodDisplayImage {
	display: none;
	float: right;
	clear: both;
	padding: 0 29px 20px 30px;
	font-size: 10px;
	font-style: italic;
	text-align: center;
	}

div.prodDisplayImage a:link, div.prodDisplayImage a:visited, div.prodDisplayImage a:hover, div.prodDisplayImage a:active{ font-weight: normal; }

div.prodDisplayImageZoom {
	position: absolute;
	top: 210px;
	right: 40px;
	z-index: 9;
	visibility: hidden;
	background-color: #FEF7E9;
	border: 1px #D0BA99 solid;
	color: #996633;
	text-align: center;
	padding: 7px;
	}

div.prodDisplayImageZoom img {
	border: 1px #F1E7D4 solid;
	margin: 0 0 3px 0;
	clear: both;
	}

img.prodDisplayBordered {
	border: 1px #D0BA99 solid;
	}
	
/*
h2.prodDisplay {
	color: #A16333;
	font-style: italic;
	font-weight: normal;
	font-size: 13px;
	padding: 0 0 3px 0;
	}
*/

div.prodDisplayPrice {
	color: #A16333;
	font-weight: bold;
	white-space: nowrap;
	padding: 0 0 0 0;
	}

div.prodDisplayRegularPrice {
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	padding: 5px 0 0 0;
	}

table.quantity td {
	vertical-align: middle;
	padding: 10px 10px 10px 0;
         }
	
div.prodDisplaySpecs {
	padding-top: 16px;
	font-style: italic;
	font-size: 10px;
	line-height: 14px;
	}

.attributePrompt { color: #A16333; padding-right: 5px; }

.radioButtons td { padding: 0 2px 4px 0; }
.radioButtons img { clear: both; margin: 0 3px 0 0; }
.radioButtons a:link, .radioButtons a:visited, .radioButtons a:hover, .radioButtons a:active { font-weight: normal; color: #333333; }

/* PRODUCT LIST (RELATED PRODUCTS, HOME PAGE PRODUCTS, SUBCATEGORY LIST ) */

th.prodListHeader, th.moreLink {
	padding: 30px 0 5px 0;
	font-size: 14px;
	font-weight: normal;
	color: #A16333;
	text-align: left;
	vertical-align: middle;
	}

th.prodListHeader a:link, th.prodListHeader a:visited, th.prodListHeader a:hover, th.prodListHeader a:active {
	color: #A16333;
	font-weight: normal;
	border: 0;
	}

th.moreLink {
	padding: 32px 0 5px 0;
	text-align: right;
	vertical-align: middle;
	}

th.moreLink a:link, th.moreLink a:visited, th.moreLink a:hover, th.moreLink a:active {
	color: #A16333;
	font-weight: normal;
	font-size: 10px;
	}

td.prodList {
	padding: 0 0 5px 0;
	margin: 0;
	text-align: left;
	background-color: #FEF7E9;
	font-size: 10px;
	border: 1px #D0BA99 solid;
	}

div.prodList { 
	text-align: left;
	color: #996633;
	width: 110px;
	font-size: 10px;
	line-height: 13px;
	display: block;
	margin: auto;
	}

a.prodList:link, a.prodList:visited, a.prodList:hover, a.prodList:active { 
	font-weight: bold;
	font-style: normal;
	display: block;
	padding: 3px 0 3px 0;
	}

a.prodList:link, a.prodList:visited, a.prodList:active  { color: #996633;}
a.prodList:hover { color: #663300; }

div.prodListImage, img.prodList {
	width: 120px;
	height: 120px;
	padding: 0;
	margin: 0;
	}

div.prodListImage { padding-bottom: 5px; }
		
div.subcatList { 
	text-align: left;
	color: #996633;
	width: 100px;
	font-size: 10px;
	line-height: 13px;
	display: block;
	float: right;
	padding-right: 5px;
	}

img.subcatArrow {
	float:left;
	margin: 6px 0 0 4px;
	clear: both;
	}

/* SUBNAV - CATTREE */

div.cattree {
	padding: 0 3px 0 20px;
	width: 190px;
	}

h1#cattreeTitle {
	font: 17px  "Times New Roman", Times, serif;
	padding: 0 0 0 0;
	margin: 0;
	text-transform: uppercase;
	font-weight: bold;
	}

ul.cattreeMain {
	margin: 0;
	padding: 10px 0 0 0;
	}

ul.cattreeSub {
	margin: 0;
	padding: 0;
	}

ul.cattreeMain li, ul.cattreeSub li {
	list-style: none;
	padding: 10px 0 0 0;
	margin: 0;
	line-height: 14px;
	}

ul.cattreeSub li {
	background: url( "images/bullet.gif" ) no-repeat;
	background-position: 1px 15px;
	padding-left: 12px;
	}

li.cattree a:link, li.cattree a:visited, li.cattree a:hover, li.cattree a:active, li.cattreeSub a:link, li.cattreeSub a:visited, li.cattreeSub a:hover, li.cattreeSub a:active { font-weight: normal; }
li.cattree a:link, li.cattree a:visited, li.cattree a:active, li.cattreeSub a:link, li.cattreeSub a:visited, li.cattreeSub a:active { color: #663333;}
li.cattree a:hover, li.cattreeSub a:hover { color: #000000; font-weight: normal; }

#cattree img { clear: both; margin: 30px 0 5px 0; }
#cattree img.first { margin: 0; }

#cattreefooter {
	font-size: 10px;
	line-height: 14px;
	padding-bottom: 30px;
	}

div.article { padding: 40px 5px 3px 20px; }

div.pagelink { padding: 3px 5px 3px 20px; }

div.article h2 {
	font: 18px  "Times New Roman", Times, serif;
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-style: italic;
	line-height: 22px;
	color: #336633;
	}

.article a:link, .article a:visited, .article a:active, .article a:hover  { 
	font-weight: normal;
	display: block;
	padding-top: 6px;
	}

.article a:link, .article a:visited, .article a:active  { color: #336633; }
.article a:hover { color: #336633; }

a.articleList:link,  a.articleList:visited,  a.articleList:active,  a.articleList:hover  { font-weight: normal; }
a.articleList:link,  a.articleList:visited,  a.articleList:active  { color: #663300;}
a.articleList:hover  { font-weight: normal; color: #996633; }

.pagelink a:link, .pagelink a:visited, .pagelink a:active  { color: #333333; font-weight: normal; }
.pagelink a:hover { color: #333333; font-weight: normal; }


input.subscribe { 
	font-size: 10px;
	padding: 2px;
	width: 110px;
	margin: 5px 2px 0 0;
	border: 1px #000000 solid;
	vertical-align: middle;
	}

input.subscribeButton { 
	margin: 5px 3px 0 0;
	border: 0;
	vertical-align: middle;
	clear: both;
	}

/* CTGY - CUSTOMER PHOTOS */

img.CustomerPhoto, img.CustomerPhotoThumb {
	border: 1px #D0BA99 solid;
	clear: both;
	}

img.CustomerPhoto { 
	margin: 0;
	width: 350px;
	height: 350px;
	}

img.CustomerPhotoThumb {
	width: 80px;
	height: 80px;
	margin: 0 8px 8px 8px;
	}

/* SITE MAP */

h1#sitemapTitle {
	font: 17px  "Times New Roman", Times, serif;
	padding: 0 3px 10px 0;
	margin: 0;
	text-transform: uppercase;
	font-weight: bold;
	}

ul.sitemap {
	margin: 0 3px 0 0;
	padding: 0;
	}

ul.sitemapSub {
	margin: 0;
	padding: 0;
	}

ul.sitemap li, ul.sitemapSub li {
	list-style: none;
	padding: 10px 0 0 0;
	margin: 0;
	line-height: 14px;
	}

ul.sitemapSub li {
	background: url( "images/bullet.gif" ) no-repeat;
	background-position: 1px 15px;
	padding-left: 12px;
	}

li.sitemap a:link, li.sitemap a:visited, li.sitemap a:hover, li.sitemap a:active, li.sitemapSub a:link, li.sitemapSub a:visited, li.sitemapSub a:hover, li.sitemapSub a:active { color: #663333; font-weight: normal; }