* {
margin: 0;
padding: 0;
outline: none;
list-style: none;
font-size: 1em;
}
#helpbody {
padding: 0;
background: none;
color: #344;
font: 11px/1.3em Arial, Helvetica, sans-serif;
}
body {
padding: 6px .5em .5em;
background: #fff url(../../../images/background.png) 0 19px repeat-x;
color: #344;
font: 11px/1.3em Arial, Helvetica, sans-serif;
}
h1 {
margin-left: -.5em;
border-left: .5em solid #fff;
height: 71px;
background: url(../../../images/logo.png) no-repeat;
text-indent: -999em;
}
#home_everything {
position: relative;
margin-top: 1.4em;
width: 941px;
}
#everything {
position: relative;
margin-top: 1.4em;
width: 85.45em;
min-width: 600px;
max-width: 100%;
overflow: hidden;
}
.select #everything, .customer #everything, .assembly #everything {
background-color: #f2f2f2;
}
h2 {
margin-bottom: .35em;
background-image: url(../../../images/blackstripe.png);
text-indent: -999em;
}
h2 span {
display: block;
height: 45px;
background: url(../../../images/title.png) 1.4em 14px no-repeat;
}
.print {
text-decoration:underline;
margin-right:20px;
margin-left:420px;
color:#FFFFFF;
font-size:8pt;
}
#helpbutton {
position: absolute;
top: 5px;
right: .5em;
}
#helpbutton a {
display: inline;
float: left;
margin-left: .5em;
height: 34px;
text-indent: -999em;
}
#backlink, #nextlink {
width: 76px;
}
#backlink {
background-image: url(../../../images/back.png);
}
#nextlink {
background-image: url(../../../images/next.png);
}
#helplink {
width: 254px;
background-image: url(../../../images/help.png);
}

