/* CSS Document */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #FFFFFF;
	color:#333333;
	margin-top: 0px;
}

TD
{font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.Line
{
	border-bottom:1px solid #FFFFFF; 
	margin-bottom: 15px;
	width:420px;
}


#wrapper
{
	position: relative;
	width: 890px;
	margin-right: auto;
	margin-left: auto;
	display: table;	
}

#wrapper_PopUp {
	position: relative;
	width: 460px;
	margin-right: auto;
	margin-left: auto;
	padding: 20px;
	display: table;
	
}

#header {
	width: 876px;
	height: 74px;
	background-color:#ECE5D9;
	padding:0px;
}

#header_PopUp {
	width: 436px;
	height: 74px;
	background-color:#ECE5D9;
	padding:0px;
}
#Popup_Content
{
	margin: 20px 20px 20px 20px
}

.statments
{
	margin: 20px 100px 0px 50px
}

#body{ width:876px;	display: table;	margin-top: 5px;}

#language a { text-decoration:none; color:#333333;}
#language a:hover { text-decoration:underline; }

.Heading
{
	color: #624C4D;
}

#header .topBlueNavSmall { float:right; padding-top:18px; padding-right:30px;color:#999999; }
.topBlueNavSmall a  { text-decoration:none; color:#999999;}
.topBlueNavSmall a:hover  { text-decoration:underline; }


#header .topBlueNavSmallLeft { float:left; padding-top:18px; padding-right:30px;color:#999999; }
.topBlueNavSmallLeft a  { text-decoration:none; color:#999999;}
.topBlueNavSmallLeft a:hover  { text-decoration:underline; }


#header #language { float: right; padding-top:15px; padding-left:0px;}
#header #languageswitch { float: right; padding-right:15px; padding-top:19px; padding-left:6px;}

.search { 
	float: right;
	width:168px;
	padding-left:500px;
	font-size:10px;
	vertical-align:text-bottom;
	padding-top:5px;
}
.search .searchTxt { padding-top:11px; float:left;}
.search .searchBtn { padding-top:9px; float:left; padding-left:2px;}
.search .searchbox { margin-top:9px; font-size: 10px; width:112px; height:15px; border:1px solid #999999; background-color:#E8EEEA; float:left;padding:0;}

.highlightedareaSmall {padding: 10px; background-color:#ECE5D9;width: 450px;}
.highlightedareaSmallHeader {padding: 5px; background-color:#E5DBD2;width: 460px;}

.highlightedareaLarge {margin-left: 10px; padding: 10px; background-color:#ECE5D9;width: 677px;}
.highlightedareaLargeHeader {margin-left: 10px; padding: 5px; background-color:#E5DBD2;width: 687px;}

.profile table {width:80%; border-collapse:collapse; background-color:#F2EDE9; margin-bottom:10px;}
.profile td { border-bottom: 3px solid #ffffff;  }
.profile td input[type='text'], .profile td input[type='password'] {border: 1px solid #A5ACB2; height:18px;}
.profile th { padding:6px 10px 3px 35px; text-align:left; border-bottom: 3px solid #ffffff; vertical-align:top; }

.HPPForms table {border-collapse:collapse; background-color:#F2EDE9; margin-bottom:10px;}
.HPPForms td { border-bottom: 3px solid #ffffff; padding-left:4px;  }
.HPPForms td input[type='text'], .HPPForms td input[type='password'] {border: 1px solid #A5ACB2; height:14px;}
.HPPForms th
{
	text-align: left;
	border-bottom: 3px solid #ffffff;
	vertical-align: top;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.topMenuNav { float:left; width:876px; background-color:#ECE5D9;}
.MenuHomeSpan:hover, .MenuRewardsSpan:hover, .MenuProfileSpan:hover, .MenuTrainingSpan:hover, .MenuCustomersSpan:hover, .MenuReferSpan:hover, .MenuShowsSpan:hover, .MenuCommunitySpan:hover
{ background-color:white;}
.Menu {padding-top:6px; padding-bottom:8px; text-align:right; padding-right:30px; font-size:12px;}
.Menu a  { text-decoration:none; color:#666666; padding:6px 6px 8px 6px;}
.Menu a:hover  { text-decoration:underline;}

.sideboldLink { text-decoration: none; color:#666666; font-weight:bold; padding-left:0px; border-color: #CCCCCC;}

.SectionMenuHead 
{
	background-color:#AC754C;
	color: #ffffff;
	border-top-color:#CCCCCC; 
	border-top-style:solid; 
	border-top-width:1px;
	padding: 5px;
	width: 160px;
}
.SectionMenuDefault 
{
	background-color:#F4F1EA;
	border-top-color:#CCCCCC; 
	border-top-style:solid; 
	border-top-width:1px;
	padding: 5px;
	width: 150px;
	padding-left: 15px;
}

#header .topBlueNav { float:right; padding-top:11px; color:#999999;padding-right:30px;}
.topBlueNav a  { text-decoration:none; color:#999999;}
.topBlueNav a:hover  { text-decoration:underline; }

.headLogo { float:left; padding-left:5px; padding-top:10px;}

.bodyMiddle { float:left; width:390px;border-left: 1px solid #efefef; border-right: 1px solid #efefef; padding-left: 10px; padding-right: 10px; }
.PetPortraitForm { margin-top: 20px;float:left; padding-left:10px; width: 530px; }
.bodyRight { float:left; border-left: 1px solid #efefef;padding-left:10px; }
.bodyFull { float:left; margin-right:5px; }

.bodyLeftShop { float:left; width:185px;padding-right: 10px;}
.bodyRightShop { float:left; width: 575px;}

.pageSection { clear:both; margin-bottom:30px; display: table;}
.pagePic { float:left; padding-right:20px; width:130px; text-align:center; padding-top:40px;}
.pageTxt { float:left; width:425px;}

h3 { font-size:14px; color:#666666; font-weight:bold; }
h2 { padding-top:0px; margin-top:0px;font-size:16px; color:#666666; font-weight:normal; margin-bottom:4px;}

h4 { font-size:11px; color:#333333; font-weight:bold; margin:0px; padding:0px; }
h5 { font-size:12px; font-weight:normal; margin:0px; padding-bottom:8px; margin-top:0px;}

#footer 
{
	width: 876px; 
	height: 25px; 
	text-align: right; 
	background-color: #ECE5D9; 
}
#footerTxt {  padding-top:5px; padding-right:10px;}
#footer a { text-decoration:none; color:#333333;}
#footer a:hover { text-decoration:underline; }

.ClearDiv
{
	clear: both;
	visibility: hidden;
}

.ClearDivSpacer
{
	
	height:2px;
	width:170px
}

.CDSW
{
	height:40px;
}

.LightGreyButton
{
	background-image:url(/images/btnLightGrey.gif);
	background-position: top left;
	background-repeat:no-repeat;
	width: 119px;
	height: 21px;
	text-align: right;
}

.LightGreyButton_Big
{
	background-image:url(/images/btnLightGrey_Big.gif);
	background-position: top left;
	background-repeat:no-repeat;
	width: 200px;
	height: 21px;
	text-align: right;
}

.GreyButton
{
	background-image:url(/images/btnGrey.gif);
	background-position: top left;
	background-repeat:no-repeat;
	width: 119px;
	height: 21px;
	text-align: left;
}

.GreyButton_Big
{
	background-image:url(/images/btnGrey_Big.gif);
	background-position: top left;
	background-repeat:no-repeat;
	width: 200px;
	height: 21px;
	text-align: left;
}

.ErrorText
{
	color: Red;
}

.btnTraining
{
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
   	height:20px;
	color: #FFFFFF; 
	border-width: 2px; 
	border-style: solid; 
	border-color: #990000; 
	background-color: #990000;
}
.WhiteFormTitle
{
	font-weight: bold;
	float: left;
	width: 160px;
	color: #333333;
	background-color: #FFFFFF;
	padding-left:5px;
}
.FormTitle
{
	font-weight: bold;
	float: left;
	width: 160px;
	color: #333333;
	background-color: #ECE5D9;
}
.WhiteFormField
{
	float: left;
	padding: 1px;
	background-color: #FFFFFF;
	padding-right:5px;
	padding-left:5px;
}
.FormField
{
	float: left;
	padding: 1px;
	background-color: #ECE5D9;
	padding-right:5px;
}
.RegisterSection
{
	padding: 20px;
	background-color: #ECE5D9;
	width: 420px;
}
.Welcome
{
	float:right;
	padding-right:30px;	
	width: 600px;
	text-align: right;
}
.bodyRight400 
{ 
	float:left; 
	padding-bottom:15px; 
	width:410px;
	margin-left:10px;
}

._divImage
{
	float: right;
	width:270px;
	margin-left:20px;
}

.bodyFullWidth 
{ 
	float:left; 
	padding-bottom:15px; 
	width: 699px;
	margin-left:10px;
}

.bodyRightLarge 
{ 
	float:left; 
	padding-bottom:15px; 
	width:630px;
}
.LoginIntro
{
	padding-left:200px;
}
.LoginForm
{
	padding-left:200px;
}
.PreRegIntro
{
	padding-left:240px;
}
.RegIntro
{
	padding-left:180px;
}
.PreRegForm
{
	padding-left:240px;
	padding-right:20px;
}
 .RegForm
{
	padding-left:180px;
}
.LoginForm a 
{ 
	text-decoration:none; color:#999999;
}
.Button
{
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
   	width:120px;
   	height:20px;
	color: #FFFFFF; 
	border-width: 2px; 
	border-style: solid; 
	border-color: #c1c1c1; 
	background-color: #c1c1c1;
	margin-top:4px; 	
}
.LoginSection
{
	background-color: #ECE5D9;
	width: 876px;
	padding-bottom:75px;
}
.PreRegSection
{
	background-color: #ECE5D9;
	width: 876px;
	padding-bottom:75px;
}
.RegSection
{
	background-color: #ECE5D9;
	width: 876px;
	padding-bottom:45px;
}
.RegisterFormHeader
{
	background-color: #E5DBD2;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	width:520px;
}

.RegisterFormHeaderSpacer
{
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom: 4px;
	width:520px;
}
.RegFormTitle
{
	font-weight: bold;
	padding:5px 5px 5px 10px;	
	float: left;
	width: 340px;
	color: #333333;
	line-height: 26px;
	height: 26px;
	background-color: #ECE5D9;
	
}
.RegFormField
{
	float: left;
	padding:5px 5px 5px 10px;
	background-color: #ECE5D9;
	width: 200px;
	height: 26px;
}
.ApplyFormTitle
{
	font-weight: bold;
	padding:5px 5px 5px 10px;	
	float: left;
	width: 200px;
	color: #333333;
	line-height: 26px;
	height: 26px;
	background-color: #ECE5D9;
	display: table;
}
.ApplyFormField
{
	float: left;
	padding:5px 5px 5px 10px;
	background-color: #ECE5D9;
	width: 450px;
	height: 26px;
}
.FormDetailsTitle
{
	font-weight: bold;
	padding:5px 5px 5px 10px;	
	float: left;
	width: 200px;
	color: #333333;
	line-height: 26px;
	height: 26px;
	background-color: #ECE5D9;

}
.FormDetailsField
{
	float: left;
	padding:5px 5px 5px 10px;
	background-color: #ECE5D9;
	width: 450px;
	height: 26px;
	line-height: 26px;
}
.FormDataTitle
{
	font-weight: bold;
	padding:5px 5px 5px 10px;	
	float: left;
	width: 200px;
	color: #333333;
	line-height: 15px;
	height: 15px;
	background-color: #ECE5D9;

}
.FormDataField
{
	float: left;
	padding:5px 5px 5px 10px;
	background-color: #ECE5D9;
	width: 450px;
	height: 15px;
	line-height: 15px;
}
.FormDataTitleNarrow
{
	font-weight: bold;
	padding:5px 5px 5px 10px;	
	float: left;
	width: 200px;
	color: #333333;
	line-height: 10px;
	height: 10px;
	background-color: #ECE5D9;

}
.FormDataFieldNarrow
{
	float: left;
	padding:5px 5px 5px 10px;
	background-color: #ECE5D9;
	width: 450px;
	height: 10px;
	line-height: 10px;
}
.BlueButton
{
	background-image:url(/images/btnBlue.gif);
	background-position: top left;
	background-repeat:no-repeat;
	width: 119px;
	height: 21px;
	text-align: left;
}

.BlueButton_Big
{
	background-image:url(/images/btnBlue_Big.gif);
	background-position: top left;
	background-repeat:no-repeat;
	width: 200px;
	height: 21px;
	text-align: left;
}

.BlueButton_Basket
{
	background-image:url(/images/btnBlue_Basket.gif);
	background-position: top left;
	background-repeat:no-repeat;
	width: 170px;
	height: 21px;
	text-align: left;
}

.LightGreyButton
{
	background-image:url(/images/btnLightGrey.gif);
	background-position: top left;
	background-repeat:no-repeat;
	width: 119px;
	height: 21px;
	text-align: right;
}

.LightGreyButton_Big
{
	background-image:url(/images/btnLightGrey_Big.gif);
	background-position: top left;
	background-repeat:no-repeat;
	width: 200px;
	height: 21px;
	text-align: right;
}

.GreyButton
{
	background-image:url(/images/btnGrey.gif);
	background-position: top left;
	background-repeat:no-repeat;
	width: 119px;
	height: 21px;
	text-align: left;
}

.GreyButton_Big
{
	background-image:url(/images/btnGrey_Big.gif);
	background-position: top left;
	background-repeat:no-repeat;
	width: 200px;
	height: 21px;
	text-align: left;
}
.GreyButton_Basket
{
	background-image:url(/images/btnGrey_Basket.gif);
	background-position: top left;
	background-repeat:no-repeat;
	width: 170px;
	height: 21px;
	text-align: left;
}
.ButtonLink
{
	color: #ffffff;
	text-decoration: none;
	font-size: 11px;
	line-height: 19px;
	padding-left: 10px;
}
.ButtonLinkLeft
{
	color: #ffffff;
	text-decoration: none;
	font-size: 11px;
	line-height: 19px;
	padding-right: 10px;
}
.ButtonRed, A.ButtonRed
{
	background-color: #990000;
	color: White;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	text-decoration: none;
}

.ButtonGrey, A.ButtonGrey
{
	background-color: #c1c1c1;
	color: white;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	text-decoration: none;
	font-weight: normal;
	font-size: 10pt;
}

.ButtonBrown, A.ButtonBrown
{
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
	background-color: #e5dbd2;
	color: black;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	text-decoration: none; 	
}
.Basket .quantityBox { width:42px; border: 1px solid #A5ACB2; }
.Basket .lineShort {  line-height:1px;height:1px;margin-top:10px; width:170px; margin-bottom:10px; background-color:#cccccc;clear:both;  }
.Basket .basketValue { width:170px; padding-top:5px; padding-bottom:5px; font-weight:bold;}
.Basket .basketLeft { float:left; padding-right:3px; margin:0px; padding-top:0px;}
.Basket .basketRight { float:right; text-align:right;}
.Basket .basketTotal { width:170px; padding-top:5px; padding-bottom:5px; font-weight:bold; color:#FF0033;}

.basket_full .quantityBox { width:42px; border: 1px solid #A5ACB2; }
.basket_full .lineShort {  line-height:1px;height:1px;margin-top:10px; margin-bottom:10px; background-color:#cccccc;clear:both;  }
.basket_full .basketTotal .lineShort {  line-height:1px;height:1px;margin-top:10px; margin-bottom:10px; background-color:#cccccc;clear:both;  }
.basket_full .basketValue { float: left; padding-top:5px; padding-bottom:5px; font-weight:bold;}
.basket_full .basketLeft { width: 210px;float:left; padding-right:3px; margin:0px; padding-top:0px;}
.basket_full .basketRight { padding-top: 2px;float:left; text-align:right;}
.basket_full .basketTotal { padding-left: 35px;padding-top:5px; padding-bottom:5px; font-weight:bold; color:#FF0033;}
.basket_full .ProductTitle {padding-top: 8px;width: 200px;padding-right:20px;font-weight: bold;float: left; }
.basket_full .Supplier { float: left; padding-left:20px;}
.basket_full .ProductQuantity { float: left; padding-right:10px;}

.page_numbers_box {margin-left: 10px; width: 620px; background-color:#efefef; text-align:right;overflow:hidden;}
.page_numbers_box_inner { margin:5px;}
.number {margin:0; padding:2px 3px; border:1px solid #c0ccd5; text-decoration: none; color: #000;}
.number_selected {font-weight: bold;margin:0; background:#FFF; padding:2px 3px; border:1px solid #c0ccd5; text-decoration: none; color: #000;}


/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	margin : 0px!important;
	background-color : White;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}