/** ----------------- Epets Styles - Frontend Master ------------------ **/

/** ----------------- Defaults ------------------ **/

body
{
	margin: 2px 0px 0px 0px;
	font-family: Tahoma;
	color: #444444;
	font-size: 11px;
	background-position: left top;
	background-color: White; 
	background-repeat: repeat-x;		
	background-image: url(../../images/frontend/site/BodyBackground.jpg);	 
}

td
{
	font-family: Tahoma;
	color: #444444; 
	font-size: 11px;
	line-height: 16px;
}

td.regis
{
	font-family: Tahoma;
	color: #444444; 
	font-size: 11px;
	line-height: 16px;
	font-weight:bold;
	text-align:center;
}

p
{
	color: #444444;
	line-height: 16px; 
}

a:link, a:Visited
{
	color: #6E366D;	
	text-decoration: underline; 
}

a:Hover
{
	color: #6E366D;	
	text-decoration: none;
}

li
{
	list-style-type: none;
	line-height: 18px; 
	background-image: url(../../images/frontend/site/GreyBullet.gif);   
	background-repeat: no-repeat;
	background-position: left center; 
}

li.article 
{
	
	line-height: 16px;
	background-image: none;
	list-style-type: none;		
	list-style: disc;
} 


hr
{
	color: #B2B2B2;
	border-style: dashed;  
	height: 1px;
	width: 100%;   
}

/** ----------------- Interface ------------------ **/

#HeaderBackground
{
	background-image: url(../../images/frontend/site/HeaderBackground.jpg);
	background-position: left top;
	background-repeat: repeat-x;		
	background-color: #753B74; 
}

#HeaderBackground #HeaderRight
{
	background-image: url(../../images/frontend/site/HeaderRight.gif);
	background-position: right top;
	background-repeat: no-repeat;		
}

#HeaderBackground #HeaderLogo
{
	background-image: url(../../images/frontend/site/EpetsLogo.gif);
	background-position: center center;
	background-repeat: no-repeat;		
}

#HeaderBackground #TabNavigation
{
	padding-left: 30px; 
}

#CatsLife
{
	background-image: url(../../images/frontend/site/CatsLife.jpg);
	background-position: left top;
	background-repeat: repeat-x;		
	background-color: #753B74; 
}

#CatsLife #HeaderRight
{
	background-image: url(../../images/frontend/site/HeaderRight.gif);
	background-position: right top;
	background-repeat: no-repeat;		
}

#CatsLife #HeaderLogo
{
	background-image: url(../../images/frontend/site/EpetsLogoNoShadow.gif);
	background-position: center center;
	background-repeat: no-repeat;		
}

#CatsLife #TabNavigation
{
	padding-left: 30px; 
}

#DogDirectory
{
	background-image: url(../../images/frontend/site/AnimalTalk.jpg);
	background-position: left top;
	background-repeat: repeat-x;		
	background-color: #753B74; 
}

#DogDirectory #HeaderRight
{
	background-image: url(../../images/frontend/site/HeaderRight.gif);
	background-position: right top;
	background-repeat: no-repeat;		
}

#DogDirectory #HeaderLogo
{
	background-image: url(../../images/frontend/site/EpetsLogoNoShadow.gif);
	background-position: center center;
	background-repeat: no-repeat;		
}

#DogDirectory #TabNavigation
{
	padding-left: 30px; 
}

#HorseQuarterly
{
	background-image: url(../../images/frontend/site/HQ.jpg);
	background-position: left top;
	background-repeat: repeat-x;		
	background-color: #753B74; 
}

#HorseQuarterly #HeaderRight
{
	background-image: url(../../images/frontend/site/HeaderRight.gif);
	background-position: right top;
	background-repeat: no-repeat;		
}

#HorseQuarterly #HeaderLogo
{
	background-image: url(../../images/frontend/site/EpetsLogoNoShadow.gif);
	background-position: center center;
	background-repeat: no-repeat;		
}

#HorseQuarterly #TabNavigation
{
	padding-left: 30px;
}

#HeaderTopLeft
{
	background-image: url(../../images/frontend/site/HeaderTopLeft.gif);
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 10px;		
}

#HeaderTopLeftCatsLife
{
	background-image: url(../../images/frontend/site/HeaderTopLeftCatsLife.gif);
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 10px;		
}

#HeaderTopLeftDogDirectory
{
	background-image: url(../../images/frontend/site/HeaderTopLeftAnimalTalk.gif);
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 10px;		
}

#HeaderTopLeftHQ
{
	background-image: url(../../images/frontend/site/HeaderTopLeftHQ.gif);
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 10px;		
}

