/* GLOBAL -------------------------------------------------------------------------------------------------*/

/* FCK set to use div id="products-inner1-divcontent1" class="clearfix fck" */

.hide { display: none; }
.ghost { visibility: hidden; }
.clear { clear: both; }
.admin { background: none !important; } /* remove background image from cms edit areas */

.clearfix:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
}

.strong{ font-weight: bold; }
.error { color: #900; font-weight: bold; }

a.logo25{
	clear: none;
	float: right;
	width: 72px;
	height: 83px;
	text-indent: -30000px;
	background: url(images/logo_25.jpg) 0 0 no-repeat;	
}

/* NAVIGATION ---------------------------------------------------------------------------------------------*/

body.front ul#nav{
	margin-bottom: 16px !important;	
}

ul#nav{
	clear: left;
	float: left;
	width: 964px;
	list-style: none;
	border-bottom: 1px solid #188352;
	background: url(images/nav-back.gif) bottom left no-repeat;
}

ul#nav li{
	float: left;	
	background: url(images/nav-divider1.jpg) bottom left no-repeat;
}

ul#nav li.first{
	clear: left;
}

ul#nav li.first a{
	width: 39px;
	text-indent: -30000px;
	display: block;
	background: url(images/nav-haus.jpg) 1px 18px no-repeat !important;
	padding: 0 0 3px 0;
}

ul#nav li.first a:hover{
	background: url(images/nav-haus.jpg) 1px -24px no-repeat !important;
	/*filter: alpha(opacity=40);*/
}

ul#nav li.first a.selected{
	background: url(images/nav-haus.jpg) 1px -66px no-repeat !important;
}

ul#nav li.last{
	/*background: url(images/nav-divider2.jpg) top right no-repeat;*/
}

ul#nav li a{
	clear: left;
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	padding: 0 11px 3px 13px;
}

/*ul#nav a.contactus{
	padding-right: 14px !important;
}*/

ul#nav li a.contactus{
	padding-right: 0 !important;	
}

ul#nav li a.extratop{
	padding-top: 5px;	
}

ul#nav li a.selected{
	background: url(images/nav-selected.jpg) bottom left repeat-x;	
}

ul#nav li a:hover{
	color: #b4b4b4;	
}

body.front ul#breadcrumbsetc{
	display: none !important;	
}

ul#breadcrumbsetc{
	clear: left;
	float: left;
	width: 964px;
	list-style: none;
	padding: 8px 0;
}

ul#breadcrumbsetc li{
	float: left;
	font-size: 0.9em;
}

ul#breadcrumbsetc li a{
	color: #636466;	
}

ul#breadcrumbsetc li a:hover{
	color: #b4b4b4;	
}

/* DRUPAL ul.menu */
ul#subnav, ul.menu{
	clear: left;
	float: left;
	width: 216px;
	list-style: none;
	background: #dcdddf url(images/subnav-back.jpg) 0 0 no-repeat;
	padding: 15px 0 12px 10px;
	margin-bottom: 44px;
}

/* DRUPAL sub menus */
ul.menu ul.menu {
    background: none;
    padding: 0;
}

ul#subnav li, ul.menu li{
	clear: left;
	float: left;
	width: 211px;
	border-left: 1px solid #188352;
}

ul#subnav li.first, ul.menu li.first{
	background: url(images/subnav-divider1.jpg) top left no-repeat;
}

ul#subnav li.selected, ul.menu li.active-trail {
	background: url(images/subnav-selected.jpg) top left no-repeat;	
}

ul#subnav li a, ul.menu li a{
	clear: left;
	float: left;
	background: url(images/subnav-divider1.jpg) bottom left no-repeat;
	padding: 3px 0 3px 12px;
}

ul#subnav li a.selected, ul.menu li a.active{
	color: #188352 !important;	
	font-weight: bold;
}

ul#subnav li ul, ul.menu li ul{
	clear: left;
	float: left;
	width: 216px;
	list-style: none;
}

ul#subnav li ul li, ul.menu li ul li{
	clear: left;
	float: left;
	width: 216px;
	border-left: none !important;
}

ul#subnav li ul li a, ul.menu li ul li a{
	padding-left: 30px;	
	width: 181px;
}

ul#subnav li ul li a.selected, ul.menu li ul li a.active{
	background: #a4bea9;
	color: #ffffff !important;
}

span.divider{ 
	padding: 0 5px;
}
	
/* COMMON ELEMENTS ----------------------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

/* NOTE: BODY, P, H and A STYLES IN TYPOGRAPHY! THIS IS MODULAR CSS! */

.extratop{
	padding-top: 16px !important;	
}

img{
	border: none;
}

.floatleft{
	float: left !important;
}

.floatnone{
	float: none !important;
}

.floatright{
	float: right !important;
}

/* CONTENT ------------------------------------------------------------------------------------------------*/

blockquote{
	clear: left;
	float: left;
	width: 216px;
	padding: 0 0 0 10px;
	font-style: italic;
	line-height: 1.6em;
	color: #106da8;
	font-size: 1em;
}

blockquote a{
	font-style: normal;
	color: #106da8;
}
  
#container{
	width: 964px;
	margin: 0 auto;
	padding: 17px 8px 0 8px;
	background: #d4d5d7 url(images/container-back.jpg) 0 0 repeat-x;
}

