﻿
/****************************/
/*	Global					*/
body{
	background-color:#EAF2DC;
	padding:10px 0 30px 0;
	margin:0;
	text-align:center;
	font-family:Arial}
img{
	border:none;
    display:block;}
/****************************/
/*	Page layout				*/
.mainWrapperOut{
	border:solid 1px #D3E1EA;
	width:1000px;
	margin:auto;
	background-color:#FFF;
	background-image:url(/store/i/bkg_header_spring.jpg);
	background-repeat:no-repeat}
	
	.mainWrapperIn{
		padding:12px 20px 12px 20px}

#contentWrapper{
	float: left;
	width: 100%}

	#contentColumn{
		margin: 0 250px 0 210px}
		
		#contentColumnInnerOuter{		
			width:500px;	
		}
			#contentColumnInner{
				padding: 0 15px 0 15px;
			}
			
#leftColumnWrapper{
	float: left;
	width: 210px;
	margin-left: -960px}
	
	#leftColumnWrapperInner{}
	
#rightcolumnWrapper{
	float: left;
	width: 250px; 
	margin-left: -250px}
	
	#rightcolumnWrapperInner{}

#leftColumnWrapperInner, #rightcolumnWrapperInner,#contentColumnInner{
	margin:18px 0 0 0
	}
/****************************/
/*	Header					*/	
#lgoPetPlace{
	float:left;
	margin:0 0 0 40px;}
	
#imgSlogan{
	float:right;
	margin-top:45px;
	clear:right;
	display:none}

/****************************/
/*	Menu					*/
.menuWrapper{
	clear:both;
	margin:0;
	padding:0;
	list-style:none;
	text-align:left}

	.menuWrapper li{
		margin:0 1px 0 0;
		font-family:Arial;
		font-size:15px;
		font-weight:bold;
		float:left;
		background-color:#399BC2;
		text-align:center;
		padding:11px 0 7px 0;
		width:127px;
		border-bottom:solid 1px #399BC2}

		.menuWrapper li a{
			color:#FFF;
			text-decoration:none}

li.currentMenu a{
	color:#FFF;
	
}

li.currentMenu{
	background-color:#005AAF;
	border-bottom:solid 1px #005AAF;
}

#headerLine{
	background-color:#005AAF;
	height:4px;
	overflow:hidden;
	float:none;
	clear:both}

/****************************/
/*	Search					*/
.searchWrapper{
	background-color:#CADDA6;
	float:right;
	padding:0;
	margin:0;
	width:320px;
	position:relative}

.searchWrapper label{
	background-color:#CADDA6;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	color:#1A4909;
	margin:0;padding:0;
	position:absolute;
	left:5px;
	top:10px}

.searchWrapper input.Search{
	width:180px;
	border:solid 1px #6ECD2E;
	margin:3px 0 0 75px;padding:0;
	height:20px;
	vertical-align:top}
	
.searchWrapper input.go{
	vertical-align:bottom;
	margin:3px 0 2px 0;
}

/****************************/
/*	categories List			*/
#categoriesList{
	border:solid 1px #DEDBD6;
	font-family:Arial;
}

#categoriesList h2{
	color:#4D6025;
	background-color:#CADDA6;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	margin:0;
	height:22px;
	padding:0 0 0 15px;
	line-height:200%;}
	
#categoriesList ul{
	margin:15px 0 40px 15px;
	padding:0;
	font-size:14px;
	font-weight:bold;
	list-style:none;
	text-align:left}

#categoriesList ul a{
	color:#528630;
}

#categoriesList ul ul{	
	font-weight:normal;
	font-size:13px;
	margin:0;
	padding:4px 0 5px 0;}
	
#categoriesList ul ul li{		
	background-image:url(/store/i/blt_categories_list.jpg);
	background-repeat:no-repeat;
	background-position:2px 6px;
	line-height:180%;
	padding:0 0 0 19px;
}

#categoriesList ul ul a{
	color:#1E8CD2;
}

/****************************/
/*	SecureOnlinePayments	*/
#secureOnlinePayments,#contactUsBox{
	border:solid 1px #DEDBD6;
	font-family:Arial;
	text-align:center;
}

#secureOnlinePayments h2,#contactUsBox h2{
	position:relative;
	font-size:11px;
	font-weight:normal;
	color:#666;
	background-color:#E8EEDF;
	height:22px;
	padding:0;
	margin: 0;
	text-align:center;
	line-height:200%
}

#secureOnlinePayments #icoSecureOnlinePayments,#contactUsBox #icoContactUsBox{
	position:absolute;
	top:-4px;
	left:10px
}

#contactUsBox h2{
	background-color:#E8EEDF; height:20px; position:relative; padding-top:3px;
	color:#528730; font-weight:bold;font-size:14px;vertical-align:middle;line-height:100%
}

#contactUsBox{margin-bottom:15px}
#contactUsBox p{text-align:left;line-height:160%;font-size:12px;font-family:Arial;padding:5px 10px 0 10px}
#contactUsBox span{line-height:160%;font-size:22px;font-family:Arial;color:#006593;margin:0;padding:0;font-weight:bold}

