/* hack for forcing scroll bars to stop page jog - http://www.splintered.co.uk/experiments/49/ */
html { margin-bottom: 0px; min-height: 101%; }



body { background: #fff; text-align: center; font-family: Arial, Helvetica, "sans serif";
margin:0; padding: 0; font-size: 0.8em; color: #6d6e71;
margin: 25px 0;}


    /*
     * bg colours - header and footer layout
     */

    div#content {
      background-color:#fff;
    }
	
	div#topnav {display: none;
    }
	
	div#search {
	 display: none;
    }
	


    div#header {height: 125px;
      background:#fff url(../img/TTCC_logo-header.jpg) no-repeat;
    }
	
	div#footnav {display: none;
    }
	
    div#footer {height: 200px;
      background-color:#fff;
padding-top: 20px;
  margin: 20px auto;
  text-align: center;
  border-top: 2px solid #ccc;
    }
	
	

    /*
     * Actual structure, don't edit
     */

    div#layout {
      text-align:left;

      /* Keeps it centered */
      margin-left:auto;
      margin-right:auto;
    }

    div#wrapper {
      float:left;
      width:100%;
	  margin-top: 0px;
	  padding-top: 20px;
	    border-top: 1px solid #890c08;
    }

    div#wrapper-inner {
      float:left;
      width:100%;
      margin:0 -95% 0 0;
    }

    body.right div#content {
      float:left;
    }

    div#leftbar {
      float:left;
      position:relative;
      left:-5%;
    }

    div#rightbar {
      float:right;
      margin:0;
    }

    div#footer, div#footnav  {
      clear:both;
    }


    /*
     * markup free clearing
     */

    div#wrapper:after,
    div#wrapper-inner:after,
    div#content:after,
    div#main:after,
    div#main:before {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
    }

    div#wrapper,
    div#wrapper-inner,
    div#content,
    div#main,
    div#main {
      display: inline-block;
    }



p {line-height: 125%; margin: 12px 20px 12px 12px;
	color: #6d6e71; font-family: Arial, Helvetica, "sans serif";
	font-size: 1em; 
}

p.large {line-height: 135%; 
margin: 12px 20px 12px 12px;
	font-size: 1.2em; 
}

p.large-black {line-height: 135%; 
margin: 12px 20px 12px 12px;
	font-size: 1.2em; 
	color: #000; 
}

p.small {font-size: 0.8em; 
margin: 12px 6px 12px 12px;
line-height: 100%; 
color: #333;}

table {margin: 0px 12px 12px 12px;
}

td {line-height: 125%; margin: 0px 12px 12px; vertical-align: top;
 font-family: Arial, Helvetica, "sans serif";
}

table.data-spec {margin: 0px 12px 12px 12px;
font-size: 0.8em; 
line-height: 100%; 
color: #333;
}

table.data-spec td {margin: 0px 12px 12px; vertical-align: top;
border: 1px solid #ececec;
}
tr.data-spec {margin: 0px 12px 12px; vertical-align: top;

}



.product-title {color: #000; 
font-weight: bold;
vertical-align: top;
font-family: Arial, Helvetica, "sans serif";
}

.matches-found {color: #6d6e71; 
margin: 3px 0 0 19px;
float: left;
clear: all;
}

.features {color: #000; 
font-weight: bold;
margin: 12px 0 0 12px;
font-family: Arial, Helvetica, "sans serif";
}

form {
	color: #6d6e71; font-family: Arial, Helvetica, "sans serif"
}
ul {margin: 0px 0px 12px 0px; 
padding-left:0px;
}

li {line-height: 125%; margin-left: 16px;
	 font-family: Arial, Helvetica, "sans serif";
	 list-style: none;
	background: url(../img/yellow-bullet.gif) no-repeat 0px 50%;
padding-left: 10px;
	 color: #6d6e71;
}


hr {
	width: 670px; color: #ececec; height: 1px; border: 1px solid #ececec; margin: 10px;
}

blockquote {margin: 20px 10px; 
padding: 0 0 0 10px; 
	border-left: #d4a21f 10px solid; 
	font-weight: bold;
	}





/* HEADER STYLES */

h1 {font-size: 1.5em; 
	margin: 16px 0px 16px 12px; 
	color:#890c08;
	font-family: Arial, Helvetica, "sans serif" ;
	padding:0;
	line-height: 1em;
	letter-spacing: 0.01em;
	font-weight: 100;
}





h1.header-text {font-size: 1.6em; 
	margin: 0px 0px 0px 60%; 
	color: #890c08; 
	font-family: Arial, Helvetica, "sans serif" ;
	padding: 21px 0 0 0;
	letter-spacing: 0.01em;
	line-height: 1.1em;
	font-weight: 100;
}

h1.search-results {
	margin: 0px 0px 16px 12px; 
	float: left;
}


h2 {font-size: 1.3em; 
}



h3 {font-size: 1.2em; 

}

h4 {font-size: 0.9em;
	margin: 10px 12px; 
	color: #666; 
}

h5 {font-size: 1.2em;
	margin: 3px 0px 3px 0px; 
	color: #fff; 
	font-family: Arial, Helvetica, "sans serif" ;
	padding: 0px 0 0 0;
	letter-spacing: 0.01em;
	line-height: 1.1em;
	font-weight: 700;
}





/* IMAGE STYLES */

.main-image {width:100%; height: 100%;  margin: 0 0 12px 12px;}

.products-image {width:419px; height: 242px;  margin: 0 0 12px 12px;}

.applications-image {width:419px; height: 242px;  margin: 0 0 12px 12px;}

.rightbar-image {display: none;}

.footer-logo {width:320px; height: 40px; margin: 0 12px;}

.search-results-image {width:100px; height: 100px; border: 1px solid #ececec;}

.read-more {width:92px; height: 23px; border: 0px; margin: -5px 0 0 0px;}



a {
	color: #333; text-decoration: underline;
}
a:hover {color:#890c08;
	text-decoration: underline;
}





/*topnav*/
#topnav { font-size:150%;}

  #topnav ul {
    margin:0;
    padding: 0px 0 0px 30px;
    list-style:none;
    }

  #topnav li {line-height: 165%;
    float:left;
	    list-style:none;
    background:url(../img/menu-line.jpg)
      no-repeat right bottom;
    margin:1px 0 0 0;
    padding:0;
    }
  #topnav li.before-current{
    float:left;
    background:url(../img/menu-line.jpg)
      no-repeat left bottom;
    margin:0;
    padding:0;
    }
  #topnav a {
    display:block;
    background:url(../img/transparent.gif)
      no-repeat left top;
    padding: 10px 34px 8px 34px;
	text-decoration: none;
	color: #fff;
    }


  #topnav #current {
    background-image:url(../img/menu-right.jpg);
    }
  #topnav #current a {
    background-image:url(../img/menu-left.jpg);
    color: #666;
	    padding: 10px 34px 8px 34px;}
		