#content{
	clear: left;
	float: left;
	width: 964px;
}

.distributorlist-container{
	clear: none;
	float: left;	
	width: 340px;
}

dl.distributorlist{
	clear: left;
	float: left;
	width: 300px;
	padding: 0 20px 15px 0;
	/*border-bottom: 1px solid #999999;*/
	margin: 0 0 25px 12px;
	display: inline;
	color: #ffffff;
}

#dealer-list{
	clear: left;
	float: left;
	width: 680px;
}

#dealer-list dl.distributorlist{
    margin-left: 0;
}

dl.distributorlist a{
	color: #cecece !important;	
}

dl.distributorlist a:hover{
	color: #999999 !important;	
}

dl.distributorlist dt{
	clear: left;
	float: left;
	width: 70px;
	padding-bottom: 10px;
	font-weight: bold;
}

dl.distributorlist dd{
	float: left;
	width: 225px;
	padding-bottom: 10px;
}

ul#hotlinks-index{
	clear: left;
	float: left;
	width: 586px;
	list-style: none;
	padding: 21px 0 20px 0;
}

ul#hotlinks-index li{
	float: left;
	width: 111px;
	margin-left: 7px;
	display: inline;
}

ul#hotlinks-index li.first{
	clear: left;
	margin-left: 0 !important;
}

ul#hotlinks-index li a{
	clear: left;
	float: left;
	width: 95px;
	padding: 27px 6px 9px 10px;
	display: block;
	background: url(images/hotlinks-index-back.jpg) 0 0 no-repeat;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size: 1em;
}

ul#hotlinks-index li a:hover{
	background: url(images/hotlinks-index-back.jpg) 0 -64px no-repeat;
}

/* BOF ul#hotlinks-index FOUR ITEMS */
.fouritems li{
	width: 140px !important;
	margin-left: 8px !important;
}

.fouritems li a{
	width: 124px !important;
	background: url(images/hotlinks-index-back2.jpg) 0 0 no-repeat !important;
}

.fouritems li a:hover{
	background: url(images/hotlinks-index-back2.jpg) 0 -64px no-repeat !important;
}

.fouritems li.first a,
.fouritems li.second a,
.fouritems li.fourth a{
	padding-top: 41px !important;	
}

/* EOF ul#hotlinks-index FOUR ITEMS */

div#calloutinfo{
    float: left;
    padding: 20px 25px 0;
    width: 323px;
	position: relative;
}

div#calloutinfo h3{
	clear: left;
	float: left;
	width: 323px;
	padding-bottom: 15px;
	font-weight: bold;
	font-size: 1.3em;
}

div#calloutinfo ul.snetworking{
	clear: left;
	float: left;
	list-style: none;
	width: 323px;
	position: absolute;
	top: 55px;
	right: 0;
}

div#calloutinfo ul.snetworking li{
	clear: none;
	float: right;
	width: 28px;
	margin-left: 5px;
}

div#calloutinfo ul.snetworking li a{
	clear: left;
	float: left;
	width: 28px;
	height: 28px;
	text-indent: -30000px;
	background-position: 0 0;
}

div#calloutinfo ul.snetworking li a:hover{
	background-position: 0 -28px;
}

div#calloutinfo ul.snetworking li a.twitter{
	background-image:url(images/t.png); 
}

div#calloutinfo ul.snetworking li a.facebook{
	background-image:url(images/f.png); 
}

div#calloutinfo ul.snetworking li a.rss{
	background-image:url(images/rss.png); 
}

div#calloutinfo ul.snetworking li a.linkedin{
	background-image:url(images/in.png); 
}

dl.indexcalloutbox{
	float: left;
	width: 323px;
	padding: 20px 25px 0 25px;
	color: /* #636466 */ #333333;
}

dl.indexcalloutbox dt{
	clear: left;
	float: left;
	width: 323px;
	padding-bottom: 15px;
	font-weight: bold;
	font-size: 1.3em;
}

dl.indexcalloutbox dd{
	clear: left;
	float: left;
	width: 323px;
}

#indexleft{
	clear: left;
	float: left;
	width: 586px;
	height: 289px;
	margin-right: 5px;
}

.indexlogo{
	float: left;
	margin: 0 15px 20px 5px;
}

#indexright{
	float: left;
	width: 323px;
	height: 229px;
	background: url(images/index-right.jpg) 0 0 no-repeat;
	padding: 30px 25px;
}

#indexright h2{
	clear: left;
	float: left;
	color: #ffffff;
	text-transform: uppercase;
	width: 323px;
	padding-bottom: 15px;
}

#indexright p{
	clear: left;
	float: left;
	color: #ffffff;
	width: 323px;
	padding-bottom: 15px;
	font-size: 1.1em;
}

#indexright p img{
	clear: left;
	float: left;
	margin: 0 20px 10px 0;
}

#left{
	clear: left;
	float: left;
	width: 226px;
	margin-right: 10px;
}

#middle{
	float: left;	
	width: 489px;
	margin-right: 11px;
}

#middlecontent{
	clear: left;
	float: left;
	width: 467px;
	color: #636466;
	/* background: url(images/middlecontent-back.jpg) 0 0 no-repeat; */
	padding: 17px 11px;
}

