﻿body {
	background: #FFF;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: tahoma, verdana, arial, sans-serif;
	color: #333;
}
.selectedStageTab {
	border-style: solid;
	border-width: 1px;
	border-color: #CECEFF #0000FB #0000FB #CECEFF;
	font-size: 8pt;
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
	color: #0000CC;
}
.prodListBody {
	border-width: 1px;
	border-color: #FF9900;
	border-bottom-style: solid;
	white-space: nowrap;
	overflow: hidden;
}
.prodFilterBody {
	font-size: 8pt;
	border: 1px solid #C0C0C0;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #E5E5E5;
}
.unSelectedStageTab {
	border: 1px solid #FFFFFF;
	font-size: 8pt;
	white-space: nowrap;
	text-align: center;
	color: #999999;
	cursor: pointer;
}
:hover.unSelectedStageTab {
	border-color: #EAEAEA #C0C0C0 #C0C0C0 #EAEAEA;
	color: #0000FF;
	text-decoration: underline;
}
.cartPrice {
	border-style: inset;
	border-width: 1px;
	background-color: #FFFFFF;
	white-space: nowrap;
	width: 90%;
}

.selectedProdArea {
}
.productSelector {
	border-style: outset;
	border-width: 1px;
	display: none;
	width:423px
}
.productSelectorBody {
	 height: 421px;
	 overflow:auto;
	 width: 423px;
}

.stageNavBar {
	text-align: right;
}
.button {
	text-align: center;
	background-color: #0066FF;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 8pt;
}
.simpleroundbutton {
	background-position: left center;
	border-style: none;
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	text-align: center;
	background-color: #FFFFFF;
	color: #000099;
	font-weight: normal;
	font-size: 8pt;
	background-image: url('goback.gif');
	background-repeat: no-repeat;
	width: 167px;
	height: 22px;
}
.roundbutton {
	background-position: center center;
	border-style: none;
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	text-align: center;
	background-color: #FFFFFF;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 8pt;
	background-image: url('roundbutton.gif');
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	width: 170px;
	height: 22px;
}
.prodTitle {
	font-weight: bold;
	margin: 0px;
	padding: 10px 0px 10px 0px;
	font-size: 10pt;
}
.taskTitle {
	font-weight: bold;
	margin: 0px;
	padding: 10px 0px 10px 0px;
	font-size: 10pt;
	color: #CC0000;
}
.prodSubTitle {
	font-size: 10pt;
	margin-left: 20px;
}
.prodSubTitle p {
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
	border-bottom: 1px solid #DDD;
}
.selectedProdTab {
	background-color: #FFFFCC;
	font-size: 10pt;
	border-color: #FF9900;
	border-width: 1px;
	border-style: solid solid none solid;
	margin: 0px;
}
.unSelectedProdTab {
	font-size: 10pt;
	border-color: #AAAAAA;
	border-width: 1px;
	border-style: solid solid none solid;
	margin: 0px;
	color: #999999;
}
.prodPanel {
	border: 1px solid #FF9900;
	background-color: #FFFFCC;
	display: none;
	font-size: 70%;
	width: 95%;
	height: 340px;
	overflow:scroll;
}
.SpecEdit {
	font-size: 8pt;
	width: 100%;
}
.SpecEditElt {
	font-size: 8pt;
}
.cartHeader1 {
	font-size: 14pt;
	white-space: nowrap;
	padding-left: 10px;
}
.cartHeader2{
	font-weight: bold;
	font-size: 10pt;
	white-space: nowrap;
}
.cartValue {
	font-size: 16pt;
	color: #008000;
	white-space: nowrap;
	padding-bottom: 4px;
	padding-top: 4px;
}
.cartValueDetails {
	font-size: 8pt;
	color: #DF0000;
	white-space: nowrap;
	padding-bottom: 4px;
	padding-top: 4px;
}
.cartEltStage {
	font-weight: bold;
	font-size: 8pt;
	font-variant: normal;
	color: #3333CC;
}
.cartEltTitle {
	font-size: 8pt;
	padding-left: 5px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}
.cartEltTitle a:link {
	font-size: 8pt;
	font-style: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}
.cartEltTitle a:visited {
	font-size: 8pt;
	font-style: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}
