/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Basic HTML


##########################
unused - limey green: #5e8f17 - lighter blue instead
unused - golden yellow: #eeac0c

lighter blue: #1488CB (for right column titles etc)
dark blue: #092e65 (used for heading text etc)
##########################

----------------------------------------------------------------------------------------------------*/

body {
	font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	background-color:#fff;
	/* background-image: url(../images/bg.jpg); */
	color:#666;
}

a:focus {
	outline: 1px dotted invert;
}

hr {
	border: 0 #ccc  dotted;
	border-top-width: 1px;
	clear: both;
	height: 0;
	
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 25px;
	letter-spacing: -1px;

}

h2 {
	font-size: 23px;
}

h3 {
	font-size: 21px;

}

h4 {
	font-size: 19px;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 11px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
	padding-left:15px;
}

ul {
	list-style: square;
	padding-left:15px;

}

li {
	
}

p,
dl,
hr,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 20px;
}

p{ background-color: white;}

h1, h2, h3, h4, h5, h6{
margin-bottom:10px;
background-color: white;
font-family:sans-serif;
font-weight:normal;
/*letter-spacing:-1px;*/
}

h2, h3, h4, h5, h6{
color:#092E65;;
}

h1{
color:#1488CB;
}

.left-col-inner h4 {
margin-top:-15px;
}

.newssnippet{
	font-weight:700;
	background-color: white;
}

h6 {
	/* 16x1=16px */
	line-height: 26px; /* 16x1.625em=26px */
	/* font-family: Georgia, serif; */
	color: #999;
	font-variant: small-caps;
	text-transform: lowercase;
	margin-top: -17px;
}

a:link, a:visited{
color:#0E4185;
text-decoration:none;
}
	
/* imgage alignment
----------------------------------------------------------------------------------------------------*/
img {
	border: 4px solid #FFF;
	/* below for Buggy Nasty crappy IE7 - the <p> which has bg color to overlap the images with that bg colour ?? */
	position: relative;
}

.alignright {
  float: right; 
  margin: 0 0 20px 15px;
  width:auto;
}
.alignleft {
  float: left; 
  margin: 0 15px 20px 0;
  width:auto;
}


a img {
	border:none;
}


.col1{
	padding-right:10px;
	float:left;
	width:auto;

}
.col2{
	padding-left:10px;
	padding-right:10px;

}
.col-left{
	padding:10px;
}



.pftnc img{
	padding-right:30px;
	padding-bottom:30px;

}

.img-br{
	margin-bottom:20px;
	padding:3px;
	border:1px solid #ccc;

}

.tn-br{
	padding:3px;
	border:1px solid #ccc;
}

.img-news {
  float: left; 
  margin: 0 15px 70px 0;
  width:auto;
}

/* Blockquote
---------------------------------------------*/

blockquote{
	border:1px solid #eee;
	background-color:#dedede;
	padding:20px 10px 10px 20px;
	margin:10px 0px 10px 0px;
	border-left:3px solid #ccc;
	font-size:12px;
	font-style: italic;
}

blockquote p {
	background-color:#dedede;
}

/* header
----------------------------------------------------------------------------------------------------*/
#header{
	background-image: url(../images/header.png);
	background-repeat: no-repeat;
	height: 99px;
	width: 940px;
	position:relative
}

#language{
	position:absolute;
	top:0; 
/*	right:0;*/ 
	height: 20px;
	width: 940px;
	padding-top:4px;
	text-align:right;
}
#language a img {
	margin-right: 5px;
	border: 1px solid #666;
}
/* logo
----------------------------------------------------------------------------------------------------*/

#logo{
	width:50%;
	float:left;
/*	line-height:60px; */
	padding-top:27px;
	text-align:left;
}
#logo img{
	float:left;
	padding: 0 10px 0 10px;
	/*margin-top: 4px;*/
	border: none;
}
#logo h1 {
	font-size: 26px;
	line-height: 26px;
	/* 	line-height: 99px; */
	letter-spacing: -1px;
	margin: 0 0 2px 0;
	color: #092e65;
	background-color: transparent;
	/*	text-indent: -999px; */
}
#logo span {
	padding-left:65px;
}

#call{
	width:50%;
	float:left;
	text-align:right;
	padding-top:30px;
	font: bold;
	color: #092e65;
}
#call h3{
	font-size:25px;
	letter-spacing: -1px;
	margin:0px;
}
#call strong{
color:#1488CB;
}

.tooltip{ position: absolute; top: 0; left: 0; z-index: 3; display: none; } 


