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


body#popup {
	width			: 675px;
	background		: white;
	margin-left		: 20px;
}

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

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

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

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

div#pes-banner img {
	float			: left;
	margin-right	: 20px;
	border-right	: 1px solid #E2EEF6;
	}

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


div#pes-banner p {
	padding-top		: 10px;
}

div#pes-banner p.customer-quote {
	font-weight		: normal;
	font-size		: 90%;
	padding-right	: 5px;
	}

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

div#pes-banner p a {
	color			: #FF4E00;
	text-decoration	: none;
	}

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

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


div.pes a:hover {
	color			: #FF4E00;
	}

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

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

div.pes h3 {
	color			: #FF4E00;
	padding-left	: 20px;
	padding-bottom	: 10px;
}

div.pes h3 a {
	color			: #FF4E00;
	}

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

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

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

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

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

div.pes p.customer {
	color			: #FF4E00;
	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;
	}

#pes-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(images/enquiry-blue.gif) left no-repeat white;
	}

#pes-enquiry:hover {
	color			: #FF4E00;
	background		: url(images/enquiry-systems.gif) left no-repeat white;
	cursor			: pointer;
	}

div.pes 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(images/white-button.gif) left no-repeat white;
	}

div.pes a.popup:hover {
	color			: #FF4E00;
	}

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

#right-column a.image img {
	border			: 1px solid #00476E;
}
/*
================================================================================
	Savings table
================================================================================
*/


div.pes table#savings,
div.pes table#savings td,
div.pes table#savings th {
	border			: 1px solid #FF4E00;
	background		: white;
	padding			: 3px 5px 3px 5px;
	text-align		: center;
}

div.pes table#savings td.percent4 {
	color			: white;
	background		: #D78D11;
}

div.pes table#savings td.percent8 {
	color			: white;
	background		: #C75A17;
}

div.pes table#savings td.percent12 {
	color			: white;
	background		: #C62313;
}

div.pes content-box-body li {
	border			: 1px solid blue;
}

div.pes ul.submenu {
	margin-left		: 1em !important;
	padding			: 0 !important;
}

ul.spec {
	list-style		: disc;
	margin-bottom	: 1em;
	}

div.pes table.spec {
	margin-top		: 10px;
}

/*
================================================================================
	NAVIGATION
================================================================================
*/
div#pes-nav a:hover {
	color			: #FF4E00;
}

div#pes-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(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(images/white-body.gif) repeat-y white;
	overflow		: auto;
	}

.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(images/white-footer.gif) no-repeat white;
	margin-bottom	: 15px;
	}

#right-column a.alt-video-button {
	display			: block;
	width			: 263px;
	height			: 61px;
	background		: url(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(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(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(images/white-footer-wide.gif) left no-repeat white;
	margin-bottom	: 10px;
	padding-top		: 2px;
}

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

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

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

div.systems-box-footer a.q,
div.systems-box-header h2.q a {
	color			: #293E8F;
}

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

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


/*
================================================================================
	FAQ
================================================================================
*/
div.question {
	padding			: 5px 0 5px 25px;
	font-weight		: bold;
	font-size		: 120%;
	cursor			: pointer;
}

div.question:hover {
	background		: #DCF0FF;
}

div.answer {
	padding			: 0 0 0 25px;
}

div.open-answer {
	background		: #DCF0FF;
}

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

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

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

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			: #FF4E00;
	font-weight		: bold;
}