@charset "utf-8";

/*generic*/
.floatleft { float: left }
.floatright { float: right}
.fullwidth { width: 100% }
.clearboth { clear: both; }
.fullwidth { width: 100%; }
.block { display: block; }
.inline { display: inline; }
.inline_block { display: inline-block; }
a { text-decoration: underline; color: #b53738}
a:hover { text-decoration: underline; color: #b53738}
img { padding: 0px; margin: 0px; border: 0px }
a:hover { text-decoration: none}
.center { text-align: center }
.white { color: white }
.italic { font-style: italic }
.bold { font-weight: bold}
.testborder { border: 1px solid red; }
/*special fonts*/
.large_red_headline { font-size: 36px; color: #a22122; }
.large_black_headline { font-size: 20px; color: #000000; }
.display { display: block }
.hide { display: none }


/*body */
body { background-color: #525252; font-family: Helvetica, sans-serif; font-size: 14px; margin: 0px 0px 0px 0px; overflow-x: hidden;}
div.marquee_outer_container {float: left; background-color: #2C2C2C; width: 100%; }
div.marquee_container { width: 100%; margin: 0px auto 0px auto; padding: 9px 0px 0px 0px; color: #FFFFFF; font-size: 18px; }
div.top { float: left; width: 100%; height: 16px; background: url('../images/bg_Top.gif') repeat-x; }

div.middle {float: left; width: 100%;}
div.middle div.schematic_container { float: left;}
div.middle div.middle_container {float: left; position: relative; width: 100%; margin: 0px auto 0px auto; background: url('../images/bg_MiddleContainer.png') repeat-y;}
/*header section*/
div.middle div.middle_container div.header {padding-top: 60px; width: 100%; border-bottom: 5px solid #B8B8B8; overflow: hidden; background: url('../images/bg_Header.gif') no-repeat; background-color: #ffffff;}
div.middle div.middle_container div.header div.logo { width: 238px; height: 112px; margin: -48px 0px 10px 12px; clear: both;}
div.middle div.middle_container div.header h1.mount_kit_title {margin: 10px 0 0 20px; font-size: 20px; float: left; color: #A22122;}


/*content section*/
div.middle div.middle_container div.gradient_divider { width: 100%; height: 5px; background: url('../images/bg_GradientDivider.gif') no-repeat;}
div.middle div.middle_container div.content {float: left; width: 96%; padding: 20px 2%; background: url('../images/bg_Content.png') repeat-y;}
div.middle div.middle_container div.content a { text-decoration: underline; color: #b53738}
div.middle div.middle_container div.content a:hover { text-decoration: underline; color: #b53738}
div.middle div.middle_container div.content div.compare_selector {float: left; width: 100%;}
div.middle div.middle_container div.content hr {float: left; width: 95%;}

/*mount kit table*/
table.mount_kit_table {float: left; width: 45%; min-width: 300px; margin-right: 2.5%;}
table.mount_kit_table col.col1 {width: 40%;}
table.mount_kit_table col.col2 {width: 60%;}
table.mount_kit_table tr {height: 22px;}
table.mount_kit_table tr.spacer {height: 10px;}
table.mount_kit_table th {background: #4F4F4F; height: 20px; color: #ffffff;}
table.mount_kit_table td {vertical-align: top;}
table.mount_kit_table select {width: 100%; padding: 1px 1px;}
table.mount_kit_table th.parts_header_row {background: #A22122;}

#mount_kit_2, #parts_needed {display: none;}

.comparison_message {float: left; width: 100%; color:#A22122; }

/*footer section*/
div.bottom {width: 100%; height: 105px; background: url('../images/bg_Bottom.gif') 0px 8px repeat-x;}
div.bottom div.stripe { width: 100%; height: 8px; background: url('../images/bg_BottomStripe.gif') repeat-x; }
div.bottom div.bottom_container { width: 100%; margin: 0px auto 0px auto;}