body 
{
	text-align: center;
	font-family: Verdana;
	font-size: 11pt;
	background-image: url(backgroundRepeater.jpg);
	background-repeat: repeat-x;
	padding-top: 0px;
	background-color: #bfd8de;
	color: #666666;
	margin: 0;
}

h1 
{
	color: #666666;
	font-size: 16pt;
	margin: 0;
}

h2 
{
	color: #ed008c;
	font-size: 12pt;
	margin: 0;
}

h3
{
	color: #666666;
	font-size: 11pt;
	margin: 0;
}

.leftMenu H2 
{
	color: 	#ed008c;
	font-size: 18pt;
	background-image: url(pinkPaw.jpg);
	background-repeat: no-repeat;
	font-family: Century Gothic;
	margin: 5px 5px 5px 5px;
	padding-left: 40px;
	height: 40px;
}

.rightMenu H2
{
	font-family: Century Gothic;
	font-size: 20pt;
	color: #999999;
	margin: 5px 5px 5px 5px;
}

.Star H2 
{
	color: 	#666666;
	font-size: 22pt;
	background-image: url(waggyTails5Star.jpg);
	background-repeat: no-repeat;
	font-family: Century Gothic;
	margin: 5px 5px 10px 5px;
	padding-left: 70px;
	padding-top: 10px;
	height: 55px;
}

.Star H4 
{
	font-size: 11pt;
	color: #ff0099;
}

.collarWizard H2 
{
	color: #666666;
	font-size: 20pt;
	text-align: left;
}

.collarWizard H4 
{
	font-size: 11pt;
	color: #ff0099;
}

.welcomeInfo h1, .welcomeInfo h2, .welcomeInfo h3 
{
	color: #fff;	
}

H6 
{
	font-size: 11pt;
	font-weight: bold;
	color: #ffffff;
	margin: 0;
	margin-bottom: 5px;
}

.Star ul
{
	
}

.Star li, .Star li a
{
	color: #ed008c;
	font-weight: bold;
	font-size: 16pt;
	list-style-image: url(small5Star.jpg);
}

.Star li span
{
	color: #ed008c;
	font-weight: bold;
	font-size: 10pt;
}


.wrapper 
{
	width: 1000px;
	height: 100%;
	margin: auto;
	background-color: #fdfdfe;
	padding-left: 20px;
	padding-right: 20px;
}

.header 
{
	height: 160px;
}

.header .logo 
{
	float: left;
	width: 600px;	
}

