@import url("nav.css");
@import url("tinymcestylee.css");

/* colours
F03E56 pink
0099D7 blue
9D3E99 purple
FFF601 yellow
9D9FA1 grey 
5AA744 green
*/

body{
	text-align:center;
	scrollbar-3dlight-color: #ccc;
	scrollbar-arrow-color: #cc0000;
	scrollbar-base-color: #cccccc;
	scrollbar-darkShadow-color: #000000;
	scrollbar-face-color: #E1E1E1;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #999999;
	scrollbar-track-color: #f5f5f5;
	background-color:#A6A6A6;
	
}
/*
NEW
*/
/* outer container border definition */
#floatleft{float:left}
#floatright{float:right}
#setwidth{
	text-align:left;
	margin: 10px auto;
	padding:30px 0 0 0;
	width:980px;
	background: url(../pics/cont980.gif) no-repeat left -43px;
}
/* content container border definition */
.printicon{position:absolute; top:5px; right:40px;z-index:2;}
#cont563outer{
	position:relative;
	padding:18px 0 0 0;
	margin:0;
	background: url(../pics/cont563top.jpg) no-repeat;
}
#cont563mid{
	background: url(../pics/cont563mid.jpg) repeat-y;
	z-index:1;
}
#print{height: auto; margin:-8px 14px -5px 30px;
	padding:0 5px 0 0;position:relative;}
.scroll{ 
	margin:0 14px 0 30px;
	padding:0 5px 0 0;
	height:360px; 
	overflow: auto; 
	position:relative;
}

#cont563base{
	background: url(../pics/cont563base.jpg) no-repeat left bottom;
	height:26px;
	display:block;
	padding:5px 0 0 20px;
	font-size:12px;
}

div.blend li{
opacity: 30;
-moz-opacity: 30;
-khtml-opacity:30;
filter: alpha(opacity=30);
}

/*FlashCont*/
#FlashCont{
	position:absolute;
	top:250px;
	left:0px;
	padding:6px 0 0 0 ;
	width: 276px;
	height:146px;
	display:inline;
	background: url(../pics/flashContBckg.gif) no-repeat center top;/**/
	text-align:center;
}
#FlashCont h1.spotlight {
	color: #999999;
	padding:0 0 0 15px;
	margin:0;
	font-size: 16px;
	font-weight: bold;
	text-align:left;
}
/*search form*/
#LeftContent #search form{
	margin:0 0 7px 0; padding:0;
	position:relative; 
	width:275px;
	height: 29px;
}
.searchseparator{margin-bottom:10px}
#search #maxtorque,
#search #keyword {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	background-image: url(../pics/input_bckg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:5px 30px 5px 14px;
	height:19px;
	width:237px;
	border: none 0px #FFF;
	color:#000000;
	text-align:left;
	font-size:12px;
	font-weight:bold;
}
#search #keybutton,
#search #maxbutton {
	position:absolute;
	top:3px;
	right:2px;
	display: block;
	height:23px;
	width: 23px;
	border: 0px none #fff;
	margin:0;
	padding:0;
	cursor:pointer;
	background: url(../pics/go.gif) no-repeat left top;
}
#LeftContent form  input.button hover{
	background: url(../pics/go_on.gif) no-repeat left top;
}
/*LHNAV*/
#LHnav A:link{
	color: #F59294;
	padding:3px;
	text-decoration: none;
	border-bottom: 1px dashed #CCCCCC;
	display: block;
	width: 190px;
}
#LHnav A:hover{
	color: #EC292D;
	background-color: #F8F8F8;
}
/*
END NEW
*/
._12px{
	font-size:12px
}
.small_hint{
	font-size: 11px;
	font-weight:normal;
	padding:0;
	margin:0;
}
.ClearR {
	clear:right;
	line-height:1px;
	height:1px;
}
.ClearL{
	clear:left;
	line-height:1px;
	height:1px;
}
.hidden{
	visibility: hidden;
}
#showtag,/* for IE opacity bug*/
#download-infosheets{
	width:480px;
	background-color:#FFF;
}
/* END initial set up -
~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* 
##############################
    - POSITION ELEMENTS -
##############################
*/
/* containers and boxes  */

#wrapper_mid{
	position:relative;
	margin: 0;
	padding: 0;
	display:block;
	text-align:left;
	padding: 0px 40px 0px 50px;/**/
	background:#fff url(../pics/cont980mid.gif) repeat-y left top;
	/*Cross Browser min-height*/
    min-height:540px;
	height: auto !important;
	height: 540px;
	/*END Cross Browser min-height*/
}
#header{
	position:relative;
	/*z-index:10000; keep nav over the main body content*/
	display:block;
	height:140px;
	margin:0 0 0 0;
}
#strap{
	width:239px;
	position:absolute;
	top:75px;
	left:1px;
}
#prodheader{
	width:560px;
	position:absolute;
	top:0px;
	right:0px;
	font-size: 14px;
	font-weight: bold;
	text-align:center;
	/*border:1px solid #000;*/
}
img.logo{
	position:absolute; top:10px; left:0px;
	z-index:22;
}

