/* 
	Main stylesheet for CMS 

	Main colours:
	black text = 231f20
	blue = 4a63ae 
	purple = 989fd0
	light purple = eeeff8
	light grey text = 828387
	dark grey text = 4b4c50
	grey = cdcccc
*/


/* General Elements 
 *******************/

a, a:visited { 
	color: #828387; 
	text-decoration: none;
}

a:hover { 
	color: #4b4c50; 
	text-decoration: underline;
}

a img { border: none; }

abbr { border: none; }

body {
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	margin: 0px;
	padding: 0px;
}

fieldset { border: none; }

h1, h2, h3, h4, h5, h6, p { margin: 0 0 1em 0; }
h1 { font-size: 130%; }
h2 { font-size: 120%; }
h3 { font-size: 110%; }
h4 { font-size: 100%; }
h5 { font-size: 90%; }
h6 { font-size: 80%; }

input,textarea { 
	display: block; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

ul.navigation {
	list-style: none;
	margin: 0px;
	padding: 0px;
}


/* Hidden Elements 
 ******************/
.accessibility,
#searchArea .label,
#siteBrandingLogo img { display: none; }


/* layout/sections 
 ******************/
td.main_image { max-height: 241px; }
td img { display: block; }

.layout td { vertical-align: top; }
.layout td.centre { background-color: #cdcccc; }

.template { 
	margin-bottom: 10px;
	overflow: hidden; 
}

.template .column_1 {
	float: left;
	position: relative;
	width: 800px;
}

.template .column_1 table { width: 100%; }
.template .column_1 #mainArticle { margin: 15px 15px 15px 23px; }

.template .column_2 {
	float: right;
	position: relative;
	width: 250px;
}

.template .column_one { width: 265px; }

#page { 
	padding-bottom: 50px;
	position: relative; 
	margin: 0 auto;
	width: 1070px;
}

#pageFooter { 
border-top: #cdcccc solid 1px;
padding-top: 12px;
}
#pageHeader { position: relative; }

#footerLinks {
float: left;
margin: 0;
padding: 0;
}

#footerLinks li {
color: #828387;
display: block;
float: left;
list-style: none;
margin-right: 12px;
}

#credits {
color: #828387;
float: right;
}

/* siteBranding
 ***************/
#siteBranding {	background-color: #4a63ae; }

#siteBrandingLogo a {
	background: transparent top left no-repeat url(/images/logo.gif);
	display: block;
	height: 99px;
	width: 204px;
}


/* latestNews
 *************/
#latestNews { padding-top: 22px; }

#latestNews h2 { 
	color: #828387; 
	font-size: 100%;
}

#latestNews img { 
	display: block; 
	padding-top: 2px;
}

#latestNews li { 
	color: #828387; 
	margin-bottom: 12px;
}

#latestNews li a { 
	background: transparent 100% 65% no-repeat url(/images/latest_news_more.gif); 
	padding-right: 11px;
}

#latestNews p { 
	border-top: #cdcccc solid 1px; 
	padding-top: 12px;
}

#latestNews p a { color: #ee0000; }

#latestNews strong { color: #4b4c50; }
#latestNews ul { margin-right: 38px; }

/* searchArea 
 *************/
#searchArea {
	background: transparent top left no-repeat url(/images/search_background.gif);
	height: 19px;
	position: absolute;
	right: 60px;
	top: 110px;
	width: 152px;
	z-index: 2;
}


#searchArea form,
#searchArea fieldset { 
	border: none; 
	margin: 0px;
	padding: 0px;
}

#searchArea .image { 
	position: absolute;
	right: 7px;
	top: 4px;
}

#searchArea .text {
	background-color: transparent;
	border: none;
	color: #828387;
	display: block;
	font-size: 12px;
	height: 19px;
	padding: 1px 20px 0 5px;
	top: 0px;
}

/* siteNavigation 
 *****************/
#siteNavigation { 
	background-color: #989fd0;
	height: 3em;
	margin-bottom: 3em;
	position: relative; 
	z-index: 1;
}

#siteNavigation a,
#siteNavigation a:hover {
	border-bottom: #ffffff solid 0px;
	color: #ffffff;
	padding-bottom: 2px;
	text-decoration: none; 
}

#siteNavigation li { 
	float: left; 
	margin: 12px 0 12px 22px;
}

#siteNavigation ul {
	overflow: hidden;
	padding-right: 240px;
}

#siteNavigation ul ul {	
	background-color: #eeeff8; 
	height: 3em;
	left: 0px;
	margin-top: 3em;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 1070px;
}

#siteNavigation ul ul a,
#siteNavigation ul ul a:hover,
#siteNavigation ul ul span {	
	color: #828387;
}

