/*---- BOF Reset ----*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{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%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;}
/*---- EOF Reset ----*/

html, body {}
body { color: #848484; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; border-collapse: collapse; background: url(../images/page_back_grid.png) #fff; text-align: left; }

/*---- BOF Structure ----*/
#page-head { height: 115px; background: url(../images/top_back_fade.gif) repeat-x; }
#page-head #container { width: 938px; margin-left: auto; margin-right: auto; }

#page-head #logo { float: left; padding-top: 12px; }

#page-head #info { float: right; text-align: right; padding-top: 45px; }
#page-head #login { font-size: 10px; color: #fff; padding-top: 27px; font-weight: bold; }
#page-head #login a, #login a:visited { color: #fff; text-decoration: none; }
#page-head #login a:hover { text-decoration: underline; }

#splash-mes { width: 632px; height: 151px; background: url(../images/splash_mes.jpg) no-repeat; display: block; border: 0px; }
#splash-6pack { width: 632px; height: 151px; background: url(../images/splash_6pack.jpg) no-repeat; display: block; border: 0px; }

#canvas { background: url(../images/page_back_fade.png) repeat-x; overflow: auto; }
#container { width: 946px; margin-left: auto; margin-right: auto; clear: left; padding-top: 1px; }
#aux { background: url(../images/aux_strip_back.jpg) center no-repeat; height: 29px; margin-bottom: 1px; }

#breadcrumb-strip { background: url(../images/single_page_container_back.png) center repeat-y; padding-left: 5px; padding-right: 5px; font-size: 10px; font-weight: bold; }

#breadcrumb-reg { height: 8px; background: #ffb649; padding: 0px; color: #000; padding-left: 20px; padding-right: 15px; }
#breadcrumb-secure { height: 8px; background: #1d8387; padding: 0px; color: #fff; padding-left: 20px; padding-right: 15px; }
#page-height-min-image { float: left; height: 400px; width: 1px; }
#page-height-min { float: right; width: 99%; }
#bottom-edge { clear: left; height: 6px; background: url(../images/split_page_edge_bottom.png) center no-repeat; }
/* ---- EOF Structure Styles ---- */

/* ---- BOF Sub Nav Styles ---- */
#aux-menu { list-style-type: none; margin: 0px; padding-bottom: 20px; }
#aux-menu a { width: 270px; margin-left: -19px; height: 24px; background: url(../images/aux_back.jpg) no-repeat center bottom; display: block; padding-left: 20px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; padding-top: 13px; line-height: normal; font-weight: bold; color: #2d2d2d; text-decoration: none; }
#aux-menu a:hover { background: url(../images/aux_back.jpg) no-repeat center top; color: #5d1415; }
#aux-menu li { padding: 0px; }
#aux-menu a { background: url(../images/sub_back_grey.jpg) no-repeat center bottom; }
#aux-menu a:hover, #aux-menu a.aux_selected { background: url(../images/sub_back_grey.jpg) no-repeat center top; color: #026a74; }
#aux-menu a.aux_selected { cursor: default; }
/* ---- EOF Sub Nav Styles ---- */

/* ---- BOF Product Spectrum Styles ---- */
.sv-button-spectrum { float: right; width: 82px; height: 142px; background: url(../images/btn_sv_product_spectrum.png) top no-repeat; border: 0px; display: block; cursor: pointer; margin-right: 10px; }
.sv-button-spectrum:hover { background: url(../images/btn_sv_product_spectrum.png) bottom no-repeat; }
.svpro-button-spectrum { float: right; width: 95px; height: 142px; background: url(../images/btn_svpro_product_spectrum.png) top no-repeat; border: 0px; display: block; cursor: pointer; margin-right: 10px; }
.svpro-button-spectrum:hover { background: url(../images/btn_svpro_product_spectrum.png) bottom no-repeat; }
.svprorp-button-spectrum { float: right; width: 95px; height: 142px; background: url(../images/btn_svprorp_product_spectrum.png) top no-repeat; border: 0px; display: block; cursor: pointer; }
.svprorp-button-spectrum:hover { background: url(../images/btn_svprorp_product_spectrum.png) bottom no-repeat; }
/* ---- EOF Product Spectrum Styles ---- */

#product-shot-sv-lite { clear: left; width: 102px; height: 208px; background: url(../images/th_solidview_lite-trans.png) no-repeat; display: block; }
#product-shot-sv { clear: left; width: 117px; height: 208px; background: url(../images/th_solidview-trans.png) no-repeat; display: block; }
#product-shot-sv-pro { clear: left; width: 136px; height: 208px; background: url(../images/th_solidview_pro-trans.png) no-repeat; display: block; }
#product-shot-sv-pro-rp { clear: left; width: 136px; height: 208px; background: url(../images/th_solidview_pro_rp-trans.png) no-repeat; display: block; }

/* ---- BOF Typography Styles ---- */
html { overflow: -moz-scrollbars-vertical; overflow: scroll; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #003f4a; }

h1 { font-size: 22px; letter-spacing: .05em; margin-top: 30px; }
h1.tag { width: 410px; height: 27px; background: url(../images/tag_reflect.gif) 38px 18px no-repeat; font-size: 13px; color: #fff; font-weight: bold; letter-spacing: .15em; margin: 0px; }

h2 { font-size: 12px; letter-spacing: .1em; margin-bottom: 5px; }
h3 { font-size: 10px; margin: 0px 0px 0px 0px; }
h4 { font-size: 19px; font-weight: bold; color: #003f4a; }
h5 { clear: left; font-size: 14px; margin: 0px 0px 5px 0px; font-style: italic; font-weight: bold; float: left; } /* cart section header */
h6 { font-size: 35px; margin: 0px; padding: 0px; letter-spacing: -.09em; float: left; color: #161616; }
.addon { float: left; margin-top: 10px; font-size: 9px; color: #000; font-weight: bold; margin-left: 5px; }

p { color: #333333; font-size: 10px; line-height: 1.5em; 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: #003f4a; }
a:hover { text-decoration: underline; cursor: pointer; color: #000; }
a:focus { color: #000; }

p a { font-weight: bold; line-height: 1.5em; }

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: #10767a; }

a.subscribe { font-size: 10px; color: #e6a33f; text-decoration: none; font-weight: bold; text-transform: uppercase; }
a.subscribe:hover { text-decoration: none; color: #000; }

a.return { color: #003f4a; }
a.download { background: url(../images/btn_download.png) no-repeat center top; width: 58px; height: 21px; display: block; }
a.free-trial { background: url(../images/btn_free_trial.png) no-repeat center top; width: 64px; height: 21px; display: block; }
a.buy { background: url(../images/btn_buy.png) no-repeat center top; width: 64px; height: 21px; display: block; }
a.request-trial-key { background: url(../images/btn_request_trial_key_reg.png) no-repeat center top; width: 98px; height: 21px; display: block; }
td.request-trial-key { width: 98px; }

a.get-cad { float: left; background: url(../images/btn_get_cad.png) no-repeat; width: 252px; height: 66px; display: block; }
a.webinar { float: left; background: url(../images/btn_webinar.jpg) no-repeat; width: 208px; height: 65px; display: block; }
a.webinar-register { float: left; background: url(../images/btn_webinar_register.jpg) no-repeat; width: 245px; height: 86px; display: block; }

.webinar-text { clear: left; padding: 20px 0px 0px 75px; color: #1a232c; }

a.refresh { background: url(../images/btn_refresh.png) no-repeat top; width: 16px; height: 16px; display: block; }
a.refresh:hover { background: url(../images/btn_refresh.png) no-repeat bottom; width: 16px; height: 16px; display: block; }

a.xclose { background: url(../images/btn_xclose.png) no-repeat top; width: 20px; height: 20px; display: block; margin-top: -3px; }
a.xclose:hover { background: url(../images/btn_xclose.png) no-repeat bottom; width: 20px; height: 20px; display: block; }

.toggleLink { font-size: 10px; text-decoration: none; padding-left: 2px; padding-right: 2px; color: #134fcd; font-weight: bold; }
.toggleLink:hover { text-decoration: underline; }
.toggleLink:focus { color: #134fcd; border: none; outline: none; }

.heading { margin-top: 10px; font-weight: bold; }
.toggle { font-size: 10px; margin-bottom: 10px; padding: 10px; }

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: 0px 0px 4px 0px; }
ul, ol { color: #333333; margin: 5px 0px 20px 20px; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }

ul.applications { list-style-position: inside; margin: 0px; font-size: 10px; }
ul.applications li { list-style-image: url(../images/bullet_arrow_reg.png); }

hr { color: #ffb649; background: #ffb649; border: none; height: 3px; text-align: left; margin-bottom: 20px; }

.strong { font-weight: bold; }
/* ---- EOF Typography Styles ---- */

/* ---- BOF Labels ---- */
.label-cyan-grey { color: #fff; clear: left; padding-top: 2px;}
.label-cyan-grey-x { color: #fff; margin-top: 4px;}
.label-cyan-grey .left, .label-cyan-grey-x .left { float: left; background: url(../images/label-cyan-grey-left.png) no-repeat; width: 5px; height: 22px; display: block; }
.label-cyan-grey .center, .label-cyan-grey-x .center { float: left; background: #6c898e; height: 18px; font-weight: bold; padding-top: 4px; padding-left: 3px; padding-right: 5px; }
.label-cyan-grey .right, .label-cyan-grey-x .right { float: left; background: url(../images/label-cyan-grey-right.png) no-repeat; width: 5px; height: 22px; display: block; }
.label-cyan-grey-x .right { margin-right: 5px; }

.label-cyan-grey-outline { color: #333; clear: left; padding-top: 2px; }
.label-cyan-grey-outline-x { color: #333; position: relative; }
.label-cyan-grey-outline .left, .label-cyan-grey-outline-x .left { float: left; background: url(../images/label-cyan-grey-left-outline.png) no-repeat; width: 5px; height: 22px; display: block; }
.label-cyan-grey-outline .center, .label-cyan-grey-outline-x .center { float: left; background: url(../images/label-cyan-grey-center-outline.png) repeat-x; height: 18px; font-weight: bold; padding-top: 4px; padding-left: 3px; padding-right: 5px; }
.label-cyan-grey-outline .right, .label-cyan-grey-outline-x .right { float: left; background: url(../images/label-cyan-grey-right-outline.png) no-repeat; width: 5px; height: 22px; display: block; }
.label-cyan-grey-outline-x .right { margin-right: 5px; }
/* ---- EOF Labels ---- */

/* ---- BOF Buttons ---- */
.btn-std { float: left; margin-left: 10px; text-decoration: none; color: #fff; font-size: 11px; text-transform: uppercase; }
.btn-std:hover { cursor: pointer; color: #fff; text-decoration: none; }
.btn-std:visited { color: #fff; }
.btn-std .left { float: left; background: url(../images/btn_std_left.png) top no-repeat; width: 5px; height: 22px; }
.btn-std .center { float: left; font-weight: bold; background: url(../images/btn_std_center.png) top repeat-x; height: 18px; padding-top: 4px; padding-left: 10px; padding-right: 10px; }
.btn-std .right { float: left; background: url(../images/btn_std_right.png) top no-repeat; width: 5px; height: 22px; }
.btn-std:hover .left { background: url(../images/btn_std_left.png) bottom no-repeat; }
.btn-std:hover .center { background: url(../images/btn_std_center.png) bottom; }
.btn-std:hover .right { background: url(../images/btn_std_right.png) bottom no-repeat; }

.btn-std-small { font-size: 9px; line-height: 14px; }

.btn-orange { clear: left; float: left; text-decoration: none; color: #002631; font-size: 11px; text-transform: uppercase; margin-top: 10px; }
.btn-orange:hover { cursor: pointer; color: #fff; text-decoration: none; }
.btn-orange .left { float: left; background: url(../images/btn_orange_left.png) top no-repeat; width: 5px; height: 32px; }
.btn-orange .center { float: left; font-weight: bold; background: url(../images/btn_orange_center.png) top repeat-x; height: 23px; padding-top: 9px; padding-left: 10px; padding-right: 10px; }
.btn-orange .right { float: left; background: url(../images/btn_orange_right.png) top no-repeat; width: 5px; height: 32px; }
.btn-orange:hover .left { background: url(../images/btn_orange_left.png) bottom no-repeat; }
.btn-orange:hover .center { background: url(../images/btn_orange_center.png) bottom; }
.btn-orange:hover .right { background: url(../images/btn_orange_right.png) bottom no-repeat; }
/* ---- EOF Buttons ---- */

/* ---- BOF Panels ---- */
.panel-green-fade { clear: left; width: 250px; padding-top: 20px; }
.panel-green-fade .top { background: url(../images/panel_green_fade_top.png) no-repeat; height: 6px; display: block; font-size: 0px; }
.panel-green-fade .middle { background: url(../images/panel_green_fade_middle.png) repeat-y; padding-left: 15px; color: #002631; padding-top: 20px; padding-bottom: 20px; overflow: auto; }
.panel-green-fade .bottom { background: url(../images/panel_green_fade_bottom.png) no-repeat; height: 6px; }
/* ---- EOF Panels ---- */

/* ---- BOF Blocks ---- */
.announcements-block { float: left; padding-top: 10px; clear: left; width: 260px; }
a.announcement { color: #7c277a; text-decoration: none; font-size: 12px; }
a.announcement .image { float: left; background: url(../images/btn_action.png) no-repeat top; width: 14px; height: 14px; display: block; } 
a.announcement .text, a.announcement:visited .text { margin-left: 5px; float: left; font-size: 9px; font-weight: bold; width: 90%; }
a.announcement .text .emphasis { font-size: 11px; font-weight: bold; }
a.announcement:hover { cursor: pointer; }
a.announcement:hover .image { background: url(../images/btn_action.png) no-repeat bottom; }
a.announcement:hover .text { color: #000; }

.support-block { padding-top: 15px; clear: both; width: 230px; }
a.support-item { text-decoration: none; font-size: 12px; }
a.support-item .image-01, a.support-item .image-02, a.support-item .image-03 { float: left; width: 50px; height: 37px; display: block; } 
a.support-item .image-01 { background: url(../images/btn_support_checklist_item_01.png) no-repeat top; }
a.support-item .image-02 { background: url(../images/btn_support_checklist_item_02.png) no-repeat top; }
a.support-item .image-03 { background: url(../images/btn_support_checklist_item_03.png) no-repeat top; }

a.support-item .text, a.support-item:visited .text { margin-left: 5px; float: left; font-size: 9px; font-weight: bold; }
a.support-item .text .emphasis { font-size: 11px; letter-spacing: normal; font-weight: bold; }
a.support-item .text ul { margin-top: 0px; font-size: 9px; margin-bottom: 0px; width: 150px; }
a.support-item .text li { line-height: normal; margin: 0px; padding: 0px; }
a.support-item:hover { cursor: pointer; }
a.support-item:hover .image-01 { background: url(../images/btn_support_checklist_item_01.png) no-repeat bottom; }
a.support-item:hover .image-02 { background: url(../images/btn_support_checklist_item_02.png) no-repeat bottom; }
a.support-item:hover .image-03 { background: url(../images/btn_support_checklist_item_03.png) no-repeat bottom; }
a.support-item:hover .text { color: #000; }

.product-links-block { float: left; padding-top: 5px; clear: left; }
a.product-links { color: #002631; text-decoration: none; font-size: 12px; }
a.product-links .image { float: left; background: url(../images/btn_action.png) no-repeat top; width: 14px; height: 14px; display: block; } 
a.product-links .text, a.product-links:visited .text { margin-left: 5px; float: left; font-size: 10px; font-weight: bold; }
a.product-links .text .emphasis { font-size: 12px; font-weight: bold; }
a.product-links:hover { cursor: pointer; }
a.product-links:hover .image { background: url(../images/btn_action.png) no-repeat bottom; }
a.product-links:hover .text { color: #000; text-decoration: underline; }
/* ---- EOF Blocks ---- */

.product-leader { font-size: 11px; line-height: .5em; padding: 0px; }
.free { color: #00c6ff; }

#main-phone { float: right; padding: 5px; font-size: 14px; font-weight: bold; color: #000; padding-right: 10px; }

#content-header { width: 906px; margin-left: auto; margin-right: auto; background: url(../images/page_header_back_fade.png) repeat-x bottom; padding: 15px; }
#content-border { padding: 15px; }

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

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

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

#search-icon { background: url(../images/ico_search.png) no-repeat center 2px; float: left; width: 25px; height: 25px; }

/* ---- BOF Forms ---- */
.form { clear: left; padding-bottom: 20px; overflow: auto; }
.form label { width: 125px; text-align: right; color: #262626; margin: 4px; float: left; line-height: 22px; font-weight: normal; font-size: 12px; }
.form .value { width: 210px; font-size: 11px; color: #000; font-weight: bold; margin: 2px 0px 0px 4px; line-height: 22px; padding: 2px; float: left; }
.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: 13px; margin: 4px; float: left; }
.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; font-size: 11px; color: #414141; padding: 2px; margin: 4px; float: left; }
.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: 9px; }
.form .error-panel { padding-bottom: 10px; }
.form .error-panel ul { margin: 4px; 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.png) no-repeat 2px 2px; }
.form .field { width: 470px; float: left; margin: 2px; position: relative; }
.form .required label { font-weight: bold; }
.form label.orange { font-weight: bold; color: #ffb649; }
.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; }

.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; }

.edit-small, .drop-small { font-size: 9px; }
/* ---- EOF Forms ---- */

.search-button { float: left; width: 25px; height: 25px; background: url(../images/btn_search.png) top no-repeat; border: 0px; display: block; cursor: pointer; margin-right: 5px; margin-top: 2px; }
.search-button:hover { background: url(../images/btn_search.png) bottom no-repeat; }
.search-box { background-image: none !important; }
#res img { visibility: hidden !important; }

.chat-button { float: right; width: 119px; height: 21px; background: url(../images/btn_chat_available.png) top no-repeat; border: 0px; display: block; cursor: pointer; margin-right: 5px; margin-top: 8px; }
.chat-button:hover { background: url(../images/btn_chat_available.png) bottom no-repeat; }
.chat-unavailable { width: 131px; height: 25px; background: url(../images/btn_chat_unavailable.png) top no-repeat; }
.chat-unavailable:hover { width: 131px; height: 25px; background: url(../images/btn_chat_unavailable.png) bottom no-repeat; }

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

.sc-btn-left { width: 5px; height: 22px; background: url(../images/btn_std_left.png) no-repeat 0px 0px; float: left; margin-left: 2px; }
.sc-btn-center { float: left; padding-left: 0px; }
.sc-btn-center button, a .sc-btn-center { height: 22px; background: url(../images/btn_std_center.png) repeat-x 0px 0px; margin: 0; border: 0; color: #fff; cursor: pointer; text-decoration: none; line-height: 20px; margin-bottom: 2px; font-weight: bold; }
.sc-btn-center button { padding-left: 10px; padding-right: 10px; }
a .sc-btn-center { padding-left: 20px; padding-right: 20px; }
.sc-btn-right { width: 5px; height: 22px; background: url(../images/btn_std_right.png) no-repeat 0px 0px; float: left; margin-right: 2px; }

.orange .sc-btn-left { width: 5px; height: 32px; background-image: url(../images/btn_orange_left.png); }
.orange .sc-btn-center button, .orange a .sc-btn-center { height: 32px; background-image: url(../images/btn_orange_center.png); color: #002631; font-size: 11px; text-transform: uppercase; font-weight: bold; }
.orange .sc-btn-right { width: 5px; height: 32px; background-image: url(../images/btn_orange_right.png); }
.orange:hover .sc-btn-left { background: url(../images/btn_orange_left.png) bottom no-repeat; }
.orange:hover .sc-btn-center button, .orange:hover a .sc-btn-center { background: url(../images/btn_orange_center.png) bottom; }
.orange:hover .sc-btn-right { background: url(../images/btn_orange_right.png) bottom no-repeat; }

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

.tooltip { max-width: 600px; position: absolute; top: 0; left: 0; z-index: 3; display: none; background-color: #f5f5b5; border: 1px solid #DECA7E; padding: 4px; }
.tooltip ul { margin: 0px 0px 0px 16px; padding: 0px; }

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

#video-block { background: url(../images/flash_frame_small.png) no-repeat; width: 262px; height: 227px; padding: 10px 0 70px 10px; }
#video-block a.movie { display: block; width: 240px; height: 204px; }

/* ---- Account/Edit override ---- */
#container #account-edit-div #right { background: transparent; }

/* ---- Spacers ---- */
.vspacer-5 { clear: left; height: 5px; }
.vspacer-10 { clear: left; height: 10px; }
.vspacer-20 { clear: left; height: 20px; }
.vspacer-30 { clear: left; height: 30px; }

.product { line-height: 14px; display: inline-block; }
.remove { width: 14px; height: 14px; background: url(../images/btn_delete.png) no-repeat; display: inline-block; margin-left: 4px; }
.remove:hover { width: 14px; height: 14px; background: url(../images/btn_delete_hover.png) no-repeat; display: inline-block; margin-left: 4px; }
.active-item { cursor: pointer; font-style: italic; }
.hide { display: none; }

.checkout-info { position: absolute; width: 150px; right: -190px; top: 25%; font-size: 9px; font-weight: bold; color: #000; height: 10px; text-indent: -10px; }
.checkout-icon { width: 9px; height: 10px; background: url(../images/reference_arrow.png) no-repeat; float: left; position: relative; left: -20px; top: 2px; }
.checkout-verisign { width: 106px; height: 54px; background: url(../images/verisign.gif) no-repeat; position: absolute; width: 150px; right: -190px; top: -70px; }

/* ---- Misc. ---- */
#CCExpireMonth + .field-validation-error { width: 0px; height: 0px; font-size: 0px; } /* These jack up the layout so they must DIE! */
#CCExpireYear + .field-validation-error { width: 0px; height: 0px; font-size: 0px; } /* These jack up the layout so they must DIE! */

#view-cart { width: 122px; height: 29px; background: url(../images/btn_view_cart_reg.png) top no-repeat; border: 0px; display: block; cursor: pointer; }
#view-cart:hover { background: url(../images/btn_view_cart_over.png) bottom no-repeat; }

#account-licenses-form .field-validation-error { width: auto; }

#program-id-info { width: 16px; height: 16px; background: url(../images/btn_small_help_inactive-trans.png) no-repeat; float: left; margin: 6px; cursor: pointer; }
#program-id-info:hover { width: 16px; height: 16px; background: url(../images/btn_small_help_active-trans.png) no-repeat; }

.notify-bg { width: 100%; padding: 0px; margin: 0px; height: 32px; background-color: #000; display: none; }
.notify-bar { width: 100%; padding: 4px 0px 4px 0px; height: 24px; background-color: #ffb649; border-bottom: solid 1px #735005; display: none; text-align: center; }
.notify-msg { font-size: 12px; font-weight: bold; line-height: 22px; color: #000; text-align: center; float: left; width: 100%; }
.notify-close { background-color: #fad163; color: #735005; float: right; margin-right: 20px; border: solid 2px #735005; width: 20px; height: 20px; text-align: center; cursor: pointer; }
.notify-bar a { font-size: 16px; font-weight: bold; text-decoration: none; line-height: 16px; margin-bottom: 4px; color: #735005; }

#account-edit-div #right p { line-height: 14px; margin: 0px; }
#account-edit-div #right .address { margin-top: 10px; }

#new-account { width: 180px; height: 142px; background: url(../images/new_account.png) no-repeat; display: block; margin-bottom: 15px; }

#order-details-div .details-box { border: 1px solid #000; padding: 20px; width: 60%; overflow: auto; background: #fff; }
#order-details-div .label { clear: left; float: left; font-weight: bold; width: 120px; text-align: right; padding-right: 10px; font-size: 11px; padding-bottom: 10px; }
#order-details-div .value { float: left; }

#webinar-item { clear: left; }
#webinar-item #thumb { float: left; clear: left; }
#webinar-item #thumb a { font-size: 14px; font-weight: bold; text-decoration: none; }
#webinar-item #frame { float: left; border: 1px solid #ccc; padding: 10px; background: #fff; margin-left: 10px; }
#webinar-item #frame a { font-size: 14px; font-weight: bold; text-decoration: none; }
.no-float { float: none; }