#secureOnlinePayments img.logo{
	display:block;
	margin:10px auto 0 auto;
}
#secureOnlinePayments #siteseal{
	width:218px;
	margin:15px auto 0 auto;
}
#secureOnlinePayments #siteseal div{
	float:left;
	padding:0;
	vertical-align:top;
	width:112px
}
#secureOnlinePayments #siteseal a{
	font-size:9px;
	color:#883A23;}
	
	#secureOnlinePayments p{
	font-size:10px;
	color:#666;
	line-height:120%;
	padding:0 10px 0 10px}

/****************************/
/*	catalog Footer			*/
#catalogFooterWrapper{
	padding:50px 20px 50px 20px;
	font-family:Verdana;
	font-size:12px;
	color:#FFF}
	
#catalogFooterWrapperInner{
		background-color:#5486A9;
		height:40px}
	
#catalogFooterWrapper #catalogFooterWrapperInner #footerLinks,
	#catalogFooterWrapper #catalogFooterWrapperInner #copyWrite{
	float:left;
	padding:12px 15px 0 15px;
}


#catalogFooterWrapper #catalogFooterWrapperInner #copyWrite{
	float:right;
}

#catalogFooterWrapperInner a{
	color:#FFF;	
}
/****************************/
/*	Product List Detail		*/
.productListDetail{
	padding-bottom:14px;
	float:left;}
.productListDetailWrapper{
	width:228px;
	height:223px;
	background-color:#F1F5EC;
	position:relative;}

.productListDetailWrapper .productListDetailWrapperIn{
	padding:12px 10px 18px 10px}

.productListDetailWrapper .productListDetailWrapperIn a.title{
	font-family:Arial;
	font-size:13px;
	color:#1E8CD2;
	display:block;
	height:44px;
	line-height:130%;
	text-align:left;}

.productListDetailWrapper .productListDetailWrapperIn img{
	border:solid 1px #C3C2AE;
	float:left;
	width:100px;
	height:100px;}

.productListDetailWrapper .productListDetailWrapperIn p{
	width:98px;
	margin:0;
	font-family:Arial;
	font-size:11px;
	line-height:130%;
	float:right;
	text-align:left;}
	
.productListDetailWrapper .productListDetailWrapperIn p span{
	display:block;
	padding:3px 0 0 0;
	margin:0;
	color:Red;}
	
.productListDetailWrapper .footer{
	position:absolute;
	bottom:13px;
	left:0;
	width:100%;}

.productListDetailWrapper .addToCart,
	.productListDetailWrapper .learnMore{
	font-family:Arial;
	font-size:11px;
	color:#1E8CD2;
	padding:2px 0 5px 22px;
	margin:0 10px 0 10px;
	float:right;
	background-image:url(/store/i/ico_cart_red.gif);
	background-repeat:no-repeat;
	overflow:hidden}
	
.productListDetailWrapper .learnMore{
	background-image:url(/store/i/ico_plus.jpg);
	padding:2px 0 5px 16px;
	float:left;
}

.productListDetailSep{
	float:left;
	width:14px;
	overflow:hidden}