/* Navigation
----------------------------------------------------------------------------------------------------*/
#navigation{
	background-image: url(../images/menu-bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	height:56px;
	margin-bottom: 10px;
}

#navigation ul li.activelink a, #navigation ul li.activelink a:link, #navigation ul li.activelink a:visited{
	color:#fff;
	background-color:#0c5b8e;
}

#navigation div.rightcontent {
	float: right;
	color: #FFF;
	/* line-height: 43px; */
	vertical-align:middle;
	padding-right: 15px;
	font: bold 16px/43px Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
}

#navigation div.rightcontent:before { content: "t: "; }

/* titles
----------------------------------------------------------------------------------------------------*/
.title1{
	margin-bottom:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:2em;
	color:#eeac0c;
	letter-spacing: -1px;
	padding-left:20px;
}

/* Thumbnails
----------------------------------------------------------------------------------------------------*/
.thumb-nails img{
float:left;
}

/* right column/sidebar
----------------------------------------------------------------------------------------------------*/
.right-column{
	padding:0 20px;
	position: relative;
	color:#777;
}

.right-column h3{
	margin-bottom:10px;
	letter-spacing: -1px;
	font-family: sans-serif;
	font-weight:normal;
	color:#1488CB;
}
.right-column p, div.recent-news-snips p{
	margin-top:10px;
	margin-bottom:0px;
}
.sidebar-top{
	background-image: url(../images/sidebar-top.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	width:299px;
	height:18px;
}
.sidebar-bot{
	background-image: url(../images/sidebar-bot.png);
	background-repeat: no-repeat;
	background-position: center top;
	width:299px;
}
.sidebar-mid{
	background-image: url(../images/sidebar-mid.png);
	background-repeat: repeat-y;
	width:299px;
}
.view-more{
margin-top:10px; /* 10px */
}

.news-view-more{
margin-top:0px; /* 10px */
vertical-align:text-top;
}

/*  sidebar titles/ icons
----------------------------------------------------------------------------------------------------*/
.right-column h3.search{
	background-image: url(../images/search.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:40px;
}
.right-column h3.news{
	background-image: url(../images/news.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:40px;
}
.right-column h3.contacts{
	background-image: url(../images/email.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:40px;
	width: auto;
}
.right-column h3.products{
	background-image: url(../images/au.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:40px;
}

.right-column div.recent-news-snips p{
	font: 12px/1.3 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; clear: both;	
}

.right-column div.recent-news-snips p strong{
	color:#092E65; 	
}

/* left column/content column
----------------------------------------------------------------------------------------------------*/
.left-col-inner {
padding-right:20px;
}


.left-col h3{
	margin-bottom:0px;
	letter-spacing: -1px;
	font-family: sans-serif;
	font-weight:normal;
}

/* bottom container
----------------------------------------------------------------------------------------------------*/
.bottom-container{
	background-image: url(../images/bottom-bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 291px;
	width: 940px;
	color:#111;
	margin-top:30px;
}

.bottom-container img {border: none;}

.bottom-container h3, .right-column h3{
	margin:0px;
	color:#092e65;
}

.bottom-container .col1, .bottom-container .col2 {
	padding: 20px;
}
.bottom-container .col2 {
	margin-left:0px;
}

.bottom-container .col2 .tm-bg{
	background-image: url(../images/tm-bg.png);
	background-repeat: no-repeat;
	height: 179px;
	width: 390px;
}

.bottom-container .col2 .tm-content{
	width:350px;
	padding-top:35px;
	padding-left:20px;	
}


/* contact form
----------------------------------------------------------------------------------------------------*/

#container {
	margin: auto;
	overflow: hidden;
	position: relative;
}
input{
	padding:2px 5px;
	border:1px solid #ccc;
	background-image: url(../images/form-field-bg.jpg);
	background-repeat: repeat-x;
	height:20px;
	width: 15em;
}

.contact-us {
	text-align:left;	
	padding:10px 0;
	width:auto;
}

.contact-us textarea {
	width: 30em;
	padding:2px 5px;
	border:1px solid #ccc;
	background-image: url(../images/form-field-bg.jpg);
	background-repeat: repeat-x;
}
.contact-us .submit {
	position:relative;
	left:110px;
	border:none;	
	width:102px;
	height:31px;	
	background-image:none;
}


.contact-us .form-col1 {
	color:#666;
	width:100px;
	height:30px;
	float:left;
	display:block;
	text-align:left;
	padding-right:10px;
	font-weight:700;
}
.message {background-color:#eee;
	border:1px solid #ccc; color:#cc3300;display:none;width:460px;padding:10px;}
	.contact {text-align:right;}
	.contact ul {list-style-type:none;width:390px;}
	.contact li {list-style-type:none;}
	.contact input {width:260px;}
	.contact textarea {width:260px;}

/* search
----------------------------------------------------------------------------------------------------*/

p.search {
	margin:0px;
	float:left;
	margin:10px 0 20px;
	width:auto;
	vertical-align:middle;
}
p.search input{
	padding:0px 3px;
	border:1px solid #e0e0e0;
	background-image: url(../images/form-field-bg.jpg) top left;
	background-repeat: repeat-x;
	height:20px;
	width: 15em;
	display:block;
	float:left;
}
#go{
	background-color:#138ACD;
	color:#fff;
	border:1px solid #0C5B8E;
	background-image:none;
	width:36px;
	height:22px;
	font-weight:bold;
	position:relative;
	line-height:22px;
	margin-left:2px;
}

#go:hover{
	background-color:#D1EAF6;
	color:#138ACD;
	border:1px solid #85C8F5;
}

#container #response {
	text-align: left;
	color: Red;
	padding: 0 0 0 1em;
}

#container ul li.success {
	color: #292929;
}

#main
{
	position: relative;
	float: left;
	overflow: hidden;	
	text-align: left;
	width:auto;
}

p small {
	display: block;
}

#main img.loaderIcon {
	width: 70px;
	position: absolute;
	top: 1em;
	right: 2em;
}

/* footer container
----------------------------------------------------------------------------------------------------*/
#footer{
	background-image: url(../images/transmon-footer.png);
	background-repeat: no-repeat;
	background-position: center center;
	height:56px;
	margin-top:20px;
}

