/*
================================================================================
	Sub-site styles
================================================================================
*/

/*
====================================
PAGE HEADER
====================================
*/
div#tec-banner {
	width			: 993px;
	margin-top		: 20px;
	}

#banner-header {
	display			: block;
	height			: 46px;
	width			: 993px;
	color			: #1ABECD;
	font-family		: Tahoma, sans serif;
	font-size		: 12px;
	font-weight		: bold;
	background		: url(/portal/test_equipment/images/banner-top.gif) no-repeat white;
	}

#banner-header p {
	color			: #00476E;
	padding-left	: 20px;
	padding-top		: 12px;
	padding-bottom	: 10px;
	font-size		: 150%;
	clear			: left;
}

#banner-body {
	line-height		: 1.25;
	background		: url(/portal/test_equipment/images/banner-main.gif) repeat-y white;
	height			: 187px;
	padding			: 0 13px 0 5px;
	}

img#tec-main-image {
	float			: left;
	margin-right	: 20px;
	border-right	: 1px solid #E2EEF6;
	}

#banner-footer {
	clear			: left;
	height			: 33px;
	background		: url(/portal/test_equipment/images/banner-bottom.gif) no-repeat white;
	padding-top		: 2px;
	color			: #00476E;
	text-decoration	: none;
	font-weight		: bold;
	padding-left	: 20px;
	}


div#banner-body p {
	padding-top		: 10px;
	font-weight		: normal;
	font-size		: 90%;
	padding-right	: 5px;
}

div#tec-banner p.customer-quote {
	}

div#tec-banner p.customer-name {
	font-weight		: bold;
	}

div#tec-banner p a {
	color			: #00476E;
	text-decoration	: none;
	}

div#tec-banner p a:hover {
	text-decoration	: underline;
	}

/*
====================================
PAGE BODY
====================================
*/
div.tec {
	display			: block;
	clear			: both;
	padding-top		: 20px;
	line-height		: 1.5;
	}


div.tec a:hover {
	color			: #66BB4A;
	}

div.tec .content-box-body {
	width			: 695px;
	padding			: 0 20px 0 20px;
	padding			: 0;
	}

div.tec h2 {
	color			: #00476E;
	padding-left	: 20px;
	padding-bottom	: 10px;
	font-size		: 140%;
	clear			: left;
}

div.tec h3 {
	color			: #00476E;
	padding-left	: 20px;
	padding-bottom	: 10px;
}

div.tec h3 a {
	color			: #00476E;
	}

div.tec div.image-box {
	float			: right;
	width			: 253px;
	padding-right	: 10px;
	padding-bottom	: 20px;
}

div.tec div.image-box img.extra-height {
	padding-bottom	: 90px;
}

div.tec div.image-box p {
	color			: #00476E;
	width			: 253px;
	font-size		: 80%;
	margin-top		: -20px;
}

div.tec div.image-box img {
	width			: 253px;
	margin			: 0 0 20px 20px;
}

div.tec img.body-image {
	margin			: 0 0 20px 20px;
}

div.tec p.customer {
	color			: #00476E;
	margin-top		: -10px;
	padding-left	: 4em;
	padding-bottom	: 20px;
}

.content-box-body td.spec-noborder {
	border			: none;
	}

.content-box-body td.spec-column {
	width			: 9%;
	text-align		: center;
	}

.content-box-body td.spec-centered {
	text-align		: center;
	}

#tec-enquiry {
	color			: #00476E;
	display			: block;
	clear			: right;
	margin-left		: 2px;
	margin-bottom	: 23px;
	padding-left	: 68px;
	height			: 41px;
	font-size		: 110%;
	font-weight		: bold;
	padding-top		: 18px;
	background		: url(/portal/test_equipment/images/enquiry-blue.gif) left no-repeat white;
	}

#tec-enquiry:hover {
	color			: #66BB4A;
	background		: url(/portal/test_equipment/images/enquiry-tec.gif) left no-repeat white;
	cursor			: pointer;
	}

div.tec a.popup {
	display			: block;
	width			: 263px;
	height			: 46px;
	margin-bottom	: 20px;
	font-size		: 120%;
	font-weight		: bold;
	padding-top		: 15px;
	text-align		: center;
	background		: url(/portal/test_equipment/images/white-button.gif) left no-repeat white;
	}

