/* Start of CMSMS style sheet 'Corporate' */
/* CSS Document 
Website: www.equinoxinformatics.co.uk
Designed by: Daniel Gough of First Instar Limited
Date: May 2007
© Copyright Daniel Gough 2007
*/

/* Page Control
==================================================================================== */

*
{
	margin: 0;
	padding: 0;
}

html { font-size: 100%; }

body {
	text-align: center;
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.clearer {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
	}

.hidden {
	position: absolute;
	left: -10000px; 
	}

.spacer {
        clear: both;
	height: 10px;
	font-size: 1px;
	}	
	
/* Page Layout
==================================================================================== */	

#wrap {	
	width: 760px;
	margin: 0 auto;
	padding: 0 ;
	min-height: 100%;
	text-align: left;
	}
	
* html #wrap { height: 100%; }

#header { height: 105px; margin: 0; padding: 0;}

#header h1 a {
	background: #fff url('images/corporate/logo.gif') no-repeat;
	display: block;
	width: 162px;
	height: 79px;
	text-indent: -999em;  /* this hides the text */
	text-decoration:none;
	}
	
#logo {
	float: left;
	display: inline;
	position: relative;
	width: 162px;
	height: 79px;
	margin: 0;
	top: -7px;
	}	
	
#topmenu {
	position: relative;
	/*width: 300px;*/
	width: 350px;
	height: 24px;
	top: 7px;
        /*left: 460px;*/
        left: 410px;
	/*background: url('images/global/bgTopMenu.gif') 0 0 no-repeat;*/
	background: url('images/global/bgTopMenu_350.gif') 0 0 no-repeat;
	font-size: 1.4em;
	}

#strapline {
        float: left;
	position: absolute;
	/*width: 335px;
	height: 12px;*/
	width: 334px;
	height: 17px;
	top: 53px;
	left: 190px;
	/*background: url('images/global/strapline.gif') no-repeat;*/
	background: url('images/global/strapline1.gif') no-repeat;
	}

#search {
        float: left;
	position: relative;
	width: 200px;
	height: 30px;
	top: 41px; left: 398px;
	margin: 0; padding: 0;
	}

#mainmenu {
	height: 35px;
        margin-bottom: 22px;
	background: url('images/corporate/bgMainMenu.gif') no-repeat;
	}

#main {	padding-bottom: 120px; }

#graphicsLocation {
        clear: both;
	height: 144px;
	}

#content { margin-top: 16px; text-align: left; }
	
#contentmain {
        float: left;
	padding: 3px;
	width: 534px;
	text-align: justify;
	}
	
#contentside {
	float: right;
	width: 210px;
        padding-bottom: 10px;
	}	

	
/* Page Styles
==================================================================================== */	
	
#home {	background: #fff url('images/corporate/bgBody.gif') 0 0 repeat-x; }
	
#phyre { background: #fff url('images/bgBodyPhyre.gif') 0 0 repeat-x; }	

#phyrelite { background: #fff url('images/bgBodyPhyreLite.gif') 0 0 repeat-x; }		
	
#phragment { background: #fff url('images/bgBodyPhragment.gif') 0 0 repeat-x; }		
	
a { margin: 0; }
	
h6 { 
	font-size: 1em;
	font-weight: normal;
	}	
	
#content p {
	line-height: 20px;
	color: #70706B;
        font-size: 1.2em;
	padding: 0.5em 0;
	margin: 0;
	}	
	
#content h2 {
	font-size: 1.8em;
	color: #0D8BC5;
	border-bottom: 1px solid #D0D0D0;
	padding-bottom: 8px;
        width: 540px;
	}
	
#contentmain h3 {
        font-size: 1.3em;
        line-height: 20px;
        padding-top: 4px;
        }
	
#contentmain a {
	color: #9C2131;
        }

#contentmain ul {
        padding: 0.5em 0 0.5em 1.5em;
        line-height: 20px;
	color: #70706B;
        margin: 0;
        font-size: 1.2em;
        }

#contentmain ol {
        font-size: 1.2em;
        padding: 0.5em 0 0.5em 2em;
        line-height: 20px;
	color: #70706B;
        margin: 0;
        }

#contentmain ol ul {
        padding: 0.5em 0 0.5em 1.5em;
        line-height: 20px;
	color: #70706B;
        margin: 0;
        }

