/* Media Queries
*********************************************/
/* Retina */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {

}
/* Landscape phones and down */
@media (max-width: 480px) {

}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

}
/* Large desktop */
@media (min-width: 1200px) {

}
/* TEMPLATE CSS
*********************************************/
html {
  overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6 {
   padding: 0px;
   margin: 0px;
}
h1 { font-size: 18pt; color: #C9252B; }
h2 { font-size: 14pt; color: #f60; }
h3 { font-size: 12pt; color: #414141; }

.trackh1 {
   padding: 10px 0px 0px 0px;
   margin: 0px;
   color: #FFF;
   font-size: 18pt;
}

/* LAYOUT
*********************************************/
/* Floats */
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.ie7 .group {
  zoom: 1;
}
/* Devolopment */
#development {
   width: 100%;
   margin-bottom: -24px;
   float: left;
}
.speed {
   background: none;
   padding: 1px 1px;
   float: left;
   text-align: center;
   position: relative;
   z-index: 9999;
}
.speed .displayspeed {
   font-size: 9pt;
   color: #414141;
}
.browser {
   font-family: arial;
   text-align: left;
   font-size: 9pt;
   float: right;
   color: #414141;
   position: relative;
   z-index: 9999;
}

/* ----- START LAYOUT ----- */
/* ------------------------ */
body {
   background: url(../../../templateor/desktop/images/bkg_bodydiags_grey.png) repeat-y;
   background-position: center top;
   color: #313131;
   font: normal normal normal 75%/125% arial,sans-serif;
   text-align: left;
   font-size: 11pt;
   margin: 0px auto 0px auto;
}
/* -- development only -- */
#header_dev {

}
/* ----- START COMMON LAYOUT ----- */
#header,
#neck,
#body,
#footer {
   width: 100%;
   float: left;
}

/* ----- START HEADER ----- */
#header {
   background: url(../../../templateor/desktop/images/bkg_bodydiags_grey.png) repeat-y;
   background-position: center top;
}
#headertopmenu .container {
   padding: 0px 0px 0px 0px;
}
#headerleft_2col .container {
   padding: 5px 0px 0px 0px;
}
#headerleft_3col .container {
   padding: 0px 0px 0px 0px;
}
#headercenter .container {
   padding: 0px 0px 0px 0px;
}
#headerright_2col .container {
   padding: 0px 0px 0px 0px;
}
#headerright_3col .container {
   padding: 0px 0px 0px 0px;
}
#headermainmenu .container {
   padding: 0px 0px 0px 0px;
}

#headerbkg_wide,
#headerbkg_narrow {
   background: url(../../../templateor/desktop/images/bkg_header.png) repeat-x;
   height: 211px;
}
#headerbkg_wide {
   width: 100%;
   float: left;
}
#headerbkg_narrow {
   width: 1000px;
   margin: 0px auto 0px auto;
}
#headertopmenu {
   background: none;
   width: 295x;
   height: 26px;
   margin: 0px auto 0px auto;
   float: right;
}
#headerparts {
   background: none;
   width: 1000px;
   height: 136px;
   margin: 0px auto 0px auto;
}
#headerleft_2col {
   background: none;
   width: 50%;
   padding-top: 0px;
   float: left;
}
#headerleft_3col {
   background: none;
   width: 35%;
   padding-top: 0px;
   float: left;
}
.headercenter {
   background: none;
   width: 30%;
   padding-top: 0px;
   float: left;
}
#headercenter {
   background: none;
   width: 30%;
   padding-top: 0px;
   float: left;
}
#headerright_2col {
   background: none;
   width: 50%;
   padding-top: 0px;
   float: right;
}
#headerright_2col .container {
   background: none;
   width: 100%;
   padding-top: 10px;
   float: right;
}
#headerright_3col {
   background: none;
   width: 33%;
   padding-top: 0px;
   float: right;
}
#headermainmenu {
   background: none;
   width: 1000px;
   height: 60px;
   margin: 0px auto 0px auto;
   clear: both;
}


