/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/
body 
{
	background-color:#EAF2DC;
	color:black;
	font-family:Verdana;
	font-size:12px;
	margin:15px 0 15px auto;
	text-align: center;
}

a
{
	color:#8B3827;
	outline:none;
}

a:hover {color:#B6612F}

form
{
	border:0;
	margin:0;
	padding:0;
}

h1
{
	clear:both;
	font-family:Arial;
	font-size:17px;
	margin:0;
	padding:0;
	text-align:left;
}

img 
{
	border:none;
	margin:0;
	padding:0;
}

/* -----------------------------------*/
/* ------->>> Class Global <<<--------*/
/* -----------------------------------*/	
.clear{clear:both;}
.right{float:right;}
.left{float:left;}
.clearRight{clear:right;}
.dashedBottom{border-bottom:dashed 1px #D7CDC5;margin-bottom:20px;margin-top:20px; padding-bottom:10px;}
.dashedTop{border-top:dashed 1px #343434;margin-top:10px; padding-top:13px;}

.bigTitle {color:#4F6226; font-size:20px; font-weight:bold; font-family:Arial;}
.dropDownSep{width:22px;}
.TipsText
{
	color:#000;
	font-family:Verdana;
	font-size:11px;
	text-align:left;
}

span.TipsText input
{
	border:none;
	float:none;
	width:auto;
}

span.TipsText label
{
	display:inline;
	float:none;
	margin:0 0 0 5px;
	vertical-align:top;
	width:auto;
	
}

.validationSummary
{
	background-color:#F3F0ED;
	border:solid 1px #E0D9C0;
	line-height:120%;
	margin:10px 0 10px 0;
	padding:5px;
	text-align:left;
}

.hide
{
	display:none;
}

.spinner
{
	margin:15px auto 35px auto;
	text-align:center;
}

.hightlight
{
	color:Red;
}

.dashed
{
	border-bottom:dashed 1px #D7CDC5;
}

/* -----------------------------------*/
/* ------->>> Page Layout <<<---------*/
/* -----------------------------------*/
.wrapper-out
{
	border:solid 1px #D3E1EA;
	margin:auto;
	width:770px;
}

.wrapper-in
{
	background-image:url(/store/i/bkg_header_spring_landing.jpg);
	/*background-position: 0px 144px;*/
	background-repeat:no-repeat;	
	background-color:#fff;
	padding:20px 20px 5px 20px;
}

.lgoPetPlace
{
	float:left;
	margin: auto auto 40px 38px;
}

.headerTitle
{
	color:#5486A9;
	display:block;
	float:right;
	font-family:Arial;
	font-size:22px;
	line-height:130%;
	margin:20px 0;
}


.specialOffer
{
	color:#ED1930;
	display:block;
	font-size:24px;
	font-weight:bold;
	line-height:100%;
	margin:-10px 0 0 0;
	position:relative;
	text-align:right;
}

/* -----------------------------------*/
/* ----->>> Checkout Layout <<<-------*/
/* -----------------------------------*/
.checkoutColumn1
{
	clear:left;
	float:left;
	padding:20px 0 0 0;
	width:482px;
}

.checkoutColumn2
{
	float:right;
	padding:48px 0 0 0;
	width:248px;
}

.checkoutInnerColumn2
{
	padding:0 0 0 18px;
}

.checkoutColumn2 h2
{
	border-top:dashed 1px #D7CDC5;
	clear:both;
	color:#5486A9;
	font-family:Arial;
	font-size:20px;
	margin:13px 0 0 0;
	padding:20px 0 27px 0;
	text-align:left;
}

.checkoutColumn2 h2 
{
	border-top:none;
	margin:0 0 0 0;
	padding:0 0 0 0;	
}

.checkoutColumn1 label,.checkoutColumn2 label,.checkoutColumn1 .shortLabel,
	#personalInformationWrapper label, #personalInformationWrapper .shortLabel
{
	clear:left;
	display:block;
	float:left;
	font-family:Verdana;
	font-size:13px;
	line-height:130%;
	margin:2px 0;
	text-align:left;
	width:143px;
}

#personalInformationWrapper label
{
	width:92px;
}
.checkoutColumn1 .shortLabel, #personalInformationWrapper .shortLabel{width:60px;}

.checkoutColumn1 input, .checkoutColumn1 select, .checkoutColumn2 input, .checkoutColumn2 select, span.readOnlytextBox,
#personalInformationWrapper input, #personalInformationWrapper select
{
	border:solid 1px #C1C1C1;
	float:left;
	font-family:Verdana;
	font-size:13px;
	line-height:130%;
	margin:0 0 10px 0;
	width:250px;
}

#personalInformationWrapper input
{
	width:260px;
}
#personalInformationWrapper select
{
	width:263px;
}

#personalInformationWrapper h3, .checkoutColumn1 h3
{
	color:#5486A9;
	text-align:left;
	font-family:Arial;
	font-size:16px;
	padding:10px 0 5px 0;
	margin:0;
	clear:both;
}
.checkoutColumn1 input.noStyled ,input.noStyled, #personalInformationWrapper input.noStyled
{
	border:none;
	clear:none;
	display:inline;
	float:left;
	margin:10px 25px 0 0;
	width:auto;
}

span.readOnlytextBox
{
	background-color:#EFEFE7;
	border:solid 1px #C6C7C6;
	display:block;
	text-align:left;
}

span.readOnlytextBox span
{
	color:#C4452F;
	display:block;
	padding:2px 2px 1px 2px;
}

.checkoutColumn1 select.short, #personalInformationWrapper select.short
{
	width:115px;
}
.checkoutColumn1 select {width:254px}

.checkoutError
{
	color:Red;
	float:left;
	font-size:10px;
	margin:3px 0 0 3px;
}

/* -----------------------------------*/
/* ---->>> Checkout Layout V2<<<------*/
/* -----------------------------------*/
.lnkSecureCheckout
{
	float:right;
	display:block;
	margin-top:-5px;
}
.hightlightInContent{color:#1F6293;}

#moneyBack
{
	display:block;
	text-align:left;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
}

.wizardTitle
{
	color:#5385A9;
	float:right;
	display:block;
	font-family:Arial;
	font-size:20px;
	padding:30px 0 0 0;
	clear:right;
}

.wiwardSubTitle, .checkoutTitle
{
	font-size:17px;
	font-family:Arial;
	font-weight:bold;
	display:block;
	padding:0 0 0 14px;
	background-image:url(/store/i/blt_wizard_step.jpg);
	background-repeat:no-repeat;
	background-position:0 4px;
	clear:both;
	text-align:left;
}

.checkoutTitle
{
	background-position:0 10px;
	display:block;
	border-bottom:dashed 1px #D7CDC5;
	line-height:190%
}

#personalInformationWrapper
{
	clear:both;
	width:370px;
}

#personalInformation #personalInformationWrapper
{
	background-color:#DFEBCA;
	padding:8px 16px 13px 16px;
	margin:5px 0 0 0;
}

#CheckoutShippingInfoWrapper
{
	border:solid 1px #CADDA6;
	padding:0;
	text-align:left;
	background-image:url(/store/i/ico_product.jpg);
	background-position:15px 49px;
	background-repeat:no-repeat;
	font-size:12px;
	line-height:130%;
}

#CheckoutShippingInfoMenuBar
{
	background-color:#F1F5EC;
	padding:5px 0 5px 0;
	font-weight:bold;
	border-bottom:solid 1px #CADDA6;
	width:100%;
	text-align:left;
}

#CheckoutShippingInfoMenuBar span
{
	display:block;
	padding:4px 0 4px 20px
}

#CheckoutShippingInfo
{
	padding:13px 0 20px 30px;
}

#CheckoutShippingInfoChange
{
	float:right;
	margin-right:15px;
}
/* -----------------------------------*/
/* --------->>>Login Layout<<<--------*/
/* -----------------------------------*/
.login
{
	background-color:#F3F0ED;
	border:solid 1px #E0D9C0;
	padding:17px 0 0 17px;
	position:relative;
}

.checkbox
{
	display:inline;
}

.checkoutColumn2 .login input {width:190px;}
.checkoutColumn2 .login .checkbox input
{
	border:none;
	clear:left;
	margin:3px 5px 0 0;
	width:15px;
}
.checkoutColumn2 .login .checkbox label 
{
	clear:none;
	width:auto;
}

.login h3
{
	font-family:Arial;
	font-size:14px;
	margin:5px 0 15px 0;
	text-align:left;
}

.login a
{
	clear:both;
	color:#5B6D35;
	float:left;
	font-size:11px;
	margin:14px 0 0 0;
}

.forgotPassword
{
	width:190px;
	text-align:left;
}

.login p
{
	clear:both;
	color:Red;
	font-family:Verdana;
	font-size:13px;
	margin:0;
	padding:8px 17px 8px 0;
}


/* -----------------------------------*/
/* --->>> Confirm Order Layout <<<----*/
/* -----------------------------------*/

table.orderConfirmation, table.orderCompleted {
	border-width: 1px 0 0 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: #CADDA6;
	border-collapse: separate;
	width:100%;
	padding:0;
	margin-left:auto; margin-right:auto;
}
.orderCompleted
{
	text-align:left;
}
table.orderConfirmation th, table.orderCompleted th 
{
	font-family:Arial;
	font-weight:bold;
	font-size:11px;
	border-width: 0 1px 1px 0;
	padding: 5px 5px 5px 5px;
	border-style: solid solid solid solid;
	border-color: #CADDA6;
	background-color:#F1F5EC;
	-moz-border-radius: 0px 0px 0px 0px;
	color:#42312A;
}
table.orderConfirmation td, table.orderCompleted td  {
	border-width: 0 1px 1px 0;
	padding: 5px 5px 5px 5px;
	border-style: solid solid solid solid;
	border-color: #CADDA6;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	font-size:13px;
}

table.orderConfirmation td a
{
color:#2E719C;
font-size:10px;
}

table.orderConfirmation .footer 
{
	background-color:#F1F5EC;
	text-align:right;
}

table.orderConfirmationSubTotal{
	border-width: 0px 0 0 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: #CADDA6;
	border-collapse: separate;
	width:100%;
	padding:0;
	margin-left:auto; 
	margin-right:auto;
}
table.orderConfirmationSubTotal td
{
	color:#42312A;
	font-size:13px;
	border-width: 0;
	padding: 5px 5px 5px 5px;
	font-size:13px;
	text-align:right;
}

table.orderSummary, table.orderSummaryTop
{
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: #CADDA6;
	border-collapse: separate;
	width:100%;
	padding:0;
	margin-left:auto; margin-right:auto;
}

table.orderSummaryTop select 
{
	width:110px;
}
table.orderSummary td
{
	border-width: 0 1px 1px 0;
	padding: 5px 5px 5px 5px;
	font-size:12px;
	color:#42312A;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	font-size:13px;
	padding:10px 10px 10px 10px;
}

table.orderSummaryTop td
{
	border-width: 0 1px 1px 0;
	padding: 5px 5px 5px 5px;
	font-size:12px;
	color:#42312A;
	background-color: #F1F5EC;
	-moz-border-radius: 0px 0px 0px 0px;
	font-size:13px;
	padding:10px 10px 10px 10px;
}


.plainButton
{
	border-style: solid solid solid solid;
	background-color:#E4EBDA;
	color:#4F6226;
	width:200px;
	font-weight:bold;
	border: solid 2px #4F6226;
	cursor:pointer;
}
.purchaseOption
{
	text-align:right; margin:10px 0 10px 0;clear:both;
}
.orderTotal
{
	width: 301px;
	height: 195px;
	background-color:#F1F5EC;
	border: solid 1px #4F6226;
	margin: 5px 0 10px 0;
	float:right;
	padding-top: 20px;
	margin-top:10px;
	text-align:right;
	font-family:Arial;
	font-size:12px;
	color:Black;
}


/* -----------------------------------*/
/* --->>>       Footer         <<<----*/
/* -----------------------------------*/
.footerWrapper{
	background-color:#5486A9;
	clear:both;
	color:#FFF;
	margin:60px 0 0 0;
	padding:2px 0 4px 0;
	text-align:center;
}

.footerWrapper a{
	color:#FFF;
	font-family:Verdana;
	font-size:11px
}

/* -----------------------------------*/
/* --->>>        QTip          <<<----*/
/* -----------------------------------*/

.qtip-light{
	font-family:Verdana;
	font-size:10px;
	text-align:left;
}

/* -----------------------------------*/
/* -- Class Global Must be in bottom--*/
/* -----------------------------------*/
.noFloat{
	float:none
}

.autoWidth{
	width:auto
}

/* Greybox styles*/
#GB_overlay {
  background-image: url(overlay.png); 
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  z-index: 100;
  width:  100%;
  height: 100%;
}

* html #GB_overlay {
  background-color: #000;
  background-color: transparent;
  background-image: url(blank.gif);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/store/i/overlay.png", sizingMethod="scale");
}

#GB_window {
  top: 10px;
  left: 0px;
  position: absolute;
  background: #fff;
  border: 5px solid #aaa;
  overflow: auto;
  width: 400px;
  height: 400px;
  z-index: 150;
}

#GB_frame {
  border: 0;
  overflow: auto;
  width: 100%;
  height: 378px;
}

#GB_caption {
  font: 12px bold helvetica, verdana, sans-serif;
  color: #fff;
  background: #888;
  padding: 2px 0 2px 5px;
  margin: 0;
  text-align: left;
}