#middlecontent ul{
	clear: left;
	float: left;
	list-style: none;
	width: 443px;
	padding: 0 12px 20px 12px;
	color: #636466;
}
.fck ul {
	list-style: none;
	padding: 0 12px 20px 12px;
}

#middlecontent ul li{
	float: left;
	width: 423px;
	background: url(images/bullet.gif) no-repeat 0 5px;
	padding: 0 0 10px 20px;
	margin: 0;
	font-size: 1.1em;
}
.fck ul li{
	background: url(images/bullet.gif) no-repeat 0 5px;
	padding: 0 0 10px 20px;
	margin: 0;
}

#middlecontent ul li ul{
	clear: left;
	float: left;
	list-style: none;
	width: 403px;
	padding: 20px 12px 0 12px;
	color: #636466;
	font-size: 0.9em;
}
.fck ul li ul{
	list-style: none;
	padding: 20px 12px 0 12px;
}

#middlecontent ul li ul li{
	float: left;
	width: 383px;
	background: url(images/bullet.gif) no-repeat 0 5px;
	padding: 0 0 10px 20px;
	margin: 0;
}
.fck ul li{
	background: url(images/bullet.gif) no-repeat 0 5px;
	padding: 0 0 10px 20px;
	margin: 0;
}

#middlecontent table{
	color: #636466;
	clear: left;
	float: left;
	width: 443px;
	padding: 0 12px 0 0;
	margin: 0 0 30px 12px;
	display: inline;
	border: 0 !important;
	font-size: 1.1em;
}
.fck table {
    width: 443px;
	padding: 0 12px 30px 0;
	border: 0 !important;
}

#middlecontent table tbody{
	clear: left;
	float: left;
	width: 443px;
	border-top: none !important;
}

/* for admin EDIT pages */
#middlecontent table.cke_editor tbody{
    float: none;
}

#middlecontent table.twocol tr{
	color: #636466;
	clear: left;
	float: left;
	width: 443px;
	/*border-bottom: 1px solid #999999;*/
	background: url(images/table-border-three.jpg) bottom left repeat-x;
}
.fck table.twocol tr{
	clear: left;
	float: left;
    width: 443px;
	padding: 0 0 5px 0;
	margin-bottom: 5px !important;
	/*border-bottom: 1px solid #999999;*/
	background: url(images/table-border-three.jpg) bottom left repeat-x;
}

#middlecontent table.twocol td{
	color: #636466;
	float: left;
	width: 210px;
	padding: 8px 10px 8px 0;
	vertical-align: top;
}
.fck table.twocol td{
    width: 210px;
	padding: 8px 10px 8px 0;
}

#middlecontent table.twocol td p,
.fck table.twocol td p
{
	width: 210px;
	padding-bottom: 0 !important;
}

#middlecontent table.threecol tr{
	color: #636466;
	clear: left;
	float: left;
	width: 443px;
	padding: 0 0 5px 0;
	margin-bottom: 5px !important;
	/*border-bottom: 1px solid #999999;*/
	background: url(images/table-border-three.jpg) bottom left repeat-x;
}
.fck table.threecol tr{
	clear: left;
	float: left;
    width: 443px;
	padding: 0 0 5px 0;
	margin-bottom: 5px !important;
	/*border-bottom: 1px solid #999999;*/
	background: url(images/table-border-three.jpg) bottom left repeat-x;
}

#middlecontent table.threecol td{
	color: #636466;
	float: left;
	width: 135px;
	padding: 8px 10px 8px 0;
}
.fck table.threecol td{
    width: 135px;
	padding: 8px 10px 8px 0;
}

#middlecontent table.threecol td p,
.fck tale.threecol td p
{
	width: 135px;
	padding-bottom: 0 !important;
}

#middlecontent table.fourcol tr{
	color: #636466;
	clear: left;
	float: left;
	width: 443px;
	padding: 0 0 5px 0 !important;
	margin-bottom: 5px !important;
	/*border-bottom: 1px solid #999999;*/
	background: url(images/table-border-three.jpg) bottom left repeat-x;
}
.fck table.fourcol tr{
	clear: left;
	float: left;
    width: 443px;
	padding: 0 0 5px 0;
	margin-bottom: 5px !important;
	/*border-bottom: 1px solid #999999;*/
	background: url(images/table-border-three.jpg) bottom left repeat-x;
}

#middlecontent table.fourcol td{
	color: #636466;
	float: left;
	width: 100px;
	padding: 8px 10px 8px 0;
}
.fck table.fourcol td{
    width: 100px;
	padding: 8px 10px 8px 0;
}

#middlecontent table.fourcol td p,
.fck table.fourcol td p
{
	width: 100px;
	padding-bottom: 0 !important;
}

#middlecontent-bottom{
	display: none !important; /* this is to hide the bottom border after 1st December */
	clear: left;
	float: left;
	width: 489px;
	height: 5px;
	background: url(images/middlecontent-bottom.jpg) 0 0 no-repeat;
	font-size: 0.1em;
	padding-bottom: 15px;
}

#middleimage{
	clear: left;
	float: left;
	width: 489px;
	height: 243px;
	margin-bottom: 13px;	
}

#middleimage img{
	clear: left;
	float: left;
	width: 489px !important;
	height: 243px !important;
}