#topmenu ul {
	margin: 0;
	padding-top: 2px;
	list-style-type: none;
	text-align: center;
	}
	
#topmenu ul li {
	display: inline;
	height: 24px;
	padding: 4px;
	line-height: 16px;
	color: #d5d5d5;
	}

#topmenu a {
        color: #ffffff;
        }
	
#graphic {
	float: left;
	width: 760px;
	height: 72px;
	background: url('images/corporate/bgGraphicIndex.gif') no-repeat;
	}
	
#graphicPhragment {
        clear: both;
	float: left;
	width: 546px;
	height: 72px;
	background: url('images/bgGraphicPhragment.jpg') no-repeat;
	}
	
#graphicPhyrelite {
	float: left;
	width: 546px;
	height: 72px;
	background: url('images/bgGraphicPhyrelite.jpg') no-repeat;
	}
	
#graphicPhyre {
	float: left;
	width: 546px;
	height: 72px;
	background: url('images/bgGraphicPhyre.jpg') no-repeat;
	}	
	
#product {
	float: right;
	width: 214px;
	height: 144px;
	}

#productName {
	float: right;
	width: 214px;
	height: 72px;
	}
	
#productBlurb {
	clear: both;
	width: 546px;
	height: 22px;
	font-size: 1.9em;
	text-transform: uppercase;
	color: #909090;
	padding: 6px 0px 6px 2px;
	text-align: justify;
	}
	
#breadcrumbs {
	clear: both;
	height: 22px;
	font-size: 1.2em;
	color: #9C2131;
	padding:  6px 0 0 3px;
        text-align: left;
	}

#breadcrumbs a {
        color: #0D8BC5;
        }

.imageFloatL {
	float: left;
	width: 200px;
	margin: 5px 10px 5px 0px;
	padding: 5px;
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	}

.imageFloatR {
	float: right;
	width: 200px;
	margin: 5px 0 5px 10px;
	padding: 5px;
	border-left: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	}	

.caption {
	font-size: 1.1em;
	color: #70706B;
	}
	
#footer {
	clear: both;
	height: 88px;
	position: relative;
	margin-top: -88px;
	background: url('images/global/bgFooter.gif') repeat-x;
	}
	
.container {	
	width: 760px;
	margin: 0 auto;
	text-align: left;
	}
	
.address {
	float: left;
        margin-top: 3px;
	padding: 3px 20px 3px 3px;
	color: #898789;
	border-right: 1px solid #E4E4E4;
	}
	
.contact {
	float: left;
        margin-top: 3px;
	padding: 3px 20px 3px 20px;
	color: #898789;
	}

.contact a, a:visited, a:active {
        color: #898789;
        }

.contact a:hover {
        color: #9C2131;
        }

.footerLinks {
        float: left;
        margin-top: 3px;
	padding: 3px 20px 3px 20px;
	color: #898789;
        border-left: 1px solid #E4E4E4;
        border-right: 1px solid #E4E4E4;
	}

.footerLinks a, a:visited, a:active {
        color: #898789;
        }

.footerLinks a:hover {
        color: #9C2131;
        }

.footerLinksExtra {
        float: left;
        margin-top: 3px;
	padding: 3px 6px 3px 20px;
	color: #898789;
	}

.footerLinksExtra a, a:visited, a:active {
        color: #898789;
        }

.footerLinksExtra a:hover {
        color: #9C2131;
        }

.designer {
        float: right;
        margin-top: 3px;
        padding: 12px;
        }

.legal {
       clear: left;
       padding-top: 3px;
       color: #898789;
       }
	
/* Side Menu

==================================================================================== */

.box {
	float: right;
	width: 200px;
	
	display: inline;
	}
	
.boxTop {
	height: 8px;
	font-size: 1px;
	background: url('images/global/sideBoxTop.gif') no-repeat;
	}
	
.boxMiddle {
	min-height: 200px;
	padding-bottom: 1px;
	background: url('images/global/sideBoxMiddle.gif') no-repeat;
	}
	
/* for Internet Explorer */
/*\*/
* html .boxMiddle {
	height: 200px;
	}
/**/	
	
.boxBottom {
	height: 8px;
	font-size: 1px;
	background: url('images/global/sideBoxBottom.gif') no-repeat;
	}
	