.assembly .accessory .qty {
	width: 7em;
}
#viewrfq {
width: 92px;
background-image: url(../../../images/viewrfq.jpg);
}
#length {
	width: 340px;
	margin: 1.5em 1em 1em 1em;
	background: #fff;
	height: 150px;
	float:left;
}
#measurement {
	width: 210px;
	margin: 1.5em 1em 1em 1em;
	background: #fff;
	height: 150px;
	float:left;
}
h4 {
padding: .5em .9em;
font-size: 1.2em;
line-height: 1em;
background: #c5c5c5;
color: #000;
margin-left: 10px;
margin-right: 10px;
}
#length h4 {
	margin:0px;
	line-height: 1em;
}
#measurement h4 {
	margin:0px;
	line-height: 1em;
}
#length #units {
	float:right;
	font-size: .80em;
	font-weight: normal;
	vertical-align: top;
}
#measurement div {
	margin:1.5em 0 0 2em;
}
#length #US_std, #length #Metric_std {
	margin:1.5em 0 0 2em;
}
#length #US_custom, #length #Metric_custom {
	/*margin-top:10px;*/
}
#length #US_std div, #length #Metric_std div {
	float:left;
}
#length #US_std #input, #length #Metric_std #input {
	width: 185px;
}
#length #US_std div div, #length #Metric_std div div {
	width: 160px;
	margin-left: 0px;
}
#length #US_std label, #length #Metric_std label {
	width: 175px;
}
#length #US_std .assLength, #length #Metric_std .assLength {
	margin-right: 24px;
}
#length #US_std, #length #Metric_std {
	padding:0px;
	/*width: 187px;*/
}
#length #US_std select, #length #Metric_std select,#length #US_std input, #length #Metric_std input {
	width: 160px;
	margin-right: 2px;
}
#popupSpec {
	border: 0px;
	margin: .5em;
	width: 344px;
}
#popupSpec td {
	border:0;
	padding:2px;
	margin: 0;
}
.viewDetails {
	color: #0000FF;
	text-decoration: underline;
}
#dhtmltooltip{
	position:absolute;
	visibility:hidden;
	z-index:1000;
	border: 1px solid #000;
}
#tooltip{
	position:absolute;
	visibility:hidden;
	z-index:1000;
	border: 1px solid #d5d5d5;
}
.scroll .sub_head {
font-weight:bold;
font-size:13px;
margin-bottom: 1em;
margin-top: 0.8em;
}
.assembly .accessory thead tr th, .assembly .accessory thead tr td {
	padding: 0.3em;
}
.assembly .accessory {
	border-left: 1px solid #d5d5d5;
	margin: 9px;
}
h3 {
padding: .5em .9em;
font-size: 1.5em;
line-height: 1em;
background: #555656 url(../../../images/darkgraystripe.png) repeat-x;
color: #fff;
}
.start h3 {
margin-top: 1em;
padding: 0;
font-size: 1em;
background: none;
color: #40526c;
text-transform: uppercase;
}
.start #everything {
width: 971px;
}
#intro {
height: 532px;
background: url(../../../images/newhome.jpg) no-repeat;
color: #40526c;
}
#intro h2 {
position: absolute;
left: 0;
top: -9999px;
}
#intro p {
margin: 0;
}
#benefits, #features {
position: absolute;
top: 105px;
width: 180px;
}
#benefits {
left: 540px;
}
#features {
left: 750px;
}
#viewspec {
position: absolute;
left: 331px;
top: 278px;
width: 195px;
height: 37px;
text-indent: -9999px;
}
#build {
position: absolute;
left: 545px;
top: 300px;
width: 400px;
}
#existing {
position: absolute;
left: 750px;
top: 287px;
}
#existing h3 {
margin-bottom: 3px;
}
#accessories {
position: absolute;
left: 750px;
top: 430px;
}
#accessories h3 {
margin-bottom: 7px;
}
#intro li {
margin: 2px 0 2px 20px;
list-style: disc;
}
#intro .buildbutton {
padding: .4em .8em;
border: none;
width: auto;
overflow: visible;
background: url(../../../images/buildButton.png) 0 50%;
color: #f7f7f7;
font: bold 13px Arial, Helvetica, sans-serif;
text-transform: uppercase;
cursor: pointer;
}
#intro button {
padding: .1em .5em;
border: none;
width: auto;
overflow: visible;
background: url(../../../images/button.png) 0 50%;
color: #f7f7f7;
font: bold 11px Arial, Helvetica, sans-serif;
text-transform: uppercase;
cursor: pointer;
}
.blue {
background-color: #414c58;
background-image: url(../../../images/bluestripe.png);
}
p {
margin: 1em 1.4em;
}
a {
color: #344;
}
#filter {
margin: 1em 1% -1px;
padding: .35em .6em;
border: 1px solid #d5d5d5;
background-color: #f5f5f5;
}
#numbers {
float: left;
padding: .5em 2%;
font-weight: bold;
}
#numbers span {
float: left;
width: 25em;
}
input {
font: 1em Arial, Helvetica, sans-serif;
}
textarea {
overflow: auto;
}
.scroll {
margin: 0 1% 1em;
border: 1px solid #d5d5d5;
height: 30em;
overflow: auto;
}
.main {
margin: 0em 1em 1em 1em;
}
.assembly .main, .subheader {
	margin-top: 1.5em;
}
.main .subhead {
	margin:0px;
	margin-bottom: .75em;
}
.main table {
	width: 100%;
	margin: 0;
background-color: #fff;
border: 1px solid #d5d5d5;
text-align: left;
}
html[lang='\
en'] .select .scroll {
border: none;
height: auto;
overflow: visible;
}
table, html .review table table, html .completed table table {
clear: left;
/*margin: 1em 1%;*/
border-collapse: collapse;
border-spacing: 0;
width: 98%;
text-align: center;
}
html .review table table, html .completed table table {
border: 1px solid #d5d5d5;
width: auto;
}
html[lang='\
en'] table, html[lang='\
en'] .review .scroll table table, html[lang='\
en'] .completed .scroll table table {
border: none;
border-top: 1px solid #d5d5d5;
border-left: 1px solid #d5d5d5;
border-collapse: separate;
}
.scroll table {
margin: 0;
background-color: #fff;
text-align: left;
}
html[lang='\
en'] .scroll table {
width: 100%;
}
html[lang='\
en'] .select .scroll table {
border: 1px solid #d5d5d5;
}
.review table, .completed table {
border-collapse: separate;
/*border-spacing: 2px;*/
width: 99.8%;
background-color: transparent;
text-align: center;
}
.completed .info {
margin: 1px 1px 1em 1px;
border-collapse: collapse;
}
html .completed .info tbody th, html .completed .info tbody td {
color: #344;
font-weight: normal;
text-align: left;
}
.select th, .assembly th {
font-weight:bold;
color:#ffffff;
background: #888C88;
}
 .select thead tr th,  .select tbody tr td,  .assembly thead tr th,  .assembly tbody tr td {
/*border-top:none;
border-bottom:1px solid #d5d5d5;
border-right:1px solid #d5d5d5;
border-left:1px solid #d5d5d5;*/
margin:0;
padding: .8em;
}
.select .beforeScrollfix {
border-right:1px solid #d5d5d5;
}
.config {
border-top:1px solid #d5d5d5;
border-left:1px solid #d5d5d5;
}
table table thead tr, html[lang='\
en'] thead tr {
position: static;
}
th, td, .review table table th, .review table table td, .completed table table th, .completed table table td {
margin: 0;
border: 1px solid #d5d5d5;
padding: .5em;
}
html[lang='\
en'] th, td, .review table table th, .review table table td, .completed table table th, .completed table table td {
border-top:none;
border-left:none;
}
html .review th, .review td, html .completed th, .completed td {
border: 1px solid #d5d5d5;
background-color: #fff;
text-align: center;
}
html .review .summary th, html .completed .summary th {
background-color: #515b67;
color: #fff;
font-weight: normal;
text-align: center;
}

