/* COMMON */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

/* Default link stles */
a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #666666;
}
/* Adds additional style information to a link being hovered over */
a:hover {
	color: #FF6600;
	text-decoration: underline;
}

/* GLOBAL CONTAINERS*/
.BodyContainer {
	width: 770px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.Block {
	border: 1px solid #999999;
	width: 770px;
}
/* Workaround: bypass IE6, to pull in right margin 2px NS, SF */
html>body .Block { width: 768px }

/* HEADER CONTAINER*/
.LogoContainer {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	z-index : 30;
}

.HeaderContainer {
	width: 770px;
	background-image: url(/theme/directory/logo/logo-bg.gif);
	background-repeat: repeat-x;
	font-family: Georgia, "Times New Roman", sans-serif;
	font-weight: bold;
	text-align: right;
	align : left;
}

.HeaderRight {
    align : left;
    float : right;
}

.HeaderTitle {
    font-family: Arial, Helvetica, sans-serif;
    color : #FFFFFF;
	padding: 30px 10px 0px 0px;
	vertical-align : bottom;
    z-index : 20;
}

.HeaderButtons {
    font-size : 11px;
    margin-right : 5px;
    margin-top : 5px;
    background-color: #FF690B;
    z-index : 10;
}

.HeaderButtons A {
    padding : 0px 5px 2px 5px;
    text-decoration : none;
    font-weight: normal;
}
.HeaderButtons A:link {
    color : #FFFFFF;
}
.HeaderButtons A:visited {
    color : #FFFFFF;
}
.HeaderButtons A:hover {
    text-decoration : underline;
}
.HeaderLogoff {
	width: 760px;
	font-size: 12px;
	color: #FFFFFF;
	padding : 0;
	background-color : #000000;
	text-align : right;
	font-weight : bold;
	margin-right : 10px;
	border-width : 0 10px 0 0;
	border-style : solid;
	border-color : #000000;
}
.HeaderLogoff a {
    color : #FFFFFF;
    text-decoration : none;
}

/* SEARCH CONTAINER */
.SearchContainer {
	background-color: #FF690B;
	width: 770px;
	padding-top: 10px;
}
.SearchLinkOn {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.SearchLinkOff {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
}

/* SEARCH BAR CONTAINER */
#SearchBarContainer {
	background-color: #F5F5F5;
	height: 20px;
	padding: 10px 20px 10px 10px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	font-size: 12px;
}
#SearchBarContainer .Field {
	font-size: 12px;
	font-weight: bold;
}
#SearchBarContainer .SearchActions {
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}
.SearchBox {
	background-color: #FF690B;
}
.SearchBoxHidden {
	display: none;
}
#SearchBarContainer A {
    font-weight : normal;
    font-size: 12px;
    text-decoration : none;
    color: #666666;
}
#SearchBarContainer A:hover {
    text-decoration : underline;
    color: #666666;
}

/* CATEGORY CONTAINER */
/* Defines the horizontal container for the application menu */
#ActionContainer {
	text-align: left;
	padding: 10px;
}
/* Defines the link style for a category link */
#ActionContainer a {
	padding: 0px 0px 0px 0px;
	text-decoration: underline;
	color: #6699CC;
}

/* FEATURE CONTAINER */
/* Defines the horizontal container for the feature bar */
#FeatureContainer {
	width: 770px;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	font-size: 11px;
	text-align: left;
	padding: 15px;
}
/* Workaround: bypass IE6, to pull feature container left 2px on NS, SF */
html>body #FeatureContainer { width: 768px; }

/* APPLICATION DEFINITIONS */
/* Defines the horizontal container for the application menu */
#AppContainer {
	position: relative;
	height: 35px;
	border-bottom: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 20px;
}
/* Defines an absolutely positioned box for the menu items */
#AppMenu {
	left: 0px;
	bottom: -2px;
	position: absolute;
	height: 21px;
	margin-right: 20px;
	margin-left: 20px;
}
/* Workaround: bypass IE6, to pull menu items up 2px on NS, SF */
html>body #AppMenu { bottom: 0px }
/* Defines the link style for an application menu item link */
#AppMenu A {
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left:5px;
	font-weight: bold;
	text-decoration: none;
	color: #666666;
}
/* Adds the underline on hover to the application menu item link */
#AppMenu A:hover {
	text-decoration: underline
}
/* Makes the selected application menu item link emphasized */
#AppMenu .MenuItemActive a {
	color: #000000;
}
/* Defines the application menu item square tab */
#AppMenu .MenuItem {
	float: left;
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 0px 5px;
	height: 16px;
	background-color: #eaf2ff;
	border: 1px solid #CCCCCC;
}
/* Defines the active application menu item square tab, with matching body background and bottom border */
#AppMenu .MenuItemActive {
	float: left;
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 0px 5px;
	height: 16px;
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	border-bottom-color: #EEEEEE;
}

