/* tags */ body {width: 100%; height: 100%; text-align: center; background: #282828 url(../img/bg_main.png) top repeat-x; margin: 0; font-size: 0px;} form {padding: 0; margin: 0;} img {border: none;} a {color: #0033FF;} a:hover {color: #7F99FF;} /* custom */ #head {height: 103px; width: 953px; margin: 0 auto;} #logo {float: left; width: 367px;} #global_nav {float: right; height: 20px; width: 500px; text-align: right; padding: 80px 56px 0 0;} #global_nav ul {margin: 0; padding: 0;} #global_nav li {list-style: none; display: inline; margin: 0; padding: 0; font: 11px verdana;} #global_nav span {color: #FFC215; margin: 0 8px;} #global_nav a {color: #FFC215;} #global_nav a:hover {color: #FFFFFF;} #global_nav a.search {color: #FFFFFF;} #global_nav a.search:hover {color: #DDDDDD;} #container {width: 953px; margin: 0 auto;} #top {height: 24px; background: url(../img/outr_top.png) top no-repeat} #mid {background: url(../img/outr_mid.png) top repeat-y;} #cnt_lf {width: 11px; height: 544px; background: url(../img/cnt_lf.png) top no-repeat; float: left;} #inner_container {width: 930px; float: left;} #nav {width: 841px; height: 29px; text-align: left; margin: 0 auto;} #nav ul {margin: 0; padding: 0;} #nav li {list-style: none; float: left; margin: 0; padding: 0; font: bold 13px verdana; line-height: 27px; margin-right: 3px;} #nav li a {height: 29px; display: block; float: left; padding-left: 15px; text-decoration: none; color: #9E9E9E;} #nav li a.on {background: #EEEEEE url(../img/nav_on_lf.png) top left no-repeat;} #nav li a.off {background: #DBDBDB url(../img/nav_off_lf.png) top left no-repeat;} #nav li a span {height: 29px; overflow: hidden; float: left; padding-right: 15px;} #nav li a.on span{cursor: default; background: #EEEEEE url(../img/nav_on_rt.png) top right no-repeat;} #nav li a.off span{cursor: pointer; background: #DBDBDB url(../img/nav_off_rt.png) top right no-repeat;} #nav li a.off:hover {background: #EEEEEE url(../img/nav_on_lf.png) top left no-repeat;} #nav li a.off:hover span {background: #EEEEEE url(../img/nav_on_rt.png) top right no-repeat; color: #C4C4C4; cursor: pointer;} #content {width: 841px; text-align: center; background-color: #EEEEEE; margin: 0 auto; font: 13px verdana;} /* home */ .hm_module {width: 771px; margin: 0 auto; text-align: left;} #hm_flash {width: 471px; height: 330px; float: left; background-color: #C8C8C8; overflow: hidden;} #hm_m_1 {width: 300px; height: 282px; float: left; background: #666666 url(../img/bg_start.png) top left repeat-x; overflow: hidden;} #hm_m_1 h1, #hm_m_1 h5, #hm_m_1 p, #hm_m_1 a {font-family: verdana; color: white;} #hm_m_1 h1 {font-family: arial; font-size: 26px; line-height: 1em; margin: 0; padding: 18px 18px 12px;} #hm_m_1 h5 {font-size: 12px; font-weight: normal; margin: 0; padding: 0 18px 12px;} #hm_m_1 p {font-size: 10px; margin: 0; padding: 0 18px 12px;} #hm_m_1 a:hover {color: #CCCCCC;} #login {float: left; width: 300px; height: 48px; background-color: #282828; text-align: center; overflow: hidden;} #login h4, #login a {font-family: verdana; color: white;} #login h4 {font-size: 13px; line-height: 1em; margin: 0; padding: 16px;} #hm_m_2 {height: 48px; background-color: #EEEEEE; text-align: center;} #hm_m_2 h3, #hm_m_2 a {color: #9F9F9F; font-family: arial;} #hm_m_2 h3 {font-size: 15px; margin: 0; padding: 14px;} #hm_m_2 a:hover {color: #5F5F5F;} #hm_m_3 {background-color: #C8C8C8; } #hm_m_3_lf {float: left; width: 250px; background-color: #C8C8C8; } #hm_m_3_rt {float: left; width: 521px; background-color: #C8C8C8; overflow: hidden;} #hm_m_3_rt table {width: 100%; font-weight: bold; font-size: 11px; font-weight: bold; margin: 18px 0;} #hm_m_3_rt table a {padding: 0 12px 0 0;} #hm_m_3 h3, #hm_m_3 p, #hm_m_3 td {font-family: verdana; color: #535353;} #hm_m_3 h3 {font-family: arial; font-size: 16px; line-height: 1em; margin: 0; padding: 18px 18px 12px;} #hm_m_3 p {font-size: 11px; margin: 0; padding: 0 18px 12px;} #hm_m_4 {background-color: #EEEEEE;} #hm_m_4_lf {float: left; width: 33%;} #hm_m_4_cn {float: left; width: 33%;} #hm_m_4_rt {float: left; width: 33%;} #hm_m_4 h2, #hm_m_4 p {font-family: verdana; color: #333333;} #hm_m_4 h2 {font-family: arial; font-size: 22px; line-height: 1em; margin: 0; padding: 18px 18px 12px; color: #FFC215} #hm_m_4 p {font-size: 11px; margin: 0; padding: 0 18px 12px;} #hm_m_5 {background: #EEEEEE url(../img/hm_m_5_bg.png) top left repeat-x; overflow: hidden;} #hm_m_5_lf {float: left; width: 471px; background: #EEEEEE url(../img/hm_m_5_bg.png) top left repeat-x;} #hm_m_5_lf .wedge {height: 146px; width: 0px; float: right; background-color: red !important;} #hm_m_5_rt {float: left; width: 300px; background: #EEEEEE url(../img/hm_m_5_bg.png) top left repeat-x; text-align: right;} #hm_m_5 h3, #hm_m_5 p, #hm_m_5 a {font-family: verdana; color: #EEEEEE;} #hm_m_5 h3 {font-family: arial; font-size: 18px; line-height: 1em; margin: 0; padding: 18px 18px 12px; color: #EEEEEE;} #hm_m_5 p {font-size: 11px; margin: 0; padding: 0 18px 12px;} #hm_m_5 a:hover {color: #CCCCCC;} /* secondary */ .sc_module {width: 771px; margin: 0 auto; text-align: left; background: url(../img/bg_main_sec.png) top right repeat-y;} #sc_m_breadcrumbs {width: 511px; float: left; overflow:hidden; background-color: #DDDDDD; margin: 0 0 12px 0;} #sc_m_breadcrumbs p {font-family: verdana; font-size: 10px; line-height: 1em; margin: 0; padding: 8px 0; color: #666666; } #sc_m_breadcrumbs p a{color: #666666; padding: 0 6px;} #sc_m_breadcrumbs p a:hover{color: #999999;} #sc_m_1 {width: 541px; float: left; overflow:hidden;} #sc_m_1 h1 {font-family: arial; font-size: 34px; line-height: 1em; margin: 0; padding: 0 18px 4px 0; color: #666666;} #sc_m_1 h2 {font-family: arial; font-size: 18px; line-height: 1em; margin: 0; padding: 0 18px 12px 0; color: #FFC114;} #sc_m_1 h3 {font-family: verdana; font-size: 13px; line-height: 1em; margin: 0; padding: 0 18px 12px 0; color: #333333;} #sc_m_1 h4 {font-family: verdana; font-size: 13px; line-height: 1em; margin: 0; padding: 0 18px 12px 0; color: #333333;} #sc_m_1 h5 {font-family: verdana; font-size: 18px; line-height: 1em; margin: 0; padding: 0 18px 12px 0; color: #C8C8C8;} #sc_m_1 h6 {font-family: arial; font-size: 18px; line-height: 1em; margin: 0; padding: 0 18px 12px 0; color: #333333;} #sc_m_1 p {font-family: verdana; font-size: 11px; margin: 0; padding: 0 18px 12px 0; color: #333333;} #sc_m_1 ul, #sc_m_1 ol {font-family: verdana; font-size: 11px; list-style-position: inside; margin: 0; padding: 0 18px 12px 0; color: #333333;} #sc_m_1 li {padding: 4px 0 0 0;} #sc_m_1 table {margin: 8px 0 12px;} #sc_m_1 table p{margin: 0; padding: 0 12px 12px 0;} #sc_m_2 {width: 230px; float: right; overflow:hidden;} #sc_rt_img {width: 230px; height: 230px; margin: 0; padding: 0;} #sc_rt_blk {width: 230px; height: 30px; background-color: #666666;} #sc_rt_gry {width: 230px; height: 30px; background-color: #333333;} #sc_rt_nav {margin: 0; padding: 12px 18px;} #sc_rt_nav li {list-style: none; padding:0 0 4px 0;} #sc_rt_nav a {font-family: verdana; font-size: 13px; font-weight: bold;} #sc_rt_nav a.on {color: #666666;} #sc_rt_nav a.off {color: #333333;} #sc_rt_nav a.off:hover {color: #666666;} #sc_rt_cta {width: 230px; background-color: #666666;} #sc_rt_cta h2 {font-family: arial; font-size: 17px; line-height: 1em; margin: 0; padding: 12px 18px; color: white; text-align: center;} #sc_m_2 p {font-family: verdana; font-size: 11px; margin: 0; padding: 0 18px 12px; color: #333333;} #sc_m_2 h3 {font-family: arial; font-size: 19px; margin: 0; padding: 0 18px 12px; color: #4B4B4B;} /* tertiary */ .tr_module {width: 771px; margin: 0 auto; text-align: left;} #tr_m_1 {width: 100%;} #tr_m_1 h1 {font-family: arial; font-size: 34px; line-height: 1em; margin: 0; padding: 0 18px 4px 0; color: #666666;} #tr_m_1 h5 {font-family: arial; font-size: 24px; line-height: 1em; margin: 0; padding: 0 18px 4px 0; color: #666666;} #tr_m_1 p {font-family: verdana; font-size: 11px; margin: 0; padding: 0 18px 12px 0; color: #333333;} #tr_m_1 ul, #tr_m_1 ol {font-family: verdana; font-size: 11px; list-style-position: inside; margin: 0; padding: 0 18px 12px 0; color: #333333;} #tr_m_1 li {padding: 4px 0 0 0;} /* catalog */ .cg_module {width: 771px; margin: 0 auto; text-align: left;} #cg_m_1 {width: 541px; float: left; overflow:hidden;} #cg_m_1 h1 {font-family: arial; font-size: 34px; line-height: 1em; margin: 0; padding: 0 18px 4px 0; color: #666666;} #cg_m_1 p {font-family: verdana; font-size: 11px; margin: 0; padding: 0 18px 12px 0; color: #333333;} #cg_m_2 {width: 230px; float: right; overflow:hidden;} #cg_m_2 p {font-family: verdana; font-size: 11px; margin: 0; padding: 0 18px 12px 0; color: #333333;} #cg_m_3 {width: 771px; margin: 0 auto; text-align: center;} #cg_m_3 table {margin: 0 auto;} #cg_m_3 div.prod {width: 132px;} #cg_m_3 a {font-family: verdana; font-size: 13px; margin: 0; padding: 2px 4px;} #cg_m_3 p {font-family: verdana; font-size: 11px; margin: 0; padding: 2px 4px; color: #333333;} /* product */ #pd_m_1 {width: 541px; float: left; overflow:hidden;} #pd_m_1 h1 {font-family: arial; font-size: 28px; line-height: 1em; margin: 0; padding: 0 18px 4px 0; color: #666666;} #pd_m_1 table {margin: 8px 18px 12px 0;} #pd_m_1 h4 {font-size: 13px; margin: 0; padding: 12px; color: #333333;} #pd_m_1 p{font-size: 11px; margin: 0; padding: 0 12px 12px; color: #333333;} #pd_m_1 #back {font-size: 10px; margin: 0; padding: 0;} /* contact */ #contact_form {margin: 0 18px 0 0;} #contact_form label {font-family: verdana; font-size: 13px; margin: 0; padding: 0 0 4px 0; color: #666666; display: block;} #contact_form .input {padding: 8px 8px 10px; background-color: #C8C8C8; font-family: verdana; font-size: 11px; } #contact_form input, #contact_form select, #contact_form textarea {border: #666666 2px solid; padding: 4px; background: #FFFFFF url(../img/bg_field.png) top left no-repeat; color: #666666;} #contact_form input.submit {font-family: verdana; font-size: 13px; border: #282828 2px outset; background: #282828; color: #FFFFFF; padding: 4px 12px; } #contact_form small {color: #009900} #cnt_rt {width: 11px; height: 544px; background: url(../img/cnt_rt.png) top no-repeat; float: right;} #btm {height: 24px; background: #282828 url(../img/outr_btm.png) top no-repeat;} #foot {width: 953px; margin: 0 auto; text-align: center;} #footer_nav {width: 330px; text-align: center; margin: 12px auto; } #footer_nav ul {margin: 0; padding: 0;} #footer_nav li {list-style: none; display: inline; margin: 0; padding: 0; font: 11px verdana;} #footer_nav span {color: #999999; margin: 0 6px;} #footer_nav a {color: #999999;} #footer_nav a:hover {color: #CCCCCC;} #copyright {width: 330px; text-align: center; margin: 0 auto; } #copyright p {color: #666666; font: 11px verdana;} /* pop form */ #pop {margin: 0 auto; text-align: left;} #pop h1 {font-family: arial; font-size: 24px; line-height: 1em; margin: 0; padding: 12px 18px 8px; color: #FFC114;} #pop p {font-family: verdana; font-size: 11px; margin: 0; padding: 0 18px 12px; color: #FFFFFF;} #pop a {color: #FFFFFF;} #pop #pop_form {margin: 0 18px; color: #FFFFFF;} #pop label {font-family: verdana; font-size: 13px; margin: 0; padding: 0 0 4px 0; color: #FFFFFF; display: block;} #pop .input {padding: 8px 8px 10px; background-color: #999; font-family: verdana; font-size: 11px; } #pop input, #pop select {border: #666666 2px solid; padding: 4px; background: #FFFFFF url(../img/bg_field.png) top left no-repeat; color: #666666;} #pop input.submit {font-family: verdana; font-size: 13px; border: #282828 2px outset; background: #282828; color: #FFFFFF; padding: 4px 12px; } /* misc classes */ #header_blk {height: 30px; background-color: #333333;} .clr {clear: both;} .cntr {text-align: center;} .fl {float: left;} .fr {float: right;} a.getstarted {display: block; height: 33px; width: 140px; background-image: url(../img/hm_submit.jpg); background-position: 0 0; margin: 0 auto 12px; } a.getstarted:hover { background-position: 0 -33px;} a.getstarted:active { background-position: 0 -66px;} /* spacers */ .v_sp_6{height: 6px;} .v_sp_12{height: 12px;} .v_sp_18{height: 18px;} .v_sp_22{height: 22px;} .v_sp_24{height: 24px;} .v_sp_28{height: 28px;} .v_sp_32{height: 32px;} .h_sp_10 {margin-right: 10px;} /* FormCheck validation div */ .fc-error { border : 1px solid #888; margin-top : 5px; background-color : #EAEAEA; } .fc-error p { margin : 5px; color : #A00; } span.fc-error {color:#A00;} .fc-field-error { border : 2px solid #CC0000 !important; } span.fc-field-error {color:#CC0000; font-size:10px; clear:both; display:block; border:none !important;} table.pricesheet { } table.pricesheet thead {background:#333333; color:#fff;} table.pricesheet thead th {padding:2px 0 2px 8px; font-size:11px;} table.pricesheet tr.alt {background:#DDDDDD;} table.pricesheet td {text-indent:8px;} table.pricesheet td.msrp, table.pricesheet td.wholesale {text-indent:8px;}