#middle-twinwidth{
	clear: none;
	float: left;
	width: 726px;
	padding-bottom: 15px;
	margin-right: 0 !important;
}

#middle-twinwidth #middlecontent{
	clear: left;
	float: left;
	width: 704px;
	margin-right: 0 !important;
	padding: 17px 11px;
}

.form-item{
	margin: 0 !important;	
}

#middle-twinwidth form{
	clear: left !important;
	float: left !important;
	width: 680px !important;
	padding: 0 12px 30px 12px !important;
}
#middle-twinwidth #dealer-list {
    /*padding: 0 12px 30px 12px; /* TLBR */
    padding-top: 30px;
}

#middle-twinwidth form input,
#middle-twinwidth form select{
	clear: left !important;
	color: #333333 !important;
	float: left !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 1em !important;
	width: 160px /*!important*/;
}

#middle-twinwidth form select#edit-term{
	margin-bottom: 20px;	
}

#middle-twinwidth form select#edit-enquirytype{
    width: 180px;
}

#middle-twinwidth form dl dd.buttonleft input#edit-send{
	float: left !important;	
}

#middle-twinwidth form input#edit-send{
	width: 80px !important;
	float: right !important;
	margin-right: 10px;
	display: inline;
}

#middle-twinwidth form input#edit-status-0,
#middle-twinwidth form input#edit-status-1
{
    width: auto;
}

#middle-twinwidth form textarea{
	clear: left !important;
	color: #333333 !important;
	float: left !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 1em !important;
	width: 307px !important;
	/*height: 100px !important;*/
}

div.grippie{
	clear: left !important;	
}

dl.formtwincol{
	clear: left !important;
	float: left !important;
	width: 680px !important;
}

dl.formtwincol dt{
	/*clear: left !important;*/
	float: left !important;
	width: 150px !important;
	color: #ffffff;
	height: 20px;
	padding-bottom: 10px !important;
}

dl.formtwincol dd{
	color: #333333 !important;
	float: left !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 1em !important;
	width: 190px !important;
	height: 20px;
	padding-top: 0 !important;
	padding-bottom: 10px !important;
}

dl.formtwincol dt.captcha,
dl.formtwincol dd.captcha{
    height: 60px;
}

dl.formtwincol dd.textarea{
	height: auto !important;
	width: 500px !important;
}

dl.formtwincol dd.textarea textarea{
	width: 500px !important;
}

.formsinglecolimg{
	float: left;
	width: 300px;
}

div.floatedulslim {
    float: left;
    width: 340px !important;
    clear: none !important;
}

div.floatedulslim ul {
    clear: left;
    float: left;
    width: 340px !important;
    margin: 0 !important;
    padding: 0 !important;
}

div.floatedulslim ul li {
    clear: left;
    float: left;
    width: 310px !important;
    margin: 0 !important;
}

dl.formsinglecol{
	width: 340px !important;	
}

dl.formsinglecol dt{
	width: 100px !important;	
}

dl.formsinglecol dd{
	width: 225px !important;	
}

dl.formsinglecol dd input{
	width: 220px !important;	
}

dl.formsinglecol dt.doublewidth, dl.formsinglecol dd.doublewidth {
    width: 305px !important;
}

dl.formsinglecol dd.doublewidth textarea  {
    width: 301px !important;
}

form div dd input.form-submit, form#productregistration-add-product input.form-submit {
    width: auto !important;
}

dl.formtwincol .form-item{
	clear: left;
	float: left;
    margin: 0;  /* drupal adds top + bottom margin */
}

#middle-twinwidth ul{
	clear: left !important;
	float: left !important;
	list-style: none !important;
	width: 680px /*!important*/;
	padding: 0 12px 30px 12px !important;
	color: #ffffff;
}

#middle-twinwidth div.error ul {
    color: #900;
    padding-bottom: 0 !important;
}

#middle-twinwidth ul li{
	float: left !important;
	/*width: 200px !important;*/
	width: 660px;
	background: url(images/bullet.gif) no-repeat 0 5px !important;
	padding: 0 0 10px 20px !important;
	margin: 0 !important;
	list-style: none !important;
}

#middle-twinwidth ul.pdfs li{
	background: url(images/bullet-pdf2.gif) no-repeat 0 5px !important;
	padding: 6px 25px 10px 25px !important;
	width: 170px !important;
}

#middle-twinwidth ul li.pdf{
	background: url(images/bullet-pdf2.gif) no-repeat 0 5px !important;
	padding: 6px 25px 10px 25px !important;
	width: 170px !important;
}
#right ul.downloads li.pdf {
    background: url(images/bullet-pdf.jpg) no-repeat 0 5px;
}

#middle-twinwidth ul li.excel{
	background: url(images/bullet-excel.gif) no-repeat 0 5px !important;
	padding: 6px 25px 10px 25px !important;
	width: 170px !important;
}
#right ul.downloads li.excel {
    background: url(images/bullet-excel.gif) no-repeat 0 5px;
}

#middle-twinwidth ul li.jpg{
	background: url(images/bullet-jpg.gif) no-repeat 0 5px !important;
	padding: 6px 25px 10px 25px !important;
	width: 170px !important;
}
#right ul.downloads li.jpg {
    background: url(images/bullet-jpg.gif) no-repeat 0 5px ;
}