/* CATEGORY CONTAINER */
/* Defines the box container for the category browse block */
#CatContainer {
	width: auto;
	border: none;
	font-size: 11px;
	text-align: left;
	padding: 10;
}
/* Defines the link style for a category link */
#CatContainer a {
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	text-decoration: none;
	color: #6699CC;
}
/* Defines the standard style for category text */
#CatContainer p {
	color: #666666;
	font-size: 11px;
}

/* ADVERT CONTAINER */
/* Defines the container for advert blocks */
.AdvertContainer {
	border-left: 1px solid #999999;
	background-color: #F5F5F5;
}
/* Defines an advert block */
.Advert {
	font-size: 12px;
	font-weight: lighter;
	color: #000000;
	padding: 5px;
	margin-top: 10px;
	border-bottom: 1px dotted #cccccc;
	margin-bottom: 10px;
}

/* FOOTER CONTAINER */
/* Defines the horizontal container for the footer */
.FooterContainer {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-family: Tahoma, Helvetica, sans-serif;
	color: #666666;
	text-align: center;
}
/* Covers the footer link set */
.FooterContainer .legal {
	font-size: 10px;
	color: #666666;
	padding-right: 3px;
	padding-left: 3px;
}
.FooterContainer .MenuItem {
	font-size: 12px;
	color: #666666;
	padding-right: 3px;
	padding-left: 3px;
}


/* CONTENT CONTAINER DEFINITIONS */
/* Generic definition for content box */
.Content {
	padding: 0px;
	margin: 0px;
}

/* Defines the base colour and size for content in the action container */
.ActionContainer .Content {
	padding: 15px;
	margin: 0px;
	color: #666666;
	font-size: 12px;
}

/* Defines the base box for content in the component container */
#ComponentContainer .Content {
	padding: 10px;
	margin: 0px;
	border-top: 1px dotted #999999;
	color: #666666;
	font-size: 12px;
}

/* CONTENT PARAGRAPH DEFINITIONS */
/* Defines compressed display for container paragraphs */
.Content p {
	padding: 0px;
	margin: 10px 0px 5px 0px;
	color: #666666;
}

FONT.error {
    color : #FF3300;
    font-size : 12px;
    font-weight : bold;
}

FORM TD {
    font-size : 12px;
}


/* NAVIGATION DEFINITIONS */
#NavBlock {
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	padding: 8px 10px 8px 0px;
	clear: both;
	background: #F5F5F5;
	text-align: right;
	font-family:  verdana, sans-serif;
	font-size: 14px;
	color: #666666;
	font-weight: bold;
}

#NavContainer {
	position: relative;
	width: 100%;
	height: 3em;
    margin-top: 20px;
}

#NavContainer ul#primary {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -2px;
	left: 0px;
}
/* Workaround: bypass IE6, to pull menu items up 2px on NS, SF */
html>body #NavContainer ul#primary { bottom: -1px }

#NavContainer ul#primary li  {
	display: inline;
	list-style: none;
}

#NavContainer ul#primary a,#NavContainer ul#primary span,#NavContainer ul#primary a.current {
	display: block;
	float: left;
	padding: 4px 10px;
	margin: 1px 3px 0 0;
	text-align: center;
	font-family: tahoma, verdana, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #333;
}

#NavContainer ul#primary span,#NavContainer ul#primary a.current,#NavContainer ul#primary a.current:hover {
	border: 1px solid #999999;
	border-bottom: none;
	background: #F5F5F5;
	padding-bottom: 6px;
	margin-top: 0;
}

#NavContainer ul#primary a {
	background: #eaf2ff;
	border: 1px solid #AAA;
	border-bottom: none;
}

#NavContainer ul#primary a:hover {
	margin-top: 0;
	border-color: #999999;
	background: #EEEEEE;
	padding-bottom: 5px;
}

#NavContainer ul#secondary {
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: -24px;
	left: 1px;
	width: 750px;
}

#NavContainer ul#secondary li a,#NavContainer ul#secondary li span {
	width: auto;
	display: block;
	float: left;
	padding: 0 10px;
	margin: 0;
	text-align: auto;
	border: none;
	border-right: 1px dotted #AAA;
	background: none;
}

#NavContainer ul#secondary li a {
	color: #6699CC;
	text-decoration: none;
}

#NavContainer ul#secondary li a:hover {
	background: transparent;
	padding: 0 10px;
	border: none;
	border-right: 1px dotted #AAA;
	text-decoration: underline;
}

#NavContainer ul#secondary li a:active {
	color: #000;
	background: transparent;
}

#NavContainer ul#secondary li:last-child a { border: none; }

#NavContainer ul#secondary .selected a{
    color: #333333;
    font-weight: bold;
}