body
     {
     font-family: arial;
     font-size: 11px;
     color: #7d7b7c;   
     text-align:center;
    /* margin:10px;
     background-color: #f4f4f4;  */ 
     }

.mainPageContainer
     {
     margin:0px auto; 
     text-align: left;
     width: 980px;
     /*border: 10px solid white;*/
     background-color: white;
     }
     
.adminBar, .adminBarBad
     {  
     display: block;
     font-weight: bold;
     padding: 5px; 
     color: black;
     text-align: center;
     margin-bottom: 4px;
     -moz-border-radius: 8px;
     }   
       
.adminBar
     {  
     border: 1px solid #fce000;
     background-color: #fff7bb;
     }
     
.adminBarBad, bad
     {  
     background-color: #ff8b8b;
     border: 1px solid red;
     }
     
img.banner
     {
     display: block;
     clear: both;
     margin: 0px;
     padding: 0px;
     border-bottom: 2px solid #9e1b34;
     margin-bottom: 4px;
     }

.topSearch
     {
     position: absolute;
     display: block;
     top: 65px;
     width: 965px;
     }
          
.searchBoxFocus,.searchBoxBlur,.sideSearchBox
     {
     width: 130px;
     border-width: 0px;
     margin: 0px;
     border: 1px solid #b0b0b0;
     width: 130px;
     padding: 2px;
     float: right;
     }

.searchBoxBlur
     {
     color: #7d7b7c;
     font-style: italic;
     }

.searchBoxFocus
     {
     color: #000000;
     width: 250px;
     }

.sideSearchBox
     {
     color: #000000;
     }

.searchButton
     {
     float: right;
     /*background-image: url('../images/tab.gif');
     background-position: center center;
     border: 1px solid #b0b0b0;
     padding: 2px;
     border-left-width: 0px; 
     text-decoration: none;
     vertical-align: middle;
     color: #7d7b7c;
     width: 20px;
     cursor: pointer;
     text-align: center;*/
     }
         
          
.mainNav
     {
     border-top: 2px solid #b0b0b0;
     border-bottom: 4px solid #ffffff;
     height: 23px;
     font-size: 1.1em;
     overflow:hidden;
     }
     
     
.mainNavBarBlock 
     {
     float: left;
     display: block;
     padding: 5px;  
     text-align: center;  
     height: 13px; 
     overflow: hidden;
     }
     
.mainNavItem
     {
     color: #888687;
     }

.mainNavItemSelected
     {
     color: white;
     background-image: url('../images/navitembgseleceted.gif');
     }
     
.mainNavItem,.mainNavItemSelected 
     { 
     width: 116px;
     margin-right: 2px;
     text-decoration: none;
     }

.navBarDate,.mainNavItem
     {
     background-color: #e8e8e8;
     background-image: url('../images/navitembg.gif');
     }

.mainNavItem:hover
     {
     background-image: url('../images/navitembghover.gif');
     }
     
.navBarDate
     {
     width: 202px;
     clear: right;
     }
     
.headerImage
     {
     z-index: 2;
     width: 980px;
     height: 103px;
     background-repeat: no-repeat;
     margin-bottom: 10px;
     }

.spacer /* ie 6 is rubbish so I had to use this*/
     {
     display: block;
     width: 15px;
     float: left;
     overflow: hidden;
     }

.mainContent
     {
     float: left;
     margin: 0px 15px 0px 0px;
     z-index: 3;
     }

.mainContentIf2Col
     {
     width: 750px;
     }

.mainContentIf1Col
     {
     width: 950px;
     }