/* ----- START NECK ----- */
#neck {
}
#neckleft_2col .container {
   padding: 0px 0px 0px 10px;
}
#neckleft_3col .container {
   padding: 0px 0px 0px 10px;
}
#neckcenter .container {
   padding: 0px 0px 0px 10px;
}
#neckright_2col .container {
   padding: 0px 0px 0px 10px;
}
#neckright_3col .container {
   padding: 0px 0px 0px 10px;
}

#neckbkg_wide,
#neckbkg_narrow {
   background: url(../../../templateor/desktop/images/bkg_neck.png) repeat-x;
   height: 24px;
   clear: both;
}
#neckbkg_wide {
   width: 100%;
   float: left;
}
#neckbkg_narrow {
   width: 1000px;
   margin: 0px auto 0px auto;
}
#neckparts {
   width: 1000px;
   height: 24px;
   line-height: 24px;
   margin: 0px auto 0px auto;
}
#neckleft_2col {
   background: pink;
   width: 75%;
   float: left;
}
#neckleft_3col {
   background: pink;
   width: 35%;
   float: left;
}
#neckcenter {
   background: yellow;
   width: 30%;
   float: left;
}
#neckright_2col {
   background: pink;
   width: 25%;
   float: right;
}
#neckright_3col {
   background: pink;
   width: 35%;
   float: right;
}

/* ----- START BODY ----- */
#body {
}
#body .container {
   padding: 10px 0px 0px 0px;
}

#bodybkg_wide,
#bodybkg_narrow {
   background: url(../../../templateor/desktop/images/bkg_body.png) repeat-x;
   clear: both;
}
#bodybkg_wide {
   width: 100%;
   float: left;
}
#bodybkg_narrow {
   width: 1000px;
   margin: 0px auto 0px auto;
}
#bodyparts {
   width: 1000px;
   margin: 0px auto 0px auto;
}
#bodyleft_1col {
   background: none;
   width: 0%;
   float: left;
}
#bodyleft_2col {
   background: none;
   width: 25%;
   float: left;
}
#bodyleft_3col {
   background: none;
   width: 25%;
   float: left;
}
#bodycenter_1col {
   background: none;
   width: 100%;
   float: left;
}
#bodycenter_2col {
   background: #fff;
   width: 70%;
   float: left;
   padding-bottom: 50px;
}
#bodycenter_3col {
   background: #fff;
   width: 50%;
   float: left;
}
#bodyright_1col {
   background: none;
   width: 0%;
   float: right;
}
#bodyright_2col {
   background: none;
   width: 25%;
   float: right;
}
#bodyright_3col {
   background: none;
   width: 25%;
   float: right;
}

/* ----- START FOOTER ----- */
#footer {
}
#footer .container {
   padding: 5px 0px 5px 0px;
}

#footerbkg_wide,
#footerbkg_narrow {
   background: #f00 url(../../../templateor/desktop/images/bkg_footer.png) repeat-x;
   height: 260px;
   clear: both;
}
#footerbkg_wide {
   width: 100%;
   float: left;
}
#footerbkg_narrow {
   width: 1000px;
   margin: 0px auto 0px auto;
}
.footermenu {
   background: none;
   width: 1000px;
   height: 60px;
   margin: 0px auto 0px auto;
   clear: both;
}
.footerparts {
   width: 1000px;
   margin: 0px auto 0px auto;
   color: #fff;
   font-size: 10pt;
   padding-left: 20px;
}

.footerleft_1col,
.footercenterleft_1col,
.footercenterright_1col,
.footerright_1col {
   width: 0%;
   float: left;
}
.footercenter_1col {
   background: none;
   width: 100%;
   float: left;
}
.footerleft_3col .container {
   background: none;
   width: 300px;
   margin: 20px 0px;
   padding: 0px 20px 0px 0px;
   float: left;
}
.footercenter_3col .container {
   background: none;
   width: 300px;
   margin: 20px 10px;
   padding: 0px 20px 0px 0px;
   float: left;
}
.footerright_3col .container {
   background: none;
   width: 300px;
   margin: 20px 15px;
   float: left;
}
.footercenterleft_2col,
.footercenter_2col,
.footercenterright_2col {
   width: 0%;
   float: left;
}
.footerleft_2col,
.footerright_2col {
   background: none;
   width: 50%;
   float: left;
}