thead th, .review .summary table thead th, .completed .summary table thead th {
border-top:none;
background-color: #e7e7e7;
color: #344;
font-size: 1em;
font-weight: normal;
vertical-align: bottom;
}
.review .summary .summary_body, .completed .summary .summary_body {
	border: none;
}
.review .summary .summ_main, .completed .summary .summ_main {
	padding:0px;
	border: 0px;
	background-color: #F2F2F2;
}
.review .summary .summ_table, .completed .summary .summ_table {
	margin: 0px;
	width: 100%;
}
.review thead th, .completed thead th {
border: none;
background-color: #000;
color: #fff;
font-size: 1.5em;
font-weight: bold;
text-align: left;
}
.scrollfix {
display: none;
padding: 0;
border-right: none;
border-left:none;
width: 20px;
}
html[lang='\
en'] .scrollfix {
display: table-cell;
}
html .review .header, html .completed .header {
border: none;
border-collapse: collapse;
}
html[lang='\
en'] .select .scroll tbody {
height: 27em;
overflow: auto;
}
html[lang='\
en'] .scroll tbody tbody {
height: auto;
}
.select td, .assembly td {
/*border-top: none;
border-bottom: none;
vertical-align: top;*/
}
.editconfig a, .deleteconfig a {
display: block;
color: #344;
text-decoration: none;
text-align: left;
}
html .review .details, html .completed .details {
padding: .25em 2.5% .25em .25em;
border: none;
background: #555 url(../../../images/detailsdown.png) 99.5% 50% no-repeat;
color: #fff;
font-weight: bold;
text-transform: uppercase;
text-align: right;
cursor: pointer;
}
html .review .open, html .completed .open {
background-image: url(../../../images/detailsup.png);
}
.hidden {
display: none;
}
html .alternate th, .alternate td {
background-color: #f5f5f5;
}
.select .radio, .select .part, .assembly .radio, .assembly .part {
vertical-align: middle;
}
.radio, .drawing {
text-align: center;
}
.radio {
width: 20px;
}
.part {
padding: .6em;
color: #797a7c;
font-size: 1.5em;
font-weight: bold;
line-height: 1em;
}
.drawing {
width: 100px;
}
.zoom {
float: right;
margin: -14px -14px 0 0;
width: 14px;
height: 14px;
background-image: url(../../../images/zoom.png);
text-indent: -999em;
cursor: default;
}
html[lang='\
en'] .zoom {
margin-right: 0;
}
table div {
text-align: left;
}
.type, .rating {
white-space: nowrap;
}
.colors {
width: 10em;
}
html .spacer {
padding: .1em;
border: none;
background-color: transparent;
}
.error, .info {
margin: .35em 0;
background: #980101 url(../../../images/errorbackground.png) repeat-x;
color: #fff;
}
.info {
background-color: #334d65;
background-image: url(../../../images/infobackground.png);
}
.error span, .info span, .infobox h4 span {
display: block;
position: relative;
padding: .75em .75em .75em 45px;
background: url(../../../images/erroricon.png) 10px 0 no-repeat;
}
.errorbox h4 span {
/*display: block;
position: relative;*/
padding: 4pt 4pt 4pt 45px;
background: url(../../../images/erroricon.png) 10px 0 no-repeat;
}
.errorbox h4 {
	margin: 0px;
}