#middle-twinwidth ul li.tiff{
	background: url(images/bullet-tiff.gif) no-repeat 0 5px !important;
	padding: 6px 25px 10px 25px !important;
	width: 170px !important;
}
#right ul.downloads li.tiff {
    background: url(images/bullet-tiff.gif) no-repeat 0 5px ;
}

#middle-twinwidth ul li.zip{
	background: url(images/bullet-zip.gif) no-repeat 0 5px !important;
	padding: 6px 25px 10px 25px !important;
	width: 170px !important;
}
#right ul.downloads li.zip {
    background: url(images/bullet-zip.gif) no-repeat 0 5px ;
}

.blueback{
	background: url(images/twinwidth-blueback.jpg) 0 0 no-repeat !important;
	padding-bottom: 15px !important;
}

.blueback p, .blueback dl{
	color: #ffffff;	
}

.blueback-bottom{
	background: url(images/twinwidth-blueback-bottom.jpg) 0 0 no-repeat !important;	
	height: 5px !important;
	float: left;
	width: 726px;
	padding-bottom: 15px;
}

.greyback{
	background: url(images/twinwidth-greyback.jpg) 0 0 no-repeat !important;
	padding-bottom: 15px !important;
}

.greyback-bottom{
	background: url(images/twinwidth-greyback-bottom.jpg) 0 0 no-repeat !important;	
	height: 5px !important;
	float: left;
	width: 726px;
	padding-bottom: 15px;
}

.blueback ul li a,
.greyback ul li a{
	color: #ffffff;
}

.blueback ul li a:hover,
.greyback ul li a:hover{
	color: #cccccc;
}

#fullwidth{
	float: left;
	width: 944px;
	background: url(images/fullwidth-back.jpg) 0 0 no-repeat;
	padding: 17px 11px;
}

#fullwidth p{
	clear: left;
	float: left;
	width: 920px;
	padding: 0 12px 17px 12px;
	color: #ffffff;
	font-size: 1.1em;
}

#fullwidth-bottom{
	float: left;
	width: 944px;
	height: 5px;
	font-size: 0.1em;
	padding: 0 11px;
	background: url(images/fullwidth-bottom.jpg) 0 0 no-repeat;
}

#right{
	/*background: red;*/
	float: left;
	width: 226px;
}

#right ul{
	clear: left;
	float: left;
	width: 214px;
	list-style: none;
	background: #ffffff;
	border: 1px solid #dfdfe0;
	padding: 5px 0 5px 10px;
	margin-bottom: 15px;
}

#right ul li{
	clear: left;
	float: left;
	width: 204px;
	padding: 0 0 5px 0;
}

#right ul li a.electrodynamic{
	clear: left;
	float: left;
	width: 142px;
	height: 31px;
	display: block;
	background: url(images/technology-electrodynamic.jpg) 0 0 no-repeat;
	text-indent: -30000px;
}

#right ul li a.electrodynamic:hover{
	background: url(images/technology-electrodynamic.jpg) 0 -31px no-repeat;
}

#right ul.downloads{
	width: 219px;
	padding: 0 0 5px 5px;
}

#right ul.downloads li{
	clear: left;
	float: left;
	width: 194px;
	background: url(images/bullet-pdf.jpg) no-repeat 0 5px;
	padding: 6px 0 2px 25px;
	margin: 0;
}

ul.tabselector{
	clear: left !important;
	float: left !important;
	list-style: none !important;
	padding-bottom: 36px !important;
	width: 443px !important;
	font-size: 0.9em;
}

