* { margin:0; padding:0; }
/*body { background:url(images/background.jpg) fixed no-repeat; font:0.8em Trebuchet MS; color:#000; }*/
body { background:url(images/background.jpg) fixed repeat; font:0.8em Trebuchet MS; color:#000; }

/* ----------------------------------------------Wrapper-------------------------------------*/
div.wrapper { display:block; width:100%; text-align:left; }

/* ----------------------------------------------General-------------------------------------*/
#header, #topCurve, #topBar, #container, #footer { position:relative; margin:0 auto 0; display:block; width:1020px; }

.divMain { padding:20px 15px 10px 15px; }
.divCenter { float:left; padding:5px; width:48%; text-align:center; }
.divClear { clear:both; }
.divLeft { float:left; padding:10px 0 0 15px; }
.divRight { float:right; padding:10px 15px 0 0; }
.divBlack { background-color:#000; }
.divME { float:left; width:24%; padding:0 3px 0 6px; font-size:0.9em; }

.margin { margin-bottom:15px; }
.italic bold { font-style:italic; }
.bold { font-weight:bold; color:#8B0000; }
.quotes { margin:5px 10px 0 20px; }

.imgSize { width:18px; height:18px }
.infoTable { border-color:Black; border-style:solid; border-width:thin; width:100%; }
.infoRow { text-align:left; vertical-align:middle; font-weight:bold; height:30px; background-color:#000; color:#fff; }
.trSettings { text-align:left; vertical-align:middle; background-color:#8B0000; height:30px; color:White; font-weight:bold; font-size:0.9em; }

.lm { text-align:left; vertical-align:middle; padding:2px; }
.lt { text-align:left; vertical-align:top; padding:2px; }
.cm { text-align:center; vertical-align:middle; padding:2px; }
.ct { text-align:center; vertical-align:top; padding:2px; }
.rm { text-align:right; vertical-align:middle; padding:2px; }
.rt { text-align:right; vertical-align:top; padding:2px; }

.rightPhoto { margin:5px 5px 0px 5px; background:#fff; border:1px solid #bababa; padding:0px; float:right; }
.leftPhoto { margin:5px 5px 0px 5px; background:#fff; border:1px solid #bababa; padding:0px; float:left; }

.textbox { background-color:#ffffcc; padding-right:2px; text-align:right; }
.tableStyle { border-color:Black; border-style:solid; border-width:thin; background-color:#ffffcc; }

.medium { font-size:medium; }
.small { font-size:small; }
.smaller { font-size:12px; }

/* ----------------------------------------------Header--------------------------------------*/
#header { height:132px; background:#fff; border-right:1px solid #000; border-left:1px solid #000; width:1018px; }

#header .HeaderLeft { float:left; margin:5px 5px 0 5px; vertical-align:middle; }

#header .HeaderMid { display:block; float:left; width:428px; margin:5px 5px 0 5px; overflow:hidden; vertical-align:middle; }
#header .HeaderMid h1, #header p { margin:0; padding:0; list-style:none; line-height:normal;	}
#header .HeaderMid h1 { font-size:65px; color:#8B0000; }
#header .HeaderMid p { font-size:20px; padding-left:10px; color:#000; }

#header .HeaderMidRight { display:block; float:left; width:72px; margin:3px 1px 0 0; overflow:hidden; vertical-align:middle; }
#header .HeaderMidRight img { padding:0px; vertical-align:middle; border:1px solid #000; }

#header .HeaderRight { float:right; margin:5px 5px 0 0; width:175px; }
#header .HeaderRight p { padding:3px; text-align:right; }
#header p a { color:#8B0000; font-weight:bold; }

/* ----------------------------------------------Top Bar-------------------------------------*/
#topBar { margin-top:20px; margin-bottom:20px; }
#topBar .left { float:left; margin:0 40px 0 0; width:225px; }

/* ----------------------------------------------Top Navigation (TabMenus)-------------------*/
#tabsMenu { margin-top:20px; float:left; width:100%; font-size:1em; font-weight:bold; line-height:normal; border-bottom:1px solid #000; }
#tabsMenu ul { margin:0; list-style:none; }
#tabsMenu li { display:inline; margin:0; padding:0; }
#tabsMenu a { float:left; background:url("images/gif/tableft.gif") no-repeat left top; margin:0; padding:0 2px 0 3px; text-decoration:none; }
#tabsMenu a span { float:left; display:block; background:url("images/gif/tabright.gif") no-repeat right top; padding:5px 10px 4px 5px; color:#fff; }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsMenu a span { float:none; }
/* End IE5-Mac hack */

#tabsMenu a:hover span { color:#fff; }
#tabsMenu a:hover { background-position:0% -42px; color:#fff; }
#tabsMenu a:hover span { background-position:100% -42px; color:#fff; }

#tabsMenu #current { background-position:0% -42px; color:#fff; }
#tabsMenu #current span { background-position:100% -42px; color:#fff; }

/* ----------------------------------------------Heading & Contents--------------------------*/
.boxHeading { background:#000; border-right:1px solid #000; border-left:1px solid #000; }
.boxHeading h2 { font-size:1em; margin:0px 3px 0px 5px; padding-bottom:3px; color:#fff; }
.boxHeading h2 a { color:#fff; }

.boxContentsHeader { height:94px; background:#fff; border-right:1px solid #000; border-left:1px solid #000; }
.boxContentsHeader img { padding:0px; vertical-align:middle; border:none; }

.boxContentsAds { height:179px; background:#fff; border-right:1px solid #000; border-left:1px solid #000; }
.boxContentsAds img { padding:0px; vertical-align:middle; border:none; }

.boxContentsLeftPanel { background:#fff; border-right:1px solid #000; border-left:1px solid #000; }
.boxContentsLeftPanel p { font-size:0.9em; text-align:left; padding:2px; }
.boxContentsLeftPanel img { padding:0px; vertical-align:middle; border:none; }

.boxContents { background:#fff; border-right:1px solid #000; border-left:1px solid #000; }
.boxContents h1 { color:#8B0000; font-size:1em; font-weight:bold; margin:0 0 10px 0; padding:0 0 0 5px; border-bottom:5px solid Gray; }
.boxContents h3 { font-size:0.9em; font-weight:bold; margin:0 0 5px 0; padding:0 0 0 5px; }
.boxContents h4 { font-size:0.8em; font-weight:bold; margin:0; padding:0; }
.boxContents p { font-size:1em; text-align:left; padding:5px 5px 7px 5px; }
.boxContents a { color:#8B0000; text-decoration:underline; font-weight:bold; }
.boxContents img { padding:1px; vertical-align:middle; border:1px solid #000; }
.boxContents ul { list-style-type:square; }
.boxContents ul li { font-size:1em; margin:10px 10px 0 45px; text-align:justify; }

/*.crmContents { background:#E0D6CB; border-right:1px solid #000; border-left:1px solid #000; }*/
.crmContents { background:#fff; border-right:1px solid #000; border-left:1px solid #000; }

/* ----------------------------------------------Left Panel----------------------------------*/
#leftPanel { margin:0 0 15px 0; padding:0; width:200px; float:left; }
#leftPanel img { padding:0px; border:none; }

/* ----------------------------------------------Right Panel---------------------------------*/
#rightPanel { margin:0 0 15px 0; padding:0; width:765px; float:right; }
#rightPanel a { color:#8B0000; text-decoration:underline; font-weight:bold; }

/* ----------------------------------------------Left Panel----------------------------------*/
#childLeft { margin:0 0 15px 0; padding:0; width:100px; float:left; }
#childLeft img { padding:0px; border:none; }

/* ----------------------------------------------Right Panel---------------------------------*/
#childRight { margin:0 0 15px 0; padding:0; width:865px; float:right; }

/* ----------------------------------------------Footer--------------------------------------*/

#footer { margin-top:20px; color:#fff; font-size:0.8em; font-weight:bold; line-height:2em; }
#footer .quickLink { display:block; float:left; width:150px; margin:15px 20px 0 15px; }
#footer .address { display:block; float:left; width:435px; margin:15px 10px 0 15px; }
#footer h1 { font-size: 1.4em; font-weight:bold; }
#footer li { float:none; margin:0; padding:0; position:relative; display:block;  }
#footer li img { vertical-align:text-top; border-style:none; }
#footer li a { color:#fff; font-size:1em; padding:0; text-decoration:none; font-style:normal; font-weight:bold; }
#footer li a:hover{ color:#fff; text-decoration:underline; font-weight:bold;  }

/* ----------------------------------------------Distributors & Installers------------------*/
.divDisLeft { float:left; width:350px; padding:5px; }
.divDisRight { float:right; padding:5px; }
.divList { float:left; width:23%; padding:0 0 12px 15px; }

/* ----------------------------------------------Customers Gallery/Feedback-----------------*/
.divCFLeft { float:left; width:420px; padding:5px; }
.divCFRight { float:right; padding:5px; }

.divCFLeft ol { padding-left:25px;  }
.divCFLeft ol li { list-style-type:decimal; font-size:1.1em; font-weight:bold; padding-top:8px; }
.divCFLeft ol li ol { padding:0 0 0 25px; }
.divCFLeft ol li ol li { padding-top:5px; list-style-type:lower-roman; font-size:0.9em; text-align:justify; font-weight:normal; }

/* ----------------------------------------------Exhibitions--------------------------------*/
.exhFieldset { padding:5px; width:95%; color:#8B0000; }
.divExh { float:left; width:23%; padding:5px; }

/* ----------------------------------------------Press Releases-----------------------------*/
.divImg { float:left; width:33%; padding:20px 0px 20px 0px; text-align:center; }

/* ----------------------------------------------Technical Data-----------------------------*/
.techHead { float:left; width:32%; padding:5px 0 15px 5px; font-size:1.1em; font-weight:bold; }
.techRow { float:left; width:32%; padding:5px 0 5px 5px; font-size:0.9em; }
.techRow img { border-style:none; vertical-align:text-bottom; }

/* ----------------------------------------------Products-----------------------------------*/
.divProd { float:left; width:30%; padding:5px 0 5px 25px; font-size:0.9em; }
.divProds { float:left; width:33%; font-size:0.9em; text-align:center; }
.divProds img { width:170px; height:144px; text-align:center; }

.divProds div { width:175px; }
.divProds div h4 { height:90px; text-align:center; font-size:0.9em; }
.divProds div h5 { text-align:right; font-size:1em; }

.pColor img { width:14px; height:14px; }
.pColor a { font-size:0.8em; }

.divDesc { float:left; width:66%; }

/* ----------------------------------------------Terms - Accordion--------------------------*/
.accHeader { width:958px; border:1px solid #804040; color:#fff; background-color:#804040; font-weight:bold; padding:5px; margin:8px 8px 0 8px; cursor:pointer; }
.accContent { width:953px; background-color:#E0D6CB; border:1px dashed #804040; border-top:none; padding:15px 0 15px 15px; margin:0 0 0 8px; }
.accContent ol li  { padding:5px 5px 0 5px; list-style-type:lower-roman; font-size:1em; text-align:justify; font-weight:normal; }
.accContent ol li ol li  { padding:2px 5px 5px 5px; list-style-type:lower-alpha; font-size:0.9em; text-align:justify; font-weight:normal; color:#8B0000; }

/* ----------------------------------------------Terms - Ordered List-----------------------*/
ol { padding-left:25px;  }
ol li { list-style-type:decimal; font-size:1.1em; font-weight:bold; padding-bottom:8px; }
ol li ol { padding:8px 0 0 25px; }
ol li ol li { padding-bottom:5px; list-style-type:lower-roman; font-size:0.9em; text-align:justify; font-weight:normal; }
ol li ol li ol { padding:8px 0 0 30px; }
ol li ol li ol li { padding-bottom:8px; list-style-type:lower-alpha; font-size:0.9em; text-align:justify; font-weight:normal; color:#8B0000; }

/* ----------------------------------------------Site Map-----------------------------------*/
#sitemap { border:1px solid #000; color:#000; font-size:1.1em; line-height:2em; padding:10px; background-color:#D5D8D8; height:765px; width:945px; margin:10px; }
#sitemap div { float:left; width:30%; padding-right:10px; }
#sitemap h3 { margin-bottom:10px; }
#sitemap h3 a { font-size:1.1em; font-weight:bold; text-decoration:underline; color:#000; font-style:normal; }
#sitemap h3 a:hover { font-size:1.1em; font-weight:bold; text-decoration:underline; color:#8B0000; font-style:normal; }
#sitemap h4 { margin-bottom:5px; margin-left:25px; }
#sitemap h4 a { font-size:1em; font-weight:bold; text-decoration:underline; color:#000; font-style:normal; }
#sitemap h4 a:hover { font-size:1em; font-weight:bold; text-decoration:underline; color:#8B0000; font-style:normal; }

/* ----------------------------------------------Contact us---------------------------------*/
.divContactLeft { float:left; padding:5px 0 0 10px; width:90px; }
.divContactRight { float:left; padding:5px 0 0 5px; width:600px; }

/* ----------------------------------------------NHS----------------------------------------*/
.divNHS { float:left; width:25%; padding:5px 0 5px 25px; }
.divNHSLeft { float:left; width:190px; padding:0 5px 0 5px; }
.divNHSRight { float:left; width:740px; padding:0 5px 0 5px; }

/* ----------------------------------------------Round Corner-------------------------------*/
.b1h, .b2h, .b3h, .b4h, .b1bh, .b2bh, .b3bh, .b4bh { font-size:1px; overflow:hidden; display:block; }
.b1h { height:1px; background:#000; margin:0 5px;}

.b2h, .b2bh { height:1px; background:#000; border-right:2px solid #000; border-left:2px solid #000; margin:0 3px; }
.b3h, .b3bh { height:1px; background:#000; border-right:1px solid #000; border-left:1px solid #000; margin:0 2px; }
.b4h, .b4bh { height:2px; background:#000; border-right:1px solid #000; border-left:1px solid #000; margin:0 1px; }

.b2bh, .b3bh, .b4bh { background:#fff; }

/* ----------------------------------------------Red Rounded Box----------------------------*/
.hd .c, .dialog .ft .c { height:8px; }
.ft .c { height:14px; }
.hd { background:transparent url('images/benefits/rounded/tl.gif') no-repeat 0px 0px; }
.hd .c { background:transparent url('images/benefits/rounded/tr.gif') no-repeat right 0px; }
.bd { background:transparent url('images/benefits/rounded/ml.gif') repeat-y 0px 0px; }
.bd .c { background:transparent url('images/benefits/rounded/mr.gif') repeat-y right 0px; }
.bd .c .s { margin:0px 8px 0px 4px; background:#8B0000 url('images/benefits/rounded/ms.jpg') repeat-x 0px 0px; padding:1em; text-align:justify; color:#fff; font-style:italic; }
.ft { background:transparent url('images/benefits/rounded/bl.gif') no-repeat 0px 0px; }
.ft .c { background:transparent url('images/benefits/rounded/br.gif') no-repeat right 0px; }

/* ----------------------------------------------Slide Show---------------------------------*/
#previewPane { border:1px solid #000; text-align:center; vertical-align:middle; padding-top:10px; 
  	           position:relative;	/* CSS HACK */  
  	           height:400px;	/* IE 5.x */           height/* */:/**/400px;	/* Other browsers */  
  	           height: /**/400px; }
#previewPane img { line-height:400px; }
#previewPane #largeImageCaption {	/* CSS styling of image caption below large image */
                              	 font-style:italic; text-align:center; font-size:0.9em; font-family: Trebuchet MS; /* Font to use */  }
#galleryContainer { border:1px solid #000; position:relative; overflow:hidden; padding:1px; margin:5px 0 20px 0;  /* CSS HACK */
					height:104px;	/* Height of the images + 2 */
					height:104px;	/* IE 5.x - Added 2 pixels for border left and right */ 
					height /* */:/**/104px;	/* Other browsers */              height: /**/104px; }

#arrow_left { position:absolute; left:0px; z-index:10; background-color:#fff; padding:0 1px 0 1px; margin-left:0; }
#arrow_right { position:absolute; right:0px; z-index:10; background-color:#fff; padding:0 1px 0 1px; }

#theImages { position:absolute; height:100px; left:10px; width:100000px; }
#theImages #slideEnd { float:left; }
#theImages img { float:left; padding-top:3px; filter:alpha(opacity=60); opacity:0.6; cursor:pointer; border:0px; }

#waitMessage { display:none; position:absolute; left:200px; top:150px; background-color:#FFF; border:3px double #000; padding:4px; color:#555; font-size:0.9em; font-family:arial; }
#theImages .imageCaption { display:none; }

/* ----------------------------------------------Bar Graph----------------------------------*/
#q-graph { position:relative; width:700px; height:370px; margin:0; padding:0; font:10px Trebuchet MS; }
#q-graph tr, #q-graph th, #q-graph td { position:absolute; bottom:0; width:55px; z-index:2; margin:0; padding:0; text-align:center; }
#q-graph thead tr { left:100%; top:50%; bottom:auto; margin:-2.5em 0 0 5em; }
#q-graph thead th { width:1.0em; padding:0.5em 1em; }
#q-graph thead th.prev { top:0; left:0; background:tan repeat-x; border:1px solid; }
#q-graph thead th.sel { top:7.00em; left:0; background:green repeat-x; border:1px solid; }

#q-graph tbody tr { height:200px; padding-top:2px; color:black; }

/* ----------------------------------------------Plotting Months----------------------------*/
#q-graph #q1 { left:0; }
#q-graph #q2 { left:58px; }
#q-graph #q3 { left:116px; }
#q-graph #q4 { left:174px; }
#q-graph #q5 { left:232px; }
#q-graph #q6 { left:290px; }
#q-graph #q7 { left:348px; }
#q-graph #q8 { left:406px; }
#q-graph #q9 { left:464px; }
#q-graph #q10 { left:522px; }
#q-graph #q11 { left:580px; }
#q-graph #q12 { left:638px; }

#q-graph tbody th { top:0.75em; vertical-align:top; }
#q-graph .bar { width:25px; border:1px solid; color:#000; }
#q-graph .bar p { margin:0; padding:0; }

#q-graph .prev { left:5px; background:tan repeat-x; color:#000; }
#q-graph .sel { left:32px; background:green repeat-x; color:#000; }

#ticks { position:relative; top:-359px; left:0px; width:700px; height:370px; z-index:1; margin-bottom:-350px; font:10px Trebuchet MS; }
#ticks .tick { position:relative; border-bottom:1px solid #D5D8D8; width:700px; }
#ticks .tick p { position:absolute; left:100%; top:-0.67em; margin:0 0 0 0.5em; }

/* ----------------------------------------------Plotting Days-------------------------------*/
#q-graph .day { left:5px; background:tan repeat-x; color:Black; }
#q-graph .bar1 { width:20px; border:1px solid; border-bottom:none; color:#000; }
#q-graph .bar1 p { margin:5px 0 0; padding:0; }

/* ----------------------------------------------Bar Graph-----------------------------------*/
#WebGraph, #ProdGraph, #SoftGraph {	height:125px; position:relative; }
#WebGraph ul li, #ProdGraph ul li, #SoftGraph ul li { position:absolute; width:30px; bottom:5px; text-align:center; color:White; }
#WebGraph li.Exc, #ProdGraph li.Exc, #SoftGraph li.Exc { left:-18px; background-color:#8B0000; }
#WebGraph li.Good, #ProdGraph li.Good, #SoftGraph li.Good { left:54px; background-color:#006600; }
#WebGraph li.Avg, #ProdGraph li.Avg, #SoftGraph li.Avg { left:100px; background-color:#0000FF; }
#WebGraph li.Fair, #ProdGraph li.Fair, #SoftGraph li.Fair { left:145px; background-color:#B0966F; }
#WebGraph li.Poor, #ProdGraph li.Poor, #SoftGraph li.Poor {	left:190px; background-color:#9D9D9D; }

/* ----------------------------------------------Modal Popup Section-------------------------*/
.modalBackground { background-color:#D5D8D8; filter:alpha(opacity=50); opacity:0.8; }
.modalPopup { background-color:#EBE4DA; border-width:3px; border-style:solid; border-color:Gray; width:250px; }
.modalPopup h1 { font-size:1.2em; font-weight:bold; padding:5px; }
.modalPopup p { padding:5px; }