@import url(style-tabF.css);
@import url(style-tabC.css);

#customize-intro #page_header {
	font-size: 1.5em;
	text-align: center;
	margin: 1.5em 0 .75em 0;
}

#customize-intro table {
	width: 100%;
}

#customize-intro td {
	width: 50%;
	border: solid 1px #aaa;
	vertical-align: top;
}

#customize-intro td a.toplink {
	display: block;
	text-align: center;
	padding: 20px;
	margin: 1px;
	border: solid 1px #fff;
	border-bottom: dotted 1px #aaa;
	background: #fff;
}

#customize-intro td a:hover.toplink, #customize-intro td a:active.toplink, #customize-intro td a:focus.toplink {
	border: solid 1px #8abdd2;
}

#customize-intro td a.btmlink {
	display: block;
	text-align: center;
	padding: 10px 20px;
	margin: -19px;
	margin-top: 0;
	border: solid 1px #fff;
	border-top: dotted 1px #aaa;
	background: #fff;
}

#customize-intro td a:hover.btmlink, #customize-intro td a:active.btmlink, #customize-intro td a:focus.btmlink {
	border: solid 1px #8abdd2;
}

#customize-intro td .content {
	padding: 20px;
}

#customize-intro td .price {
	display: block;
	margin-top: 20px;
	font-size: 1em;
	text-align: center;
	color: #00f;
}

#customize-intro td hr {
	margin-bottom: 2em;
}

#customize-intro .hilite {
	font-weight: bold;
	color: #800;
}

#customize .tabsCcontent {
	position: relative;
	z-index: 1;
	margin-bottom: 0;
	float: none;
}

#customizeForm {
	margin: 0;
}

#system-notes {
	display: none;
	margin-bottom: 20px;
}

#system-notes a, #system-notes a:visited {
	position: relative;
	display: inline-block;
	z-index: 0;
	border: solid 1px #888;
	color: #000;
	background: #f0f0f0;
	padding: 4px 5px 3px 5px;
	font-size: 12px;
	margin-top: -3px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
}

#system-notes a, #system-notes a:visited, #system-notes a:hover, #system-notes a:active, #system-notes a:focus {
	text-decoration: none;
}

#system-notes textarea {
	display: none;
	position: relative;
	z-index: 1;
	margin: 0;
	width: 100%;
	height: 75px;
	font-size: 13px;
	border: solid 1px #888;
}

#selected-output {
	margin: 0;
	padding: 0;
	margin-left: 12px;
/*	list-style-position: inside; /* ie fix */
}

#selected-output li.hilite {
	font-weight: bold;
}

#grandtotal {
	text-align: right;
	color:#f00;
	font-weight: bold;
	font-size:30px;
	margin: .5em 0;
	padding-right: 20px;
}

.group .components {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
}

.group-title {
	display: block;
	background-color:#eee;
	border-bottom:#000000 2px solid;
	padding:.15em .35em;
}

.group-title .text {
	display: block;
	font-weight: bold;
}

.tooltip{
	display: block;
	float: right;
	position: relative;
	top: -1.65em;
	padding: 0 .35em;
	font-weight:normal;
	cursor:help;
	color:#00F;
}

.ratingnote {
	display: inline;
	float: none;
	top: 0;
	font-weight:normal;
	cursor:help;
	color:#00F;
}

.component-desc {
	margin-left: 30px;
	color: #222;
	font-style: italic;
	font-size: .9em;
}

.tooltipspan { display: none; }

.component label {
	cursor: pointer;
}

.component label.disabled {
	cursor: default;
}

.component label.hover .title {
	background: #eee;
	border: solid 1px #c8c8c8;
	padding: 1px 3px;
}

.labelpad { 
	padding:0px 3px;
}

label.disabled {
	color: #888;
}

.clear{ 
	display: block;
	clear: both; 
} 

.price{
	text-align:right;
	color:#f00;
	font-size:16pt;
	padding: 0;
	margin:0;
	font-weight:bold;
}

.addons {
	float:left;
	width:500;
	padding: 5px;
	line-height:normal;
	background:#e8e5e2;
	border:1px solid gray;
	border-top:3px solid gray;
}

.printerrow { background-color:#eee;}
.printerheader { background-color:#aaa;}

@media screen {
	#PrintQuote { display: none; }
}

@media print {
	.no-print { display: none; }
	#system-notes a { display: none; }
	#system-notes textarea {
		border: none;
		background: none;
		margin-top: 1em;
		height: auto;
	}
}

#pricesheet{ 
	background-color:#fff;
	border:#003366 thin solid;
	padding-left: 10px;
}

#pricesheet a {
	position: relative;
	color:#00f;
	background-color:#fff;
	font-weight: bold;
	font-size: 8pt;
	display: block;
	padding: 2px;
	text-decoration: none;
	margin:1px;
}

#pricesheet a:hover, #pricesheet a:active, #pricesheet a:focus {
	background: #fff;
	color: #000;
}

#pricesheet a img {
	position: relative;
	left: -5px;
}

#goback {
	margin-bottom: 1em;
}

#goback a {
	font-size: .9em;
}