#footer p{
	margin-right:10px;
	padding-top:10px;
	color: #CCCCCC;
	float:right;
	width:auto;
	display:inline;
	background-color: transparent;
}

#footer a{color: #CCCCCC;}


/*  products page
-----------------------------------------------------------------------------------------------------*/

#product_list{	margin-left: -85px;}
#product_list hr{	margin-left: 85px;}
#product_list ul {	list-style:none;}
#product_list ul li h5, #product_list h3, #product_list h4{	display:inline;}

#product_list ul li h5 {
font-size:1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:700;
}

#product_list ul li img {
	position:relative;
	left: 85px;
	top: 100px;
	margin-top: -50px; /* manages the gap between the groups with relation to image top position here */
}

#product_list ul li ul { padding-top:10px;	} /* add gap between H5 tag and begining of bullet points */

#product_list ul li ul li{
	background: transparent url(../images/bullet.png) no-repeat left 6px; 
	margin-left: 180px;
	padding-left: 20px;
	line-height: 24px;
	vertical-align:middle;
}

#product_list ul li ul.docs li {
	background: transparent url(../images/adobe_pdf_small.gif) no-repeat left center; 
	margin-left: 180px;
	padding-left: 28px;
	line-height: 24px;
	vertical-align:middle;
}

#product_list ul li ul.docs li a, ul.docs-above li a { 	color:#900; }

ul.docs-above li{
	background: transparent url(../images/adobe_pdf_small.gif) no-repeat left center; 
	padding-left: 28px;
	line-height: 24px;
	vertical-align:middle;
	margin-left: 0px;
	list-style:none;
}


/* Product Menu on right
---------------------------------------------------------------------------------------------------*/

#product-menu ul {
	list-style:none;
	margin-left:0px;
	line-height: 26px;
}

#product-menu ul li{
	background: transparent url(../images/bullet.png) no-repeat left center; 
	margin-left: 0px;
	padding-left: 20px;
	line-height: 24px;
	/* list-style: square inside url(../images/icon_forklift.png); */
	vertical-align:middle;
	font-weight:bold;
}


/* Product List on Individual Products Pages
---------------------------------------------------------------------------------------------------*/

.product-infolist-space { 
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 20px;
}

#product-infolist ul {
	list-style:none;
	margin-left:0px;
	margin-bottom: 30px;
}

#product-infolist ul li {
	background: transparent url(../images/bullet_tick.png) no-repeat left 6px; 
	margin-left: 0px;
	padding-left: 20px;
	line-height: 22px;
	vertical-align:middle;
}

.product-infolist span {
	background: transparent url(../images/bullet.png) no-repeat left 3px; 
	margin-left: 0px;
	padding-left: 20px;
	line-height: 20px;
	vertical-align:middle;
	font-weight:700;
	color:#0E4185;
	font-size: 14px;
}


/* The sublists under the main product lists above
-----------------------------------------------------*/
.product-sublist {
	margin-left: 20px;
}

.product-sublist ol {
	list-style:inside decimal;
	margin-left:0px;
}