ul.tabselector li{
	float: left !important;
	clear: none !important;
	background: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

ul.tabselector li a{
	clear: left;
	float: left;
	padding: 8px 6px 8px 10px;
	display: block;
	background: url(images/tabselector-back.jpg) 0 0 no-repeat;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size: 1em;
}

ul.tabselector li.overview
{
	clear: left !important;
	width: 86px !important;
	margin-right: 9px !important;
}

ul.tabselector li.overview a{
	width: 70px;
	padding-bottom: 21px;
	background: url(images/tabselector-back-overview.jpg) 0 0 no-repeat !important;	
}

ul.tabselector li.overview a:hover{
	background: url(images/tabselector-back-overview.jpg) 0 -44px no-repeat !important;	
}

ul.tabselector li.useful
{
	width: 86px !important;
	margin-right: 0 !important;
}

ul.tabselector li.useful a{
	width: 70px;
	background: url(images/tabselector-back-overview.jpg) 0 0 no-repeat !important;	
}

ul.tabselector li.useful a:hover{
	background: url(images/tabselector-back-overview.jpg) 0 -44px no-repeat !important;	
}

ul.tabselector li.principles{
	width: 106px !important;
	margin-right: 9px !important;
}

ul.tabselector li.principles a{
	width: 90px;
	padding-bottom: 21px;
	background: url(images/tabselector-back-principles.jpg) 0 0 no-repeat !important;
}

ul.tabselector li.principles a:hover{
	background: url(images/tabselector-back-principles.jpg) 0 -44px no-repeat !important;
}

ul.tabselector li.performance,
ul.tabselector li.comparison
{
	width: 116px !important;
	margin-right: 9px !important;
}

ul.tabselector li.performance a,
ul.tabselector li.comparison a
{
	width: 100px;
	background: url(images/tabselector-back-performance.jpg) 0 0 no-repeat !important;
}

ul.tabselector li.performance a:hover,
ul.tabselector li.comparison a:hover
{
	background: url(images/tabselector-back-performance.jpg) 0 -44px no-repeat !important;
}

ul.tabselector li.specification,
ul.tabselector li.highqa
{
	width: 106px !important;
	margin-right: 0 !important;
}

ul.tabselector li.legislation,
ul.tabselector li.monitoring
{
	width: 106px !important;
	margin-right: 9px !important;
}

ul.tabselector li.specification a,
ul.tabselector li.highqa a,
ul.tabselector li.monitoring a
{
	width: 90px;
	background: url(images/tabselector-back-specification.jpg) 0 0 no-repeat !important;
}

ul.tabselector li.legislation a
{
	width: 90px;
	background: url(images/tabselector-back-specification.jpg) 0 0 no-repeat !important;
	padding-bottom: 21px;
}

ul.tabselector li.specification a:hover,
ul.tabselector li.highqa a:hover,
ul.tabselector li.legislation a:hover,
ul.tabselector li.monitoring a:hover
{
	background: url(images/tabselector-back-specification.jpg) 0 -44px no-repeat !important;
}

ul.tabselector li.principleops{
	width: 106px !important;
	margin-right: 9px !important;
}

ul.tabselector li.principleops a{
	width: 90px;
	background: url(images/tabselector-back-specification.jpg) 0 0 no-repeat !important;
}

ul.tabselector li.principleops a:hover{
	background: url(images/tabselector-back-specification.jpg) 0 -44px no-repeat !important;
}

ul.tabselector li.experience{
	width: 127px !important;
	margin-right: 8px !important;
}

ul.tabselector li.experience a{
	width: 111px;
	padding-bottom: 21px;
	background: url(images/tabselector-back-experience.jpg) 0 0 no-repeat !important;
}

ul.tabselector li.experience a:hover{
	background: url(images/tabselector-back-experience.jpg) 0 -44px no-repeat !important;
}

ul.tabselector li.applications{
	width: 163px !important;
	margin-right: 8px !important;
}

ul.tabselector li.applications a{
	width: 147px;
	padding-bottom: 21px;
	background: url(images/tabselector-back-applications.jpg) 0 0 no-repeat !important;
}

ul.tabselector li.applications a:hover{
	background: url(images/tabselector-back-applications.jpg) 0 -44px no-repeat !important;
}

ul.tabselector li.features{
	width: 136px !important;
}

ul.tabselector li.features a{
	width: 120px;
	padding-bottom: 21px;
	background: url(images/tabselector-back-features.jpg) 0 0 no-repeat !important;
}

ul.tabselector li.features a:hover{
	background: url(images/tabselector-back-features.jpg) 0 -44px no-repeat !important;
}

ul.tabselector li.active a{
	background-position: 0 -88px !important;	
	color: #188352 !important;
}

/* TABLES inc prod selector etc -------------------------------------------------------------------------------------------------*/

table.event{
	clear: left;
	float: left;
	width: 680px !important;
	background: #999999;	
	font-family: Tahoma, Trebuchet, "Trebuchet MS", Arial, Helvetica, Verdana;
	color: #333333;
	font-size: 1em;
	border: none !important;
	padding: 0 !important;
	margin: 0 0 30px 12px !important;
	display: inline;
}

table.event tr{
	clear: left;
	float: left;
	width: 680px !important;
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
	border: none !important;
}

table.event tr.dottyborder{
	border-bottom: 1px dotted #ececec !important;
}


table.event td{
	clear: left;
	float: left;
	width: 656px !important;
	padding: 12px !important;
	margin: 0 !important;
	border: none !important;
}

table.event td.eventsynopsis{
	font-weight: bold;
}

table.event dl{
	clear: left;
	float: left;
	padding: 0;
	margin: 0;
	width: 656px;
	color: #ffffff !important;
}	

table.event dl dt{
	clear: left;
	float: left;
	margin-right: 12px;
	width: 60px;
	height: 60px;
}

table.event dl dd{
	float: left;
	width: 584px;
	padding-top: 5px;
}

table.event dl dt img{
	border: 1px solid #6E6E6E;
	width: 58px !important;
	height: 58px !important;
}

table.event dl dt img.event{
	width: 261px !important;
	height: 41px !important;
}
table.event dl dt.event{
    width: 263px;
}
table.event dl dd.event{
    width: 380px;
}

table.event dl dd.newstext{
	width: 536px;
}

table.event dl dd.newstext{
	width: 536px;
}

/* prod selector */

table.prodselector{
	clear: left;
	float: left;
	width: 920px;
	color: #ffffff;
	margin-left: 12px;
	display: inline;
	font-size: 1.1em;
	margin-bottom: 15px;
}

table.prodselector a{
	color: #ffffff;
}

table.prodselector a:hover{
	background: #5191cd;	
}

table.prodselector tr{
	clear: left;
	float: left;
	width: 920px;
	/*border-bottom: 2px solid #ffffff;*/
	background: url(images/table-border-two.jpg) bottom left repeat-x;
}

table.prodselector tr.bold{
	font-weight: bold;
}

table.prodselector tr.noborder{
	border-bottom: none;
	background: none;
	padding-bottom: 0;
}

table.prodselector td{
	float: left;
	padding: 8px 0;
	text-align: left;
}

table.prodselector td.firstcol{
	clear: left;
	float: left;
	font-weight: bold;
	width: 100px;
	vertical-align: top;
}

table.prodselector td.prodlist{
	float: left;
	width: 820px;
}

table.prodselector table{
	clear: left;
	float: left;
	width: 820px;
}

table.prodselector table tr{
	clear: left;
	float: left;
	width: 820px;
	/* border-bottom: 1px solid #ffffff; */
	/* background: url(images/table-border-one.jpg) bottom left repeat-x; */
	background: none !important;
}

table.prodselector table tr.nohover a{
	background-color: none !important;	
}

table.prodselector table td{
	float: left;	
	text-align: left;
}

table.prodselector table td.flag{
	clear: left;
	width: 27px;
	padding-top: 10px;
}

table.prodselector table td.prod{
	width: 133px;
	padding-right: 10px;
}

table.prodselector table td.approvals{
	width: 221px;	
}
	
/* approvals */

table.approvals{
	clear: left;
	float: left;
	width: 920px;
	color: #ffffff;
	margin-left: 12px;
	display: inline;
	font-size: 1.1em;
	margin-bottom: 30px;
	/*border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff; */
	background: url(images/table-border-two.jpg) top left repeat-x;
}

table.approvals a{
	color: #ffffff;
}

table.approvals a:hover{
	background: #5191cd;	
}

table.approvals tr{
	clear: left;
	float: left;
	width: 920px;
	/*border-bottom: 1px solid #ffffff;
	background: url(images/table-border-one.jpg) bottom left repeat-x;*/
}

table.approvals tr.bold{
	font-weight: bold;
}

table.approvals tr.firstrow{
	background: url(images/table-border-two.jpg) top left repeat-x;
	font-weight: bold;
}

table.approvals tr.head{
	font-weight: bold;
	/* background: url(images/table-border-one.jpg) bottom left repeat-x; */
	background: none !important;
}

table.approvals tr.noborder{
	border-bottom: none;
	padding-bottom: 0;
	background: none;
}

table.approvals tr.thinborder{
	border-bottom: none;
	padding-bottom: 0;
	background: none;
}

table.approvals td,
table.approvals th{
	float: left;
	padding: 8px 10px 0 0;
	text-align: left;
	width: 220px;
}

table.approvals th{
	border-bottom: none !important;	
}

table.approvals tr.firstrow td{
	clear: left;
	width: 920px;
	padding-right: none;
}

table.approvals td.title{
	clear: left;
	float: left;
	/*width: 920px;*/
	font-size: 1.2em;
	padding-bottom: 8px;
}

/* FOOTER -------------------------------------------------------------------------------------------------*/

#footer-container{
	clear: left;
	margin: 0 auto;
	width: 980px;
	border-top: 3px solid #9d9fa2;
	padding: 4px 00;
	background: #636466; 
}