/* Float left or right  margin:0 240px 0 0 ;*/
#RightContent{
	float:right;
	display:block;
	width:564px;
	margin:0 0px 0 0;
}
#LeftContent{
	position:relative;
	float:left;
	display:block;
	width:325px;
	margin:0;
	/*border-right:1px solid #ccc;*/
}

/* FOOTER */
#wrapper_base{
	padding: 0 65px 0 50px;
	color:#000000;
	font-size: 11px;
	margin:0;
	display:block;
	height:31px;
	background:url(../pics/cont980.gif) no-repeat left -6px;
}
#wrapper_base A{
	color:#000000;
}
#wrapper_base A.red {color: #F03E56;}

#wrapper_base #floatleft{text-align:left;width:300px}
#wrapper_base #floatright{text-align:right; width:550px}

/* SEO section  */
#footer{
	text-align: left;
	margin:200px auto;
	width:980px;
	color: #fff;
	font-size: 10px;
	display:block;
}
.tags{
	text-align: left;
	padding:0;
}
.ecc{
	color:#D0E9FD;
	float:right;
	padding:0;
}
.ecc a:link,
.ecc a:visited{
	text-decoration:none;
	color:#88BCDB;	
}
.ecc a:hover{
	text-decoration:none;
	color:#999999;
}
/* END POSITION ELEMENTS -
~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*
#########################
     - Forms -	
#########################
*/
table#enquiryform {
	font-size:11px;
	margin:10px 0;
	/*background-image: url(../pics/navSide-bckg.gif);
	background-repeat: repeat-x;
	background-position: left 30px;
	
	border-top:none;*/
	border:1px solid #ccc;
	background-color: #FFFFFF;
}
#enquiryform  td.header{
	color: #F03E56;
	font-size:14px;
	padding: 0 5px;
	height:30px;
	border-bottom: 4px solid #F03E56;
}
#enquiryform  td{
	padding:2px 10px;
}
#enquiryform H2.break{
	border-top:1px solid #333;
	padding-top:5px;
}
#enquiryform input,
#enquiryform textarea{
	width:200px;
	border: 1px solid #B3D0E1;
	/*background-image:url(../pics/formbckg.gif);
	background-repeat:repeat-x;*/
	background-color:#FFF;
	padding:2px 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px
}
#enquiryform textarea{
	width:225px;
	height:165px;
}
#enquiryform input.checkbox{width:20px; background-image:none;border: none;background-color:none;margin: 0;}

#enquiryform input.required,
#enquiryform textarea.required{
	/*background: #FFCECE url(none);*/
}
#enquiryform input.null,
#enquiryform textarea.null{
	/*background-image:url(../pics/formbckg.gif);
	background-repeat:repeat-x;
	background-color:#FFF;*/
}

table#enquiryform input.submitbutton,
table#enquiryform input.submitbutton:visited{
	background-image:none;
	width:100px;/**/
	margin-right:10px;
	padding:2px;
	border: 1px solid #999;
	background-color:#F03E56;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
}
#enquiryform input.submitbutton:hover{
	background-color:#E2122D;
}
.hide-formselect-message,
.hide{
	display:none;
}
.show-formselect-message{
	display:inline;
	background-color:#FFFF99;
	padding:3px;
}
.formtitles{
	width:160px;
}
.footnote{
	display:none;
	float:right;
	font-size: 11px;
	color:#56AFF8;
	float:right;
	margin:20px 20px 0 0;
}
/*     - END Forms -
~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
#########################
     - Testimonials -	
#########################
*/
div.testimonials {border-bottom:1px solid #000;
margin:0 0 10px 0}
/*     - END Testimonials -
~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
#########################
 - PRESS -
#########################
*/
/* - news scroller - */

#NewsCont{
	margin:0 0 10px 0;
	padding:6px 10px;
	width: 258px;
	overflow: hidden;
}

#NewsCont, #NewsCont .sb-inner { background:#fff }
#NewsCont .sb-border {background: #ccc;}
#NewsCont .sb-shadow {background: #546C92;}
#NewsCont h2{
	font-size:16px;
	margin:0 0 0 5px;
	padding:0;
	font-weight:bold;color:#999;
}
/* - newsticker - */