#CatsLife #HeaderLogo
{
	background-image: url(../../images/frontend/site/EpetsLogoNoShadow.gif);
	background-position: center center;
	background-repeat: no-repeat;		
}

#Footer
{
	background-color: #F7F7F7;
	border-bottom: solid 1px #B2B2B2;
	border-top: solid 1px white;  
}

#FooterBackground
{
	border-bottom: solid 5px #612D60; 
}

#FooterImageRight
{
	padding-top: 3px; 
	background-image: url(../../images/frontend/site/FooterImageRight.gif);
	background-position: left bottom;
	background-repeat: no-repeat;	
}

#FooterImageRight a
{
	color: White; 
}

#BreadCrumbs
{
	background-image: url(../../images/frontend/site/BreadCrumbBackground.gif);
	background-position: left bottom;
	background-repeat: repeat-x;	
	background-color: White; 
	font-size: 10px; 
}

#LeftNavigationShadow
{
	border-left: solid 2px white;
	background-image: url(../../images/frontend/site/LeftNavBackground.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

#LeftNavigation #LeftNavigationTop
{
	background-image: url(../../images/frontend/site/LeftNavTopLeft.gif);
	background-position: left top;
	background-repeat: no-repeat;	
	background-color: #7BB707; 
}

#LeftNavigation #LeftNavigationHeader
{
	background-image: url(../../images/frontend/site/LeftNavHdrBck.gif);
	background-position: left bottom;
	background-repeat: repeat-x;	
	padding: 0px 5px 0px 5px; 
	background-color: white; 
}

#NavigationGreenHeader
{
	background-image: url(../../images/frontend/site/LeftNavHdr.gif);
	background-position: left top;
	background-repeat: repeat-x;	
	background-color: #7BB707; 
}

#NavigationGreenFooter
{
	background-image: url(../../images/frontend/site/LeftNavFtr.gif);
	background-position: left bottom;
	background-repeat: repeat-x;	
	background-color: #7BB707; 
}

#NavigationGreen
{
	background-color: #7BB707; 	
	color: White;  
	padding: 5px 0px 5px 0px; 
}

#NavigationGreen td
{
	background-image: url(../../images/frontend/site/GreenBullet2.gif);/** GreenBullet **/
	background-position: left center;
	background-repeat: no-repeat;
	height: 23px;
	padding-left: 7px; 
}

#NavigationGreen a
{
	width: 100%; 
	color: White;  
	text-decoration: none; 
}

#NavigationGreen a:hover
{
	text-decoration: underline; 
}

#ProductListInfo
{
	background-position: left top;
	vertical-align: top;
	height: 100px; 
}

#ProductList
{
	width: 100px;
	vertical-align: bottom;
}

#LeftNavigationHeader #TopLevelIcon
{
	background-image: url(../../images/frontend/site/TopLevelIcon.gif);
	background-position: left center;
	background-repeat: no-repeat;	
}

#SearchBox
{
	background-image: url(../../images/frontend/site/SearchBoxBck.jpg);
	background-position: left top;
	background-repeat: repeat-x;
}

#SearchBox #ContainerFooterLeft
{
	background-image: url(../../images/frontend/site/ContainerFooterLeft.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

#SearchBox #ContainerFooterRight
{
	background-image: url(../../images/frontend/site/ContainerFooterRight.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}

.SearchInput, .LoginPanelInput
{
	border: solid 1px white;
	background-image: url(../../images/frontend/site/SearchInputBck.gif);
	background-position: left top;
	height: 19px; 
	font-family: Tahoma;
	width: 115px;  
	font-size: 11px;
	color: #6E366D; 
	font-weight: bold;   
	background-repeat: repeat-x;
}

#TabCnrRightOff
{
	background-image: url(../../images/frontend/site/TabRightOff.gif);
	background-position: right top;
	background-repeat: no-repeat;	
	cursor: hand; 
	width: 6px;
	height: 23px;  
}

#TabCnrLeftOff
{
	background-image: url(../../images/frontend/site/TabLeftOff.gif);
	background-position: left top;
	width: 13px;
	cursor: hand;
	height: 23px;  
	background-repeat: no-repeat;	
}

#TabBackgroundOff
{
	background-image: url(../../images/frontend/site/TabBackOff.gif);
	background-position: left top;
	height: 23px;  
	cursor: hand;
	padding: 3px 10px 0px 5px;
	text-align: center;   
	background-repeat: repeat-x;	
}

#TabBackgroundOn
{
	background-image: url(../../images/frontend/site/TabBackOn.gif);
	background-position: left top;
	height: 23px;  
	padding: 3px 10px 0px 5px;
	text-align: center;   
	background-repeat: repeat-x;	
}

#TabCnrRightOn
{
	background-image: url(../../images/frontend/site/TabRightOn.gif);
	background-position: right top;
	background-repeat: no-repeat;	
	width: 6px;
	height: 23px;  
}

#TabCnrLeftOn
{
	background-image: url(../../images/frontend/site/TabLeftOn.gif);
	background-position: left top;
	width: 13px;
	height: 23px;  
	background-repeat: no-repeat;	
}

#TabFirstCnrLeftOn
{
	background-image: url(../../images/frontend/site/FirstTabLeftOn.GIF);
	background-position: left top;
	width: 29px;
	height: 23px;  
	background-repeat: no-repeat;	
}

#TabFirstCnrLeftOff
{
	background-image: url(../../images/frontend/site/FirstTabLeftOff.gif);
	background-position: left top;
	width: 29px;
	height: 23px;  
	background-repeat: no-repeat;	
}

#InnerBody
{
	padding-left: 10px; 
    /**padding-right: 20px; /** Remove for more space templates **/ 
}

#RightPanel
{
	padding-left: 10px; 
	width: 200px;  /** 171 **/
	background-position: right top;
	
}

#PageTitle
{
	border-bottom: dashed 1px #B2B2B2;  	
}

#BodyContent
{
	padding: 10px 0px 10px 0px;
}

#LoginPanelHeaderLeft
{
	background-image: url(../../images/frontend/site/LoginPanelHeaderLeft.gif);
	background-position: left top;
	width: 7px;
	height: 30px;  
	background-repeat: no-repeat;	
}

#LoginPanelHeaderRight
{
	background-image: url(../../images/frontend/site/LoginPanelHeaderRight.gif);
	background-position: right top;
	width: 7px;
	height: 30px;  
	background-repeat: no-repeat;	
}

#LoginPanelHeader
{
	background-image: url(../../images/frontend/site/LoginPanelHeader.jpg);
	background-position: left top;
	height: 30px;  
	background-repeat: repeat-x;	
}

#PanelHeader
{
	background-image: url(../../images/frontend/site/PanelHeader.jpg);
	background-position: left top;
	height: 30px;  
	padding-left: 5px;
	padding-right: 5px; 
	background-repeat: no-repeat;
}

#PanelHeader_Large
{
	background-image: url(../../images/frontend/site/PanelHeader_Large.jpg);
	background-position: left top;
	height: 30px;  
	padding-left: 5px;
	padding-right: 5px; 
	background-repeat: no-repeat;
}

#PanelHeaderFooter
{
	background-image: url(../../images/frontend/site/PanelHeaderFooter.gif);
	background-position: left top;
	height: 8px;  
	background-repeat: no-repeat;
}

#PanelHeaderFooter_Large
{
	background-image: url(../../images/frontend/site/PanelHeaderFooter_Large.gif);
	background-position: left top;
	height: 8px;  
	background-repeat: no-repeat;
}

#PanelContentRepeat
{
	background-image: url(../../images/frontend/site/PanelContentRepeat.jpg);
	background-position: left top;
	background-repeat:repeat-y;
}

#PanelContentRepeat_Large
{
	background-image: url(../../images/frontend/site/PanelContentRepeat_Large.jpg);
	background-position: left top;
	background-repeat:repeat-y;
}

#PanelFooter
{
	background-image: url(../../images/frontend/site/PanelFooter.gif);
	background-position: left top;
	height: 8px;  
	background-repeat: no-repeat;
}

#PanelFooter_Large
{
	background-image: url(../../images/frontend/site/PanelFooter_Large.gif);
	background-position: left top;
	height: 8px;  
	background-repeat: no-repeat;
}

#LoginPanel
{
	padding: 10px;
	padding-top: 30px; 
	background-image: url(../../images/frontend/site/LoginBoxBck_Small.jpg); /** LoginBoxBck.jpg  **/
	background-position: left top;
	height: 213px; 
	background-repeat: no-repeat;		
}

#LoginPanelRepeat td
{
	color: white; 
}

#LoginPanelFooter
{
	background-image: url(../../images/frontend/site/LoginPanelFooter_Small.gif); /** LoginPanelFooter.gif **/
	background-position: left bottom;
	height: 8px; 
	background-repeat: no-repeat;	
}

#LoginPanelRepeat
{
	background-image: url(../../images/frontend/site/LoginBoxBckRepeat.gif);
	background-position: left top;
	height: 213px; 
	background-repeat: repeat-y;	
}

#LoginPanel li
{
	list-style-type: none;
	background-image: url(../../images/frontend/site/PurpleBullet.gif);   
	background-repeat: no-repeat;
	background-position: left center;  
	line-height: 18px; 		
}

#LoginPanel li a
{
	color: White; 
}

.SitemapRootNode
{
	font-weight: bold;
	background-color: #f7f7f7;    
}

.SearchWord
{
	background-color: #DCE52A;  
}

#GalleryFolderBackground
{
	background-image: url(../../images/frontend/site/GalleryFolderBackground.jpg);   
	background-repeat: repeat-x;
	height: 126px; 
	background-position: left top;  
}

#GalleryFolderBackground #GalleryBoxLeft
{
	background-image: url(../../images/frontend/site/GalleryBoxLeft.gif);   
	background-repeat: no-repeat;
	background-position: left top;  
}

#GalleryFolderBackground #GalleryBoxRight
{
	background-image: url(../../images/frontend/site/GalleryBoxRight.gif);   
	background-repeat: no-repeat;
	background-position: right top;  
}

#FaqAnswer
{
	padding: 10px; 
}

#FaqSelectedItem
{
	background-color: White;
	padding: 10px;
	border: solid 1px #CBCBCB;   
}

/** ----------------- Controls ------------------ **/

.MousePointer
{
	cursor:crosshair;
}
.Input 
{ 
	cursor: text; 
	width: 170px; 
	height: 18px; 
	background-color: white; 
	border: solid 1px #7F9DB9; 
	font-family: Tahoma;
	font-size: 11px;
}

.Select 
{ 
	background-color: white; 
	border: solid 1px #7F9DB9; 
	font-family: Tahoma;
	font-size: 11px;
}

.button, .HyperLink, a.button:link, a.button:visited 
{
	height:20px;
	width: 50px; 
	cursor: hand;  
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;  
	color: white; 
	text-decoration: none; 
	border-right: solid 1px #612D60;
	border-bottom: solid 1px #612D60;
	border-left: solid 1px #BF7DBE;
	border-top: solid 1px #BF7DBE;
	/*background-image: url(../../images/frontend/site/btnBackground.gif);   */
	background-repeat: repeat-x;
	background-color: #8A3F89; 
}

#SurveyGraph
{
	background-image: url(../../images/frontend/site/SurveyGraph_NoFill.gif);   
	background-repeat: repeat-x;
	background-color: White; 
	background-position: left top; 		
}

#AjaxPanel_Loader
{
	position:absolute;
	text-align: center;  
	visibility: hidden;
}

#AjaxPanel_Loader #InnerLoader
{
	display: none;  
}

#TableRowHr td
{
	border-bottom: dashed 1px #B2B2B2;
	padding-top: 5px;
	padding-bottom: 5px;   	
}

.CollectionPager
{
	text-align:center;  
	border-top: solid 1px #B2B2B2;  
	border-bottom: solid 1px #B2B2B2;  
	padding: 10px;
	background-color: #dadada;  
	width: 100%; 
}

.Grid
{ 
	padding: 1px; 
}

.Row
{ 	
	background-color: #f7f7f7; 
	border-top: solid 1px #B2B2B2;  
	border-bottom: solid 1px #B2B2B2;  
	padding: 5px;
}

.SelectedRow, .SelectedRow td
{ 
	
}

.RowAlternate 
{ 
	padding: 5px; 	
	background-color: white;
	border-top: solid 1px #B2B2B2;  
	border-bottom: solid 1px #B2B2B2;   	
}

.RowList 
{ 
} 

.Row td, .RowAlternate td /** GridLevel **/
{ 
	height: 22px; 	
} 

.HeadingCell, .HeadingCell td 
{ 
}

.GridLinkLeft
{
	background-image: url(../../images/frontend/site/GridLinkLeft.gif);   
	background-repeat: no-repeat;
	background-position: left top;
}

.GridLink
{
	padding: 0px;
	margin: 0px;
	position: relative;   
	top: 6px;
	right: 5px;
}

.GridLink a:link, .GridLink a:visited
{
	text-decoration: none; 
	color: White;
	font-weight: bold;   
}

.GridLink a:hover
{
	text-decoration: underline; 
}

.GridLinkBack
{
	background-image: url(../../images/frontend/site/GridLinkBack.gif);   
	background-repeat: repeat-x;
	background-position: left top;
	
}

.GridLinkRight
{
	background-image: url(../../images/frontend/site/GridLinkRight.gif);   
	background-repeat: no-repeat;
	background-position: left top;
}