.footercenterleft_3col,
.footercenterright_3col {
   width: 0%;
   float: left;
}
.footerleft_3col,
.footercenter_3col,
.footerright_3col {
   background: none;
   width: 33%;
   float: left;
   text-align: center;
}

.footercenter_4col {
   width: 0%;
   float: left;
}
.footerleft_4col,
.footercenterleft_4col,
.footercenterright_4col,
.footerright_4col {
   background: pink;
   width: 25%;
   float: left;
   text-align: center;
}

.footerleft_5col,
.footercenterleft_5col,
.footercenter_5col,
.footercenterright_5col,
.footerright_5col {
   width: 20%;
   float: left;
   text-align: center;
}
.footerleft_5col {
   background: none;
}
.footercenterleft_5col {
   background: none;
}
.footercenter_5col {
   background: none;
}
.footercenterright_5col {
   background: none;
}
.footerright_5col {
   background: none;
}

.footercopyright {
   background: none;
   width: 1000px;
   height: 60px;
   margin: 0px auto 0px auto;
   clear: both;
}

.footerparts .container .header {
   background: #2467AD;
   width: 320px;
   text-align: center;
   font-size: 10pt;
   font-weight: bold;
   color: #fff;
   text-transform: uppercase;
   margin: 0px auto;
   padding: 6px 0px;
}
.footerparts .container .body {
   width: 320px;
   text-align: center;
   font-size: 10pt;
   font-weight: normal;
   color: #fff;
   line-height: 24px;
   margin: 0px auto;
   padding-top: 15px;
}

/* ----- START MODULES ----- */
/* ------------------------ */
.moduletableshadow {
   position: relative;
   bottom: 5px;
}

#pageheader {
   width: 100%;
   float: left;
}
#pageheader .shadow {
   width: 100%;
   position: relative;
   bottom: 0px;
}
#pageheader .container {
   background: none;
   padding: 1px 0px 0px 0px;
}
#pageheader_image {
   width: 100%;
   float: left;
}
#pagefooter {
   width: 100%;
   float: left;
}
#pagefooter .container {
   background: none;
   padding: 5px 0px 5px 10px;
}
.moduletableheader .searchheader {
   float: right;
   width: 100%;
   height: 20px;
   text-align: right;
}
#searchForm {
   xbackground: red;
   width: 700px;
   font-size: 10pt;
}
.btn-toolbar button {
   padding: 10px 20px;
   margin: 3px 0px 10px 0px;
}
#searchForm .phrases {
   margin: 5px 0px 10px 0px;
}
.headerinfo {
   width: 280px;
   float: right;
   padding: 6px 0px 6px 0px;
}
.headerinfo .row1 {
   width: 100%;
   float: right;
}
.headerinfo .row1 .label {
   background: none;
   width: 35%;
   float: left;
   font-size: 20pt;
   font-weight: normal;
   color: #C9252B;
   text-align: left;
}
.headerinfo .row1 .value {
   background: none;
   width: 65%;
   float: left;
   font-size: 22pt;
   font-weight: bold;
   color: #1D439C;
   text-align: right;
}

.headerinfo .row2 {
   width: 100%;
   float: right;
   padding: 5px 0px 8px 0px;
}
.headerinfo .row2 .label {
   background: none;
   width: 33%;
   float: left;
   font-size: 12pt;
   font-weight: normal;
   color: #C9252B;
   text-align: right;
}
.headerinfo .row2 .value {
   background: none;
   width: 67%;
   float: left;
   font-size: 12pt;
   font-weight: normal;
   color: #1D439C;
   text-align: right;
}