#newsticker {
	/*width:260px;*/
	padding:0;
	overflow:hidden;
	height:auto;
	margin:0;
	text-align:left;
	
}
/*#newssummary_title a:hover{
	background-color:#FFF;
	color:#000;
	padding:1px;
	text-decoration: underline;
}*/
#newsticker ul {
	padding:0px;
	margin:0px;
	/*width:247px;*/
	overflow:hidden;
	height:90px;
}
#newsticker li{
	display:block;
	font-size:10px;
	list-style-type:none;
	padding:3px;
	padding:0px;
	width:256px;
	margin: 0px;
	background-image: none;
}
#newsticker h2{
	font-size:13px;
	line-height:12px;
	font-weight:bold;
	margin:0;
	padding:0;
	color: #000;
	display:inline;
}
#newsticker p {
	margin:0;
	padding:0;
	line-height:14px;
	font-size:12px;
	font-style: italic;
	display:inline;
}
#newsticker A:link H2,
#newsticker A:visited H2{
	text-decoration:none;
	font-weight: bold;
}
/*border:1px solid #000;*/
#newsticker A:link,
#newsticker A:visited{
	padding:4px;
	display:block;
	color:#666666;
	text-decoration:none;
 	background-color: #FFF;
}
#newsticker A:hover{
	background-color: #F7F7F7;
	padding:3px;
	border:1px solid #CCC;
	color:#2E6BB0;
}
#newsticker span.readmore {
	color:#000;
	text-decoration: underline;
}
#newsticker A:hover span.readmore {
	text-decoration:none;
	color:#FF0000;
}
/*news fade rotation*/
#moostick,
	.moostick
{
	display: block;
	height: 1.1em;
	margin: 0;
	padding: 2px 0;
	overflow: hidden;       /* used in css check */
}

#moostick li,
	.moostick li
{
	display: block;         /* used in css check */
	list-style-type: none;  /* used in css check */
	margin: 0 auto 0 auto;
	padding: 0;
}

#moostick .show,
	.moostick .show
{
	visibility: visible;
	filter:alpha(opacity=1);    
	opacity: 1;
}
/*
END Newsticker ~~~~~~~~~~~~~~~
*/

/* news list page  */
#news .posrel{
	position:relative;
	/**/z-index:10;
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px dashed #CC3333;
}
#news .separator{
	padding: 5px;
}
#news  .imgborder{
	border: 1px solid #ccc;
	padding: 3px;
	background-color: #FFF;
	margin: 0 10px 0 0;
	float:left;
}
#news div.separator A:link,
#news div.separator A:visited {
	color: #000;
	text-decoration:none;
	display:block;
	padding:5px;
	background-image: url(../pics/news_summarybckg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	border:solid 1px #ccc;
}
#news div.separator A:hover {
	display:block;
	background-color:#F7F7F7;
	color: #2E6BB0;
	background-image: none;
	border:solid 1px #ccc;
}

#news A:link .fullstory ,
#news A:visited .fullstory{
	color: #000000;
	text-decoration:underline;
}
#news A:hover .fullstory {
	text-decoration:none;
	color:#FF0000;
}

#news  A.readmore:link,
#news  A.readmore:visited{
	position:absolute;
	z-index:12;
	font-size:12px;
	padding:3px;
	top:10px;
	right:10px;
	color: #000;
	text-decoration:underline;
	display:inline;
	border:1px solid #E5E5E5;
	background-color:#E6F1F7;	
}
#news  A.readmore:hover {
	text-decoration:none;
	color:#FF0000;
}
/* END news list page  */

/*   PRESS  summary */
#newssummary_title {
	/*width:auto;*/
	display:block;
	width:222px;
	height:27px;
	text-align:left;
	padding:0;
	margin: 0;
	background-image: url(../pics/section_header_bckg.gif);
	background-repeat: repeat-x;
	font-size:16px;
	color:#A6975F;
}

#newssummary_title .spacer{
	display:block;
	background-image: url(../pics/section_header_left.gif);
	height: 27px;
	width: 27px;
	float:left;
	padding: 0 10px 0 0;
	background-repeat: no-repeat;
}

#PRsummary{/*the scroll content*/
	width:211px;
	padding:4px 5px 4px 4px;
	/*height:420px;*/
	height:auto;
	overflow: none;
	position:relative;
	background-image: url(../pics/news_summarybckg.jpg);		
	background-repeat: repeat-x;
	background-color:#FFF;
	border: 1px solid #EFEDED;
}
#PRsummary H2,
#PRsummary P{
	line-height:13px;
	font-size:12px;
	margin:0;
	padding:0;
}
#PRsummary H2{
	font-size:13px;
	line-height:14px;
	font-weight:bold;
	margin:0 0 3px 0;
}
#PRsummary A:link H2,
#PRsummary A:visited H2{
	text-decoration:none;
	font-weight: bold;
}
#PRsummary A:link,
#PRsummary A:visited{
	padding:4px;
	display:block;
	color:#666666;
	text-decoration:none;
}
#PRsummary A:hover{
	background-color: #E6E6E6;
	padding:3px;
	border:1px solid #CCC;
	color:#2E6BB0;
}
#PRsummary .relpos{
	position:relative;/**/
}
#PRsummary .imgcont img{
	width:100px;
	float:right;
	padding:0 0 5px 0;
}
#PRsummary A:link P .readmore,
#PRsummary A:visited P .readmore{
	color: #CC0000;
	text-decoration:underline;
}
#PRsummary A:hover P .readmore{
	color:#FC7E05;
	text-decoration:none;
}
#PRsummary .separator{
	margin: 5px 0;
	border-bottom: 1px dashed #FC7E05;
}
/* END PRESS summary */