.header .paw 
{
	background-image: url(pawsMark.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 128px;
	float: right;
}

.header .search 
{
	padding-top: 50px;
	padding-right: 40px;
}

.header .headerLinks
{
	
	background-image: url(blueTabs.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	height: 32px;
	width: 300px;	
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 10pt;
	color: #ffffff;
	float: right;
	margin-right: 33px;
	text-align: left;
}

.header .headerLinks ul 
{
	padding-top: 10px;
	margin: 0pt;
	margin-left: 17px;
}

.header .headerLinks li
{
	float: left;
	list-style-type: none;	
	padding: 0 5px 0 5px;
	border-right: solid 1.5px #fff;
}

.header .headerLinks li a 
{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
}

.header .headerLinks .final 
{
	border: none;
}

.leftMenu 
{
	background-color: #e8e8e8;
	background-image: url(menuBottom.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	float: left;
	width: 206px;
	margin-right: 5px;
	padding: 5px 0px 30px 0px;
	text-align: left;
}

.leftMenu ul 
{
	list-style-type: none;	
	text-align: left;
}

.leftMenu li
{
	text-align: left;
	border-bottom: dashed 1px #000000;
	font-size: 10pt;
	color: #666666;
	width: 140px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.leftMenu li a 
{
	font-size: 10pt;
	color: #666666;
}

.leftMenu .link a 
{
	font-size: 11pt;
	color: #666666;
	text-decoration: none;
	padding-left: 40px;
}

.info
{
	text-align: left;
	float: left;
	color: #000000;
	width: 575px;
	margin-top: 5px;
	font-size: 10pt;
}

.info .welcomeInfo 
{
	padding: 10px 10px 10px 10px;
	background-color: #99ccff;
}

.info .Star 
{
	margin-top: 5px;
	padding-top: 10px;
	background-color: #e8e8e8;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
}

.info .collarWizard 
{
	background-color: #e8e8e8;
	padding: 5px 5px 5px 5px;
	margin-top: 10px;
	text-align: left;
}

.info .collarWizard .images 
{
	text-align: center;
}

.info .collarWizard img 
{
	margin: auto;	
	width: 250px;
}

.rightMenu 
{
	float: right;
	width: 206px;
	margin-left: 5px;
}

.rightMenu .menuBlock 
{
	background-color: #e8e8e8;
	background-image: url(menuBottom.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	width: 206px;
	padding-bottom: 30px;
}

.rightMenu .menuBlock ul
{
	text-align: left;	
}

.rightMenu .menuBlock li
{
	text-align: left;
	list-style-type: none;
	border-bottom: dashed 1px #000000;
	font-size: 11pt;
	color: #666666;
	width: 140px;
}

.rightMenu .menuBlock li a, .rightMenu .menuBlock a
{
	font-size: 11pt;
	color: #666666;
	text-decoration: none;
}


.navigation 
{
	background-image: url(navBackground.jpg);
	background-repeat: no-repeat;
	height: 37px;
}

.navigation .siteName 
{
	text-align: left;
	float: left;
	width: 400px;
	font-weight: bold;
	color: #ffffff;
	font-size: 13pt;
	padding-left: 35px;
	padding-top: 10px;
	font-family: Century Gothic;
}

.navigation .navLinks 
{
	float: right;
	text-align: right;
	font-size: 10pt;
	color: #ffffff;
	padding-top: 12px;
	padding-right: 40px;
	font-weight: normal;
	vertical-align: top;
}

.navigation .navLinks ul 
{
	
}

.navigation .navLinks ul li
{
	float: left;
	color: #ffffff;
	padding: 0 5px 0 5px;
	border-right: solid 1.5px #fff;
	list-style-type: none;
}

.navigation .navLinks .final
{
	border: none;
}

.navigation .navLinks li a 
{
	color: #ffffff;
	text-decoration: none;
}

.content
{
	text-align: left;
	margin-top: 10px;
	float: left;
}

.content .homePageContent
{
	width: 900px;
	margin: auto;
}

.content .homePageContent .featured
{
	float: left;
	width: 300px;
}

.content .homePageContent .specials 
{
	float: right;
	width: 535px;
}

.content .homePageContent .newStock
{
	float: right;
	width: 530px;
}

.footer 
{
	clear: both;
	height: 30px;
	background-image: url(footer.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 37px;
	margin-top: 10px;
}

.footer .links1 
{
	float: left;
	width: 500px;
}

.footer .links2
{
	float: right;
	width: 500px;
}

.footer .links1 a, .footer .links2 a
{
	color: #999999;
	font-size: 9pt;
	text-decoration: none;
}

.footer .links1 li, .footer .links2 li
{
	float: left;
	width: 100px;
	list-style-type: none;
}

.productBox
{
	margin-bottom: 20px;	
}

.productBoxLong
{
	margin-bottom: 20px;	
}

.productBox .header
{
	background-image: url(boxheader.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 29px;
	width: 296px;
	color: #ffffff;
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
}

.productBoxLong .header
{
	background-image: url(boxheaderLong.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 29px;
	width: 524px;
	color: #ffffff;
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
}

.featuredItem 
{
	width: 284px;
	height: 285px;
	border: solid 1px #a8a8a8;
	padding: 5px;
}

.featuredItem .product 
{
	text-align: center;	
	position: absolute;
}

.featuredItem .product h1
{
	margin: 0px;
	min-height: 25px;
	font-size: 12pt;	
	background-color: #ec008c;
	color: #ffffff;
	font-size: 10pt;
	font-weight: normal;
	text-align: center;
	padding-top: 5px;
	width: 284px;
}

.featuredItem .product .inlineImageL
{
	text-align: center;
}

.featuredItem .productDescription
{
	position: relative;
	top: 155px;
	font-size: 10pt;
	color: #666666;
}

.featuredItem .productDescription h1 
{
	font-size: 10pt;
	font-weight: bold;
	color: #666666;
	margin: 0px;
}

.featuredItem .price
{
	position: relative;
	top: 255px;	
	color: #ff0099;
	font-weight: bold;
	font-size: 18pt;
	width: 140px;
}

.featuredItem .links 
{
	position: relative;
	top: 225px;	
	left: 160px;
	vertical-align: middle;
	width: 120px;
}

.featuredItem .links a
{
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	font-size: 10pt;
}

/* productMedium START */

.productItemMedium
{
	padding: 10px 3px 3px 3px;
	width: 250px;
	text-align: right;
	border: solid 1px #a8a8a8;
	float: left;
	height: 130px;
	margin: 5px 0 0px 0;
}

.productItemMedium .product h1
{
	position: relative;
	font-size: 10pt;
	font-weight: bold;
	color: #666666;
	height: 50px;
}

.productItemMedium .product h2 
{
	position: relative;
	height: 25px;
	font-size: 9pt;
	font-weight: normal;
	color: #666666;
}

.productItemMedium .product .inlineImageL
{
	float: left;
}

 .productItemMedium .price
{
	position: relative;
	right: 130px;
	top: 20px;
	color: #ff0099;
	font-weight: bold;
	font-size: 12pt;
}

.productItemMedium .links
{
	width: 100px;
}

.productItemMedium .links a
{
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	font-size: 10pt;
}

.seperator 
{
	float: left;
	width: 7px;
	
}

/* productMedium END */

/* Login Page START */
.existingCustomer 
{
	float: left;
	width: 255px;
}

.existingCustomer h3, .newCustomer h3 
{
	text-align: center;
	vertical-align: middle;
	background-image: url(blueHeaderSmall.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width: 256px;
	color: #ffffff;
	margin-bottom: 0px;
	padding-top: 7px;
}

.existingCustomer .content, .newCustomer .content 
{
	border: solid 1px #a8a8a8;
	margin-top: 0px;
	padding: 5px 2px 5px 2px;
	height: 240px;
}

.newCustomer 
{
	float: right;
	width: 255px;
}

.forgottenPassword 
{
	clear: both;
	margin-top: 20px;
}

/* Login Page END */

/* Product Page START */

.productView 
{
}

.productView .inlineImageL
{
	float: left;
	width: 300px;
}

.productView .itemContentProduct
{
	
}

.productView .itemContentProduct .title
{
	font-size: 14pt;
	text-align: right;
	height: 50px;
}

.productView .itemContentProduct .subTitle
{
	font-size: 12pt;
	text-align: right;
	height: 40px;
}

.productView .itemContentProduct .stockCode
{
	font-size: 10pt;
	text-align: right;
}

.productView .itemContentProduct .stockCode span
{
	font-weight: bold;
}

.productView .itemContentProduct .price 
{
	font-size: 14pt;
	color: #ff0099;
	text-align: right;
	height: 30px;
}

.productView .itemContentProduct .price span
{
	font-size: 10pt;
	color: #ff0099;
	text-align: right;
}

.productView .itemContentProduct .productOptions
{
	float: right;
	width: 350px;
	text-align: right;
	font-size: 10pt;
}

.productView .itemContentProduct .productOptions .productOption
{
	clear: both;
}


.productView .itemContentProduct .productOptions .optionName
{
	float: left;
	width: 100px;
	padding-right: 10px;
	font-weight: bold;
}

.productView .itemContentProduct .productOptions .optionValue
{
	float: right;
}

.productView .itemContentProduct .links 
{
	margin-top: 20px;
	float: right;
	width: 250px;
	text-align: right;
}

.productView .itemContentProduct .links span
{
	font-weight: bold;
	font-size: 10pt;
}

.productView .itemContentProduct .links a
{
	color: #ff0099;
	text-decoration: none;
	font-weight: bold;
	font-size: 11pt;
}

.productView .tabControlBox
{
	clear: both;
}

/* Product Page END */

/* Product List Page START */

.specialOffers 
{
	margin: auto;
	width: 530px;
	text-align: left;
}

.specialOffers .productListMedium 
{
	
}

.specialOffers .title
{
	background-image: url(boxheaderLong.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 29px;
	width: 524px;
	color: #ffffff;
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
}

/* Product List Page END */

.productList 
{
	clear: both;
	margin: auto;
}

.productList .product
{
	clear: both;
	margin: 5px 0 5px 0;
	font-size: 10pt;
	height: 50px;
	padding: 2px 2px 2px 2px;
	border-bottom: dashed 1px #a8a8a8;
}

.productList .product .image
{
	float: left;
	width: 80px;
	height: 50px;
	text-align: center;
	vertical-align: middle;
}

.productList .product .title 
{
	float: left;
	width: 260px;
	
}

.productList .product .price 
{
	float: left;
	width: 100px;
	text-align: right;
	color: #ff0099;
}

.productList .product .price span
{
	color: #666666;
	font-size: 9pt;
}


.productList .product .links 
{
	float: left;
	width: 100px;
	text-align: right;
}

.productList .product .links a
{
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	font-size: 10pt;
}

.productList .dataPager
{
	clear: both;
}

.productList .sortBy 
{
	font-size: 11pt;
	text-align: right;
	padding: 3px 3px 3px 3px;
	margin-top: 10px;
	background-color: #e8e8e8;
	height: 20px;
}

.productList .sortBy a
{
	font-size: 11pt;
	color: #666666;
	text-decoration: none;
	font-weight: bold;	
}

.breadCrumbTrail a
{
	font-size: 11pt;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}

.breadCrumbTrail .root a 
{
	font-size: 11pt;
	color: #666666;
	text-decoration: none;
	font-weight: bold;	
}

.newStock .header
{
	text-align: left;
}

.newStock .header img
{
	margin-top: -5px;
	float: left;
	margin-left: 80px;
	margin-right: 30px;
}

.basketContent table 
{
	
}

.basketContent th 
{
	font-size: 10pt;
	font-weight: bold;	
}

.basketContent td 
{
	font-size: 9pt;
}

.basketContent tr 
{
	margin-top: 2px;
	margin-bottom: 2px;
	border-bottom: dashed 1px #666666;
}

.popupWindow 
{
	width: 450px;
	
	padding: 10px 10px 10px 10px;
	background-color: #ffffff;
	z-index: 490;
}

.washedOutBackground 
{
	background-color: #666666;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	z-index: 10;
}

.collarWizard .collarSelector
{
	height: 120px;
	border: solid 1px blue;
	margin: 5px 0 5px 0;
	padding: 2px 2px 2px 2px;
}

.collarWizard .collarSelector .collarPicker 
{
	float: left;
	width: 250px;
	font-style: italic;
	vertical-align: top;
	padding-left: 10px;
}

.collarWizard .collarSelector .collarPicker .image
{
 	float: left;
 	
}

.collarWizard .customText
{
	height: 80px;
	border: solid 1px blue;
	margin: 5px 0 5px 0;
	padding: 2px 2px 2px 2px;
	font-size: 10pt;
}

.collarWizard .customText input
{
	height: 30px;
	width: 400px;
	font-size: 14pt;
}

.collarWizard .buttons
{
	padding: 2px 2px 2px 2px;
}

.collarWizard .optionsSelector
{
	height: 100px;
	border: solid 1px blue;
	margin: 5px 0 5px 0;
	padding: 2px 2px 2px 2px;
}

.collarWizard .optionsSelector
{
	
}

.collarWizard .optionsSelector .productOption
{
	float: left;
	width: 250px;
}

.collarWizard .optionsSelector .productOption .optionName
{
	font-weight: bold;
}

.collarWizard .optionsSelector .productOption .seperator
{
	clear: none;
}