ul#footer{
	clear: left;
	width: 960px;
	list-style: none;
	color: #464647;
	background: #a7a9ab;
	border-top: 3px solid #9d9fa2;
	padding: 8px 10px;
	font-size: 0.9em;
	margin: 0 auto;
}

ul#footer li{
	float: left;
}

ul#footer li a{
	color: #464647;	
}

ul#footer li a:hover{
	color: #666666;	
}

ul#footer li a.rss{
	clear: left;
	float: left;
	width: 11px;
	height: 12px;
	text-indent: -30000px;
	display: block;
	background: url(images/footer-rss.jpg) 0 0 no-repeat;
}

ul#footer li a.rss:hover{
	background: url(images/footer-rss.jpg) 0 -12px no-repeat;	
}

ul#footer li a.fbk{
	clear: left;
	float: left;
	width: 11px;
	height: 12px;
	text-indent: -30000px;
	display: block;
	background: url(images/footer-fbk.jpg) 0 0 no-repeat;
}

ul#footer li a.fbk:hover{
	background: url(images/footer-fbk.jpg) 0 -12px no-repeat;	
}

ul#footer li a.in{
	clear: left;
	float: left;
	width: 12px;
	height: 12px;
	text-indent: -30000px;
	display: block;
	background: url(images/linked-in-icon.jpg) 0 0 no-repeat;
}

ul#footer li.mcerts{
	float: left;
	width: 11px;
	height: 12px;
	text-indent: -30000px;
	display: block;
	background: url(images/footer-mcerts.gif) 0 0 no-repeat;
	padding-right: 8px;
}

ul#footer li.tuv{
	float: left;
	width: 15px;
	height: 12px;
	text-indent: -30000px;
	display: block;
	background: url(images/footer-tuv.gif) 0 0 no-repeat;
	padding-right: 5px;
}

ul#footernav{
	clear: left;
	width: 880px;
	margin: 0 auto;
	list-style: none;
	color: #464647;
	font-size: 0.9em;
	background: #D4D5D7;
	padding: 20px 0 20px 100px;
	text-align: center;
}

ul#footernav li{
	clear: none;
	float: left;
	padding: 0 12px;
	border-left: 1px solid #636466;
}