/* END PRESS details  */
#PRdetails{
	padding:10px;
}
/* END PRESS details */

/*     - END PRESS -
~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*
#########################
 - Promo containers -
#########################
*/


/*     - END Promo containers -
~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*
#########################
     - gallery -	
#########################
*/
#gallery{font-size:11px;
	font-weight:bold;
}

td #descriptionref{font-size:14px;
	font-weight:normal;
	line-height:normal;
}
.choosecat{
	font-size:12px;
	font-weight:normal;
}
.jumpmenu{
	/*width:150px;*/
	padding:1px 0 1px 5px;
	background-color:#FEFDD3;
	border:1px solid #CCC;
	margin: 10px 0 0 0;
}

#gallery div.thumbs{
	float:left;
	margin:4px;
	padding:3px;
	border: 1px solid #ccc;
	width:100px;
	height:100px;
	background-color: #FFFFFF;
}
#gallery .thumbs img{
	position:absolute;
	right: auto;
	clip:rect(0px 100px 100px 0);
	left: auto;
}
/* END GALLERY -
~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*
#########################
 - mouse over tips -
#########################
*/
#legend{
	position:absolute;
	visibility:hidden;
	z-index:50000;/*any value*/
	overflow:hidden;/*must have*/
	width:180px;/*must have for any value*/; 
	width:320px;/*must have for any value*/; 
	top:35px; 
	top:35px; 
	left:-10px;
	font-size:10px
}
#legend img{ padding:0 5px 5px 5px}
#legend iframe
{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:10;/*must have*/
	filter:mask();/*must have*/
	width:320px;/*must have for any big value*/
	height:295px/*must have for any big value*/;
}
#Flashframe{position:relative;z-index:1}
.iconlegend{float:right; margin-right:55px;font-size:8px;font-size:9px;}
#flags{float:left;position:absolute;z-index:1;}
.tt_body,
.tt_header,
.tt_b100,
.tt_h100,
.tt_b300,
.tt_h300,
.tt_b400,
.tt_h400,
.tt_b204,
.tt_h204
{
font-weight:bold;
font-size:12px;
padding:5px 3px;
width:600px;
text-align:left;
position:relative;
z-index:2000;
}
.tt_h100{
width:150px;
}
.tt_b100{
width:150px;
}
.tt_h300{
width:300px;
}
.tt_b300{
width:300px;
}
.tt_h400{
width:400px;
}
.tt_b400{
width:400px;
}
.tt_b300{
	color:#FFF;  
	background: #231F20 url(../pics/tt_footer_300.gif) no-repeat center bottom;
	width:294px;
}
.tt_h300{
	color:#FFF;
	width:280px;
	padding:5px 10px;
	background: #231F20  url(../pics/tt_header_300.gif) no-repeat center top;
}
.tt_b204{
	font-size:8px;
	color:#FFF;
	border:none; 
	width:155px;
	width:280px;
	padding:8px 10px;
	background:  url(../pics/tt_footer_220.gif) no-repeat left bottom;
}
.tt_h204{
	color:#FFF;
	width:155px;
	width:280px;
	padding:6px 10px 0 10px;
	background:  url(../pics/tt_header_220.gif) no-repeat left top;
}
/*PRODUCT DOWNLOADS*/
#showtag A,
#download-infosheets A{
	text-decoration: none;
}
#col_one .arrow,
#col_two .arrow,
#col_three .arrow,
#col_four .arrow{
	display:block;
	width:16px;
	height:16px;
	float:left;
	margin-right:5px;
	background: url(../pics/downloadarrow1.gif) no-repeat left top;
}
#col_two .arrow{background:  url(../pics/downloadarrow2.gif) no-repeat left top;}
#col_three .arrow{background:  url(../pics/downloadarrow3.gif) no-repeat left top;}
#col_four .arrow{background: url(../pics/downloadarrow4.gif) no-repeat left top;}




@media screen and (-webkit-min-device-pixel-ratio:0) {
/*
Safari 3, Chrome and Opera corrections here or 
::root .classname{value}
*/
ul#nav  li a { /* toplevel anchors  */
	line-height:92px;
}

#yourId {
 your value: 0;
}
#products table{width:490px} 
}