.box ul {
	list-style-type: none;
	font-size: 1.4em;
	text-transform: uppercase;
        padding: 0;
	}
	
.box li {
	width: 184px;
	height: 34px;
	margin-left: 8px;
	background: url('images/global/bgSideBox.gif') no-repeat;
	
	}
	
.box a {
	display: block;
	padding-left: 8px;
	padding-top: 6px;
	text-decoration: none;
	color: #9C2131;
	}

.box a:hover {
        color: #0D8BC5;
        }

.box .currentpage{
        display: block;
        padding-left: 8px;
	padding-top: 6px;
        height: 28px;
        color: #0D8BC5;
       }

/* News Module
==================================================================================== */

.newsBox {
	float: right;
	width: 200px;
	display: inline;
	}
	
.newsBoxTop {
	height: 8px;
	font-size: 1px;
	background: url('images/global/sideBoxTop.gif') no-repeat;
	}
	
.newsBoxMiddle {
	min-height: 150px;
        padding-left: 10px; 
        padding-right: 10px;
	padding-bottom: 1px;
	background: url('images/global/sideBoxMiddle.gif') no-repeat;
	}
	
/* for Internet Explorer */
/*\*/
* html .newsBoxMiddle {
	height: 200px;
	}
/**/	
	
.newsBoxBottom {
	height: 8px;
	font-size: 1px;
	background: url('images/global/sideBoxBottom.gif') no-repeat;
	}

.newsBox a {
	padding-top: 6px;
	text-decoration: none;
	color: #9C2131;
	}

.newsBox h3 {
        padding: 0;
        font-size: 1.2em;
        color: #9C2131;
       }

.NewsSummary { 	}

.NewsSummaryContent { 	}

.NewsSummaryPostdate { line-height: 2.2em; }

.NewsSummaryLink { font-size: 1.2em; }

#contentmain.NewsSummaryContent { font-size: 1.2em; }

.NewsPostDetailTitle {
        color: #9C2131;
        text-decoration: underline;
        }

#NewsPostDetailDate { line-height: 2.2em; }

/* Newsletter Signup
==================================================================================== */	

.newsLetter {
	float: right;
	width: 200px;
	display: inline;
	}


/* Subscribe
==================================================================================== */	

.subscribeBox {
	float: right;
	width: 200px;
	display: inline;
	}
	
.subscribeBoxTop {
	height: 8px;
	font-size: 1px;
	background: url('images/global/subscribeBoxTop.gif') no-repeat;
	}
	
.subscribeBoxMiddle {
	min-height: 150px;
        padding-left: 10px;
	padding-bottom: 1px;
	background: url('images/global/subscribeBoxMiddle.gif') no-repeat;
	}
	
/* for Internet Explorer */
/*\*/
* html .subscribeBoxMiddle {
	height: 150px;
	}
/**/	
	
.subscribeBoxBottom {
	height: 8px;
	font-size: 1px;
	background: url('images/global/subscribeBoxBottom.gif') no-repeat;
	}

.subscribeEmail { padding: 2px 0; }

.subscribeUsername { padding: 2px 0; }

#m7email, #m7username {	width: 176px; }
#m8email, #m8username {	width: 176px; }

.selectNews { padding: 4px 0; }

.subscribeBoxMiddle h3 { font-size: 1.2em; padding-bottom: 5px; }

.subscribeBtn { padding: 4px 0; }

/* Search
==================================================================================== */	

.formSearch {
	position:absolute;
        width: 200px;
	margin: 0;
	font-size: 1em;
}

input.formSearch {
	padding:3px;
	width:156px;
	border:1px solid #666666;
	color:#666666;
	background:#FFFFFF;
        display: inline;
}

.buttonSearch {
        position: relative;
        left: 166px;
        }

/* Contact Form
==================================================================================== */	
#contactForm {
	width: 510px;
	border: 1px solid #D0D0D0;
	background-color: #F0F0F0;
	padding: 10px;
	}
	
#contactForm em {
	color: red;
	}

#contactForm label {
	margin: 5px 0;
	font-size: 1.1em;
	}
		
.contactDetails label {
	display: block;
	}		
		
form#productSelect label {
	
	}
	