ul#footernav li.first{
	clear: left;
	padding-left: 0 !important;
	border-left: none !important;
}	

/* GLIMMER HOME PAGE SLIDESHOW ----------------------------------------------------------------------------*/

.slideshow {
	position: relative;
	padding: 0;
	margin: 0;
}

.slideshow a img {
    border: none;
}

.slideshow li.slide {
    list-style-type: none;
}

.slideshow .slides {
	/*height: 260px;*/
	margin: 0;
}

.slideshow .slides li.slide {
	visibility: hidden;
	position: absolute;
	/*left: 5px;*/
	top: 0;
}

.slideshow .buttons {
    display: none;
}

.slideshow .buttons {
    display: block;
	position: absolute;
	z-index: 100;
	left: 20px;
	top: 20px;
	margin: 0;
}

.slideshow .buttons li {
	float: left;
	display: inline;
	width: 30px;
	height: 30px;
	margin: 0;
	padding-left: 11px;
	line-height: 30px;
	background-image: url('buttonBg.png');
	background-repeat: no-repeat;
}

.slideshow .buttons li a {
	float: left;
    text-decoration: none;
	width: 30px;
	height: 30px;
	color: #fff;
	outline: 0;
}

.slideshow ul.buttons li a:hover {
    text-decoration: none;
    color: #0a0a0a;
}

.slideshow ul.buttons li.active a:hover,
.slideshow ul.buttons li.active a {
	color: #666666;
}
		
/* BEGIN TECH TEAM CSS SECTION ----------------------------------------------------------------------------*/

/*body#fck {
	background-image: none;
}*/

form#node-form,
form#node-admin-content
{
    color: #000;
}

form#node-form {
    background-color: #ddd;
}

fieldset,
legend,
table.sticky-header,
table.sticky-enabled,
#middlecontent table.sticky-header,
#middlecontent table.sticky-enabled
{
    background-color: #eee;
    color: #000;
    float: none;
    width: 100%;
}

#middlecontent table.cke_editor{
    /*width: 100%;*/
    width: 641px;
    clear: none;
    float: none;
    display: table;
}

#middlecontent.admin a {
    color: #000;
}

div.description {
    clear: left;
}

#middlecontent fieldset p {
    color: #000;
}

table.sticky-enabled td {
    padding: 5px;
}

table.sticky-enabled tr:hover {
    background-color: #00dddd;
}

table.sticky-enabled tr.odd {
}

table.sticky-enabled tr.even {
    background-color: #fcfcfc;
}

table.sticky-enabled tr.even:hover {
    background-color: #00fcfc;
}

table.sticky-enabled td.module {
    padding-top: 10px;
    font-weight: bold;
    background-color: #fff;
}

#middle-twinwidth table{
	color: #ffffff;
}	

#middle-twinwidth table.sticky-enabled ul {
    width: auto;
}

#middle-twinwidth div.item-list ul {
    /*background-color: #ddd;*/
	list-style: none;
}

#middle-twinwidth div.item-list ul li {
    background: none;
    float: none;
    margin: auto;
    padding: auto;
    width: auto;
}

#middle-twinwidth ul.menu {
    background: none;
}

#middle-twinwidth ul.menu li {
    border-left: none;
}

#middle-twinwidth ul.menu li a {
    background: none;
}

#middlecontent.admin {
    background: none !important;
}

#middle-twinwidth #middlecontent.admin {
    padding: 0;
}

#middlecontent.admin ul li a {
    color: #636466;
}

#middlecontent.admin p,
#middlecontent.admin ul
{
    color: #000;
}

#middlecontent.admin ul {
    width: auto;
}
#middle-twinwidth #middlecontent.admin ul {
    width: auto !important;
    float: none !important;
}

#middlecontent.admin ul.menu {
    margin-bottom: auto;
}

#middle-twinwidth #middlecontent.admin ul li {
    /*float: none !important;*/
    width: auto !important;
}

#middlecontent .better-select div.form-checkboxes-scroll {
    height: auto;
    max-height: auto;
    /*overflow: visible;*/ /* see also betterselect.css */
}

#middlecontent .better-select div.form-checkboxes {
    line-height: inherit;
}

#middlecontent.admin h3{
    color: #000;
}

#middlecontent.greyback div.messages {
    color: #000;
    clear: left;
    float: left;
    width: auto;
}

#middle-twinwidth #middlecontent.admin form input,
#middle-twinwidth #middlecontent.admin form select,
#middle-twinwidth #middlecontent.admin form textarea,
#middle-twinwidth #middlecontent.admin label
{
	width: auto !important;
    float: none !important;
}

#middle-twinwidth #middlecontent.admin .form-item label {
    display: inline;
}

#middle-twinwidth #middlecontent.admin form textarea.cke_source,
#middle-twinwidth #middlecontent.admin form textarea
{
	width: 100% !important;
}

div#right div.block a.selector{
    background:url(images/OpenProductSelectorButton.png);
    width: 220px;
    height: 40px;
    /*width: 228px;
    height: 54px;*/
    display: block;
    clear: both;
    text-indent: -50000px;
}

div#contact-cta {
}
div.right {
    text-align: right;
}

/* END TECH TEAM CSS SECTION ------------------------------------------------------------------------------*/