.headerinfo .row3 {
   width: 100%;
   float: right;
   margin-bottom: 4px;
}
.headerinfo .row3 .label {
   background: none;
   width: 42%;
   float: left;
   font-size: 12pt;
   font-weight: bold;
   color: #C9252B;
   text-align: right;
   padding-top: 3px;
}
.headerinfo .row3 .value {
   background: none;
   width: 58%;
   float: right;
   font-size: 20pt;
   font-weight: bold;
   color: #1D439C;
   text-align: right;
}
.headerinfo .row4 {
   width: 100%;
   float: right;
}
.headerinfo .row4 .label {
   background: none;
   width: 46%;
   float: left;
   font-size: 12pt;
   font-weight: bold;
   color: #C9252B;
   text-align: right;
}
.headerinfo .row4 .value {
   background: none;
   width: 54%;
   float: right;
   font-size: 11pt;
   font-weight: normal;
   color: #1D439C;
   text-align: right;
}

.moduletable_form {
   background: #f3f3f3;
   border: 1px solid #ddd;
   padding-top: 10px;
   margin-bottom: 20px;
}
.moduletable_form h3 {
   visibility: hidden;
   height: 0px;
}
.moduletable_form .formFieldset {
   border: 0px solid #ddd;
}
.moduletable_form legend {
   color: #1D439C;
}
.moduletable_form .formCaption2 {
   font-size: 9pt;
   font-weight: bold;
   color: #414141;
}
.moduletable_form .radiobuttons {
   font-size: 9pt;
   font-weight: normal;
   color: #414141;
}
.moduletable_form a {
   font-size: 9pt;
   font-weight: normal;
   color: #254ead;
}
.moduletable_form a:hover {
   font-size: 9pt;
   font-weight: normal;
   color: #f00;
}
.rsform_form .thankyou {
   padding: 5px;
   margin-bottom: 20px;
}
.formFieldset {
   border: 0px solid #ddd;
}
.formFieldset .left {
   width: 420px;
   float: left;
}
.formFieldset .left .formCaption {
   width: 43%;
   font-size: 9pt;
   font-weight: bold;
}
.formFieldset .left .image {
   padding: 100px 0px 0px 0px;
}
.formFieldset .right {
   width: 530px;
   float: left;
   border-left: 1px solid #ddd;
   padding-left: 20px;
}
.formFieldset .right .formCaption {
   width: 43%;
   font-size: 9pt;
   font-weight: bold;
}

.formFieldset .rsform-block-frm-shippinginfo,
.formFieldset .rsform-block-txt-contactinfo,
.formFieldset .rsform-block-txt-servicerequired,
.formFieldset .rsform-block-frm-dimensions,
.formFieldset .rsform-block-frm-fullcontainer {
   font-size: 11pt;
   font-weight: bold;
   color: #f50;
   float: left;
   border-bottom: 1px solid #eee;
}
.formFieldset .rsform-block-usr-sheet a {
   font-size: 10pt;
   font-weight: normal;
}
.formFieldset .rsform-block-usr-sheet a:hover {
   font-size: 10pt;
   font-weight: normal;
   color: #f00;
}

/* ----- START JOOMLA ----- */
/* ------------------------ */


/* ---- Homepage Buttons 1 ---- */
.homepagebuttons_01 {
   width: 294px;
   height: 110px;
   float: right;
   margin-top: 15px;
}

.homepagebuttons_01 .button_A {
   margin: 0px 0px 0px 0px;
   float: right;
}
.homepagebuttons_01 .button_A {
   padding: 0px 0px 0px 0px;
   float: right;
}
.homepagebuttons_01 .button_A, .homepagebuttons_01 .button_A a {
   width: 294px;
   height: 110px;
   color: #222;
   text-decoration: none;
   float: right;
   display:block;
   overflow:hidden;
}
.homepagebuttons_01 .button_A a:hover {
   background-position: 0 -110px;
   text-decoration: none;
   color: #C9252B;
}
.homepagebuttons_01 .button_A a {
   background: url(../../../images/btn_button_01.png) 0 0;
}

/* ---- Homepage Buttons 2 ---- */
.homepagebuttons_02 {
   background: url(../../../images/bkg_homepage_buttons.jpg) 0 0;
   width: 992px;
   height: 68px;
   float: left;
   padding: 6px 0px 0px 6px;
   margin: 10px 0px 25px 0px;
}

