﻿/********************
 * Body and Layout
 ********************/

body
{
	background-color: #DDE3EF;
	background-image: url(/Images/MainBg.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

#MainWrapper
{
	background-image: url(/Images/BodyBg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#Main
{
	width:958px;
	margin:0px auto;
	padding:0px;
}

/********************
 * Top Nav
 ********************/

#Nav
{
	position: absolute;
	top: 116px;
	left: 131px;
	width: 827px;
	height: 62px;
	
}

#Nav ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#Nav ul li
{
	float: left;
	margin: 0px;
	padding: 0px;
}

#Nav ul li a
{
	float: left;
	height: 62px;
	background-repeat: no-repeat;
}

#Nav ul li a:Hover,
#Nav ul li a.Selected
{
	background-position: 0px -62px;
}

#Nav ul li.NavHome a
{
	width:125px;
	background-image: url(/Images/NavHome.gif);
}

#Nav ul li.NavAbout a
{
	width:224px;
	background-image: url(/Images/NavYouCanDoIt.gif);
}

#Nav ul li.NavCatalogue a
{
	width:172px;
	background-image: url(/Images/NavHowToOrder.gif);
}

#Nav ul li.NavWorkshops a
{
	width:153px;
	background-image: url(/Images/NavWorkshops.gif);
}

#Nav ul li.NavContactUs a
{
	width:153px;
	background-image: url(/Images/NavContactUs.gif);
}

/********************
 * Breadcrumbs
 ********************/

#Breadcrumbs
{
	padding: 5px 0px;
	font-family: Verdana, Arial, Sans-Serif;
	color: #D7DEFB;
	font-size: 0.8em;
}

#Breadcrumbs .BreadcrumbsLeader
{
	font-weight: bold;
}

#Breadcrumbs a
{
	color: #D7DEFB;
	text-decoration: underline;
}


/********************
 * Footer
 ********************/

#Footer
{
	background-image: url(/Images/FooterBg.gif);
	background-position: center top;
	background-repeat: no-repeat;
	color: #DDE3EF;
	margin-top: 24px;
	font-size: 0.9em;
}

#FooterInner
{
	width:958px;
	margin:0px auto;
	padding: 25px 0px 50px;
}

#FooterNav
{
	float: right;
}

#FooterNav a
{
	color: #DDE3EF;
	text-decoration: none;
}

#FooterNav a:Hover
{
	text-decoration: underline;
}

/********************
 * SubNav
 ********************/

.SubNav
{
	float: left;
	width: 206px;
	margin-top: 25px;
	background-image: url(/Images/SubNavBottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 15px;
}

.SubNavInner
{
	background-image: url(/Images/SubNavTop.gif);
	background-repeat: no-repeat;	
	padding-top: 15px;
}

.SubNav ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background-color: #FFFFFF;
}

.SubNav ul li
{
	padding: 10px 18px;
	background-image: url(/Images/SubNavDivider.gif);
	background-repeat: no-repeat;
}

.SubNav ul li.First
{
	background-image: none;
	padding-top: 2px;
}

.SubNav ul li.First a
{
	font-family: Georgia, Times New Roman, Serif;
	color: #B94203;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.3em;
}

.SubNav ul li a
{
	font-family: Georgia, Times New Roman, Serif;
	color: #080056;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.3em;
}

.SubNav ul li.Selected a
{
	color: #C42000;
}

/********************
 * Home
 ********************/

#HomeWrapper
{
	background-image: url(/Images/HomeBg.gif);
	background-repeat: repeat-y;
	margin-top: 25px;
}

#HomeInner1
{
	background-image: url(/Images/HomeBgTop.gif);
	background-repeat: no-repeat;
}

#HomeInner2
{
	background-image: url(/Images/HomeBgBottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#HomeContent
{
	float: left;
	width: 704px;
}

#HomeContent h1
{
	margin: 10px auto 30px;
	width: 622px;
}

.HomeImageWrapper
{
	margin: 0px auto;
	padding: 15px 0px;
}

h2.HomeHeaderImage
{
	margin: 0px;
}

#HomeRightHand
{
	float: right;
	width: 206px;
}

/********************
 * Featured Items
 ********************/

.FeaturedItemsTop
{
	background-image: url(/Images/FeaturedItemsTop.gif);
	background-repeat: no-repeat;
	height: 59px;
}

.FeaturedItemsInner
{
	background-color: #FFFFFF;
	padding: 0px 26px;
}

.FeaturedItemsBottom
{
	background-image: url(/Images/FeaturedItemsBottom.gif);
	background-repeat: no-repeat;
	height: 17px;
}

.FeaturedItem
{
	padding: 12px 0px;
	line-height: 1.4em;
}

.FeaturedItemText
{
	float: right;
	width: 481px;
}

.FeaturedItemTextWide
{
}

.FeaturedItemImage
{
	float: left;
	width: 140px;
}

.FeaturedItem h3
{
	margin: 0px;
	font-family: Georgia, Times New Roman, Serif;
	font-size: 1em;
	padding-bottom: 6px;
}

.FeaturedItem h3 a
{
	color: #2F2D83 !important;
	text-decoration: none !important;
}

.FeaturedItem h3 a .LinkChevron
{
	color: #B94203 !important;
	text-decoration: underline !important;
}

.FeaturedItem p
{
	margin: 6px 0px;
}

.RHItem p
{
	margin: 12px 0px 0px;
}

/********************
 * Right-Hand Items
 ********************/

.RHItem
{
	padding: 5px 0px 10px;
}

.RHItemTop
{
	background-image: url(/Images/RHItemTop.gif);
	background-repeat: no-repeat;
	height: 15px;
}

.RHItemInner
{
	background-color: #FFFFFF;
	padding: 0px 19px;
	line-height: 1.4em;
}

.RHItemBottom
{
	background-image: url(/Images/RHItemBottom.gif);
	background-repeat: no-repeat;
	height: 15px;
}

.RHItemImage
{
	padding-bottom: 10px;
}

.RHItem h3
{
	margin: 0px;
	font-family: Georgia, Times New Roman, Serif;
	font-size: 1em;
	padding-bottom: 6px;
}

.RHItem h3 a
{
	color: #2F2D83 !important;
	text-decoration: none !important;
}

.RHItem .RHItemSource
{
	font-size: 0.85em;
	line-height: normal;
}

.RHItem a .LinkChevron
{
	color: #B94203 !important;
	text-decoration: underline !important;
}

/********************
 * Content Layout
 ********************/

#Content
{
	width: 714px;
	float: right;
	margin-top: 25px;
	background-image: url(/Images/ContentBottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 17px;	
}

#ContentInner
{
	background-image: url(/Images/ContentTop.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	padding: 22px 29px 20px 24px;	
}

/********************
 * Text styles
 ********************/

h1.ImageHeader
{
	margin-top: 0px;
	background-repeat:no-repeat;
}

#PageContent
{
	padding-top: 8px;
	line-height: 1.4em;
}

#PageContent h2
{
	font-size: 1em;
}

#PageContent p
{
	margin: 6px 0px;
}

#PageContent ul
{
	margin: 5px 10px 5px 10px;
	padding: 5px 10px 5px 10px; 
}

#PageContent ul li
{
	padding: 5px 0px 5px 0px;
}

#PageContent .SectionImage
{
	background-image: url(/Images/ImageBottom.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 11px;
}

#PageContent .SectionImage
{
	background-color: #DDE3EF;
}

#PageContent a
{
	color: #831601;
	text-decoration: underline;
}

#PageContent a:Hover
{
	color: #C42000;
}

#PageContent a.BTT
{
	display: block;
	width: 45px;
	height: 15px;
	background-image: url(/Images/TopLink.gif);
	background-repeat:no-repeat;
	margin-top: 16px;
}

#PageContent .SectionLinks ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#PageContent .SectionLinks ul li
{
	background-repeat: no-repeat;
	padding: 6px 0px 6px 24px;
	margin: 0px;
	background-position: 0px 0.6em;
}

#PageContent .LinkDescription
{
	font-size: 0.85em;
}

/********************
 * Events
 ********************/

#EventSearchFormTop
{
	height: 45px;
	background-image: url(/Images/EventSearchFormTop.gif);
	background-repeat: no-repeat;
}

#EventSearchFormInner table
{
	background-image: url(/Images/EventSearchBg.gif);
	background-repeat: repeat-y;
	background-color: #3D4292;
	color: #FFFFFF;
}

#EventSearchFormBottom
{
	height: 13px;
	background-image: url(/Images/EventSearchFormBottom.gif);
	background-repeat: no-repeat;
}

#EventSearchForm tr td
{
	padding: 2px 13px;
}

.DatePickerButton
{
	width: 31px !important;
	height: 20px !important;
}

#EventSearchForm input
{
}

/********************
 * Listings (events / products)
 ********************/

.ItemWrapper
{
	padding-top: 8px;
}

.Item
{
	background-color: #DDE3EF;
	height: 1%;
}

.ItemTop
{
	background-image: url(/Images/ItemTop.gif);
	background-repeat: no-repeat;
	height: 11px;	
	overflow: hidden;
}

.ItemBottom
{
	background-image: url(/Images/ItemBottom.gif);
	background-repeat: no-repeat;
	height: 11px;	
	overflow: hidden;
}

.ItemInner
{
	padding: 2px 13px 0px;
}

.ItemInner h3
{
	margin: 0px;
	padding: 0px 0px 10px;
	background-image: url(/Images/ItemHR.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	font-size: 1em;
	font-family: Georgia, Times New Roman, Serif;
}

.ItemInner h3 a
{
	color: #3D4292 !important;
	text-decoration: none !important;
}

.ItemInner h3 a .LinkText:hover
{
	color: #B94203;
}

.ItemInner h3 a span.LinkChevron
{
	color: #B94203 !important;
	text-decoration: underline !important;
}

.ItemInner table
{
	width: 100%;
	margin-top: 8px;
}

.ItemInner th,
.ItemInner td
{
	text-align: left;
	padding: 2px;
	vertical-align: top;
}

.BackToListButton
{
	float: right;
	padding: 15px 0px 5px;
}

.ItemDescription h3
{
	margin: 10px 0px 0px;
	padding: 10px 0px 0px;
	background-image: url(/Images/ItemHR.gif);
	background-position: top;
	background-repeat: no-repeat;
	font-size: 1em;
	font-family: Arial, Helvetica, Sans-Serif;
}

/********************
 * Two-column Listings
 ********************/

.HalfItems
{
	width: 100%;
}

.HalfItems tr
{
	vertical-align: top;
}

.HalfItems td
{
	width: 50%;
	padding-top: 8px;
}

.HalfItems td.LeftCell
{
	padding-right: 7px;
}

.HalfItem
{
	background-color: #DDE3EF;
	width: 327px;
}

.HalfItemTop
{
	background-image: url(/Images/HalfItemTop.gif);
	background-repeat: no-repeat;
	height: 11px;	
	overflow: hidden;
}

.HalfItemBottom
{
	background-image: url(/Images/HalfItemBottom.gif);
	background-repeat: no-repeat;
	height: 11px;	
	overflow: hidden;
}

.HalfItemInner
{
	padding: 2px 13px 0px;
}

.HalfItemInner h3
{
	margin: 0px;
	padding: 0px 0px 10px;
	background-image: url(/Images/HalfItemHR.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	font-size: 1em;
	font-family: Georgia, Times New Roman, Serif;
}

.HalfItemInner h3 a
{
	color: #3D4292 !important;
	text-decoration: none !important;
}

.HalfItemInner h3 a .LinkText:hover
{
	color: #B94203;
}

.HalfItemInner h3 a span.LinkChevron
{
	color: #B94203 !important;
	text-decoration: underline !important;
}

/********************
 * Products
 ********************/

.ProductDetail
{
	float: right;
	width: 515px;
}

.ProductDetail h3
{
	background-image: url(/Images/ProductHR.gif);
}

.ProductThumbnail
{
	float: left;
}

.ProductDescription
{
	padding-top: 8px;
}

/********************
 * Orders
 ********************/

.OrderTable
{
	margin: 0px !important;
}

.OrderTable td,
.OrderTable th
{
	border-bottom: solid 1px #FFFFFF;
	padding: 5px 0px;
	vertical-align: top;
}

.OrderTable thead td.CategoryName
{
	font-size: 1em;
	font-family: Georgia, Times New Roman, Serif;
	font-weight: bold;
	width: 70%;
}

.OrderTable thead td.ColumnHeading
{
	color: #9EA0C8;
	font-size: 0.85em;
	width: 10%;
	text-align: right;
}

.OrderTable tbody th
{
	width: 70%;
}

.OrderTable tbody th.SubProduct
{
	font-weight: normal;
	padding-left: 18px;
}

.OrderTable tbody td
{
	text-align: right;
	width: 10%;
	padding-left: 5px;
}

.OrderTable tbody td input
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	color: #2F2D83;
	border-top: solid 1px #C9C9C9;
	border-right: solid 1px #E5E5E5;
	border-bottom: solid 1px #E5E5E5;
	border-left: solid 1px #C9C9C9;
	padding: 1px;
	width: 42px;
	text-align:center;
	font-weight: bold;
}

span.ValidationMessage, div.ValidationMessage
{
	display: block;
	padding: 5px 0px 4px 22px;
	background-image: url(/Images/InvalidIcon.gif);
	background-repeat: no-repeat;
	background-position: 6px 9px;
	font-weight: normal;
	border-left: solid 4px #DCA587;
	background-color: #F9EBE4;
	margin: 6px 0px 2px;
	color: #B94203;
}

.MandatoryIconHint
{
	float: right;
	padding: 0px 12px 0px 18px;
	background-image: url(/Images/IconMandatoryPurple.gif);
	background-repeat: no-repeat;
	background-position: 2px 4px;
	color: #FFFFFF;
	font-size: 0.9em;
}

/********************
 * Purple Headers
 ********************/

.PurpleHeaderTop
{
	background-image: url(/Images/PurpleHeaderTop.gif);
	background-repeat: no-repeat;
	height: 12px;
	overflow: hidden;
}

.PurpleHeaderInner
{
	background-color: #2F2D83;
	height: 1%;
}

.PurpleHeaderInner h2
{
	color: #FFEC00;
	font-family: Georgia, Times New Roman, Serif;
	font-size: 1em;
	margin: 0px;
	padding: 0px 16px;
}

.PurpleHeaderLink
{
	float: right;
	padding-right: 12px;
}

.PurpleHeaderLink a
{
	text-decoration: underline;
	font-family: Georgia, Times New Roman, Serif !important;
	color: #FFEC00 !important;	
	font-weight: bold;
	font-size: 0.85em;
}

.PurpleHeaderBottom
{
	background-image: url(/Images/PurpleHeaderBottom.gif);
	background-repeat: no-repeat;
	height: 11px;
	overflow: hidden;
}

/********************
 * FormBuilder
 ********************/

.Mandatory
{
	background-image:url(../Images/MandatoryIcon.gif);
	background-repeat:no-repeat;
	display:block;
	height:16px;
	width:16px;
	float:right;
	margin-right:-4px;
}

.FormBuilderTextSmall,
.FormBuilderTextMedium,
.FormBuilderTextLarge,
.FormBuilder textarea
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	color: #2F2D83;
	border-top: solid 1px #C9C9C9;
	border-right: solid 1px #E5E5E5;
	border-bottom: solid 1px #E5E5E5;
	border-left: solid 1px #C9C9C9;
	padding: 1px;
}

.FormBuilder select
{	
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	color: #2F2D83;
	border-top: solid 1px #C9C9C9;
	border-right: solid 1px #E5E5E5;
	border-bottom: solid 1px #E5E5E5;
	border-left: solid 1px #C9C9C9;
}

.FormBuilderMandatory
{
	float:right;
	background-image:url(/Images/MandatoryIcon.gif);
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	overflow:hidden;
	margin-top:2px;
}

.FormBuilderMandatory span
{
	position:relative;
	left:-10000px;
}

/********************
 * Catalogue / Orders
 ********************/

.CategoryShortDescription
{
	padding-top: 8px;
}

.OrderPrompt
{
	width: 380px;
	margin: 0px auto;
}

.OrderPrompt img
{
	float: left;
}

.OrderPrompt .OrderPromptText
{
	float: right;
	width: 190px;
}