.formMessage label {
	display: block;
	}	

.checkbox {
	padding-right: 10px;
	}		

#contactForm fieldset {
	border: none;
	margin: 10px 0;
	padding: 0;
	}
	
#contactForm legend {
	color: #666666;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
	}	

#contactForm .contactDetails .txt {
	width: 50%;
	border: 1px solid #CCCCCC;
	padding: 2px;
	}

#contactForm .txt {
	width: 100%;
	border: 1px solid #CCCCCC;
	padding: 2px;
	}
	
#contactForm .btn {
	border: 1px outset #666666;
	background-color: #CCCCCC;
	color: #000000;
	padding: 2px;
	margin-top: 10px;
	}
	
#contactForm div.submit {
	text-align: center;
	}



/* FAQs
==================================================================================== */	

.faq-list
{
  list-style-type: none;
}

li.faq
{
  font-weight: bold;
  list-style-type: disc;
}

li.faq:hover
{
  text-decoration: underline;
  cursor: hand;
  cursor: pointer;
}

.open
{
  display: block;
}

.closed
{
  display: none;
}
/* End of 'Corporate' */

/* Start of CMSMS style sheet 'pageHeight' */
/* CSS Document */

html { height: 100%; }
	
body { height: 100%; }

#nonFooter { position: relative; min-height: 100%; }

* html #nonFooter { height: 100%; }

#footer {
	position: relative;
	margin: -8.9em auto 0 auto;
	}

/* A CSS hack that only applies to IE -- specifies a different offset for the footer */

* html #footer {
	margin-top: -8.9em;
	}
/* End of 'pageHeight' */

/* Start of CMSMS style sheet 'Accessibility and cross-browser tools' */
/* accessibility */

/* 
menu links accesskeys 
*/
span.accesskey {
   text-decoration:none;
}

/* 
accessibility divs are hidden by default 
text, screenreaders and such will show these 
*/
.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}

/* 
definition tags are also hidden 
these are also used for menu links    
*/
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
   margin: 0;
   padding: 0;
}
/* end accessibility */


/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
  position: absolute;
  left: -5000px;
  width: 4000px;
}

/* make some room for the image */
a.external {
/* css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
  padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
  color: #18507C;
/* background image for the link to show wiki style arrow */
  background: url(images/cms/external.gif) no-repeat 100% 0;
}
a.external:visited {
  color: #18507C; /* a different color can be used for visited external links */

/* 
Set the last 0 to -100px to use that part of the external.gif image for different color for active links 
external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.
*/
  background: url(images/cms/external.gif) no-repeat 100% 0; 
}

a.external:hover {
  color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
  background: url(images/cms/external.gif) no-repeat 100% 0; 
  background-color: #C3D4DF;
}
/* end wiki style external links */



/* End of 'Accessibility and cross-browser tools' */

/* Start of CMSMS style sheet 'Main Menu Corporate' */
/* CSS Document */

#primary-nav, #primary-nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: "Gills Sans MT", Verdan, arial, helvetica, sans-serif;
	text-transform: uppercase;
	
	}

#primary-nav a {
	display: block;
	margin: 0 0.5em 0 0.5em;
	font-size: 1.5em;
	text-decoration: none;
	padding: 9px 8px;
}

#primary-nav li {
	float: left;
}

#primary-nav li ul {
	position: absolute;
	width: 134px;
	left: -999em; top: 140px;
	background: url('images/global/bgSubNav.gif') bottom no-repeat;
	text-transform: none;
}

#primary-nav li li {
	width: 134px;
	}

#primary-nav li:hover ul {
	left: auto;
}

#primary-nav li:hover ul, #primary-nav li.sfhover ul {
	left: auto;
}

#primary-nav .menuactive { 
   color: #9C2131;
   font-weight: bold;
}

#primary-nav .menuparent { 
   color: #6B6B6B;
   font-weight: normal;
}

#primary-nav li:hover .menuparent {

	}

#primary-nav li a {
       color: #6B6B6B;
       }

#primary-nav li a:hover {
	color: #9C2131;
	}	

#primary-nav li li a:hover {
	color: #9C2131;
	}
	
#primary-nav ul li ul li:hover .menuparent {
	color: #0D8BC5;
	}	
/* End of 'Main Menu Corporate' */