@import url(../Common.css);

/* FAE DEFAULT STYLESHEET (vers 1.0)
   ----------------------------------------------------*/

/* Default.css
   Updated: Thu 28.01.10 @ 9:15 a.m.
   Author : Alan Durkan
   ----------------------------------------------------*/
   
/* Index(Organised according to control groupings)

/* TOP LEVEL         |   SHOP FORMS
   TYPOGRAPHY        |   BROWSER FIXES
   COMMON ELEMENTS   |   
   SYSTEM            |   
   HEADER            |   
   CONTENT LAYOUT    |   
   FOOTER            |   
   MODULES           |   
*/

/* =TOP LEVEL
   ----------------------------------------------------*/

html, body, form, fieldset, input, select, textarea, .textbox, .clear-on-focus, .dropdown, .dropdownlist { font-family: Verdana, Arial, Helvetica, sans-serif; }
body { font-size: 0.625em; line-height: 1.0; overflow: -moz-scrollbars-vertical; }
#Sheet { margin: 10px auto; width: 946px; }

/* =TYPOGRAPHY
   ----------------------------------------------------*/

h1 { margin-bottom: 1em; font-size: 1.8em; font-weight: normal; }
h2 { margin-bottom: 1em; font-size: 1.6em; font-weight: normal; }
h3, h4, h5 { margin-bottom: 0.5em; font-size: 1em; font-weight: bold; }
p, blockquote, address, .vcard { padding-bottom: 1.3em; }
a { color: #000; text-decoration: underline; }
a:focus, a:active { outline: none; }
ul, ol { margin-left: 2em; padding-bottom: 1.3em; }
#Content { color: #222; font-size: 1.1em; line-height: 1.5em; }
#Content h1 { color: #021E73; font-size: 1.636em; line-height: 1em; }
#Content h2 { color: #222; font-size: 1.455em; font-weight: bold; line-height: 1em; }
#Content h3 { margin-bottom: 1em; color: #021E73; font-weight: bold; font-size: 1.091em; }

/* =COMMON ELEMENTS
   ----------------------------------------------------*/

.left { float: left; }
.right { float: right; }
.noMargin { margin: 0; }
.noPadding { padding: 0; }
.clear, .Clear, #Footer, .shopForm br { clear: both; }
div.clear, br.clear, .shopForm br { font-size: 0; line-height: 0; } 
/* hide these elements */
.accessibility, .hide, .Calendar, .separator hr, .rememberMe, .whatsThis, .headerLinks
{
	display: none;
	visibility: hidden;
}
/* no additional padding / margin / list-style on these ULs */
.SiteNavigation ul, .ResourceFolders ul, .LinkList ul
{
	margin: 0;
	padding: 0; 
	list-style: none;
}
/* CMSModule */
.CMSModuleERROR { border: dashed 1px #F00; color: #F00; }
.CMSColumnEdit { position: relative; border: dashed 1px #003480; }
.textbox, .textarea, .dropdown, .dropdownlist { border: solid 1px #8DA8C1; }
.textbox, .textarea { padding: 1px; }
/* button */
.button, button, input.button
{
    display: block;
    border: solid 1px #A66803;
    margin: 0;
    padding: 4px 5px 4px 5px;  /* Links */
    width: auto;
	/* need to keep font ultra consistant here */
    color: #222 !important;
	font-size: 11px !important;
	font-weight: bold;
	line-height: 1.3em;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
    cursor: pointer;
    overflow: visible;
    background: #F2CB05 url(/Templates/Images/Layout/fae_btnBgTile.gif) repeat-x left top;    
}
.darkRoundedBox .button { border: solid 1px #F2CB05; }
.middleCol .button { border: solid 1px #3847A6; color: #FFF !important; background: #3847A6 url(/Templates/Images/Layout/fae_btnBluBgTile.gif) repeat-x left top; }
/* -adjust padding for for FF */
.button::-moz-focus-inner { border: none; padding: 0; }
/* -adjust padding for for IE6 */
* html input.button, * html button { padding: 3px 5px 2px 5px; width: 0; }
/* adjust padding for IE7 */
*:first-child+html .button[type] { padding: 3px 5px 2px 5px;  }
/* nuetralise the styles of input buttons within .button class */
.button input { border: none; background: none; cursor: pointer; }
.checkbox { padding-right: 4px; }
/* Specific to FAE */
.separator { margin: 4px 0px; height: 2px; background: url(/Templates/Images/Layout/fae_dottedSepBgTile.gif) repeat-x left 50%; }
/* - Side column boxes */
.sideColumn .roundedBox { padding: 10px; color: #FFF; }
.sideColumn .roundedBox a { color: #FFF; }
#Content .sideColumn .roundedBox h2, #Content .sideColumn h2.modTitle {  margin: -10px -10px 5px -10px; padding: 5px 10px; font-size: 1.091em; font-weight: bold; color: #F2CB05; }
#Content .sideColumn h2.modTitle { margin: 0; }
.sideColumn .darkRoundedBox { background: #3847A6 url(/Templates/Images/Layout/fae_darkBoxRoundedBg.jpg) no-repeat left bottom; }
#Content .sideColumn .darkRoundedBox h2, #Content .sideColumn h2.modTitleDark  { background-color: #2F3C8C; }
.sideColumn .lightRoundedBox { background: #F29F05 url(/Templates/Images/Layout/fae_lightBoxRoundedBg.jpg) no-repeat left bottom; }
#Content .sideColumn .lightRoundedBox h2, #Content .sideColumn h2.modTitleLight  { background-color: #A66803; }
/* - Content boxes */
.contentBox { border: solid 3px #4A5FD9; padding: 11px; background-color: #D6DCFF; }
.contentBox .contentBoxContents { background-color: #DDB6DE; padding: 10px; }
/* - For HP welcome */
.welcomeBox { background: #92AAF4 url(/Templates/Images/Layout/fae_welcomeBoxBg.jpg) no-repeat right bottom; }
.wBCopy { font-size: 1.091em; width: 85%; }
.middleCol .hpBoxImg { margin: -8px -8px 1em -8px; }
/* -- New link Banner */
.newsLinkBanner { display: block; padding: 6px 14px; color: #FFF; font-size: 1.091em; font-weight: bold; text-decoration: none; background: #F29F05 url(/Templates/Images/Layout/fae_newsLinkBannerBg.gif) no-repeat right top; }

/* =SYSTEM
   ----------------------------------------------------*/

.CMSPageControls { position: static; padding: 3px 0; height: 16px; text-align: right; }
.CMSPageControls span { color: #666; font-size: 9px; vertical-align: top; }
.CMSPageControls img, .CMSPageControls input { border: none; margin-left: 4px; }

/* =HEADER
   ----------------------------------------------------*/

/* -- Keep these for the time being 
.HeaderA { background-image: url(/Templates/Images/Headings/banner1.jpg); }
.HeaderB { background-image: url(/Templates/Images/Headings/banner2.jpg); } */
#Header { position: relative; height: 166px; text-align: right; }
#Header { background: url(/Templates/Images/Headings/afo_headerBanner.jpg) no-repeat left top; }
#Sheet .headerNews { background: url(/Templates/Images/Headings/afo_newsBanner.jpg) no-repeat left top; }
#Header .headerLinks { position: absolute; top: 0; right: 0; z-index: 100; padding: 8px 16px 0 0; text-transform: uppercase; }
#Header .headerLinks a { margin-left: 10px; padding-left: 10px; color: #FFF; font-size: 1.2em; text-decoration: none; background: url(/Templates/Images/Icons/fae_navBullet.gif) no-repeat left 51%; }
#Header .headerLinks a:hover { color: #8DA5F3; }
/* Navigation */
#Navigation { padding: 8px 0; color: #FFF; font-size: 1.2em; text-align: center; background: #021E73 url(/Templates/Images/Layout/fae_navBgTile.jpg) repeat-x left top; text-transform: uppercase; }  
#Navigation a { margin: 0px 16px; color: #FFF; text-decoration: none;  }
#Navigation a:hover, #Navigation a.Current { color: #8DA5F3; }

/* =CONTENT LAYOUT
   ----------------------------------------------------*/

#LeftContainer { float: left; width: 756px; }
/* 3 column */
.columns3 { background: url(/Templates/Images/Layout/fae_dottedBgTile.gif) repeat-y left top; }
#ColumnLeft { float: left; width: 180px; }
#ColumnRight { float: right; width: 180px; }
#ColumnMiddle { float: right; width: 566px;  }
#ColumnMiddle .middleRow { background: url(/Templates/Images/Layout/fae_middleDottedBgTile.gif) repeat-y left top; }
#ColumnMiddle .middleRow .middleCol { float: left; width: 278px; }
.colSpacer { float: left; width: 10px; }
/* 2 column */
.columns2 #ColumnRight { width: 760px; float: right; }
.borderedColumn
{
	background: #FFF url(/Templates/Images/Layout/fae_borderedColumnBgTile.jpg) repeat-x left top;
	padding: 11px;
	border: solid 3px #4A5FD9;
}

/* =FOOTER
   ----------------------------------------------------*/

#Footer { padding: 10px 0; 	color: #FFF; text-align: center; background: #021E79 url(/Templates/Images/Layout/fae_footerBg.gif) no-repeat left top; }
#Footer a { margin-right: 2px; padding-left: 8px; color: #FFF; text-decoration: none; background: url(/Templates/Images/Icons/fae_navBullet.gif) no-repeat left 60%; }
#Footer a:hover, #Footer a.Current { color: #8DA5F3; }
#InternovaLogo
{
	clear: both;
	width: 946px;
	margin: 0 auto 1em auto;
	text-align: right;
}
#InternovaLogo a { text-decoration: none; }

/* =MODULES
   ----------------------------------------------------*/

/* Site Navigation - Incorrect capitalised class name here */
.SiteNavigation .Scroller { height: 260px; overflow: auto; }
.SiteNavigation .Scroller div img { float: left; border: solid 1px #000; margin-bottom: 10px; }
.SiteNavigation .Scroller div div { float: left; padding-left: 10px; width: 81px; }
.SiteNavigation, .ResourceFolders, .LinkList { margin-bottom: 1em; }
.SiteNavigation ul li a, .ResourceFolders ul li a, .LinkList ul li a
{
	display: block;
	padding-left: 10px;
	background: url(/Templates/Images/Icons/fae_navBullet.gif) no-repeat left 6px;
	text-decoration: none;
}
.SiteNavigation ul ul, .ResourceFolders ul ul, .LinkList ul ul { margin: 0 0 0.5em 1em; }
.SiteNavigation ul li a:hover, .ResourceFolders ul li a:hover, .LinkList ul li a:hover { color: #8DA5F3; }
/* Parent of CurrentNode A Styling */
.SiteNavigation li.CurrentParent a.CurrentParent, .ResourceFolders li.CurrentParent a.CurrentParent { font-weight: bold; }
/* Current Node A Styling */
.SiteNavigation li.Current a.Current, .ResourceFolders li.Current a.Current { font-weight: bold; }
/* Account expiry */
.AccountExpiry { margin-bottom: 10px; color: #F00; }
.AccountExpiry .Heading { display: block; font-weight: bold; }
.AccountExpiry .Text { display: block; }
.AccountExpiry a { color: #F00; }
.ResourceList li { height: 25px; list-style-type: none; }
.ResourceList li img { margin-right: 5px; }
/* News */
.newArticle { margin-bottom: 2em; }
#Content .newArticle h2 { padding: 4px; color: #FFF; background: #4B5FDA url(/Templates/Images/Layout/fae_newsTitleBgTile.gif) repeat-x left top; }
.publishedDate { margin-bottom: 1em; font-style: italic; text-align: right; }
/* Misc */
.HeaderFooterNav ul li { display: inline; }
.registerLink .actions { margin-top:0.5em; text-align: center; }
.ResourceFolders ul { display: none; }
.ResourceFolders ul.CurrentParent, .ResourceFolders li.Current ul { display: block; }
.Calendar
{
	position: absolute;
	top: 300px;
	left: 490px;
	z-index: 99;
	width: 190px;
	height: 150px;
	border: solid 1px #999;
	background-color: #FCFCFC;
}
.Calendar table { width: 190px; font-size: 0.917em; }
.Calendar table tr td a.Today
{
	display: block;
	border: solid 1px #999;
	width: 15px;
	background-color: #e0e0e0;
}
.Calendar table tr td img { visibility: visible; }
.Calendar table.Head tr td.DateSelect { text-align: center; }

/* =SHOP FORMS
   ----------------------------------------------------*/

.shopForm label
{
	float: left;
	margin-bottom: 2px;
	padding-right: 5px;
	width: 180px;
	font-weight: bold;
	text-align: right;
	cursor: default;
}
.shopForm .rBList label, .shopForm .cBList label { float: none; font-weight: normal; }
.shopForm .shopTerms { text-align: center; padding: 1em 0; }
.shopForm .textbox, 
.shopForm .dropdown, 
.shopForm .textarea, 
.shopForm .holder,
.shopForm .fileupload
{
	float: left;
	margin-bottom: 5px;
}
.shopForm .textbox, .shopForm .dropdown, .shopForm .textarea { width: 180px; }
.shopForm .dropdown { width: 184px; }
.formButtons .button { float: left; }
.formButtons { margin: 10px 0 0 184px; }
/* Side Columns */
.sideColumn .shopForm label { margin-bottom: 0; padding-right: 0; text-align: left; width: 148px; }
.sideColumn .shopForm .textbox { width: 148px; } 
.sideColumn .formButtons { margin-left: 0; text-align: right; }
.sideColumn .formButtons .button { float: right; }
/* Form validation */
.validationList 
{
	border: solid 1px #B82424;
	margin-bottom: 1em;
	padding: 10px;
	color: #333 !important;
	background-color: #FFF;
}
#Content .validationList ul  { margin-left: 1em; padding: 0; font-weight: normal; }

/* =BROWSER FIXES
   ----------------------------------------------------*/

/* Height Fixes (for IE6 & 7 - review later) */
.linkList li, .customerLogin, .formButtons, .shopForm, .validationList ul li, 
.SiteNavigation li a, #Footer, .siteNavigation li, .searchBox, #Navigation, .welcomeBox,
#Content, .middleCol, .middleRow
{
	height: 1%;
}
/* Safari Only */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.button[type]{ line-height: 14px !important; }
}