﻿body, html {
	border-style: none;
	font-family: Verdana, Arial, Segoe, "Segoe UI", Tahoma, Helvetica, sans-serif;
	font-size: 79%;
	margin: 0;
	padding: 0
}
body {
	 margin-top: 10px;
	 background: transparent url(/Images/bg-page.gif) repeat-x scroll center top
}
img {
	border: 0
}
hr
{
    color : #C8C9C3;
    background-color: #C8C9C3;
    height: 1px;
}
img#PromoHome {
	width: 506px;
	height: 278px
}
div#MasterContainer {	
	background: transparent url(/Images/bg-container.gif) no-repeat
}
div#Header {
	margin: 0 0 30px 0
}
div#Header img#HeaderTitle {
	width: 420px;
	height: 32px;
	margin-top: 20px;
	margin-left: 15px
}
div#Header a {
	margin-left: 179px
}
div#Header div#Navigation {
	background: transparent url(/Images/decor.gif) no-repeat scroll left bottom;
	margin: 10px 0 20px 0;
	padding-top: 7em
}
div#Header div#Navigation div {
	margin: 0 0 0 20px;
	border-color: #C8C9C3;
	border-style: solid;
	border-width: 0 0 1px 0
}
div#Header div#Navigation span {
	font-family: "Trebuchet MS" , Tahoma, Helvetica, Arial, Sans-Serif;
	margin: 0 0 3px 0;
	padding: 0 15px 0 5px;
	text-transform: uppercase
}
div#Header div#Navigation span.last {
	background: none;
	padding-right: 0
}
div#Header div#Navigation a, div#Header div#Navigation a:visited {
	color: #6D6F64;
	text-decoration: none;
	margin: 0
}
div#Header div#Navigation a:hover, div#Header div#Navigation a:active {
	color: #949A17 !important
}
div#Main, div#Footer {
	margin: 0 auto;
	width: 785px;
	display: none
}
div#SideBar, div#Content {
	margin-top: 15px
}
div#SideBar {
	position: relative;
	clear: both;
	width: 195px;
	float: left;
	margin-bottom: 20px
}
div#SideBar a:hover {
	color: #949A17 !important
}
div#SitePath {
	border-width: 0 0 1px 0;
	padding-bottom: 4px
}
div#Content, div#Footer, div#SitePath {
	border-color: #C8C9C3;
	border-style: solid
}
div#Content {
	border-width: 0 0 0 1px;
	width: 570px;
	float: right;
	margin-bottom: 22px;
	padding-left: 15px
}
div#Content h2, div#Content h3, div#Content h4 {
	font-family: "Trebuchet MS", "Tahoma", "Helvetica", "Arial", "Sans-Serif";
	color: #949A17
}
div#Content h2 {
	margin: 5px 0 10px 15px;
	font-size: 1.4em;
	text-transform: uppercase
}
div#Content h2 strong {
	color: #3F402F
}
div#Content h3 {
	margin: 20px 0 0 15px;
	font-size: 1.3em;
	text-transform: uppercase
}
div#Content h4 {
	margin: 15px 0 0 15px;
	font-size: 1.3em;
}
div#Content p {
	margin: 5px 5px 10px 15px;
	font-size: 1.2em;
	color: #3F402F;
	line-height: 1.8em
}
div#Content a {
	color: #949A17
}
div#Content a:hover {
	text-decoration: none
}
div#Content ul {
	margin: 15px 0 15px 15px;
	padding: 0;
	list-style: none
}
div#Content ul li {
	margin: 10px 20px 10px 20px;
	padding: 0 0 0 15px;
	font-size: 1.2em;
	background: url('/Images/bullet.gif') no-repeat top left;
	color: #3F402F
}
div#Content ul li a {
	color: #949A17
}
div#Footer {
	clear: both;
	border-width: 1px 0 0
}
div#Footer div#FooterText {
	padding-top: 10px;
	height: 30px
}
div#Footer div#FooterText div {
	color: #C8C9C3;
	font-size: 1.1em;
	float: left
}
div#Footer div#FooterText div a {
	color: #999999;
	text-decoration: none
}
div#Footer div#FooterText div#Copyright {
	float: right
}
div#SitePath .sitePath {
	font-size: 1.1em;
	color: #C6C8C2
}
div#SitePath a {
	color: #6D6F64;
	text-decoration: none
}
div#SitePath .sitePathSeperator {
	font-weight: bold;
	margin: 0 8px 0 8px
}
/*	SideMenu Css - This Css is only used when the treeview is being generated by asp.net.
	When the treeview is being generated by Css Friendly Adapters then the CssFriendlyTreeView.css file is used.  */