div.tec div.content-box-body a.wide-button {
	display			: block;
	width			: 337px;
	height			: 46px;
	margin			: 0;
	margin-bottom	: 10px;
	font-size		: 120%;
	font-weight		: bold;
	padding			: 0;
	padding-top		: 15px;
	text-align		: center;
	background		: url(/portal/test_equipment/images/white-button-wide.gif) left no-repeat white;
	text-decoration	: none;
	clear			: none;
	float:right;
}
div.tec div.content-box-body a.right {
	margin-right	: 0;
	margin-left		: 20px;
	}

div.tec-button-row {
	margin-left		: 10px;
	width			: 695px;
}

div.tec ul.spec {
	padding-left	: 3em;
}

#right-column a.image img {
	border			: 1px solid #00476E;
}


div#tec-search-button button {
	background		: white;
}


div.tec p.subhead {
	font-weight		: bold;
	font-size		: 110%;
}

div.tec a.continuation {
	font-size		: 110%;
	font-weight		: bold;
	text-decoration	: none;
}

div.tec a.continuation:hover {
	color			: #00476E;
	text-decoration	: underline;
}

/*
================================================================================
	NAVIGATION
================================================================================
*/
div#tec-nav a:hover {
	color			: #66BB4A;
}

div#tec-nav li.submenu {
	border			: 1px solid white;
}

/*
================================================================================
WHITE BOX
================================================================================
*/

.navigation-box-header {
	display			: block;
	height			: 47px;
	width			: 263px;
	font-family		: Tahoma, sans serif;
	font-size		: 12px;
	font-weight		: bold;
	background		: url(/portal/test_equipment/images/white-header.gif) no-repeat white;
	}

.navigation-box-header p {
	color			: #00476E;
	padding-left	: 18px;
	padding-top		: 12px;
	font-size		: 120%;
	}

.navigation-box-body {
	position		: relative;
	padding-top		: 5px;
	padding-left	: 20px;
	padding-right	: 20px;
	background		: url(/portal/test_equipment/images/white-body.gif) repeat-y white;
	}

.navigation-box-body p {
	padding-bottom	: 0.5em;
	}

#right-column a.obvious {
	text-decoration	: underline;
	}

.navigation-box-body ul {
	list-style		: none;
	margin-left	: -10px;
	}

.navigation-box-body li {
	padding-left	: 0;
	}

.navigation-box-footer {
	clear			: left;
	height			: 33px;
	background		: url(/portal/test_equipment/images/white-footer.gif) no-repeat white;
	margin-bottom	: 15px;
	}

#right-column a.alt-video-button {
	display			: block;
	width			: 263px;
	height			: 61px;
	background		: url(/portal/test_equipment/images/white-button-chinese-video.gif) no-repeat white;
	text-indent		: -2000px;
	margin-top		: 10px;
	}

/*
================================================================================
	BOXOUT ON INDEX PAGE
================================================================================
*/

div.systems-box-header {
	display			: block;
	width			: 695px;
	height			: 47px;
	margin-left		: 10px;
	background		: url(/portal/test_equipment/images/white-header-wide.gif) left no-repeat white;
}

div.systems-box-header h2 {
	padding-top		: 13px;
}

div.systems-box-header h2 a {
	text-decoration	: none;
}

div.systems-box-header h2 a:hover {
	text-decoration	: underline;
}

div.systems-box-body {
	display			: block;
	width			: 695px;
	padding-top		: 10px;
	background		: url(/portal/test_equipment/images/white-body-wide.gif) left repeat-y white;
	margin-left		: 10px;
	overflow		: auto;
}

div.systems-box-body img {
	float			: left;
	margin			: -10px 10px 0 5px;
}

div.systems-box-footer {
	display			: block;
	width			: 695px;
	height			: 31px;
	margin-left		: 10px;
	background		: url(/portal/test_equipment/images/white-footer-wide.gif) left no-repeat white;
	margin-bottom	: 10px;
	padding-top		: 2px;
}

div.systems-box-footer a.tensile,
div.systems-box-header h2.tensile a {
	color			: #B00810;
}

div.systems-box-footer a.slip-test,
div.systems-box-header h2.slip-test a {
	color			: #5086dd;
}

div.systems-box-footer a.ammt,
div.systems-box-header h2.ammt a {
	color			: #d12733;
}

div.systems-box-footer a.ozone,
div.systems-box-header h2.ozone a {
	color			: #457c9a;
}

div.systems-box-footer a.pedatron,
div.systems-box-header h2.pedatron a {
	color			: #00476E;
}

div.systems-box-footer a.en388,
div.systems-box-header h2.en388 a {
	color			: #54BBE6;
}

div.systems-box-footer a {
	text-decoration	: none;
	padding-left	: 315px;
}

div.systems-box-footer a:hover {
	text-decoration	: underline;
}