#topnav li a:hover {
	color: #000;
    }

	
/*footnav*/
#footnav { font-size:100%;}

  #footnav ul {
    margin:0;
    padding: 4px 0 0px 200px;
    list-style:none;
    }


  #footnav li {line-height: 165%;
    float:left;
    border-left: 1px solid #aaa;
    margin:0;
    padding:0;
	list-style: none;
	background: none;
    }
  #footnav li.first{
    border-left: 0px solid #666;
    margin:0;
    padding:0;
    }
	
  #footnav a {height:17px;
    display: inline;
    padding: 0px 18px 0px 18px;
	text-decoration: none;
	color: #7b7b7b;
    }

	
#footnav li a:hover {
	color: #000;
    }

	
	
/*LHS accordian menu*/

div#leftbar ul#menu {
font-size:100%; 	
    margin: 0px 0 0 0;
    padding:0;
}

  #menu ul {
    margin:0;
    padding: 0px 0 0px 0px;

    }


  #menu li {line-height: 165%;
  color: #7b7b7b;
    list-style: none;
    margin: 0 0 2px 0;
    padding:0px 0px;
	background: none;
    }

		
  #menu a.active {	color: #000;
    list-style: none;
    margin:0;
    padding:7px 0 5px 5px;
	background: url(../img/leftbar-menu-bg-hover.jpg) no-repeat;
    }

	
	  #menu a {    list-style: none;
    display:block;
	background: url(../img/leftbar-menu-bg.jpg) no-repeat;
	    margin:0;
    padding:7px 0 5px 5px;
	text-decoration: none;
	color: #7b7b7b;
    }

		
#menu li a:hover {color: #000;
	    margin:0;
    padding:7px 0 5px 5px;
	background: url(../img/leftbar-menu-bg-hover.jpg) no-repeat;
    }
	
	  #menu li ul li a {	color: #7b7b7b;
    list-style: none;
    margin:0;
    padding:7px 0 5px 5px;
		background: url(../img/leftbar-menu-bg-sub.jpg) no-repeat;
    }
	  #menu li ul li a:hover {	color: #000;
    list-style: none;
    margin:0;
    padding:7px 0 5px 5px;
		background: url(../img/leftbar-menu-bg-sub-hover.jpg) no-repeat;
    }
		  #menu li ul li a.active {	color: #000;
    list-style: none;
    margin:0;
    padding:7px 0 5px 5px;
		background: url(../img/leftbar-menu-bg-sub-hover.jpg) no-repeat;
    }