.Node {
	margin: 5px
}
.Node a {
	width: 165px;
	text-decoration: none;
	font-family: "Trebuchet MS", "Tahoma", "Helvetica", "Arial", "Sans-Serif";
	font-size: 10px;
	font-weight: normal;
	padding: 3px;
	text-transform: uppercase;
	display: block;
	border: solid 1px #C8C9C3 !important
}
.Node a:visited, .Node a:active, .Node a:link {
	color: #6E7063
}
.LeafNode {
	margin-top: 2px;
	margin-bottom: 2px;
	background: url(/Images/bg-nav-extras.gif) 0 7px no-repeat
}
.LeafNode a {
	margin-left: 10px;
	background: white;
	text-transform: none;
	border: 0 !important
}
.SelectedNode, .HoverNode {
	color: #949A17 !important
}
/* End of asp.net generated TreeView */
.AboutUs_InformationPanel {
	display: none;
	width: 400px;
	height: 100px;
	background: white;
	border: solid 2px #949A17;
	cursor: pointer
}
.Licence_InformationPanel {
	display: none;
	width: 400px;
	height: 250px;
	background: white;
	border: solid 2px #949A17;
	cursor: pointer
}
/* Licensing Layout */
div#LicenceContainer {
	margin-top: 10px
}
div#LicenceContainer div.Licence-Row {
	clear: left;
	border-top: 0
}
div#LicenceContainer div.Licence-Row div.Licence-Column1 {
	font-size: 1.1em;
	width: 80%;
	display: block;
	float: left
}
div#LicenceContainer div.Licence-Row div.Licence-Column2 {
	font-size: 1.1em;
	font-weight: bold
}
div#LicenceContainer div.LicenceType span {
	font-size: 1.1em;
	padding-top: 20px;
	font-weight: bold;
	display: block
}
div#LicenceContainer ul li {
	margin: 0 0 4px 0;
	font-size: 1.1em
}
div#LicenceFeatures {
	clear: both
}
/* Form Elements */
div#OrderForm {
	font-size: 1.1em
}
div#OrderForm div#SubmitArea {
	border-top: solid 1px #C8C9C3;
	padding-top: 10px;
	margin-top: 10px
}
div#OrderForm div#Address {
	border-bottom: solid 1px #C8C9C3;
	padding-bottom: 10px;
	margin-bottom: 10px
}
div#OrderForm div#DeliveryAddress {
	border-bottom: solid 1px #C8C9C3;
	padding-bottom: 10px;
	margin-bottom: 10px
}
div#OrderForm div.FullRow, div#OrderForm .AddressPanel {
	clear: both
}
fieldset {
	border: 0
}
div#OrderForm .Label {
	display: block;
	margin: 2px 0 2px 0
}
div#OrderForm .EstablishmentTextBox, div#OrderForm .NameTextBox, div#OrderForm .EmailAddressTextBox, div#OrderForm .PostcodeTextBox, div#OrderForm .TelephoneTextBox {
	width: 300px;
	margin: 0 10px 5px 0
}
div#OrderForm .EmailAddressTextBox {
	width: 324px
}
div#OrderForm .PostcodeTextBox, div#OrderForm .TelephoneTextBox {
	width: 150px
}
div#OrderForm .PositionTextBox {
	width: 230px
}
div#OrderForm .AddressTextBox {
	margin: 2px 10px 2px 0;
	width: 530px
}
div#OrderForm .ConfirmButton {
	width: 200px;
	display: block;
	margin: 0 auto
}
div#OrderForm div#SubscriptionHeader {
	border: solid 0px black;
	height: 1.5em;
	margin-bottom: 5px
}
span.Subscription-Header {
	padding: 2px;
	text-decoration: underline
}
div#OrderForm div.LeftColumn, div#OrderForm div.RightColumn, div#OrderForm div.Subscription-Column1, div#OrderForm div.Subscription-Column2, div#OrderForm div.Subscription-Column3, div#OrderForm div.Subscription-Column4 {
	float: left
}
div#OrderForm p {
	font-size: 1.0em;
	margin: 5px
}
div#OrderForm div.Subscription-Column1 {
	width: 59%
}
div#OrderForm div.Subscription-Column2 {
	width: 60px
}
div#OrderForm div.Subscription-Column3 {
	width: 90px
}
.QuantityBox {
	width: 40px
}
.SubTotalBox {
	width: 60px;
	background-color: White;
	font-size: 1.1em;
	border: 0;
	cursor: default
}
.AdditionalInfo {
	white-space: normal;
	width: 550px;
	height: 100px
}
/* Validators */
span#ValidationWarning, .RequiredFieldValidator {
	color: Red;
	font-weight: bold;
	font-size: 1.2em;
	margin-left: -5px
}
div#ValidationWarning, div#ErrorMessage {
	font-weight: bold;
	text-align: center;
	width: 100%;
	color: Red;
	margin-top: 10px;
	margin-bottom: 10px;
	display: none
}
div#OrderConfirmation {
	font-weight: bold;
	margin: 0 auto;
	display: none
}
div#SiteMapOverview a {
	font-size: 12px;
	color: Black !important
}
div#SiteMapOverview ul, div#SiteMapOverview ul li {
	background: 0;
	margin: 5px
}