.info span, .infobox h4 span {
background-image: url(../../../images/infoicon.png);
}
.errorbox, .infobox {
position: absolute;
left: 29em;
top: 25em;
z-index: 10;
padding: .5em;
border: 1px solid #adadad;
width: 28em;
overflow: hidden;
background-color: #f0f0f0;
}
.review .detail table, .completed .detail table {
	border: 0px;
	margin: 0px;
}
.review .detail .detail_cable td, .completed .detail .detail_cable td {
	border:0px;
	text-align: left;
	vertical-align: top;
	padding: 0.5em;
	width: 50%;
}
.review .detail .detail_cable .detail_header, .completed .detail .detail_cable .detail_header {
	padding-bottom: 0em;
}
.review .detail .detail_cable td div, .completed .detail .detail_cable td div {
	float:left;
	border:0px;
	text-align: left;
	padding: 0.3em;
	width: 50%;
}
.review .detail .detail_cable  .leftCol, .completed .detail .detail_cable  .leftCol {
	background-color: #f7f7f7;
	text-align: right;
}
.completed .detail .detail_cable .pricingleftColHead td {
	background-color: #f7f7f7;
	text-align: left;
	width: 85px;
}
.completed .detail .detail_cable .pricingleftCol td {
	text-align: left;
	width: 85px;
}
.review .detail .detail_cable .detail_cable_detail tbody, .completed .detail .detail_cable .detail_cable_detail tbody {
	border-collpase: collapse;
}
.review .summary .detail .detail_cable, .completed .summary .detail .detail_cable {
	border: 0px;
	border-collapse: collapse;
}
.errorbox iframe, .infobox iframe {
display:none;/*sorry for IE5*/
display/**/:block;/*sorry for IE5*/
position:absolute;/*must have*/
top:0;/*must have*/
left:0;/*must have*/
z-index:-1;/*must have*/
filter:mask();/*must have*/
width:3000px;/*must have for any big value*/
height:3000px;/*must have for any big value*/
}
.errorbox h4, .infobox h4 {
background: #980101 url(../../../images/errorbackground.png) repeat-x;
color: #fff;
font-size: 1.3em;
}
.infobox h4 {
background-color: #334d65;
background-image: url(../../../images/infobackground.png);
}
.errorbox div, .infobox div {
padding: .1em;
background-color: #dedede;
}
.center {
text-align: center;
}
.invalid {
border-color: #f00;
}
#left {
float: left;
margin-bottom: -30000px;
padding-bottom: 30000px;
width: 66.25%;
background-color: #f2f2f2;
}
#left .ass_search {
	padding:0em;
}

.review .deleteconfig, .review .editconfig {
	background-color: #e7e7e7;
	width: 120px;
}
#left .ass_searchh4 {
	background-color: #e4e9ee;
	margin-left: 0.6em;
	margin-right: 0.6em;
}
#left .ass_searchh4 span {
	font-weight: normal;
}
#conn_left {
float: left;
width: 55%;
background-color: #f2f2f2;
}
#conn_right {
float: right;
width: 45%;
background-color: #f2f2f2;
}
#conn_left table, #conn_right table {
	margin: .5em 1em 1em 1em;
	width: auto;
}
#conn_left table td {
	text-align: center;
}
#parametergraphic, #parameters {
float: left;
margin: 1.4em 0 1.4em 1.4em;
}
#parameters select {
width: 15em;
}
html[lang='\
en'] #parameters select {
width: auto;
min-width: 15em;
}
html[lang='\
en'] option {
padding-right: .5em;
}
#right {
float: right;
margin-bottom: -30000px;
padding-bottom: 30000px;
width: 33.25%;
background-color: #e9ebed;
}
#right p {
clear: left;
}
.slidertrack {
width: 120px;
height: 19px;
line-height: 0px;
text-align: left;
background: url(../../../images/sliderbackground.png) 0 4px repeat-x;
}
#right .slidertrack {
margin-left: 1.5em;
}
.slider {
/*position: relative;*/
width: 35px;
height: 19px;
background: url(../../../images/slider.png);
line-height: 0;
}
#right .sliderdisplay {
margin: -19px 0 19px 145px;
}
.sliderdisplay {
vertical-align:middle;
}
.sliderdisplay input {
border: none;
width: 2em;
background-color: transparent;
color: #344;
cursor: default;
}
hr {
margin: 0 1.5em;
border: none;
border-top: 1px solid #717d8a;
height: 0;
}
.disclaimer {
margin-top: 15em;
}
#backnext {
position: relative;
clear: both;
height: 3em;
background-color: #000;
text-align: right;
line-height: 3em;
}
#startbacknext {
position: relative;
clear: both;
margin-top:3px;
width:941px;
height: 38px;
background: url(../../../images/footer-bg-repeat.gif) repeat-x;
}
#backnext div {
float: left;
border-right: .4em solid #fff;
width: 66.75%;
w\idth: 66.25%;
height: 100%;
background: #d6d6d6 url(../../../images/lightgraystripe.png) 0 100% repeat-x;
}
#backnext input {
margin: .5em .5em .5em 0;
}
#enlargement {
display: none;
position: absolute;
padding: 1em;
border: 1px solid #d1d1d1;
background-color: #fff;
z-index:100;
}
#help {
display: none;
position: absolute;
top: 45px;
right: 0;
margin-top: .35em;
border: 1px solid #999;
width: 28em;
background-color: #d5d6d8;
z-index:100;
}
.help {
width: 28em;
background-color: #d5d6d8;
}
.help h3 {
margin: -1px -1px 1em;
}