#siteNavigation ul ul a,
#siteNavigation ul ul a:hover { 
	border-bottom-color: #828387; 
}

#siteNavigation .selected a, 
#siteNavigation .selected a:hover,
#siteNavigation .unselected a:hover { 
	border-bottom-width: 1px;
}

#siteNavigation .unselected a { border-bottom-width: 0px; }
#siteNavigation .unselected li { display: none; }
#siteNavigation .selected li { display: block; }
#siteNavigation .selected ul { z-index: 1; }
#siteNavigation .unselected ul { z-index: 0; }


/* Quote 
 ********/
td.quote { 
	background-color: #989fd0;
	order-color: #ffffff;
	order-style: solid;
	order-width: 0px 15px 15px 20px; 
	color: #ffffff;
	padding: 12px;
}

.quote blockquote {
	margin: 0px;
	padding: 0px;
}

.quote cite { 
	color: #231f20;
	display: block;
	font-size: 75%; 
	font-style: normal;
	padding-top: 15px;
}

.quote p { font-size: 120%; }


/* Box Links
 ************/
#boxLinks {	margin: 8px; }

#boxLinks a {
	color: #231f20;
	display: block;
	font-weight: bold;
	padding: 10px 12px 0px 12px;
}

#boxLinks a:hover { text-decoration: none; }

#boxLinks li {
	background: transparent top left no-repeat url(/images/box_link.gif);
	color: #4b4c50;
	height: 70px;
	left: 5px;
	position: relative;
	top: 0px;
	width: 245px;
}

#boxLinks li.active { 
	background-image: url(/images/box_link_active.gif); 
	cursor: pointer;
}

#boxLinks span { 
	display: block;
	padding: 0 12px 0 12px; 
}

#boxLinks * { font-size: 12px; }
	

/* ------ PAGE SPECIFIC STYLES ------------------------------------------------------------------- */


/* Home
 *******/
#homeTemplate td.centre { 
	background-color: #eeeff8; 
	position: relative;
}

#homeTemplate .mainImage { padding-bottom: 7px; }

#homeTemplate .product_teaser {	
	margin-bottom: 7px;
	overflow: hidden;
	position: relative; 
	width: 258px;
}

#homeTemplate .prod_teaser_title {
	background-color: #4a63ae;
	color: #ffffff;
	display: block;
	font-size: 120%;
	height: 1.5em;
	line-height: 1.5em;
	padding-left: 10px;
	position: relative;
	z-index: 1;
}

#homeTemplate #teaserSpecialLink,
#homeTemplate #teaserSpecialSeparator {
	background-color: #4a63ae;
	color: #ffffff;
	display: block;
	font-size: 120%;
	height: 1.5em;
	line-height: 1.5em;
	padding-left: 10px;
	position: relative;
	z-index: 1;
}

#homeTemplate .row2 .product_teaser { margin-bottom: -3.1em; }

#homeTeampate .teaser { height: 140px; }
#homeTemplate .teaser_left { padding-left: 7px; }
#homeTemplate .teaser_right { padding-right: 1px; }

#homeTemplate #teaserSpecialLink {
	background-color: transparent;
	left: 8.7em;
	overflow: hidden;
	position: relative;
	top: -10.05em; /* allocate for -3.1em margin of holder element */
	width: 2.5em;
}

#homeTemplate #teaserSpecialLink span {
	left: -5.4em;
	position: relative;
	white-space: nowrap;
}

#homeTemplate #teaserSpecialSeparator {
	display: inline;
	left: 8.4em;
	padding: 0px;
	position: relative;
	top: -8.55em;
	z-index: 2;
}

/* Content 
 **********/
#contentTemplate td.feature_text { padding: 15px; }
#contentTemplate td.feature_image { padding-bottom: 10px; }

/* Product
 **********/
#productTemplate #slideshow {
 	height: 241px; 
	position: relative;
	width: 267px;
}

#productTemplate td.feature_image { 
 	max-height: 241px; 
	width: 267px;
}

#productTemplate td.feature_image #slideshow img { 
	left: 0px;
	position: absolute;
	top: 0px;
}

#productTemplate td.feature_text {
	background-color: #989fd0;
	color: #ffffff;
	padding: 15px;
}

#productTemplate td.feature_text h2 { 
	color: #cdcccc; 
	font-weight: normal;
	margin-bottom: 0px;
}

#productTemplate .specification_detials { min-height: 300px; }
#productTemplate #specificationDetails { padding: 10px 10px 0px 10px; }

