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

  TTM Group - Master Stylesheet
   Author: Pixel House
   Website: www.pixel-house.com.au

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

body { background: url(../images/bg.jpg) no-repeat center 0 #000; background-attachment: fixed; margin: 0; font-family: arial, helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 1.0em 0; }
h1 { font-size: 1.4em; margin: 0 0 15px 0; height: 29px; }
h2 { font-size: 0.95em; text-transform: uppercase; padding-top: 0; margin-bottom: 1px; }
h2 a { text-decoration: none; color: #000; }
h2 a:hover { text-decoration: underline; }
h3 { font-size: 0.80em; color: #fff; margin-bottom: 2px; }
p { margin: 0 0 1.2em 0; font-size: 0.80em; color: #3a3e45; line-height: 1.4em; }
p a, ul li a { color: #59497c; }
p a:hover, ul li a:hover { color: #000; text-decoration: underline; }
table { font-size: 0.80em; color: #3a3e45; }
table th { text-align: left; padding: 6px 20px 6px 0; border-bottom: solid 1px #9b9b9b; color: #000; font-size: 0.7em; text-transform: uppercase; }
table td { padding: 6px 20px 6px 0; border-bottom: solid 1px #9b9b9b; }
table td a { color: #3a3e45; }
ul, ol { margin: 0 0 1.0em 0; padding: 0; }
a img { border: none; }
img { border: solid 1px #fff; }

#wrapper-top { float: left; width: 100%; background: url(../images/topbar-bg.png) repeat left 0; }
#wrapper-top-inner { width: 1000px; margin: 0 auto; }
#wrapper-top-inner ul { float: right; margin: 0 20px 0 0; display: inline; padding: 11px 0 14px 0; }
#wrapper-top-inner li { float: left; padding-left: 10px; list-style-type: none; }
#wrapper-top-inner li a { font-size: 0.7em; color: #fff; text-decoration: none; }
#wrapper-top-inner li a:hover { color: #8dacff; }

#wrapper { float: left; width: 100%; }
#wrapper-inner { width: 1000px; margin: 0 auto; }

#content { width: 100%; }

/* ---------------------------------------------------------------------------------
   HEADER
--------------------------------------------------------------------------------- */

#logo { float: left; margin: 14px 0 0 20px; display: inline; background: url(../images/ttm-logo.gif) no-repeat 0 0; }
#logo a { float: left; width: 150px; height: 81px; }
#logo a span { display: none; }

#header { float: left; width: 1000px; margin-bottom: 10px; }
#header ul { float: right; margin: 0 10px 0 0; padding: 44px 0 0 0; display: inline; }
#header li { float: left; list-style-type: none; padding-right: 10px; }
#header li a { float: left; color: #fff; font-size: 0.80em; text-decoration: none; text-transform: uppercase; font-weight: bold; }
#header li a:hover { color: #8dacff; }

#n02, #n03, #n04, #n05, #n06 { background: url(../images/nav-divider.gif) no-repeat 0 6px; padding-left: 13px; }

#home #n01 a, 
#traffic #n02 a,
#acoustics #n03 a,
#data #n04 a,
#equipment #n05 a,
#contact #n06 a { border-bottom: solid 2px #ff0000; padding-bottom: 3px; color: #fff; }

/* ---------------------------------------------------------------------------------
   HOME-STYLES
--------------------------------------------------------------------------------- */

#feature-module { float: left; width: 100%; }
#corners { float: left; width: 1000px; height: 9px; background: url(../images/corners.gif) no-repeat 0 top; overflow-y: hidden; }
#feature-home { float: left; width: 100%; background: url(../images/feature-bg.jpg) repeat-x 0 top #cfcfcf; padding-bottom: 30px; border-bottom: solid 1px #fff; }
#feature-home h1 { float: left; margin: 23px 0 6px 0; text-indent: -5000px; width: 100%; height: 23px; }
#feature-home p { float: left; margin-bottom: 16px; }

.feature { float: left; width: 230px; margin: 12px 0 0 20px; border-top: solid 3px #ff0000; display: inline; }
.feature-inner { float: left; width: 220px; }
.thumb-hover { float: left; height: 122px; overflow-y: hidden; }
.thumb-hover img:hover { margin-top: -122px; }
.red-btn { float: left; text-decoration: none; color: #fff; font-size: 0.80em; padding-right: 2px; background: url(../images/btn-cnr.gif) no-repeat right top;  }
.red-btn span { float: left; height: 21px; padding: 3px 14px 0 16px; background: url(../images/btn-bg.gif) no-repeat 0 top; cursor: hand; }

#h1-traffic { background: url(../images/traffic-header.gif) no-repeat 0 top; }
#h1-acoustics { background: url(../images/acoustics-header.gif) no-repeat 0 top; }
#h1-data { background: url(../images/data-header.gif) no-repeat 0 top; }
#h1-equipment { background: url(../images/equipment-header.gif) no-repeat 0 top; }

#sub-home h2 { margin: 0 0 12px 0; height: 19px; }
#sub-home p { color: #a89eb1; }
#sub-home #h2-news { margin-bottom: 6px; text-indent: -5000px; background: url(../images/news-header.gif) no-repeat 0 top; }
#h2-about { text-indent: -5000px; background: url(../images/about-header.gif) no-repeat 0 top; }

#sub-home { float: left; width: 100%; background: url(../images/home-sub-pattern.png) repeat-x 0 top; }
#sub-home-inner { float: left; width: 100%; background: url(../images/home-sub-gradient.png) repeat-y 0 top; }
#sub-home h3 a { color: #fff; text-decoration: none; }
#sub-home h3 a:hover { text-decoration: underline; }

#news-home, #about-home { float: left; width: 300px; margin: 35px 0 31px 0; padding: 0px 20px; }

#about-home { border-left: solid 1px #423942; border-right: solid 1px #423942; }
#about-home { width: 280px; }
#flash { float: right; width: 329px; height: 242px; }
#flash .noflash { padding: 65px 20px 0 0; width: 280px; }

#home .date { font-size: 0.70em; color: #a09bb0; margin-bottom: 3px; margin-top: 11px; }
#home img { margin-left: 0; border: none; }

.sub-btn { float: left; text-decoration: none; color: #fff; font-size: 0.80em; padding-right: 2px; background: url(../images/sub-btn-cnr.gif) no-repeat right top; margin-top: 1px; }
.sub-btn span { float: left; height: 21px; padding: 3px 14px 0 16px; background: url(../images/sub-btn-bg.gif) no-repeat 0 top; cursor: hand; }

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

#content { float: right; background: url(../images/sidebar-bg.png) repeat-y 0 top; }

#home #content { background: none; }

#main { float: right; width: 740px; }
#main #corners { float: left; width: 740px; height: 9px; background: url(../images/corners-main.gif) no-repeat 0 top #ccc; overflow-y: hidden; }
#main-inner { float: left; width: 680px; padding: 14px 30px 30px 30px; background: url(../images/main-bg.jpg) repeat-x 0 top #ccc; min-height: 450px; }

#main h3 { font-size: 0.80em; color: #000;  }
#main .sub-head { margin-top: 0; margin-bottom: 18px; }
#main .right-img { float: right; border: solid 1px #fff; margin-left: 10px; }
#main .left-img { float: left; border: solid 1px #fff; margin-right: 20px; }
/*
#main p a { text-decoration: none; }
#main p a:hover { text-decoration: underline; }
*/
#breadcrumbs { float: left; display: block; width: 100%; border-bottom: solid 1px #babec5; padding: 4px 0 22px 0; margin-bottom: 20px; }
#breadcrumbs li { font-size: 0.70em; color: #7b8290; float: left; list-style-type: none; padding-left: 5px; }
#breadcrumbs li a { color: #7b8290; background: url(../images/breadcrumbs-div.gif) no-repeat right 5px; padding: 0 12px 0 0px; }
#breadcrumbs li a:hover { color: #000; }
#breadcrumbs .active { text-decoration: none; background: none; }
#main .border { width: 100%; border-top: solid 1px #a3a7ae; padding-top: 26px;  }
#main .padding-btm { padding-bottom: 13px; }
#main img { margin-left: 15px; }

#breadcrumbs .no-padding { padding-left: 0; }
#breadcrumbs .active a { text-decoration: none; }

#text { float: left; width: 100%; }
#text .no-margin { margin-bottom: 0; }
#text li { list-style-type: none; font-size: 0.80em; color: #3a3e45; line-height: 1.4em; padding-left: 15px; background: url(../images/content-arrow.gif) no-repeat 0 5px; }
/*
#text li a { color: #3a3e45; text-decoration: none; }
#text li a:hover { text-decoration: underline; }
*/
#text .left { float: left; width: 311px; }
#text .right { float: right; width: 343px; padding-top: 5px; }

.product-range { float: left; margin-bottom: 28px; }
.product-range h2 { float: left; width: 100%; }
.product { float: left; width: 330px; margin-left: 10px; }
#text .product img { float: left; border: solid 1px #9fa4ac; margin-left: 0; }
.product-info { width: 210px; float: left; margin-left: 10px; }

#main .no-leftmargin { margin-left: 0; }
#main .no-btmmargin { margin-bottom: 0; }
#main .date { font-weight: bold; margin-top: -15px; color: #000; }

.pdf { height: 25px; padding-top: 8px; background: url(../images/pdf.gif) no-repeat left top; }
.pdf a { padding-left: 45px; }
.video { height: 35px; padding-top: 10px; background: url(../images/video.gif) no-repeat left top; }
.video a { padding-left: 50px; }
.bold { font-weight: bold; }

#news img { float: right; margin-left: 10px; }
#map { float: left; width: 341px; border: solid 1px #fff; margin: 30px 0 0 0; }
#main .officeImg { float: left; width: 343px; clear: both; }
#main .officeImg img { margin: 0; }

.negative-margin { margin-top: -42px; }
.no-border { border: none; }

.aimsun #text li a { font-weight: bold; color: #005581; }
.aimsun h2 { color: #005581; text-transform: none; }
.aimsun #main img { margin-left: 0; }

.editing-img { margin-top: -25px; }

#careers img { margin-left: 0; }
#careerTable { border-collapse: collapse; }
#careerTable td { padding-right: 40px; }
#careerTable td a { text-decoration: none; }
#careerTable .more { text-align: right; padding: 3px 0 7px 0; }
#careerTable .more a { text-decoration: underline; text-transform: uppercase; color: #59497c; font-size: 0.7em; }
#careerTable .more a:hover { color: #000; }


/* ---------------------------------------------------------------------------------
   SIDEBAR
--------------------------------------------------------------------------------- */
#sidebar { float: left; min-height: 518px; background: url(../images/sidebar-pattern.png) repeat-x 0 top; padding-bottom: 10px; }

#sidebar h3 {
        height: 33px;
        width: 220px;
        font-size: 0.9em;
        margin-bottom: 0;
        padding: 30px 20px 0 20px;
        background: url(../images/corners-sidebar.gif) no-repeat 0 top #12101a;
        overflow-y: hidden;
        border-bottom: solid 3px #ff0000;
    }

#sidebar h3 a { text-decoration: none; color: #fff; }
#sidebar h3 a:hover { color: #ff0000; }
#sidebar-main { float: left; width: 260px; }

#sidebar ul li { float: left; width: 100%; list-style-type: none; border-bottom: solid 1px #a5a3ac; }
#sidebar ul li a { float: left; width: 200px; padding: 9px 40px 9px 20px;  text-decoration: none; font-size: 0.8em; color: #a89eb1; }
#sidebar ul li a:hover { background: #1f1b2a; color: #fff;  }

.ps01 #s01 a, .ps01 #s01 a:hover,
.ps02 #s02 a, .ps02 #s02 a:hover,
.ps03 #s03 a, .ps03 #s03 a:hover,
.ps04 #s04 a, .ps04 #s04 a:hover,
.ps05 #s05 a, .ps05 #s05 a:hover,
.ps06 #s06 a, .ps06 #s06 a:hover,
.ps07 #s07 a, .ps07 #s07 a:hover,
.ps08 #s08 a, .ps08 #s08 a:hover,
.ps09 #s09 a, .ps09 #s09 a:hover,
#sidebar .active a, #sidebar .active a:hover
{ background: url(../images/sidebar-arrow.gif) no-repeat 234px 12px #12101a; color: #fff; }

#sidebar ul ul { background: #12101a; float: left; margin: 0; display: none; }
.ps01 #s01 ul, .ps04 #s04 ul, .ps02 #s02 ul, .ps05 #s05 ul { display: block; }

#sidebar ul ul li { border-bottom: none; }
#content #sidebar ul ul li a { padding: 3px 40px 3px 20px; font-size: 0.7em; text-transform: uppercase; background: #12101a; color: #a89eb1; }
#content #sidebar ul ul li a:hover { color: #fff; }
#content #sidebar .btm a { padding-bottom: 15px; }

.pss01 #content #sidebar ul li a,
.pss02 #content #sidebar ul li a,
.pss03 #content #sidebar ul li a,
.pss04 #content #sidebar ul li a
{ background-image: none; }

.pss01 #content #sidebar .ss01 a,
.pss02 #content #sidebar .ss02 a,
.pss03 #content #sidebar .ss03 a,
.pss04 #content #sidebar .ss04 a
{ background: url(../images/sidebar-arrow.gif) no-repeat 234px 5px #12101a; }

#did-you-know { float: left; width: 220px; padding: 66px 20px 0 20px; background: url(../images/did-you-know.gif) no-repeat 20px 30px; }
#did-you-know p { float: left; width: 100%; }
#did-you-know p a { color: #a89eb1; text-decoration: none; float: left; width: 100%; }
#did-you-know p a:hover { color: #fff; }
#dyk-flash { float: left; width: 220px; padding: 30px 20px 0 20px; }


/* ---------------------------------------------------------------------------------
   CONTACT
--------------------------------------------------------------------------------- */

#contact .contactTxt { float: left; width: 135px; padding-top: 20px; }
#contact #flash { float: right; width: 535px; position: relative; left: -30px; }
#contact .breadCont { margin: 0; }

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

#footer { float: left; width: 960px; background: #000; padding: 24px 20px 119px 20px; }
#footer p { color: #807f92; font-size: 0.70em; line-height: 17px; }
#footer p a { color: #807f92; text-decoration: none; }
#footer-left span { color: #fff; font-weight: bold; }
#footer-left { float: left; background: url(../images/footer-logo.gif) no-repeat 0 bottom; padding-bottom: 36px; }
#footer-right { float: right; }
#footer-right p { float: right; clear: both; padding-top: 20px; }
#footer-right p a { text-decoration: none; color: #807f92; font-weight: bold; }
#footer-nav2 { padding-top: 2px; }
#footer .fdivider { color: #2c2c2c; padding: 0 2px; }

#footer ul { float: right; display: block; clear: both; margin: 0; padding-top: 2px; }
#footer li { float: left; list-style-type: none; padding: 0 5px 0 12px; margin: 0; background: url(../images/footer-nav-div.gif) no-repeat 0 2px; }
#footer li a { float: left; text-decoration: none; color: #807f92; font-size: 0.70em; }
#footer li a:hover, #footer p a:hover { text-decoration: underline; color: #fff; }
#footer .no-divider { background: none; }
#footer .no-padding { padding-right: 0; }

/* ------------------------------------------------------------------------------
DATA SEARCH + SEARCH SUGGESTION STYLES
------------------------------------------------------------------------------ */

/* default (inactive field) */
#search .sf_inactive{ color:#b0aca5; }

/* on focus (when field is clicked on)  */

/* with text (when field is inactive but contains user's input)  */
#search .sf_text{ color:#666; }

/* suggestions box */
/* js code generates unordered list */
#search .sf_suggestion, #search .sf_suggestion2 { position:relative; }

#search .sf_suggestion ul,
#search .sf_suggestion2 ul {
	position: absolute;
	margin:0;
	padding:0;
	background:#b0aca6;
	top:50px;
	left:0px;
	z-index: 999;
	display: block;
}
#search .sf_suggestion2 ul { left: 230px; }
#search .sf_suggestion li,
#search .sf_suggestion2 li {
	margin:0;
	padding:0;
	list-style:none;
	font-size: 13px;
    background: none; 
}
#search .sf_suggestion li a,
#search .sf_suggestion2 li a{
	display:block;
	text-indent:5px;
	color:#fff;
	padding: 3px 0;
	text-decoration: none;
    width: 212px;
}
#search .sf_suggestion li a:hover,
#search .sf_suggestion2 li a:hover
{	background: #000; }

#search .sf_suggestion li.selected a,
#search .sf_suggestion2 li.selected a{
	background:#918d87;
	color: #fff;
}

#suburb-suggestion, #street-suggestion { float: left; }

#search { border: none; border-bottom: solid 1px #babec5; margin-bottom: 20px; float: left; width: 100%; padding-bottom: 20px; position: relative; }
#search p { float: left; margin: 0!important; width: 230px; }
#search label { width: 100%; clear: both; text-transform: uppercase; padding-bottom: 5px; font-size: 0.85em; }
#search label, #search input { float: left; margin-right: 5px; }
#suburb { border: solid 1px #babec5; padding: 5px; width: 200px; }
#street { border: solid 1px #babec5; padding: 5px; width: 200px; }
#suburb-heading { margin: 0 0 20px 0; }
#search #search-btn { float: left; margin: 0!important; padding-top: 22px; position: absolute; top: 0; left: 460px; }
#search .search { margin: 0!important; }
#search input { margin: 0!important; }

#listings { border-collapse: collapse; margin: 0px 0 10px 0; }
#listings th { font-size: 11px; background: #ff0000; padding: 5px 10px; color: #fff; border-top: solid 5px #d3d3d3; }
#listings th.roads { width: 200px; }
#listings td { padding: 8px 10px; font-size: 11px; color: #3a3e45; }
#listings td a { font-size: 13px; color: #000; }
#listings th.sorting_asc, #listings th.sorting_desc { background: #dc0000; border-top: solid 5px #dc0000; }
#listings tr.even td.sorting_1 { background-color: #e4e4e4; }
#listings tr.odd td.sorting_1 { background-color: #dcdcdc; }
#listings_info { color: #3a3e45; }
#listings .view { padding: 0 10px 0 0; text-align: center; }
#listings .view-btn { padding: 0 10px 0 0; }

#sSearch {  }
#listings_wrapper { font-size: 13px; color: #3a3e45; }
#listings_length {  }
#listings_filter { display: none; } /* Hiding the Refine */
#listings_filter input { border: solid 1px #a4a9b2; padding: 3px; margin-bottom: 5px; }