.mainContent a ,.sidebar a         {color:#525051; text-decoration: none;}
.mainContent a:hover, .sidebar a:hover    {color:#B10021; text-decoration: underline;}

.darkText
     {
     color: #525051;
     }

.lightText
     {
     color: #b0b0b0;
     }
     
.mainContent h1 a
     {
     text-decoration: none;
     }

h1.main
     {
     position: absolute;
     margin: 0px;
     margin-top: -30px;
     background-image: url('../images/h1leftbullet.gif');
     background-repeat: no-repeat;
     padding-left: 21px;
     background-position: left center;
     }

h1.postwithbreadcrumbs     
     {
     margin-top: -55px;
     }
     
h1.postwithbreadcrumbs a,h1.postwithbreadcrumbs a:hover
     {
     text-decoration: none;
     }     
     
h1.postwithoutbreadcrumbs     
     {
     margin-top: -30px;
     }
     
.breadcrumbs 
     {
     position: absolute;
     margin-top: -25px;
     color: #a5a5a5;
     }

.breadcrumbs a
     {
     color: #a5a5a5;
     text-decoration: none;
     } 

.sidebar
     {
     float: left;
     margin-right: 15px;
     width: 185px;
     /*color: #b0b0b0;*/
     }

.sidebar h3
     {
     text-align: center;
     } 

.sidebar h4
     {
     color: #9e1b34;
     font-weight: normal;
     margin: 0px;
     font-size: 1.1em;
     }
     


.sidebarListHeading
     {
     text-align: left;
     font-weight: bold;
     line-height: 1.8em;
     }

.subList
     {
     margin-left: 12px;
     }

.red
     {
     color: #9e1b34;
     }

p,input,select,ul, ol, li
     {
     font-size: 1em;
     line-height: 1.2em;
     
     }

ul
     {
     margin: 0em 0em 1em 0em;
     }

ul.bulletedList
     {
     margin: 0px 0px 1em 2.3em;
     /*color: #B0B0B0;*/
     list-style-image: url('../images/bullet.gif');
     }
     
ol.numberedList
     {
     margin: 0px 0px 1em 2.3em;
     /*color: #B0B0B0;*/
     list-style-type: decimal;
     }
     
ul.bulletedList li, ol.numberedList li
     {
     margin-bottom: 3px;
     line-height: 1.4em;
     }

ul.norm li
     {
     
     display: list-item; 
     white-space: normal; 
     list-style-position: inside
     }


ul.arrowedList li
     {
     text-align: left;
     line-height: 1.7em;
     background-image: url('../images/linklistarrow.gif');
     background-repeat: no-repeat;
     background-position: .5em 4px ;
     padding-left: 1.5em;
     }
     
.productcount
     {
     text-decoration: none;
     /*color: #B0B0B0;*/
     font-size: 0.8em;
     }

p
     { 
     margin: 0px 0px 1em 0px;
     }

h1
     {
     font-size: 1.6em;
     font-weight: normal;
     margin: 0px 0px 10px 0px
     }

h2.datasheetModelName
     {
     font-size: 1.8em;
     font-weight: normal;
     color: #B10021;
     } 

h2
     {
     font-weight: bold;
     font-size: 1.4em;
     color: #B10021;
     margin: 0px 0px 10px 0px;
     }

.inline
     {
     display: inline;
     }
     
h3
     {
     font-weight: bold;
     font-size: 1.1em;
     color: #B10021;
     margin: 0px 0px 1em 0px;
     line-height: 1.3em;
     }

h4
     {
     font-weight: bold;
     font-size: 1.1em;
     line-height: 1.3em;
     margin: 0px 0px 1em 0px;
     }

.headline h2
     {
     color: #9e1b34;
     margin-bottom: 4px;
     }

.headline .thumb img, .otherNews .thumb img
     {
     display: block;
     position: absolute;
     border: 1px solid #e4e4e4;
     }
     
.headline .text
     {
     margin-left: 180px; 
     min-height: 113px;
     }
     
.headline .aboutusText
     {
     margin-left: 150px; 
     min-height: 130px;
     }


     
.articleImage
     {
     display: block;
     float: right;
     margin-left: 10px;
     margin-bottom: 10px;
     }
     
.articleImage img.main
     {
     display: block;
     border: 1px solid #e4e4e4;
     margin-bottom: 2px;
     }



.newsArchiveLink
     {
     float: right;
     text-align: right;
     }

.newsArchiveLink img
     {
     vertical-align: top; 
     }
     
.otherNews
     {
     display: block;
     margin: 20px 0px 0px 0px;
     }

.otherNews h2
     {
     color: #9e1b34;
     margin-bottom: 4px;
     }
 
.otherNews .text
     {
     min-height: 85px;
     margin-left: 130px;
     }


     
.prodIntoBox 
     {
     padding: 7px;
     border: 1px solid #ececec;
     margin-bottom: 10px;
     }

div.filterPulldowns p
     {
     min-height: 18px;
     }

.hidden
     {
     display: none;
     }

.filterbox
     {
     background-repeat: repeat-x;
     padding: 7px;
     border: 1px solid #ececec;
     margin-bottom: 10px;
     }

.fieldname
     {
     position: absolute;
     font-weight: bold;
     display: block;
     width: 10em;
     float: left;
     clear: left;
     }

.fieldselect
     {
     display: block;
     margin-left: 11em;
     }

.fieldselect select
     {
     margin-top: -3px;
     margin-bottom: 3px;
     width: 10em;
     }

.datasheetImage
     {
     display: block;
     float: right;
     margin-left: 10px;
     margin-bottom: 10px;
     }

.dsUnderImageLinks
     {
     margin-top: 10px;
     }

.dsUnderImageLinks a
     {
     
     }

.featureTabCol1
     {
     display: block;
     width:    525px;
     float: left;
     clear: left;

     }

.featureTabCol2
     {
     width:    200px;
     float: right;
     clear: right;
     }
     

.bottomMenu
     {
     background-color: #b10021;
     padding: 5px 15px;
     color: white;
     }

.bottomMenu a
     {
     color: white;
     text-decoration: none;
     }
     
     
.bottomMenu a:hover
     {
     text-decoration: underline;
     color: white;
     }

     
.footer
     {
     clear: both;
     background-color: #e4e4e4; 
     }

.pushDown
     {
     clear: both;
     height: 1px;
     overflow: hidden; 
     }

.pushDownFromLeft
     {
     clear: left;
     height: 1px;
     overflow: hidden; 
     }

.removeLink a
     {
     display: block;
     border: 1px solid #b0b0b0; 
     text-align: left;
     padding: 2px 2px 2px 20px; 
     margin: 2px 0px; 
     background-image: url('../images/removex.gif');
     background-repeat: no-repeat;
     background-position:  0px center;
     text-decoration: none;
     background-color: white;
     
     }

.removeLinksHoriz a
     {
     display: block;
     border: 1px solid #b0b0b0; 
     text-align: left;
     padding: 2px 2px 2px 20px; 
     margin: 2px 0px; 
     background-image: url('../images/removexgrey.gif');
     background-repeat: no-repeat;
     background-position:  0px center;
     text-decoration: none;
     background-color: white;
     float: left;
     width: 215px;
     height: 1em;
     margin: 5px 5px 0px 0px;
     overflow: hidden;
     }

.removeLinksHoriz a:hover
     {
     text-decoration: none;
     background-image: url('../images/removex.gif');
     text-decoration: line-through
     }
        
ul.listingGrid li 
     {
     display: block;
     width: 150px;
     border: 1px solid #e4e4e4;
     padding: 12px;
     float: left;
     height: 240px;
     margin: 0px 5px 10px 5px;
     -moz-border-radius: 8px;
     }   
     
ul.listingGrid li .gridItemName
     {
     display: block;
     margin: none;
     text-align: center;
     height: 4.8em;

     }
     
ul.listingGrid li .listingOffline
     {
     position: absolute;
     margin-top: 70px;
     display: block;
     width: 150px;
     text-align: center;
     background-color: red;
     color: white;
     }
    
ul.listing
     {
     margin: 0px;
     }

ul.listing li
     {
     display: table;
     width: 100%;
     clear: both;
     margin: 0px 0px 20px 0px;
     }

ul.listing li .listingPhoto
     {
     float: left;
     display: block; 
     margin: 0px 7px 0px 0px;

     }

ul.listing li p
     {
     margin: 0px;
     }
     
ul.listing li .listingOffline, .consOffline
     {
     float: left;
     width: 10px;
     margin-right: 1px;
     background-image: url('../images/adminonly/listing_offline_norm.gif'); 
     background-position: center center;
     background-repeat: no-repeat;
     background-color: red;
     }

ul.listing li .listingOffline
     {
     height: 65px;
     } 
     
.consOffline
     {
     float: left;
     height: 50px;
     margin: -5px 0px -5px -5px;
     }

.pagenav
     {
     margin: 10px 0px;
     padding: 5px;
     line-height: 30px; 
     text-align: center; 
     clear: both;
     }

.pagenav a 
     {
     padding: 5px; 
     border: 1px solid #ececec;
     }

.pagenav_numbersSelected
     {
     font-weight: bold;
     padding: 6px; 
     }
     
ul.alternativeProdChecks li
     {
     display: block;
     clear: both;
     text-align: left;
     line-height: 1.5em;
     margin-bottom: .5em;
     margin-left: 20px;
     }
     
ul.alternativeProdChecks li label
     {
     cursor: pointer;
     }

ul.alternativeProdChecks li input
     {
     position: absolute;
     margin-left: -20px;
     <!--[if gt IE 6]>
     margin-left: -25px;
     <![endif]-->
     }

.relatedProductsCheck
     {
     text-align: left;
     line-height: 2em;
     }

.relatedProductsCheck label   
     {
     margin-left: 20px; 
     clear: right;
     cursor: pointer;
     }

.relatedProductsCheck input
     {
     position: absolute;
     margin: 4px 5px 0px -20px;
     }

.buttonLink a
     {
     margin: 1em 0px;
     display: block;
     text-align: center;
     padding: 5px;
     background-image: url('../images/tab.gif');
     text-decoration: none;
     color: #7d7b7c;
     overflow:hidden;
     }
     
.buttonLink a:hover
     {
     color: white;
     background-image: url('../images/tabselected.gif');
     text-decoration: none;
     }

.similarProductsFound
     {
     font-weight: bold;
     }
     
.sidelink
     {
     padding: 3px 0px;
     }
     
.catsidelink
     {
     background-image: url('../images/treebranch.gif');
     background-repeat: no-repeat;
     background-position: 0px center ;
     padding: 3px 0px 3px 10px;
     }
     
.subcatsidelink
     {
     background-image: url('../images/treebranch.gif');
     background-repeat: no-repeat;
     background-position: 8px center;
     padding: 3px 0px 3px 18px;
     }

.questionnaireanswers
     { 
     padding: 0px 10px 10px 0px;
     }

.questionnaireanswers label
     {
     display: block;
     }

.coverall
     {
     width: 100%;
     height: 100%;
     background-color: black;
     opacity:.50;
     filter: alpha(opacity=50);
     -moz-opacity: 0.5;
     }


.sortbyBox
     {
     border-width: 1px 0px;
     border-style: solid;
     border-color: #e6e6e6;
     padding: 5px 0px;
     margin-bottom: 15px;
     line-height: 16px;
     }
     
.searchTermsBox
     {
     padding: 10px 5px;
     background-color: #e6e6e6;
     margin-bottom: 10px;
     }

.thumbnail
     {
     text-decoration: none;
     display: block; 
     float: left; 
     width: 130px; 
     height: 130px;
     text-align: center; 
     margin: 0px 5px 5px 0px; 
     padding: 5px; 
     font-size: 0.8em;
     }
   
.colourOptionsBlock
     {     
     float: right;
     }
     
.colourOption
     {
     width: 150px; 
     border-right: 1px solid #e4e4e4;
     border-bottom: 1px solid #e4e4e4;
     overflow: hidden;
     }
     
.colourOptionsDesc
     {
     clear: left;
     float: left;
     padding: 5px;
     width: 100px;
     overflow: hidden;
     background-color: white;
     border-right: 1px solid #e4e4e4;
     }

.smalltext
     {
     font-size:0.8em;
     }

.manulogoInList
     {
     float: right; 
     margin-left: 5px;
     }

.noMargin
     {
     margin: 0px;
     }

.noPadding
     {
     padding: 0px;
     }

.expandLink
     {
     background-image: url('../images/expandfade.gif');
     height: 17px;
     background-repeat: no-repeat;
     padding: 0px 5px;
     margin-bottom: 1em;
     }

ul.subcatList li
     {
     float: left;
     width: 130px;
     padding: 10px;   
     }   
    
ul.subcatList a.thumbLink
     {
     display: block;
     height: 95px;
     }    
     
ul.subcatList li img
     {
     display: block;
     margin: auto;
     }   
     
ul.subcatList li p
     {
     text-align: center;
     height: 2.3em;
     }        

.centertext
     {
     text-align: center;
     }
     
.italic
     {
     font-style: italic;
     }

.absmiddle
     {
     
     vertical-align: middle;
     
     }

.highlightRow
     {
     color: red;
     }

.fade
     {
     opacity:.50;
     filter: alpha(opacity=50);
     -moz-opacity: 0.5;
     }

.bold
     {
     font-weight: bold;
     }

.indent
     {
     margin-left: 20px;
     }
     
.formTable td, .formTable th
     {
     padding-bottom: 15px;
     }
     
.formTable th
     {
     font-weight: bold;
     padding-right: 7px;
     }

.cover
     {
     background-color: black;
     position: fixed;
     top: 0px;
     bottom: 0px;
     right: 0px;
     left: 0px;
     opacity:.50;
     filter: alpha(opacity=50);
     -moz-opacity: 0.5;
     }
     
.popupsContainer
     {
     display: block;
     position: fixed;
     top: 100px;
     width: 500px;
     left: 50%;
     margin-left: -250px;
     background-color: white;
     }

ul.thumbLinkList li
     {
     float: left;
     display: block;

     }

ul.thumbLinkList li a
     {
     display: block;
     height: 100px;
     width: 103px;
     padding: 10px 5px 5px 5px;
     margin: 0px 5px 10px 5px;
     border: 1px solid #e4e4e4;
     text-align: center;
	 -moz-border-radius: 8px;
     }
     
.formBox
     {
     display: block;
     width: 250px;
     padding: 10px 10px 0px 10px;
     margin-left: 20px;
     background-color: #f6f6f6;
     border: 1px solid #e4e4e4;
     border-width: 1px 1px 3px 1px;
     }

.right
     {
     float: right;
     }
.left
     {
     float: left;
     }
.upcomingExhibitions li
     {
     text-align: center;
     margin-bottom: 10px;
     }
     
.upcomingExhibitions li img
     {
     display: block;
     margin: 0px auto;
     border: 1px solid #e4e4e4;
     }

.borderedImg
     {
     display: block;
     border: 1px solid #e4e4e4;
     }
     
.noMargin
     {
     margin: 0px;
     }

form.contactus
     {
     padding: 0px 20px;
     }

form.contactus table tr td
     {
     padding-bottom: .5em;
     line-height: 1.4em;
     }
     
.bad, .warning, .good
     {
     -moz-border-radius: 8px;
     font-weight: bold;
     border: 1px solid;
     padding: 5px;    
     padding-left: 20px;
     background-position: 5px 5px;
     background-repeat: no-repeat;
     margin-bottom: 10px;
     display: block;
     color: black;
     }   
   
.bad
     {
     background-color: #ffefef;
     border-color: red;
     background-image: url('../images/adminonly/bad.gif');
     }

.warning
     {
     background-color: #fff7bb;
     border-color: #fce000;
     background-image: url('../images/adminonly/warning.gif');
     }

.good
     {
     background-color: #c3ffbb;
     border-color: #00ff00;
     background-image: url('../images/adminonly/good.gif');
     }
     
 .clickable
     {
     cursor: pointer;
     }

.horizBar, .horizBarLong
     {
     height: 4px; 
     overflow: hidden; 
     margin-bottom: 10px; 
     clear: both;
     background-position: center center;
     }
     
.horizBar  
     {
     background-image: url('../images/horizline.gif');
     }
   
.horizBarLong
     {
     background-image: url('../images/horizlinelong.png');
     }

.manulogolist
     {
     margin: 0px 5px;
     }

.deptcatImgBlock
     {
     display: block;
     float: left;
     width: 243px;
     height: 180px;
     margin: 0px 10px 10px 0px;
     background-repeat: no-repeat;
     text-align: center;
     }

.deptcatImgBlock a, .deptcatImgBlock a:hover
     {
     display: block;
     height: 155px;
     text-decoration: none;
     }

.deptcatImgBlock select
     {
     width: 200px;
     color: #7d7b7c;
     }
div.fPBanner
     {
     margin: 0px 0px 15px 0px; 
     }

div.fPBanner a, div.fPBanner a img
     {
     display: block;
     }


div.textResize
     {
     width: 120px;
     float: right;
     }
     
div.textResize span, div.textResize a
     {
     float: right;
     display: block;
     padding: 2px;
     height: 15px;
     text-align: center;
     line-height: 15px;
     margin-left: 3px;
     }

div.textResize a
     {
     display: block;
     background-color: white;
     border: 1px solid #d5d5d5;
     width: 15px;
     -moz-border-radius: 4px;
     }

div.textResize a:hover
     {
     border: 1px solid #b0b0b0;
     text-decoration: none;
     }