﻿/** Master Base Styles - FooCo Ltd (c) **/

/** Interface **/

#SiteHeaderNavigation
{
	height: 32px; 
	text-align: right;  
}

#SiteHeaderNavigation a
{
	padding: 5px;
}

#Header
{
	background-color: #242424;
	background-image: url(../../images/site/HeaderBackground.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	height: 57px; 
	padding-right: 10px; 
}

#TopNavigation
{
	height: 83px; 
	background-image: url(../../images/site/TopNavigationBackground.jpg);
	background-color: White; 
	background-position: left bottom;
	background-repeat: repeat-x;
}

#TopNavigation #Tier1Navigation
{
	background-color: #129dd2;
	background-image: url(../../images/site/Tier1NavigationBackground.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	height: 30px; 
}

#TopNavigation #Tier2Navigation
{
	background-color: #e6e6e6;
	background-image: url(../../images/site/Tier2NavigationBackground.jpg);
	background-position: left bottom;
	background-repeat: repeat-x;  
	height: 28px; 
}

#HeaderLogin
{
}

/** Header Login Control Styles **/

.HeaderLogin_UsernameBackground
{
	background-color: Transparent;
	background-image: url(../../images/site/HeaderLogin_UsernameBackground.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 23px;  
	padding-right: 5px;
	vertical-align: bottom;
	font-weight: bold; 
	border: none;   
	color: #4f4f4f;
	padding-top: 4px; 
	width: 87px; 
	height: 16px; 
	font-family: Tahoma;
	font-size: 11px;     
}

.HeaderLogin_PasswordBackground
{
	background-color: Transparent;  
	border: none;
	background-image: url(../../images/site/HeaderLogin_PasswordBackground.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 5px;  
	padding-right: 5px;
	width: 105px; 
	height: 20px; 
	padding-top: 8px;
	vertical-align: top;
	font-weight: bold;   
	color: #4f4f4f;
	font-family: Tahoma;
	font-size: 11px;     
}

#LogoHeader
{	
	background-image: url(../../images/site/LogoHeader.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 143px;
	height: 100%;   
}

#LogoBody
{
	background-image: url(../../images/site/LogoBody.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 297px;
	height: 100%;   
}

#LogoFooter
{
	width: 271px;
	height: 58px;
	background-image: url(../../images/site/LogoFooter.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

a.TopNavigationLink:link, a.TopNavigationLink:visited
{
	font-size: 12px;
	color: White;
	text-decoration: none; 
	font-weight: bold;
	display: block;  
	height: 30px; 
	text-align: center;  
	padding: 0px 12px 0px 12px; 
	font-size: 12px; 
	vertical-align: top;  
}

a.TopNavigationLink_Hover:link, a.TopNavigationLink_Hover:Visited
{
	background-image: url(../../images/site/TopNavigation_over.png); 
	background-position: center top;
	background-repeat: no-repeat;
	font-size: 12px;
	color: White;
	text-decoration: none; 
	font-weight: bold;
	display: block;  
	height: 30px; 
	text-align: center;  
	padding: 0px 12px 0px 12px; 
	vertical-align: top;  
}

.TopNavigationLink_Hover img, .TopNavigationLink img
{
	vertical-align: middle;
	padding-top: 10px;   
}

a.TopNavigationLinkSelected:link, a.TopNavigationLinkSelected:visited
{
	background-image: url(../../images/site/TopNavigation_Selected.png); 
	background-position: center bottom;
	background-repeat: no-repeat;
	font-size: 12px;
	width: 77px; 
	display: block;
	vertical-align: top;  
	text-align: center;  
	color: White;
	text-decoration: none; 
	font-weight: bold;
	height: 30px;
	font-size: 12px; 
}

.TopNavigationLinkSelected img
{
	vertical-align: middle;
	padding-top: 10px;   
}

#Tier2NavigationLeft
{
	background-image: url(../../images/site/Tier2NavigationLeft.jpg); 
	background-position: left bottom;
	width: 15px;
	height: 28px;  
	background-repeat: no-repeat;
}

.Tier2Menu
{
	display: none;
}

.Tier2Menu ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.Tier2Menu li
{
	float: left;
}

a.Tier2MenuLink:link, a.Tier2MenuLink:visited
{
	font-size: 11px;
	font-weight: bold;
	color: #737373;   
	text-decoration: none;
	padding: 0px 10px 0px 10px; 
}

a.Tier2MenuLink_Selected:link, a.Tier2MenuLink_Selected:visited
{
	font-size: 11px;
	font-weight: bold;
	color: #167da8;   
	text-decoration: none;
	padding: 0px 10px 0px 10px; 
}

a.Tier2MenuLink:hover, a.Tier2MenuLink_Selected:hover
{
	font-size: 11px;
	text-decoration: underline; 
	color: #167da8; 
	padding: 0px 10px 0px 10px; 
}

#BreadCrumb
{
	background-image: url(../../images/site/BreadCrumbBackground.jpg); 
	background-position: left top;
	height: 38px;  
	background-repeat: no-repeat;
	vertical-align: top;  
}

#BreadCrumb div
{
	color: #167da8;
	padding: 5px 5px 0px 10px; 
	font-size: 11px; 
	font-weight: bold;  
	vertical-align: top;   
}

#BreadCrumb img
{
	vertical-align: middle;  
}

#BreadCrumb div a:link, #BreadCrumb div a:visited
{
	text-decoration: none;
}

#BreadCrumb div a:hover
{
	text-decoration: underline;
}

#OuterContent
{
	vertical-align: top;
	height: 100%;  
}

#LeftPanel
{
	background-color: #e3e3e3; 
	vertical-align: top;  
	width: 210px; 
	border: solid 5px #FFFFFF;
	border-right: solid 2px #dfdfdf; 
	border-bottom: none; 
	background-image: url(../../images/site/LeftPanelBackground.jpg); 
	background-position: left top;
	background-repeat: repeat-x;
	padding: 10px; 
}

#InnerContent
{
	padding: 20px;
	background-color: White;  
	vertical-align: top;
	height: 300px; 
}

.ContentHeaderHr
{
	width: 100%;
	margin: 5px 0px 20px 0px;
	color: #a9a9a9;  
	background-color: #a9a9a9;
	border: none;
}

#InnerContent p, #InnerContent td
{
	line-height: 19px; 
}

#Footer
{
	height: 132px;
	background-color: #676767;  
	background-image: url(../../images/site/Footer.jpg); 
	background-position: left top;
	background-repeat: no-repeat;
}

#Footer div
{
	vertical-align: middle;  
	height: 132px;
	color: #676767; 
	padding-right: 20px;  
	padding-left: 20px;  
}

#Footer a:link, #Footer a:visited
{
	padding: 0px 1px 0px 1px; 
	color: #676767; 
	font-size: 11px;
	color: White; 
	font-family: Tahoma;    
	
}

#Footer a.TopLevelLink:link, #Footer a.TopLevelLink:visited
{
	font-weight: bold;
	color: #1593c4;  
	font-family: Tahoma;    
}

/** Typography **/
h1
{
	font-size: 1.2em;
	margin: 0px;
	color: #1986b1;
	font-family: Tahoma; 
}

h2
{
	font-size: 1.2em;
	margin: 0px;
	color: #545454;
	font-family: Tahoma; 
}

#PopLayer_ReferAFriend 
{
	padding: 0px;
	margin: 0px;  
	background-image: url(../../images/site/ReferAFriendBackground.png); 
	background-position: left top;
	background-repeat: no-repeat;
	width : 267px;
	height: 246px; 
}

#PopLayer_ReferAFriend #PopLayer_ReferAFriend_Content
{
	width : 227px;
	height: 206px; 
	padding: 5px; 
	color: #444444;
	font-size: 100%;    
}

#PopLayer_ReferAFriend #PopLayer_ReferAFriend_Content td
{
	font-weight: normal;  
}

a.SubMenuItemLink:link, a.SubMenuItemLink:visited,
a.SubMenuItemLink_Selected:link, a.SubMenuItemLink_Selected:visited
{
	background-image: url(../../images/site/SubNav_Background.png); 
	background-position: left top;
	background-repeat: no-repeat;
	font-weight: bold;    
	height: 21px;  
	vertical-align: middle;
	font-size: 11px;   
	display: block;  
	padding-top: 2px; 
	padding-left: 22px;
	width: 184px 
}

a.SubMenuItemLink:hover,a.SubMenuItemLink_Selected:hover
{
	background-color: White; 
}

a.SubMenuItemLink_Selected:link, a.SubMenuItemLink_Selected:visited
{
	color: #444444;
	background-color: #c7c7c7; 
}

#LeftPanel h1
{
	font-size: 1.2em;
	margin: 0px;
	color: #1986b1;
	height: 25px; 
	padding-left: 10px;
	font-family: Tahoma; 
	background-image: url(../../images/site/LeftPanelHeaderBackground.png); 
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-bottom: 5px;
}

#LeftPanel h2
{
	margin-bottom: 10px; 
	font-size: 1.2em;
	margin: 0px;
	padding-left: 10px; 
	margin-bottom: 5px;
	height: 25px;
	color: #545454;
	font-family: Tahoma; 
	background-image: url(../../images/site/LeftPanelHeaderBackground.png); 
	background-position: left bottom;
	background-repeat: no-repeat;
} 


#LeftPanel h3
{
	font-size: 1.1em;
	margin: 0px; 
	padding-left: 10px;
	padding-top: 5px; 
	vertical-align: middle;  
	color: white;
	font-family: Tahoma; 
} 

#SearchBackground
{
	background-image: url(../../images/site/SearchBackground.jpg); 
	background-position: left top;
	background-repeat: no-repeat;
	height: 27px;
	width: 165px;
	vertical-align: top;  
	padding-left: 5px; 
	padding-top: 4px;  
}

.SearchInput
{
	background-color: Transparent;
	width: 145px;
	padding-left: 5px;
	color: #676767;
	font-weight: bold;    
	border: none; 
}

.LeftPanelIndent
{
	padding: 0px 5px 0px 10px; 
}

.LeftPanel_FeatureBackground
{
	background-image: url(../../images/site/LeftPanelFeature_Background.jpg); 
	background-position: left top;
	vertical-align: top;  
	background-repeat: no-repeat;
	width: 206px;
	height: 39px; 
}


.LeftPanelFeature_ContentBackground
{
	background-image: url(../../images/site/LeftPanelFeature_ContentBackground.gif); 
	background-position: left top;
	background-repeat: repeat-y;
	vertical-align: top;  
	padding: 0px 12px 0px 7px; 
}

.LeftPanelFeature_ContentBackgroundInner
{
	height: 100%;
	padding-top: 10px;
	width: 100%; 
	background-image: url(../../images/site/LeftPanelFeature_BackgroundH.jpg); 
	background-position: left bottom;
	background-repeat: repeat-x;
	text-align: center;  
}

.LeftPanelFeature_Footer
{
	background-image: url(../../images/site/LeftPanelFeature_Footer.jpg); 
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 206px;
	height: 14px;  
}

#LatestVideos_Preloader
{
	font-weight: bold;
	color: #676767;
	font-size: 11px;    
}

.LeftPanelFeature_Content
{
	padding-left: 8px;
	padding-right: 8px;
}

#Callout_FeatureVideo
{
	background-image: url(../../images/site/Callout_FeatureVideo.png); 
	background-position: left top;
	width: 275px;
	height: 187px;  
	background-repeat: no-repeat;
}

#VideoCustomerDetails
{
	color: White; 
}

#FeaturedNews_Background a:link, #FeaturedNews_Background a:visited
{
	font-size: 11px;
}

#FeaturedNews_Header
{
	background-image: url(../../images/site/FeaturedNews_Header.gif); 
	background-position: left top;
	height: 9px;  
	background-repeat: no-repeat;
}

#FeaturedNews_Background
{
	background-image: url(../../images/site/FeaturedNews_Background.gif); 
	background-position: left top;
	width: 206px;
	padding: 5px; 
	height: 50px;  
	background-repeat: repeat-y;
}

#FeaturedNews_Footer
{
	background-image: url(../../images/site/FeaturedNews_Footer.gif); 
	background-position: left top;
	height: 9px;  
	background-repeat: no-repeat;
}

#ResponseForm
{
	padding: 10px;
	background-color: #e3e3e3;
	border: solid 2px #a9a9a9;   
	background-image: url(../../images/site/ResponseFormBackground.jpg); 
	background-position: left top;
	background-repeat: repeat-x;
}

#map
{
	background-color: #e3e3e3;
	border: solid 2px #a9a9a9;  
	padding: 10px; 
	width: 493px; 
	height: 350px; 
	margin-bottom: 15px; 
	padding-right: 0px; 
}

.ContentSectionTitle_h1, .ContentSectionTitle_h2
{
	font-size: 1.2em;
	margin: 0px;
	color: #1986b1;
	height: 30px; 
	padding-left: 10px;
	font-family: Tahoma; 
	background-image: url(../../images/site/ContentSectionTitle_Background.jpg); 
	background-position: left bottom;
	background-repeat: repeat-x;
	margin-bottom: 5px;
}

.ContentSectionTitle_h2
{
	color: #545454;
}

.PostDate { text-align: center; margin: 0; padding: 2px 10px 2px 0px; list-style: none; border-right: solid 1px #ccc;}
.PostDate .month { display: block; font-size: 9px; line-height: 9px; color: #666; text-transform: uppercase; font-family: Tahoma; }
.PostDate .day { display: block; font-size: 21px; font-family: 'Arial'; font-weight: bold; line-height: 19px; color: #ccc; letter-spacing: -1px;}

a.ArticleListLink:link, a.ArticleListLink:visited
{
	
	text-decoration: none; 
}

a.ArticleListLink:hover
{
	color: #545454;
}

.CustomerLogoContainer
{
	text-align: center;
	vertical-align: middle;   
	width: 176px;
	height: 88px;  
	background-image: url(../../images/site/CustomerLogoContainer.png); 
	background-position: center center;
	background-repeat: no-repeat;
}

.CustomerDetailsContainer
{
	padding: 5px;
	font-size: 11px;  
}

a.CustomerDetailsLink:link, a.CustomerDetailsLink:visited
{
	font-size: 11px;
}

/* Video Search */

td#VSearchHeader
{
	width: 204px;
	height: 43px;  
	background-image: url(../../images/site/VideoSearchHeader.jpg); 
	background-position: left top;
	background-repeat: no-repeat;
}

td#VSearchControl
{
	padding: 10px;
	padding-bottom: 0px; 
	background-color: #1393c5; 
	width: 204px;
}

td#VSearchControl td
{
	color: White;
	font-weight: bold;   
}

td#VSearchFooter
{
	width: 204px;
	height: 13px;  
	background-image: url(../../images/site/VideoSearchFooter.gif); 
	background-position: left top;
	background-repeat: no-repeat;
}

td.VSearchSeperator
{
	background-image: url(../../images/site/VideoSearchSeperator.gif); 
	background-position: left center;
	background-repeat: repeat-x;
	height: 25px; 
}