.homepagebuttons_02 .button_A,
.homepagebuttons_02 .button_B,
.homepagebuttons_02 .button_C {
   margin: 0px 5px 0px 0px;
   float: left;
}
.homepagebuttons_02 .button_D {
   float: right;
   margin: 0px 0px 0px 1px;
}
.homepagebuttons_02 .button_A, .homepagebuttons_02 .button_A a,
.homepagebuttons_02 .button_B, .homepagebuttons_02 .button_B a,
.homepagebuttons_02 .button_C, .homepagebuttons_02 .button_C a {
   width: 228px;
   height: 63px;
   color: #2147A0;
   text-decoration: none;
   float: left;
   display:block;
   overflow:hidden;
}
.homepagebuttons_02 .button_D, .homepagebuttons_02 .button_D a {
   width: 285px;
   height: 63px;
   color: #2147A0;
   text-decoration: none;
   float: left;
   display:block;
   overflow:hidden;
}
.homepagebuttons_02 .button_A a:hover,
.homepagebuttons_02 .button_B a:hover,
.homepagebuttons_02 .button_C a:hover {
   background-position: 0 -63px;
   text-decoration: none;
   color: #C9252B;
}
.homepagebuttons_02 .button_D a:hover {
   background-position: 0 -63px;
   text-decoration: none;
   color: #C9252B;
}
.homepagebuttons_02 .button_A a {
   background: url(../../../images/btn_button_02.png) 0 0;
}
.homepagebuttons_02 .button_B a {
   background: url(../../../images/btn_button_03.png) 0 0;
}
.homepagebuttons_02 .button_C a {
   background: url(../../../images/btn_button_04.png) 0 0;
}
.homepagebuttons_02 .button_D a {
   background: url(../../../images/btn_button_05.png) 0 0;
}
.freight-montage {
   margin: 10px 0px 20px 0px;
   float: left;
}
.hpg_paragraph {
   width: 700px;
   float: left;
   margin: 10px 0px 15px 0px;
   font-size: 12pt;
   line-height: 15pt;
}
.bullets {
   background: #f1f1f1;
   width: 100%;
   float: left;
   border: 1px solid #ddd;
   margin: 5px 0px 25px 0px;
   padding-bottom: 15px;
}
.bullets .icon {
   float: left;
   padding: 3px 7px 20px 0px;
}
.bullets .header {
   background: #333;
   width: 980px;
   float: left;
   text-align: left;
   padding: 9px 10px 11px 10px;
   color: #ffc66c;
   font-size: 12pt;
   font-weight: normal;
   font-style: normal;
   line-height: 22px;
}
.bullets .rowleft,
.bullets .rowright {
   width: 480px;
   height: 40px;
   text-align: left;
   padding: 15px 10px 0px 10px;
   color: #414141;
   font-size: 11pt;
   font-weight: normal;
}
.bullets .rowleft {
   float: left;
}
.bullets .rowright {
   float: left;
}

.mobilebullets {
   background: #f90;
   width: 100%;
   float: left;
   border: 1px solid #ddd;
   margin: 5px 0px 25px 0px;
   padding-bottom: 15px;
}
.mobilebullets .icon {
   float: left;
   padding: 3px 17px 20px 0px;
}
.mobilebullets .header {
   background: #333;
   width: 980px;
   float: left;
   text-align: left;
   padding: 9px 10px 11px 10px;
   color: #ffc66c;
   font-size: 12pt;
   font-weight: normal;
   font-style: normal;
   line-height: 22px;
}
.mobilebullets .rowleft,
.mobilebullets .rowright {
   width: 480px;
   height: 40px;
   text-align: left;
   padding: 15px 10px 0px 10px;
   color: #414141;
   font-size: 11pt;
   font-weight: normal;
}
.mobilebullets .rowleft {
   float: left;
}
.mobilebullets .rowright {
   float: left;
}

.rsform-submit-button btn btn-primary {
   margin-bottom: 50px;
}
.dimensionlink a {
   text-decoration: none;
   height: 30px;
}
.dimensionlink a:hover {
   text-decoration: underline;
   color: red;
}
#userForm .componentheading {
   visibility: hidden;
   height: 0px;
}
#userForm {
   padding-bottom: 10px;
}
.moduletable_faqs {
   width: 700px;
}