.product-sublist ol li{
	margin-left: 0px;
	padding-left: 5px;
	line-height: 22px;
	vertical-align:middle;
	font-weight: 700;
	color:#003399;
}

.product-sublist ol li p {
	font-weight: normal;
	color:#666;	
	display: inline;
}

/* Accordion Menu styling - each H3 heading is about 30px high
-----------------------------------------------------------------------------------------------------*/

#acc {width:85%; list-style:none; margin:10px 0 20px 0; padding-left: 20px;}
#acc h3, #nested h3{font: 1em/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; font-weight: 700; letter-spacing:normal; width:auto; border:1px solid #85C8F5; padding:3px 0px 3px 5px; margin-top:8px; cursor:pointer; background: #D1EAF6 url(../images/menu-accordion-header-bg.gif)} 
#acc h3:hover {background: #0C5B8E url(../images/menu-accordion-header-bg-o.gif); color: #ffffff;}
#acc h3 img {	border:none; vertical-align:middle; padding-right: 5px;}

#acc .acc-section {overflow:hidden; background:#fff}
#acc .acc-content {width:auto; padding:5px; border:1px solid #9ac1c9; border-top:none; background:#fff}

#acc .acc-content ul {	list-style:none; margin: 0px; padding: 5px 0px 5px 5px;}
#acc .acc-content ul li{
	background: transparent url(../images/bullet.png) no-repeat left 6px; 
	padding-left:20px;
	line-height:24px;
	/* list-style: square inside url(../images/icon_forklift.png); */
	vertical-align:middle;
	font: 0.975em/1.8 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; font-weight: 700; letter-spacing:normal;
}

#nested {width:168px; list-style:none; color:#033; margin-bottom:7px}
#nested h3 {width:156px; border:1px solid #9ac1c9; padding:3px 0px 3px 5px; font-weight:bold; margin-top:3px; cursor:pointer; background:url(../images/menu-accordion-header-bg.gif)}
#nested h3:hover {background:url(../images/menu-accordion-header-bg-o.gif)}
#nested .acc-section {overflow:hidden; background:#fff}
#nested .acc-content {width:140px; padding:7px; border:1px solid #9ac1c9; border-top:none; background:#fff}
#nested .acc-selected {background:url(images/header_over.gif)}


/* NEWS PAGE
----------------------------------------------------------------------------------------------------*/

#news-list h3 {line-height: 21px; margin-bottom: 15px; }

/* EXTRAS
-----------------------------------------------------------------------------------------------------*/

.green {color: #5e8f17;}
.blue-light {color: /*for right column titles etc*/ #1488CB;}
.bg-blue-light {	background-color: /*for right column titles etc*/ #D0EBFB;}
.blue-dark {color: #092e65;}
.red {color: #900000;}
.yellow {color: #1488CB;}
.bold {font-weight: 700;}
.fright{ float: right;}
.fleft { float: left;}

.savure {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:oblique;
	text-decoration:none;
	color:#006;
}

.clearl, img.clearl {clear:both;}
.dn-show {visibility: hidden; /*height:1px;*/}
.breadcrumb  { padding: 0 0 0 10px;}
/* .breadcrumb:before { content: "You are here: "; } */


/* Add extra top padding / margin to right sub menu for product pages
----------------------------------------------------------------------*/
.right-column ul { margin-top: 14px; }


/* Promo text at top of home page - the lighter gray: #ababa5 - mid gray is: #8C8C8C or main text colour is #666
----------------------------------------------------------------------*/
#promotextbox h3.promotextquote { display:block; width: 30px; height: 82px; float: left; font-size: 100px; line-height: 70px; padding-top: 18px; color:#e0e0e0 }

#promotextbox h3.promotext {text-align: justify; text-justify: newspaper; font-size: 16px; color:#8C8C8C; line-height:23px; font-weight:700; display:block; width: 535px; height: 100px; margin: 10px 0 5px 5px; padding: 0px; letter-spacing: 0.025em;float: left; background-color: #fff; }

#promotextbox h3.promotextquote-right { display:block; width: 30px; height: 22px; float: left; font-size: 100px; line-height: 70px; padding-top: 55px; color:#e0e0e0}


/* Molokini footer link style
---------------------------------------*/
#molokini-microbutton a {
	float:right;
	display: block;
	height: 15px;
	width: 80px;
	border: none;
	overflow: hidden;
	background-color: transparent;
	padding:0 10px 10px 10px;
	text-align:right;
	font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	color: #CCCCCC;
	/* TO CENTER BUTTON
	width: 99%;
	text-align:center;
	*/
}

/*----------------------------------*/