/****************************/
/*	Product List Deatil		*/
.productDetail{
	border:solid 1px #DEDBD6;
	padding:18px;
	text-align:left;
	font-size:15px;
	font-family:Arial;
	color:#0A263B}

.productDetail .productDetailText h3{
	padding:0 0 10px 18px;
	margin:0;
	font-size:15px}

.productDetail .productDetailText{
	width:280px;
	float:left;}

.productDetail .productDetailText p{
	padding:0 0 0 18px;
	margin:0;
	font-size:12px;
	line-height:140%}

.productDetail .productDetailText p span{
	font-size:15px;
	color:Red;
	display:block;
	margin:15px 0 5px 0}
.productDetail img{
	border:solid 23px #F1F5EC;
	float:left;
	width:100px;
	height:100px}
.productDetail .addToCart{
	font-size:11px;
	color:#1E8CD2;
	padding:2px 0 5px 22px;
	margin:0 10px 0 10px;
	float:right;
	background-image:url(/store/i/ico_cart_red.gif);
	background-repeat:no-repeat;
	overflow:hidden}

/****************************/
/* Newsletter Form Widget	*/
.NewsletterFormContainer
{
	width:210px;
	height:210px;
	background: transparent url(/store/i/bkg_newsletter_form1.jpg) no-repeat 0 0;
	position:relative
}

.NewsletterFormRegisteredContainer
{
	width:210px;
	height:210px;
	background: transparent url(/store/i/bkg_newsletter_form_registered.jpg) no-repeat 0 0;
}

.NewsletterFormRegisteredContainer p
{
	margin-top:0;
	padding:58px 5px 0 84px;
	font-size:12px;
	text-align:left;
	line-height:150%;
}
.NewsletterFormRegisteredContainer p a{color:#528630}

.NewsletterFormContainer2
{
	background-image:url(/store/i/bkg_newsletter_form2.jpg);
}

.NewsletterFormInContainer
{
	padding:100px 0 0 7px;
	position:relative;
	text-align:left;
}

.NewsletterFormThankYou
{
	padding:2px 3px 0 0;
	font-family:Verdana;
	font-size:11px;
	color:#FF6699;
}

.NewsletterFormThankYou p span
{
	font-size:12px;
}

.NewsletterFormChkContainer
{
	display:block;
	clear:both;
	text-align:left;
	padding-left:30px;
}

.lnkSubmitNewsletterForm img{margin:5px 0 0 44px}

.NewsletterFormTxt
{
	border:solid 1px #D5ABB5;
	margin:0 0 3px 5px;
	width:120px;
}

.NewsletterFormInContainer label
{
	font-size:10px;
	color:#861F21;
	vertical-align:top;
}

.NewsletterFormLabelTxt
{
	display:block;
	float:left;
	width:63px;
	text-align:right;
	padding:4px 0 0 0;
}

.NewsletterFormError
{
	position:absolute;
	display:block;
	width:123px;
	right:-120px;
	font-size:10px;
	background-color:#F7E7C8;
	border:solid 1px #660000;
}

.NewsletterFormErrorIn
{
	display:block;
	padding:5px;
	color:#000;
}

.bkg1
{
	top:98px;
}

.bkg2
{
	top:121px;
}
.bkg3
{
	top:144px;
}

/****************************/
/*	Global Class			*/

.left{float:left}
.right{float:right}
.clear{clear:both}
.hide{display:none}
.sepColumnControl{height:12px;overflow:hidden;}
/****************************/
/*	Bottom					*/



/****************************/
/*	My Cart Box*/
#myCart
{
	border:solid 1px #DEDBD6; text-align:left; font-size:12px; margin-bottom: 15px;
}
#myCart .title
{
	background-color:#E8EEDF; height:20px; position:relative; padding-top:3px;
}

#myCart .title a
{
	color:#528730; font-weight:bold;font-size:14px;margin-left:50px; vertical-align:middle;
}

#myCart .title img
{
	position:absolute; left:10px; top:-4px; display:block;
}

#myCart .info
{
	margin:15px 10px 0px 10px; padding:0 0 10px 0; border-bottom: dashed 1px #DEDBD6;line-height:200%; position:relative;
}

#myCart .info input
{
	float:right;
}
#myCart .info img
{
	position:absolute; top:20px; right:0px;
}

/****************************/
/*	Products Page*/
#pager
{
	border:solid 1px #DEDBD6; background-color:#E8EEDF; height:15px; font-size:12px; padding: 5px 3px 3px 3px; clear:both; margin-top:10px;
}

#pager #info
{
	float:left;
}

#pager .pages
{
	float:right; 
}
#pager a, #pager span
{
	margin-left:5px; color: #1E8CD2
}
.pageTitle
{
	font-size:18px;
	font-weight:bold;
	color:#528630;
	text-align:left;
	margin-bottom: 20px;
}
.searchLink
{
	text-align:right; margin:-10px 0 10px 0; color: #1E8CD2; display:block; font-size:13px;
}

/****************************/
/*	Site Texts				*/

.FAQwrapper
{
	font-size:13px;
	font-family:Verdana;
	line-height:150%;
	text-align:left;
}

.FAQwrapper a
{
	display:block;
	color:#5285A9;
}

.FAQwrapper h3
{
	font-size:18px;
	font-family:Arial;
	margin-top:20px
}

.FAQwrapper .FAQuestion
{
	font-weight:bold;
	margin:0;
}

.FAQwrapper .FAnswerQ
{
	margin:2px 0 24px 0
}


.returnPolicyWrapper
{
	text-align:left
}

h3.SiteTexts
{
	color:#000;
	font-family:Arial;
	font-size:18px;
	margin:0 0 10px 0;
}

ul.SiteTexts
{
	list-style-type:none;
	margin:0;
	padding:0;
}

ul.SiteTexts li
{
	background-image:url(/store/i/img_refund.jpg);
	background-repeat:no-repeat;
	padding:0 0 0 100px;
	margin-bottom:60px;
}

ul.SiteTexts li.Shipments
{
	background-image:url(/store/i/img_return_shipments.jpg);
}

ul.SiteTexts li.Packaging
{
	background-image:url(/store/i/img_packaging.jpg);
}

ul.SiteTexts li.ContactUs
{
	background-image:url(/store/i/img_ret_contact_us.jpg);
}


.SiteTexts
{
	font-family:Verdana;
	font-size:13px;
	line-height:150%;
	margin:10px 0 10px 0;
}

h2.SiteTexts
{
	color:#5486A9;
	margin:0 auto 0 auto;
}

a.SiteTexts
{
	color:#516429;
	font-weight:bold;
}

h2.SiteTexts
{
	color:#5486A9;
	margin:0 auto 0 auto;
}
