/* reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin: 0; padding: 0; }
img,body,html { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; }
q:before,q:after { content: ''; }

html, body { }
body { color: #848484; font-family: Arial, Helvetica, sans-serif; font-size: 11px; border-collapse: collapse; background: #fff url(../images/page_back_grid.gif) repeat-x; }
html.ie7_html, body.ie7_body { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

/* typography.css */
html { overflow: -moz-scrollbars-vertical; overflow: scroll; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #be193f; }
h1 { font-size: 18px; letter-spacing: .15em; font-weight: bold; color: #be193f; }
h1.home { width: 150px; float: left; }
h2 { font-size: 14px; letter-spacing: .1em; margin-bottom: 5px; color: #5d1415; }
h3 { font-size: 24px; font-weight: bold; color: #000; margin: 0px 0px 15px 0px; text-transform: uppercase; }
h5 { font-size: 15px; font-weight: bold; }
h6 { color: #fff; font-size: 15px; font-weight: bold; background: #026a74; padding: 5px; padding-bottom: 0px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

p { color: #333333; font-size: 10px; line-height: 2em; margin-bottom: 20px; }
p img.left { float: left; margin: 10px 10px 10px 0; padding: 0; }
p img.right { float: right; margin: 10px 0 10px 10px; }

a, a:visited { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; cursor: pointer; }
a:focus { color: #000; }

p a { font-weight: bold; }

a.white { color: #fff; text-decoration: none; }
a.white:hover { color: #d51e48; text-decoration: underline; }

a.black { color: #000; text-decoration: none; }
a.black:hover { color: #d51e48; }

blockquote { color: #666; font-style: italic; margin-left: 40px; }

strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }

sup, sub { font-size: .8em; line-height: 0; }
abbr, acronym { border-bottom: 1px dotted #666; }
address { font-style: italic; margin: 0 0 1.5em; }
del { }
pre { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

li, li ul, li ol { padding: 4px 0px 4px 0px; }
ul, ol { margin: 5px 0px 20px 20px; color: #333333; font-size: 12px; }
ul.home, ul.error { color: #ccc; font-size: 11px; }
ul.images { margin: 5px 0px 20px 0px; }
ul { list-style-type: disc; line-height: normal; }
ol { list-style-type: decimal; }
li.pro, li.con { list-style-type: none; padding-left: 25px; margin: 0px; }
li.pro { list-style-type: none; background: url(../images/ico_plus.gif) left center no-repeat; }
li.con { list-style-type: none; background: url(../images/ico_minus.gif) left center no-repeat; }

table.sc { margin-bottom: 20px; border: 1px solid #aeaeae; }
.sc th { color: #333; font-weight: bold; background: #aeaeae; }
.sc th, .sc td, .sc.caption { padding: 5px 10px 5px 5px; }
.sc tr.even td { background: #e7e7e7; vertical-align: top; }
.sc tr.odd td { background: #fff; }
.sc tfoot { font-style: italic; }
/* typography.css */

/* ---- BOF Structure Styles ---- */
#page-head { height: 114px; background: url(../images/top_back_fade.gif) repeat-x; }

#header-container { width: 938px; height: 114px; margin-left: auto; margin-right: auto; }
#main-nav-container { width: 938px; margin-left: auto; margin-right: auto; background: none; }

#page-container { width: 946px; margin-left: auto; margin-right: auto; clear: left; }
#page-border { background: url(../images/page_edges.png) repeat-y; } /*Only used on spectrum*/
#page { width: 936px; margin-left: auto; margin-right: auto; background: #000; overflow: auto; }

#page-white { width: 936px; margin-left: auto; margin-right: auto; background: #fff; }
#page-bottom { clear: left; height: 5px; background: url(../images/page_edge_bottom.gif) no-repeat; }

#logo { float: left; padding-top: 30px; width: 219px; height: 66px; }
#logo div { width: 219px; height: 66px; background: url(../images/sc_logo.jpg) no-repeat; }

#header-info { float: right; text-align: right; padding-top: 50px; width: 50%; }
#tagline { height: 24px; background: url(../images/tag_reflect.gif) right no-repeat; }
#login-info { color: #fff; padding-top: 18px; }
#login-info a, #login-info a:visited { color: #fff; text-decoration: none; }
#login-info a:hover { text-decoration: underline; }
/* ---- EOF Structure Styles ---- */

/* ---- BOF Sub Nav Styles ---- */
.tab-shell-grey { float: left; margin-left: 5px; padding-top: 5px; }
.tab-shell-grey:hover { cursor: pointer; }

.tab-shell-grey .tab-grey-left { float: left; background: url(../images/sub_nav_tab_left.gif) top no-repeat; width: 13px; height: 19px; }
.tab-shell-grey .tab-grey-center { float: left; font-weight: bold; background: url(../images/sub_nav_tab_center.gif) top repeat-x; height: 16px; color: #fff; font-size: 10px; padding-top: 3px; }
.tab-shell-grey .tab-grey-right { float: left; background: url(../images/sub_nav_tab_right.gif) top no-repeat; width: 13px; height: 19px; }

.tab-shell-grey:hover .tab-grey-left { background: url(../images/sub_nav_tab_left.gif) bottom no-repeat; }
.tab-shell-grey:hover .tab-grey-center { background: url(../images/sub_nav_tab_center.gif) bottom; color: #fff; text-decoration: none; }
.tab-shell-grey:hover .tab-grey-right { background: url(../images/sub_nav_tab_right.gif) bottom no-repeat; }
/* ---- EOF Sub Nav Styles ---- */

a.btn-green {  }
#main-phone { float: right; padding: 4px; font-size: 18px; font-weight: bold; color: #000; padding-right: 20px; }
/*#content-header { width: 906px; margin-left: auto; margin-right: auto; background: url(../images/page_header_back_fade.png) repeat-x bottom; padding: 15px; display: inline; }*/
#content-border { padding: 5px; background: #454545; }

/**************************/
/* ---- BOF Spectrum ---- */
#spectrum .kwicks {list-style: none; position: relative; margin: 0 0 0 1px; padding: 0; font-size: 11px; }
#spectrum .kwicks li{ display: block; overflow: hidden; padding: 0 2px 0 0; cursor: pointer; }
/* #spectrum .kwicks li { float: left; width: 111px; height: 90px; margin-right: 5px; } */
#spectrum .kwicks li { float: left; width: 98px; height: 94px; margin-right: 5px; }
#spectrum .kwicks #kwick1 { background: url(../images/spectrum_solidview-reg.jpg) no-repeat; border-top: 4px solid #1eacba; }
#spectrum .kwicks #kwick1.active { background: url(../images/spectrum_solidview-over.jpg) no-repeat; }
#spectrum .kwicks #kwick1.active a { color: #1eacba; }
#spectrum .kwicks #kwick2 { background: url(../images/spectrum_sla_and_polyjet-reg.jpg) no-repeat; border-top: 4px solid #e72c2e; }
#spectrum .kwicks #kwick2.active { background: url(../images/spectrum_sla_and_polyjet-over.jpg) no-repeat; }
#spectrum .kwicks #kwick2.active a { color: #e72c2e; }
#spectrum .kwicks #kwick3 { background: url(../images/spectrum_sls-reg.jpg) no-repeat; border-top: 4px solid #1177b7; }
#spectrum .kwicks #kwick3.active { background: url(../images/spectrum_sls-over.jpg) no-repeat; }
#spectrum .kwicks #kwick3.active a { color: #1177b7; }
#spectrum .kwicks #kwick4 { background: url(../images/spectrum_fdm-reg.jpg) no-repeat; border-top: 4px solid #39af4a; }
#spectrum .kwicks #kwick4.active { background: url(../images/spectrum_fdm-over.jpg) no-repeat; }
#spectrum .kwicks #kwick4.active a { color: #39af4a; }
#spectrum .kwicks #kwick5 { background: url(../images/spectrum_cnc-reg.jpg) no-repeat; border-top: 4px solid #eb6427; }
#spectrum .kwicks #kwick5.active { background: url(../images/spectrum_cnc-over.jpg) no-repeat; }
#spectrum .kwicks #kwick5.active a { color: #eb6427; }
#spectrum .kwicks #kwick6 { background: url(../images/spectrum_cast_urethane-reg.jpg) no-repeat; border-top: 4px solid #9d4496; }
#spectrum .kwicks #kwick6.active { background: url(../images/spectrum_cast_urethane-over.jpg) no-repeat; }
#spectrum .kwicks #kwick6.active a { color: #9d4496; }
#spectrum .kwicks #kwick7 { background: url(../images/spectrum_frp_composite-reg.jpg) no-repeat; border-top: 4px solid #29713e; }
#spectrum .kwicks #kwick7.active { background: url(../images/spectrum_frp_composite-over.jpg) no-repeat; }
#spectrum .kwicks #kwick7.active a { color: #29713e; }
#spectrum .kwicks #kwick8 { background: url(../images/spectrum_tooling-reg.jpg) no-repeat; border-top: 4px solid #534095; }
#spectrum .kwicks #kwick8.active { background: url(../images/spectrum_tooling-over.jpg) no-repeat; }
#spectrum .kwicks #kwick8.active a { color: #534095; }
#spectrum .kwicks #kwick9 { background: url(../images/spectrum_molding-reg.jpg) no-repeat; border-top: 4px solid #7c131b; }
#spectrum .kwicks #kwick9.active { background: url(../images/spectrum_molding-over.jpg) no-repeat; }
#spectrum .kwicks #kwick9.active a { color: #7c131b; }
#spectrum a { color: #fff; }
/* #spectrum .thumb { float: left; text-align: center; padding-top: 77px; width: 74px; height: 11px; font-size: 9px; } */
#spectrum .thumb { float: left; text-align: center; padding-top: 77px; width: 74px; height: 11px; font-size: 9px; }
#spectrum .info { float: left; width: 195px; padding: 5px; padding-top: 5px; padding-left: 10px; border-left: none; height: 64px; color: #fff; line-height: 1.3em; }
#spectrum img { border: 1px solid #fff; }
/* ---- EOF Spectrum ---- */
/**************************/

#footer-nav { text-align: center; font-size: 9px; color: #000; font-weight: bold; }
#copyright { text-align: center; font-size: 9px; font-weight: bold; padding-bottom: 20px; }

.accent { font-weight: bold; color: #d51e48; }

img { border: 0px; }
img.float-left { float: left; }

.text-box-reg, .text-box-small { float: left; border: 1px solid #aaaaaa; margin-top: 5px; font-size: 12px; padding: 1px; color: #aaaaaa; margin-left: 3px; }
.text-box-reg { width: 150px; }
.text-box-small { width: 100px; }
.text-box-reg:hover, .text-box-small:hover { border: 1px solid #073439; }

.text-box-230, .text-box-100 { float: left; border: 2px solid #c6c6c6; background: url(../images/tb_back_fade.gif) repeat-x; font-size: 11px; color: #414141; padding: 2px; height: 14px; margin-left: 3px; }
.text-box-230 { width: 230px; }
.text-box-100 { width: 100px; }
.text-box-230:hover, .text-box-100:hover { border: 1px solid #073439; }

.search-icon { float: left; width: 25px; height: 25px; }
.search-icon.grey { background: url(../images/ico_search_grey.gif) no-repeat center 2px; }
.search-icon.green { background: url(../images/ico_search_green.gif) no-repeat center 2px; }

.search-button { float: left; width: 25px; height: 25px; border: 0px; display: block; cursor: pointer; margin-top: 2px; }

.search-button.grey { background: url(../images/btn_search_grey.gif) top no-repeat; }
.search-button.grey:hover { background: url(../images/btn_search_grey.gif) bottom no-repeat; }

.search-button.green { background: url(../images/btn_search_green.gif) top no-repeat; }
.search-button:green:hover { background: url(../images/btn_search_green.gif) bottom no-repeat; }

.search-box { background-image: none !important; color: #000; }

.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.middle { vertical-align: middle; }
.float-left { float: left; }
.float-right { float: right; }

.btn-std .left { width: 5px; height: 22px; float: left; margin-left: 2px; display: inline; clear: left; background: url(../images/btn_green_left.gif); }
.btn-std .center { float: left; padding-left: 0px; display: inline; }
.btn-std .center button, a .btn-std .center { height: 22px; margin: 0; border: 0; color: #fff; cursor: pointer; text-decoration: none; line-height: 20px; font-weight: bold; background: url(../images/btn_green_center.gif) repeat-x; }
.btn-std .right { width: 5px; height: 22px; float: left; margin-right: 2px; display: inline; background: url(../images/btn_green_right.gif); }
span.disabled .btn-std .center button, span.disabled a .btn-std .center { cursor: not-allowed; }

.orange .btn-std .left { background: url(../images/btn_orange_left.gif); }
.orange .btn-std .center button, a .orange .btn-std .center { background: url(../images/btn_orange_center.gif) repeat-x; color: #002631; font-size: 11px; }
.orange .btn-std .right { background: url(../images/btn_orange_right.gif); }

.grey .btn-std .left { background: url(../images/btn_grey_left.gif); }
.grey .btn-std .center button, a .grey .btn-std .center { background: url(../images/btn_grey_center.gif) repeat-x; color: #fff; font-size: 12px; }
.grey .btn-std .right { background: url(../images/btn_grey_right.gif); }

.btn-std:hover .left { background: url(../images/btn_green_left.gif) bottom no-repeat; }
.btn-std:hover .center button, a .btn-std:hover .center { background: url(../images/btn_green_center.gif) bottom repeat-x; }
.btn-std:hover .right { background: url(../images/btn_green_right.gif) bottom no-repeat; }

.orange .btn-std:hover .left { background: url(../images/btn_orange_left.gif) bottom no-repeat; }
.orange .btn-std:hover .center button, a .orange .btn-std:hover .center { background: url(../images/btn_orange_center.gif) bottom repeat-x; color: #002631; font-size: 11px; }
.orange .btn-std:hover .right { background: url(../images/btn_orange_right.gif) bottom no-repeat; }

.grey .btn-std:hover .left { background: url(../images/btn_grey_left.gif) bottom no-repeat; }
.grey .btn-std:hover .center button, a .grey .btn-std:hover .center { background: url(../images/btn_grey_center.gif) bottom repeat-x; color: #fff; text-transform: none; font-size: 12px; }
.grey .btn-std:hover .right { background: url(../images/btn_grey_right.gif) bottom no-repeat; }

.form { min-height: 400px; }

.form label { width: 125px; text-align: right; color: #000; margin: 4px; float: left; line-height: 22px; font-size: 12px; }
.form input[type="text"], .form input[type="password"] { width: 210px; border: 2px solid #c6c6c6; background: url(../images/tb_back_fade.gif) repeat-x; font-size: 11px; color: #414141; padding: 2px; height: 14px; margin: 4px; float: left; }
.form input[type="checkbox"] { margin: 8px 0px 5px 4px; }
.form input[type="radio"] { font-size: 11px; padding: 2px; height: 14px; margin: 4px; }
.form input[type="file"] { width: 210px; font-size: 11px; color: #414141; padding: 2px; margin: 4px; float: left; border: 2px solid #c6c6c6; }
.form textarea { width: 210px; border: 2px solid #c6c6c6; background: #fff url(../images/tb_back_fade.gif) left bottom repeat-x; font-size: 11px; color: #414141; padding: 2px; margin: 4px; float: left; }
.form input[type="radio"] { font-size: 11px; padding: 2px; height: 14px; margin: 4px; }
.form select { border: 2px solid #c6c6c6; background: url(../images/tb_back_fade.gif) repeat-x; font-size: 11px; color: #414141; margin: 4px; float: left; }
.form h1 { margin-bottom: 35px; }
.form h3 { margin-bottom: 4px; }
.form .field-validation-error { color: #f00; width: 210px; padding: 4px; float: left; font-size: 10px; }
.form .field .field-validation-error { margin-left: 133px; }
.form .error-panel { margin: 10px 0px 10px 8px; }
.form .error-panel ul { margin: 4px 4px 4px 0px; border: solid #ff0000 1px; }
.form .validation-summary-errors { list-style: none; color: #8a1f11; font-weight: bold; }
.form .validation-summary-errors li { color: #8a1f11; padding: 4px 4px 4px 24px; background: #fbe3e4 url(../images/icons/error.gif) no-repeat 2px 2px; border: 0; }

.form .field { width: 470px; float: left; margin: 2px; }
.form-submit { margin-left: 139px; }

/*Used for login and checkout/payment*/
.form .field.small { clear: left; float: left; margin: 2px; display: inline; }
.form .button { position: relative; display: inline; }
/*-----------------------------------*/

.form input[type="text"].input-validation-error { border: 2px solid #f00; }
.form input[type="password"].input-validation-error { border: 2px solid #f00; }
.form input[type="radio"].input-validation-error { border: 2px solid #f00; }
.form textarea.input-validation-error { border: 2px solid #f00; }
.form select.input-validation-error { border: 2px solid #f00; }
.form .wide label { width: 125px; }
.form .wide .field { width: 500px; }
.form .required label { font-weight: bold; }
.form input[type="text"].stretch { width: 350px; }

.sub-header h1 { font-size: 42px; letter-spacing: 0; margin-bottom: 20px; color:#888; line-height: 44px; }

.qtip { z-index: 200002; background-color: transparent; /*border: 1px solid #DECA7E; padding: 4px;*/ }
.qtip .thumbnail { background-color: #4776bc; position: relative; }
.qtip .specs { float: left; position: absolute; left: 0; top: 0; width: 500px; padding-left: 12px; padding-top: 4px; display: inline-block; }
.qtip-button { color: #fff; }
.qtip-button:hover { color: #fff; text-decoration: none; }
.qtip ul { margin: 0px 0px 0px 16px; padding: 0px; }

.swfupload { z-index: 200001; }

.contact-address { padding-left: 24px; }

.validation-summary-errors { list-style: none; }
.validation-summary-errors li { border: solid #ff0000 1px; color: #8a1f11; padding: 4px 4px 4px 24px; background: #fbe3e4 url(../images/icons/error.gif) no-repeat 2px 2px; }

.notify-bg { width: 100%; padding: 0px; margin: 0px; height: 26px; background-color: transparent; display: none; position: fixed; top: 0; left: 0; z-index: 200002; }
.notify-bar { width: 100%; padding: 2px 0px 2px 0px; height: 20px; background-color: #148e9b; border-bottom: solid 1px #0b4a51; display: none; text-align: center; }
.notify-msg { font-size: 12px; font-weight: bold; line-height: 20px; color: #fff; text-align: center; float: left; width: 100%; }
.notify-close { background-color: transparent; color: #fff; float: right; margin-right: 20px; border: solid 1px #fff; width: 16px; height: 16px; text-align: center; cursor: pointer; padding: 0px; line-height: 16px; }
.notify-bar a { font-size: 14px; font-weight: bold; text-decoration: none; line-height: 14px; margin: 0px; margin-bottom: 4px; color: #fff; }

.siteroles label { float: left; display: inline-block; width: auto !important; line-height: 22px; margin: 4px; vertical-align: top; }
.siteroles input[type="checkbox"] { float: left; margin-left: 2px; margin-right: 4px; line-height: 22px; display: inline; }

.word_wrap { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ }

#submit { float: left; margin: 20px 0px 10px 139px; }
#submit span { float: left; padding: 8px 0px 8px 0px; }

/* Legal */
sup, sub {  height: 0;  line-height: 1;   vertical-align: baseline; _vertical-align: bottom; position: relative; font-size: .6em; }
sup { bottom: .8em; }
sub { top: .8ex; }

/* ExtJS */
.x-window { color: #000; }
.x-grid3-row td, .x-grid3-cell img { vertical-align: middle; line-height: 16px; }
.x-grid3 { color: #000; }
.x-form-text { margin: 2px; }
/* ExtJS */

/* Survey */
#survey { background-color: #fff; padding: 16px; margin-right: 46px; }
table.survey { border: solid 1px #000; color: #000; margin: 4px; }
table.survey th { border: solid 1px #000; font-weight: bold; padding: 8px; }
table.survey td { border: solid 1px #000; padding: 4px; }
table.survey td.result { text-align: center; width: 50px; }
table.survey td.question { font-size: larger; }
table.survey tr.highlight th { background-color: #fff; }
table.survey tr.highlight td { background-color: #eee; }
table.survey td.select { background-color: #026a74 !important; }
/* Survey */