#GB_window img {
  position: absolute;
  top: 2px;
  right: 5px;
  cursor: pointer;
  cursor: hand;
}

.removeForm .stockNotify
{
	display:none;
}

.wrapperBackOrderNotification
{
	font-family:Arial;
	font-size:18px;
	color:Red;
	border:solid 1px #EAF2DC;
	padding:25px;	
	clear:both;
}

.wrapperBackOrderNotificationShort
{
	font-family:Arial;
	font-size:9px;
	color:Red;
	border:solid 1px #EAF2DC;
	padding:0px;	
	clear:both;
}

.wrapperBackOrderNotificationTop
{
	font-family:Arial;
	font-size:14px;
	border:solid 1px #EAF2DC;
	padding:20px;	
	text-align:center;	
}

.wrapperBackOrderNotificationTop span
{	
	font-family:Arial;
	color:Red ;
	font-size:14px;
	font-weight:bold;	
}

.wrapperBackOrderNotificationBottom
{
	font-family:Arial;
	font-size:12px;
	border:solid 1px #EAF2DC;
	padding:20px;
	line-height:180%;	
	clear:both;		
	text-align:center;
	color:#000;
}

.wrapperBackOrderNotificationBottom span
{
	font-family:Arial;
	font-size:16px;
	color:Red;
	font-weight:bold;
}