#helpConfirm {
display: none;
position: absolute;
top: 45px;
right: 0;
margin-top: .35em;
border: 1px solid #999;
width: 28em;
background-color: #d5d6d8;
}
#helpConfirm h3 {
margin: -1px -1px 1em;
}  

#closelink {
display: block;
position: absolute;
top: .75em;
right: 1.4em;
color: #c0c4c9;
line-height: 1em;
}
#form {
width: 36em;
}
label {
float: left;
margin: 0 0 1em 1.4em;
}
#form input, #form textarea {
display: block;
width: 16em;
}
.help input, .help textarea {
display: block;
width: 15em;
}
.help input {
width: 11.35em;
}
#form #email, #form textarea {
width: 33.75em;
}
.help #helpfullname, .help textarea {
width: 24.45em;
}
#form br, .help br {
display: none;
}
.submit {
clear: left;
margin: 0 1.4em 1em;
width: auto;
}
#add_req_col1, #add_req_col2, #add_req_col3 {
	float: left;
	background-color: #fff;
	height: 14em;
}
#add_req_col1 {
	width: 30.33%;
	margin-right: 1em;
}
#add_req_col2 {
	width: 23%;
	margin-right: 1em;
}
#add_req_col3 {
	width: 68.3%;
}
#add_req_col1 h4, #add_req_col2 h4, #add_req_col3 h4 {
	margin: 0px;
}
#add_req_col1 p, #add_req_col2 p, #add_req_col3 p {
	float: left;
}
#add_req_col1 select, #add_req_col3 select {
	margin-top: 6px;
}
.cols {
	margin: 1em;
}
.review .detail .detail_cable .detail_cable_detail, .completed .detail .detail_cable .detail_cable_detail {
	border: 1px solid #000;
	width: 95%;
}
.completed .summary .detail .detail_cable .pricing_table {
	border-collapse: collapse;
	clear: none;
}
.completed .summary .detail .detail_cable .pricing_table td {
	border: 1px solid #000;
}
#add_req_col2 input{
	margin-right: 4px;
}
#app_type textarea {
	margin-top: 10px;
	height: 7em;
}
#app_qty {
	background-color: #fff;
	height: 10em;
	margin-bottom: 1.5em;
}
#app_qty p {
	float: left;
}
#app_qty .cols {
	margin: 0.5em;
}
#app_type {
	margin-bottom: 1em;
}
#add_qty input, #add_qty textarea {
	margin-top: 4px;
}
#app_type h4, #app_qty h4 {
	margin-left: 0em;
	margin-right: 0em;
}
#right input {
margin-top: .5em;
}
.help .submit {
float: right;
clear: none;
}
.help span {
display: block;
clear: left;
margin-left: 1.4em;
white-space: nowrap;
}
#bottom {
position: relative;
padding-top: 1.5em;
height: 60px;
he\ight: 43px;
background: #fff url(../../../images/bottom.png) 50% .5em no-repeat;
color: #868686;
font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
text-align: center;
}
#bottom a {
margin-right: .5em;
color: #868686;
}
@media print {
h1, h2, h3, p, #filter, .radio, html[lang='\
en'] .scrollfix, #right #backnext, #bottom {
display: none;
}
#everything, #left {
width: auto;
}
.scroll, html[lang='\
en'] .scroll tbody {
height: auto;
}
#globalinfo {
background-image:url(../../../images/globalinfo.gif);
/*background-repeat:repeat-x;*/
width:940px;
/*height:27px;*/
color:white;
margin:5px 0 0 0;
}
#infotext {
background:transparent url(../../../images/infoicon.gif) 5px 0 no-repeat;
padding:0 0 0 35px;
font:normal 11px/27px verdana,sans-serif;
color:#fff; display:block;
}
.ErrorBox1 {
border:1px solid red;
}