.cartEltTitle a:hover {
	font-size: 8pt;
	font-style: normal;
	font-variant: normal;
	color: #0000FF;
	text-decoration: underline;
}
.cartEltPrice {
	font-size: 8pt;
	color: #FF0000;
	font-weight: bold;
	text-align: right;
	vertical-align: bottom;
}
.prodListHeader {
	font-size: 8pt;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #CCCCCC;
}
.prodListPrice {
	color: #FF0000;
	font-size: 8pt;
}
.prodListPriceIncVat {
	color: #333333;
	font-size: 7pt;
}
.prodListTitle {
	font-size: 8pt;
}
.prodListStock {
	font-size: 10pt;
}
.prodListDetail {
	font-size: 8pt;
	color: #000080;
}
.prodListManuf {
	font-size: 8pt;
	color: #FF0000;
}
.pageSelector {
	font-size: 12px;
	text-align: center;
}
.prodListFormElement {
	font-size: 8pt;
}
.unknownCompatIcon {
	font-weight: bold;
	color: #FF9900;
}
.okCompatIcon {
	font-weight: bold;
	color: #00DD00;
	font-family: Code2000, "TITUS Cyberbit Basic", "Doulos SIL", "Chrysanthi Unicode", "Bitstream Cyberbit", "Bitstream CyberBase", Thryomanes, Gentium, GentiumAlt, "Visual Geez Unicode", "Lucida Grande", "Arial Unicode MS", "Microsoft Sans Serif", "Lucida Sans Unicode";
}
.noCompatIcon {
	font-weight: bold;
	color: #FF0000;
}
.unknownCompatText {
	color: #FF9900;
}
.okCompatText {
	color: #00DD00;
	font-family: Code2000, "TITUS Cyberbit Basic", "Doulos SIL", "Chrysanthi Unicode", "Bitstream Cyberbit", "Bitstream CyberBase", Thryomanes, Gentium, GentiumAlt, "Visual Geez Unicode", "Lucida Grande", "Arial Unicode MS", "Microsoft Sans Serif", "Lucida Sans Unicode";
}
.noCompatText {
	color: #FF0000;
}
.popupInfoUnknownCompat {
	padding: 5px;
	background-color: #F8F8F8;
	border-style: outset;
	border-width: 1px;
	font-size: 70%;
	color: #FF9900;
}
.popupInfoNoCompat {
	padding: 5px;
	background-color: #F8F8F8;
	border-style: outset;
	border-width: 1px;
	font-size: 70%;
	color: #FF0000;
}
.popupInfoOkCompat {
	padding: 5px;
	background-color: #F8F8F8;
	border-style: outset;
	border-width: 1px;
	font-size: 70%;
	color: #00FF00;
}
.stageArea {
	border-style: outset;
	border-width: 1px;
}
.stageTabArea {
	overflow:hidden;
	width: 680px;
}
.cartArea {
	border-style: solid;
	border-width: 1px 1px 1px 0px;
	border-color: #808080;
	background-color:#E6EAED;
	padding: 10px 0px 0px 0px;
	width: 240px;
}
.cartList {
	overflow: auto;
	border-top-style: solid;
	border-width: 1px;
	border-color: #C0C0C0;
	padding-right: 5px;
	padding-left: 5px;
	border-bottom: 1px solid #FF9900;
	height: 254px;
	width: 240px;
}
.prodListBodyMid {
	border-bottom: 1px solid #FF9900;
	white-space: nowrap;
	text-align: center;
	border-left-color: #FF9900;
	border-left-width: 1px;
	border-right-color: #FF9900;
	border-right-width: 1px;
	border-top-color: #FF9900;
	border-top-width: 1px;
}
.stageTabNavigator {
	padding-left: 5px;
	padding-right: 5px;
}
.prodListElement {
	padding: 4px;
	float:left;
}
.showInfo {
	padding: 4px;
	font-size: 10pt;
	background-color: #EA00EA;
	border: 1px solid #990099;
	color: #FFFFFF;
}
.specView {
}
.specView a:link{
	color: #0000FF;
	text-decoration: underline;
}
.specView a:visited {
	color: #0000FF;
	text-decoration: underline;
}
.mainStagePanel {
	width: 800px;
}
.unSelectedMainStageTab {
	border-style: solid;
	border-width: 1px 1px 0px 1px;
	border-color: #FFFFFF;
	font-size: 10pt;
	color: #0000FF;
	background-image: url('tab-right.gif');
	background-repeat: no-repeat;
}
.selectedMainStageTab {
	border-style: solid;
	border-width: 1px 1px 0px 1px;
	border-color: #C0C0C0;
	font-size: 10pt;
	font-weight: bold;
	color: #0000FF;
}
.compatDetails {
	padding: 7px;
	font-size: 10px;
	border-style: outset;
	border-width: 1px;
	background-color: #F2F2F2;
	width: 481px;
	height: 102px;
	overflow: auto;
}
.stageCompatDetails {
	padding: 7px;
	font-size: 10px;
	border-style: outset;
	border-width: 1px;
	background-color: #F2F2F2;
}
.midpos {
	vertical-align: middle;
}
.summaryPanel {
	padding: 10px;
	font-size: 10pt;
	color:#666666
}
.summaryPanelInfo {
	width: 790px;
	background-color: #FFFFCC;	
}
.pcdesignerIntro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #808080;
	height: 421px;
	overflow:auto;
	width: 423px;
}
.noproductArea {
	width:350px;
	height: 100%;
}