.wrapperBackOrderNotificationShort
{
	font-family:Arial;
	font-size:9px;	
	border:solid 1px #EAF2DC;
	padding:0px;	
	clear:both;
	color:#000;
}

.wrapperBackOrderNotificationShort span
{
	font-family:Arial;
	font-size:9px;
	color:Red;
	border:solid 1px #EAF2DC;
	padding:0px;	
	clear:both;
}

/*CrossSelling*/
.crossSellingWrapper{padding-bottom:7px;border-bottom:solid 1px #CADDA6}
.crossSellingWrapper h3 {font-family:Arial;font-size:22px;text-align:left;border-bottom:solid 1px #CADDA6;padding-bottom:8px}
.crossSellingWrapper .crossSellingItemOut{width:139px;height:340px;float:left;background-color:#F1F5EC}
.crossSellingWrapper .crossSellingItemOut .crossSellingItemIn{padding:11px;text-align:left;position:relative}
.crossSellingWrapper .crossSellingItemOut .crossSellingItemIn img{border:solid 1px #CCC;margin:7px;width:100px;height:100px}
.crossSellingWrapper .crossSellingItemSep{width:8px;height:20px;float:left}
.crossSellingWrapper .crossSellingItemOut .crossSellingItemIn .crossSellingPrice{color:Red;display:block;font-family:Arial;font-size:11px}
.crossSellingWrapper .crossSellingItemOut .crossSellingItemIn .crossSellingDesc{font-family:Arial;font-size:11px;color:#333;line-height:130%;margin-bottom:4px}
.crossSellingWrapper .crossSellingItemOut .crossSellingItemIn .crossSellingAddToCart{font-family:Arial;font-size:11px;color:#1E8CD2;padding:2px 0 5px 22px;margin:0;background-image:url(/store/i/ico_cart_red.gif);background-repeat:no-repeat; display:block;background-color:#F1F5EC;border:none;text-decoration:underline;cursor:pointer;text-align:left}
.crossSellingWrapper .crossSellingItemOut .crossSellingItemIn .crossSellingReadMore{font-family:Arial;font-size:11px;color:#1E8CD2;padding:2px 0 5px 22px;margin:15px 0 0 0;background-image:url(/store/i/ico_plus.jpg);background-repeat:no-repeat;background-position:3px 0;display:block}
.crossSellingWrapper a{color:#1E8CD2;font-family:Arial;font-size:13px}

#productInformation {text-align:right;margin:0;padding:12px 12px 20px 12px}
#productInformation #productInformationWrapper {width:532px;text-align:left;font-family:Arial;font-size:13px;line-height:130%;padding-top:6px}
#productInformation #closeProductInformation {background-image:url(/store/i/btn_remove.jpg);background-repeat:no-repeat;background-position:0 2px;color:#333;font-family:Verdana;font-size:11px;padding:0 0 0 16px}
#productInformation #productInformationWrapper #imgProductInformationWrapper {clear:left;float:left;width:180px;height:180px;background-color:#F1F5EC}
#productInformation #productInformationWrapper #imgProductInformationWrapper img{height:100px;width:100px;margin:39px;border:solid 1px #C3C2AE}
#productInformation #productInformationWrapper #descProductInformationWrapper{float:right;width:332px}
#productInformation #productInformationWrapper #descProductInformationWrapper #titleProductInformation{font-size:16px;font-weight:bold;padding-bottom:5px}
#productInformation #productInformationWrapper #descProductInformationWrapper #priceProductInformation{color:Red}