/*
================================================================================
	FEATURE LIST
================================================================================
*/
div.feature-listing {
	overflow		: auto;
	margin-bottom	: 20px;
	padding-top		: 10px;
	border-top		: 1px solid #00476E;
}

div.specification-listing {
	overflow		: auto;
	margin-bottom	: 10px;
	padding-top		: 10px;
	border-top		: 1px solid #00476E;
}

div.image-with-text {
	overflow		: auto;
	margin-bottom	: 20px;
	padding-top		: 10px;
	border-top		: 1px solid #00476E;
}

div.specification-listing p,
div.feature-listing p {
	padding-left	: 20px;
}

div.specification-listing p {
	padding-bottom	: 10px;
}

div.image-with-text img,
div.feature-listing img {
	width			: 253px;
	float			: right;
	margin			: 0 0 10px 10px;
}

div.feature-listing ul {
	padding-left	: 3em;
	padding-bottom	: 1em;
}

span.highlight {
	color			: #00476E;
	font-weight		: bold;
}


form#tec-search {
	padding			: 10px 0 10px 0;
}

table.tec-spec {
	border			: none;
	border-top		: 1px solid #1ABECD;
	margin-left		: 20px;
}

table.tec-spec td {
	vertical-align	: top;
	border			: none;
	border-bottom	: 1px solid #1ABECD;
}

table.tec-spec td.heading {
	font-weight		: bold;
}

/*
==============================================
	COLOUR SWITCHES - TENSILE TESTER
==============================================
*/
div.tensile #banner-header p,
div.tensile #banner-body p a,
div.tensile h2,
div.tensile a:hover,
div.tensile h3 a,
div.tensile h3,
div.tensile div.image-box p,
div.tensile a.continuation,
div.tensile a.popup:hover {
	color			: #B00810;
}


table#tensile {
	border			: none;
	border-top		: 1px solid #B00810;
}

table#tensile td {
	vertical-align	: top;
	border			: none;
	border-bottom	: 1px solid #B00810;
}

div.tall {
	margin-bottom: 150px;
}

div.tight {
	padding-bottom: 0;
	margin-bottom: 0;
}

div.feature-listing {
	border-top		: 1px solid #B00810;
}
div.feature-listing img {
	width			: 125px;
}

/*
==============================================
	COLOUR SWITCHES - SLIP TESTER
==============================================
*/
div.slip #banner-header p,
div.slip #banner-body p a,
div.slip h2,
div.slip a:hover,
div.slip h3 a,
div.slip h3,
div.slip div.image-box p,
div.slip a.continuation,
div.slip a.popup:hover {
	color			: #5086dd;
}

/*
==============================================
	COLOUR SWITCHES - AMMT
==============================================
*/
div.ammt #banner-header p,
div.ammt #banner-body p a,
div.ammt h2,
div.ammt a:hover,
div.ammt h3 a,
div.ammt h3,
div.ammt div.image-box p,
div.ammt a.continuation,
div.ammt a.popup:hover {
	color			: #d12733;
}

/*
==============================================
	COLOUR SWITCHES - OZONE
==============================================
*/
div.ozone #banner-header p,
div.ozone #banner-body p a,
div.ozone h2,
div.ozone a:hover,
div.ozone h3 a,
div.ozone h3,
div.ozone div.image-box p,
div.ozone a.continuation,
div.ozone a.popup:hover {
	color			: #457c9a;
}

/*
==============================================
	COLOUR SWITCHES - OZONE
==============================================
*/
div.pedatron #banner-header p,
div.pedatron #banner-body p a,
div.pedatron h2,
div.pedatron a:hover,
div.pedatron h3 a,
div.pedatron h3,
div.pedatron div.image-box p,
div.pedatron a.continuation,
div.pedatron a.popup:hover {
	color			: #00476E;
}

/*
==============================================
	COLOUR SWITCHES - EN388
==============================================
*/
div.en388 #banner-header p,
div.en388 #banner-body p a,
div.en388 h2,
div.en388 a:hover,
div.en388 h3 a,
div.en388 h3,
div.en388 div.image-box p,
div.en388 a.continuation,
div.en388 a.popup:hover {
	color			: #54BBE6;
}

/*
==============================================
	VIDEO PLAYER
==============================================
*/
div#tec-player {
	padding-left	: 0;
	padding-bottom	: 0;
	margin			: 0 0 20px 20px;
	}

div#tec-player img {
	width			: 252px;
	height			: 165px;
	cursor			: pointer;
	padding			: 0;
	margin			: 0;
	}