@charset "UTF-8";

/** Global Styles **/

body { font-family: "Trebuchet MS", Arial, Helvetica; color: #535353; background-image: url(../_images-site/site-gridsquares.gif); background-repeat: repeat; font-size: 12px; background-attachment: fixed; }
p { font-size: 12px; font-weight: normal; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; line-height: 17px; }
h1 { font-size: 23px; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
h2 { font-size: 20px; font-weight: normal; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
h4 { font-size: 15px; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
h3 { font-size: 20px; font-style: italic; font-weight: normal; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
hr { color: #FF3300; }

.blackFrame { border: 1px solid #333333; }
.blackHighlight { font-size: 13px; color: #2E2E2E; }

a:link,
a:visited { text-decoration:none; color: #FF4101; }
a:hover { color:#333333; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; text-decoration: none; }
a:active { color:#FF4101; }


/** Template Styles **/

#masterframe { height: auto; width: 900px; margin-right: auto; margin-left: auto; overflow: auto; }
#masthead { height: 150px; width: 900px; overflow: hidden; background-image: url(../_images-site/site-masthead.gif); background-repeat: no-repeat; }
#strapline { width: 254px; float: left; height: 50px; margin-top: 85px; margin-left: 20px; }
#logo { float: right; height: 150px; width: 300px; }
/** Navigation **/
#navContainer { background-image: url(../_images-site/site-nav-bg.jpg); background-repeat: repeat-x; height: 40px; width: 900px; }
#nav { padding:0; width:100%; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; float: left; }
#nav ul { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; text-align: center; margin: 0px; }
#nav li { display:inline; padding:0; margin:0; }
	#nav a:link,
	#nav a:visited { color:#FFFFFF; float:left; width:auto; text-decoration:none; letter-spacing: .5px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: lighter; padding-top: 10px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; height: 30px; }
	#nav a:hover { color:#CCCCCC; padding-top: 10px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; height: 30px; background-color: #4D4E50; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
	#nav a:active { color:#FFFFFF; }
.lowerContainer { height: auto; width: 900px; overflow: auto; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; background-color: #FFFFFF; }
#CAD1 { background-image: url(../_images-pages/CAD-bg1.gif); background-repeat: no-repeat; background-position: top; }
#CAD2 { background-image: url(../_images-pages/CAD-bg2.gif); background-repeat: no-repeat; background-position: top; }
#CAD3 { background-image: url(../_images-pages/CAD-bg3.gif); background-repeat: no-repeat; background-position: top; }
#footer { background-image: url(../_images-site/site-footer-bg.jpg); background-repeat: repeat-x; height: 40px; width: 900px; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; clear: both; }
.footerText  p { font-size: 12px; font-weight: lighter; color: #FFFFFF; height: auto; width: 880px; text-align: right; padding-right: 20px; padding-top: 10px; }
.footerTextLarger { font-size: 20px; }
	.footerText a:link,
	.footerText a:visited { text-decoration:none; color: #FFFFFF; }
	.footerText a:hover { color:#333333; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; }
	.footerTexte a:active { color:#FFFFFF; }
	
* html .footerTextLarger { font-size: 16px; }
*:first-child+html .footerTextLarger { font-size: 16px; }

/** Baseline **/

#baseline { height: auto; width: 900px; margin-right: auto; margin-left: auto; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #333333; }
	#baseline a:link,
	#baseline a:visited { text-decoration:none; color: #333333; }
	#baseline a:hover { color:#FF4101; }
	#baseline a:active { color:#333333; }
#partofKLS  { float: left; height: 40px; width: 416px; overflow: hidden; margin-top: 3px; text-align: left; }

/** Index Page **/

#indexCol1 { float: left; height: auto; width: 310px; overflow: auto; padding: 20px; background-color: #FFFFFF; }
#indexCol2 { float: right; height: 726px; width: 550px; overflow: hidden; background-color: #3B3C3D; }
.indexPromptButton { background-image: url(../_images-pages/_index/big-button.jpg); height: 61px; width: 310px; margin-right: auto; margin-left: auto; background-repeat: no-repeat; margin-top: 20px; text-align: center; font-family: "Trebuchet MS", Arial, Helvetica; font-weight: normal; color: #FFFFFF; padding-top: 30px; }
	.indexPromptButton a:link,
	.indexPromptButton a:visited { text-decoration:none; color: #FFFFFF; font-size: 27px; font-weight: lighter; letter-spacing: .5px; }
	.indexPromptButton a:hover { color:#333333; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #666666; }
	.indexPromptButton a:active { color:#FFFFFF; }


/** Key Features Page **/

#keyFeaturesCol1 { float: left; height: auto; width: 280px; overflow: auto; padding: 20px; }
#keyFeaturesCol2 { float: right; height: auto; width: 550px; overflow: auto; background-color: #F4F4F4; padding-right: 10px; padding-left: 20px; padding-top: 20px; }
#keyFeaturesList { color: #FF3300; list-style-type: square; padding-right: 10px; padding-left: 20px; font-size: 15px; font-weight: bold; line-height: 22px; }
	#keyFeaturesList a:link,
	#keyFeaturesList a:visited { text-decoration:none; color: #FF4101; }
	#keyFeaturesList a:hover { color:#666666; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #666666; text-decoration: none; }
	#keyFeaturesList a:active { color:#FF4101; }


/** Range Page **/

#rangeStylesCol1 { height: auto; width: 410px; overflow: auto; background-color: #F4F4F4; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; float: left; }
#rangeStylesCol2 { height: auto; width: 410px; overflow: auto; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; float: right; }
.styleContainer { height: 80px; width: 390px; overflow: visible; border-top-width: 1px; border-top-style: solid; border-top-color: #FF4101; background-color: #E9E9E9; padding: 5px; clear: both; }
.CADlayout { float: left; height: 150px; width: 120px; text-align: center; background-color: #FFFFFF; padding: 5px; margin-bottom: 20px; }
#panData { font-size: 11px; }


/** Alpha Page **/

#alphaCol1 { float: left; height: auto; width: 310px; overflow: auto; padding: 20px; }
#alphaCol2 { float: right; height: auto; width: 550px; overflow: auto; background-image: url(../_images-pages/_alpha-beta/alphaCol2-bg.gif); background-repeat: repeat-y; background-position: right; background-color: #F4F4F4; }


/** Beta Page **/

#betaCol1 { float: left; height: auto; width: 310px; overflow: auto; padding: 20px; background-color: #FFFFFF; }
#betaCol2 { float: right; height: auto; width: 550px; overflow: auto; background-image: url(../_images-pages/_alpha-beta/alphaCol2-bg.gif); background-repeat: repeat-y; background-position: right; background-color: #F4F4F4; }


/** Enquiries Page **/

#enquiriesCol1 { float: left; height: auto; width: 310px; overflow: auto; padding: 20px; }
#enquiriesCol2 { float: right; height: auto; width: 550px; overflow: auto; background-color: #3B3C3D; }
.enquiriesButton { background-image: url(../_images-pages/_enquiries/smaller-button.jpg); height: 60px; width: 146px; margin-right: auto; margin-left: auto; background-repeat: no-repeat; margin-top: 10px; text-align: center; font-family: "Trebuchet MS", Arial, Helvetica; font-weight: normal; color: #FFFFFF; padding-top: 10px; float: left; }
	.enquiriesButton a:link,
	.enquiriesButton a:visited { text-decoration:none; color: #FFFFFF; font-size: 16px; font-weight: lighter; letter-spacing: .5px; }
	.enquiriesButton a:hover { color:#333333; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #666666; }
	.enquiriesButton a:active { color:#FFFFFF; }
#enquiryForm { border: 1px solid #67686C; height: auto; width: 300px; overflow: visible; background-color: #F6F6F6; }


/** Legal Page **/

#legalcol1 { padding: 20px; height: auto; width: 860px; overflow: auto; }
#enquiriesFrylogicFootnote { color: #FFF; height: auto; overflow: visible; text-align: center; }