#productTemplate #specificationDetails h1,
#productTemplate #specificationDetails h2,
#productTemplate #specificationDetails h3,
#productTemplate #specificationDetails h4,
#productTemplate #specificationDetails h5,
#productTemplate #specificationDetails h6,
#productTemplate #specificationDetails p,
#productTemplate #specificationPairs td { 
	color: #4b4c50;
	font-size: 87%; 
	margin-bottom: 5px;
	padding-right: 10px;
}

#productTemplate #specificationImageArea { position: relative; }

#productTemplate #specificationPairs { 
	border-top: #4b4c50 solid 1px;
	margin: 0px 10px 10px 10px; 
	padding-top: 5px;
}

#productTemplate #specificationPdf {
	color: #ffffff;
	font-size: 110%;
	margin: 0px 20px 20px 0px;
	position: absolute;
	right: 0;
	top: -20px;
}

/* Support & Update
 *******************/
#supportMap { padding: 0.6em 0 1em 0; }

#supportTemplate form, 
#updateTemplate form { 
	min-height: 350px;
	padding: 0px 10px 10px 10px; 
}

#supportTemplate label span, #updateTemplate label span { 
	color: #4b4c50;
	font-weight: bold;
}

#supportTemplate textarea, 
#supportTemplate .text input,
#updateTemplate .text input {
	margin: 3px 0px 10px 0px;
	width: 100%;
}

#supportTemplate td.centre, #updateTemplate td.centre { 
	width: 540px; 
}

#supportTemplate td.centre h3, #updateTemplate td.centre h3 { 
	color: #4b4c50;
	padding: 15px 10px 0px 10px; 
}

#supportTemplate .feature_text h1, 
#supportTemplate .feature_text h2, 
#supportTemplate .feature_text h3, 
#supportTemplate .feature_text h4, 
#supportTemplate .feature_text h5, 
#supportTemplate .feature_text h6,
#updateTemplate .feature_text h1, 
#updateTemplate .feature_text h2, 
#updateTemplate .feature_text h3, 
#updateTemplate .feature_text h4, 
#updateTemplate .feature_text h5, 
#updateTemplate .feature_text h6 { 
	color: #231f20;
	font-size: 100%;
	margin-bottom: 0px;
}

#supportTemplate .form, #updateTemplate .form {	width: 266px; }
#supportTemplate .left, #updateTemplate .left { width: 206px; }

#supportTemplate .submit, #updateTemplate .submit {
	background-color: #989fd0;
	border: #989fd0 outset 1px;
	color: #ffffff;
	float: right;
	font-size: 90%;
	text-transform: uppercase;
}

#supportTemplate #centreContent1, 
#updateTemplate #centreContent1 {
	background-color: #989fd0; 
	overflow: hidden;
}
 
#supportTemplate #centreContent1 img, #updateTemplate #centreContent1 img { 
	float: right;
}

#supportTemplate #centreContent1 .text{ 
	color: #ffffff;
	float: left;
	margin: 15px 0px 1px 15px;
	width: 205px;
}

#updateTemplate #centreContent1 .text { 
	color: #ffffff;
	float: left;
	margin: 15px 0px 1px 15px;
	width: 405px;
}



#supportTemplate #centreContent2, 
#updateTemplate #centreContent2 {
	float: left;
	width: 48%;
}
#supportTemplate #centreContent3, 
#updateTemplate #centreContent3 { 
	float: right;
	margin-right: 13px;
	width: 48%;
}

#supportTemplate #contactDetails { 
	color: #4b4c50; 
	margin-bottom: 15px;
}

/* Search Results
 *****************/
#searchResultList li { margin-bottom: 15px; }

#searchResultList a { 
	background: 100% 60% no-repeat url(/images/latest_news_more.gif);
	padding-right: 10px;
}

#searchResultList strong { 
	clear: both;
	display: block; 
}

#searchResultList .summary { display: block; }
#searchResultsTemplate td.left { width: 100px; }

#searchResultsTemplate td.centre { 
	background-color: transparent; 
	padding: 20px 150px 15px 15px;
}

#searchResultsTemplate td.centre h2 { margin-bottom: 40px; }


/* News page */
#newsArticleList img { margin-bottom: 20px; }

#newsArticleList .article { 
	border-bottom: #cdcccc dashed 1px;
	margin-bottom: 20px; 
	padding-bottom: 10px;
}

#newsArticleList .date { 
	font-size: 70%;
	margin: 0px; 
}

#newsArticleList .display_title {
	font-size: 100%;
	font-weight: bold;
}

#newsTemplate #column1 { 
	margin-right: 20px;
	width: 240px; 
}

#newsTemplate #column2 { padding-top: 15px; }

#newsTemplate #mainArticle,
#newsTemplate .feature_text { 
	margin: 15px 15px 15px 23px; 
}

#newsTemplate .feature_image {
	margin-left: 23px;
	overflow: hidden;
	width: 200px;
}