/*================================ 
 STYLMARK
 global.css  

 Last Updated By: Ryan Perry
 Last Updated: 05/11/2010
================================*/


/*================================ 
 RESET STYLES
================================*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, tfoot, thead, th 
{
margin:0; 
padding:0; 
border:0; 
outline:0; 
font-size:100%; 
vertical-align: baseline; 
background: transparent;
}

table, tbody, tr, td
{
margin:0; 
padding:0; 
border:0; 
outline:0; 
font-size:100%;
}

body {line-height:1;}ol, ul {list-style:none;}blockquote, q {quotes:none;}blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}/* remember to define focus styles! */:focus {outline:none !important; border:none;}/* remember to highlight inserts somehow! */ins {text-decoration:none;}del {text-decoration:line-through;}/* tables still need 'cellspacing="0"' in the markup */table {font-family:inherit; font-size:inherit; border-collapse:collapse; border-spacing: 0;}

/*================================ 
 GLOBAL LAYOUT
================================*/
body {line-height:1.2; font-family:Arial, Helvetica, sans-serif; background:url('/images/Stylmark/body-bg.png') repeat-y center top #333333; color:#000000; font-size:11pt;}
.main-container {width:970px; margin:0 auto; clear:both; /*padding:0 20px;*/}
.page-skin {background:url('/images/Stylmark/page-bg.png') repeat-x left bottom; width:970px; clear:both; display:inline-block;}
.header-container {clear:both; background:#ffffff; display:inline-block; width:970px; position:relative; z-index:20;}
.shadow-bar {clear:both; height:12px; line-height:12px !important; position:relative; background:url('/images/Stylmark/nav-shadow-bg.png') repeat-x; width:970px; z-index:10;}
.content-container {clear:both; position:relative; z-index:5;}
.footer-container {clear:both; display:inline-block; width:920px; color:#7e688c; padding:10px 20px; font-size:11px !important;}

/*---- Element Styles ----*/
a {color:#680e8b; text-decoration:underline;}
p {}
h1 {color:#6e0993; font-size:22px; font-weight:normal; margin-bottom:5px;}
h2 {color:#454545; font-size:18px; font-weight:normal;}
h3 {}
h4 {}
h5 {}


/*---- Global Classes ----*/
.clear-float {content: "."; clear:both;height:0;visibility:hidden;display:block;}
.clear-left {clear:left;}
.clear-right {clear:right;}
.hover {cursor:pointer;}
.png-fix {}


/*================================ 
 HEADER
================================*/
/*---- Logo ----*/
.header-container .logo {margin:0 0 0 31px; float:left; display:inline; width:650px; padding:30px 0 21px 0;}
.header-container .logo a {display:block; width:201px; height:39px;}

/*---- Info Navgation ----*/
.header-container .info {float:right; display:inline-block; padding:24px 31px 8px 0; font-size:11px;}
.header-container .info li {float:left; display:inline; margin-right:7px; padding-right:8px; background:url('/images/Stylmark/info-nav-divider.gif') no-repeat right 4px;}
.header-container .info li.last {background:none; margin-right:0; padding-right:0;} 

/*---- Keyword Search ----*/
.header-container .keyword-search {float:right; padding:0 31px 0 0; }
.header-container .keyword-search .form-textbox {width:177px; font-size:12px;}
.header-container .keyword-search .btn-search {float:left;}

/*---- Main Navigation ----*/
.header-container .nav {clear:left; float:left; display:inline-block; background:url('/images/Stylmark/nav-bg.png') repeat-x; width:970px; height:36px; position:relative;}
.header-container .nav li {float:left; display:inline; position:relative; z-index:20;}
.header-container .nav li a {background:url('/images/Stylmark/main-nav.png') no-repeat; display:block; text-indent:-9999px; height:36px;}

/*---- Default State ----*/
.header-container .nav .home, .header-container .nav .link1 a {background-position:0 0; width:150px;}
.header-container .nav .solutions, .header-container .nav .link2 a {background-position:-150px 0; width:157px;}
.header-container .nav .industries, .header-container .nav .link3 a {background-position:-307px 0; width:166px;}
.header-container .nav .our-work, .header-container .nav .link4 a {background-position:-473px 0; width:166px;}
.header-container .nav .resources, .header-container .nav .link5 a {background-position:-639px 0; width:169px;}
.header-container .nav .contact, .header-container .nav .link6 a {background-position:-808px 0; width:162px;}
.header-container .nav .link7, .header-container .nav .link8, .header-container .nav .link9 {display:none !important;}

/*---- Hover State ----*/
.header-container .nav .home:hover, .header-container .nav .link1 a:hover, /*.header-container .nav .link1.hover a,*/ .header-container .nav .hover a#home, .header-container .nav .current a#home {background-position:0 -36px !important; width:150px;}
.header-container .nav .solutions:hover, .header-container .nav .link2 a:hover, /*.header-container .nav .link2.hover a,*/ .header-container .nav .hover a#solutions, .header-container .nav .current a#solutions {background-position:-150px -36px !important; width:157px;}
.header-container .nav .industries:hover, .header-container .nav .link3 a:hover, /*.header-container .nav .link3.hover a,*/ .header-container .nav .hover a#industries, .header-container .nav .current a#industries  {background-position:-307px -36px !important;width:166px;}
.header-container .nav .our-work:hover, .header-container .nav .link4 a:hover, /*.header-container .nav .link4.hover a,*/ .header-container .nav .hover a#portfolio, .header-container .nav .current a#portfolio {background-position:-473px -36px !important; width:166px;}
.header-container .nav .resources:hover, .header-container .nav .link5 a:hover, /*.header-container .nav .link5.hover a,*/ .header-container .nav .hover a#resources, .header-container .nav .current a#resources  {background-position:-639px -36px !important; width:169px;}
.header-container .nav .contact:hover, .header-container .nav .link6 a:hover, /*.header-container .nav .link6.hover a,*/ .header-container .nav .hover a#contact, .header-container .nav .current a#contact {background-position:-808px -36px !important; width:162px;}
.header-container .nav .link7 a:hover, .header-container .nav .link8 a:hover, .header-container .nav .link9 a:hover {display:none !important}

/*---- Second Level ----*/
.header-container .nav li ul {top:36px; position: absolute; left:-999em; background:url('/images/Stylmark/nav-second-level-bg.png') repeat-x 0 bottom #757575; width:213px; height:auto !important;}
.header-container .nav li ul li {height:auto !important; border-bottom:1px solid #d0d0d0;}
.header-container .nav li ul li a {background:none !important; color:#ffffff !important; margin:0; font-weight:bold; font-size:12pt !important; text-transform:none; text-indent:0 !important; text-decoration:none; display:block; height:auto; width:187px !important; padding:6px 14px 6px 12px;}
.header-container .nav li ul li.last  {border-bottom:none !important;}
.header-container .nav li ul li.bottom {background:url('/images/Stylmark/nav-second-level-bottom.png') no-repeat 0 bottom; width:213px; height:12px;}

/*---- Third Level ----*/
.header-container .nav ul ul {top:0; margin-left:213px; border-top:none;}

/*---- Hover  State -----*/
.header-container .nav li:hover ul ul, .header-container .nav li:hover ul ul ul, .header-container .nav li.hover ul ul, .header-container .nav li.hover ul ul ul {left:-999em;}
.header-container .nav li:hover ul, .header-container .nav li li:hover ul, .header-container .nav li li li:hover ul , .header-container .nav li.hover ul, .header-container .nav li li.hover ul, .header-container .nav li li li.hover ul {left:auto;}
.header-container .nav .link7.hover ul, .header-container .nav .link8.hover ul, .header-container .nav .link9.hover ul {left:-999em;}
.header-container .nav li ul li a:hover {background:#474747 !important;}



/*================================ 
 CONTENT
================================*/


/*================================ 
 EDITOR
================================*/

/*---- Main Content ----*/
.content-container .editor-content p {margin:0 0 25px 0;}
.content-container .editor-content ul {padding:0 0 25px 40px;}
.content-container .editor-content ol {padding:0 0 25px 40px;}
.content-container .editor-content ul li {padding:0; list-style:square; margin-bottom:3px;}
.content-container .editor-content ol li {padding:0; list-style:decimal; margin-bottom:3px;}

.content-container .editor-content .content-list {margin:0 0 25px 0; padding:0; list-style:none !important;}
.content-container .editor-content .content-list li {margin:0; padding:0; list-style:none !important;}
.content-container .editor-content .bullet-list {padding:0 0 25px 40px;}
.content-container .editor-content .number-list {padding:0 0 25px 40px;}
.content-container .editor-content .bullet-list li {padding:0; list-style:square !important; margin-bottom:3px;}
.content-container .editor-content .number-list li {padding:0; list-style:decimal !important; margin-bottom:3px;}
.content-container .editor-content .image-right {float:right; margin:0 0 20px 20px; display:block;}
.content-container .editor-content .image-left {float:left; margin:0 20px 20px 0; display:block;}

.content-container .editor-content h1 {color:#6e0993; font-size:22px; font-weight:normal;}
.content-container .editor-content h2 {color:#77199a; font-size:14px; font-weight:bold;}


/*---- Secondary Content ----*/
.content-container .editor-content-secondary {font-size:11px;}
.content-container .editor-content-secondary h2 {font-size:18px; color:#454545; margin:0 0 10px 0; font-weight:normal;}
.content-container .editor-content-secondary p {margin:0 0 6px 0;}
.content-container .editor-content-secondary a {font-weight:bold;}
.content-container .editor-content-secondary .content-list {list-style:none; margin:0 0 20px 0;}
.content-container .editor-content-secondary .content-list li {padding:0; margin:0 0 2px 0;}

.content-container .editor-content-secondary .shadow-image {width:197px; height:107px; display:block; /*padding:7px;*/ background:url('/images/Stylmark/seconday-image-shadow.png') no-repeat; position:relative; margin:0 -7px 10px -7px;}
.content-container .editor-content-secondary .shadow-image img {display:block; position:relative; width:183px; height:93px; top:7px; left: 7px;}


/*================================
 FORMS
================================*/
input, select, option textarea button {font-family:Arial, Helvetica, sans-serif;}
.form-layout {display:inline-block;}
.form-layout li {display:inline-block; position:relative;}
.checkbox-list li {display:inline-block; position:relative; margin-bottom:2px !important;}
.form-row {display:inline-block;}
label, .form-label {float:left; display:inline-block; padding:3px 0 0 0; margin-right:10px;font-weight:bold;}
.form-textbox {border:1px solid #abaaaa; float:left; height:17px; padding:2px; font-size:12px; background:url('/images/Stylmark/textbox-bg.png') repeat-x; color:#6f6d6d;}
.form-selectbox {border:1px solid #abaaaa; background:#ffffff; float:left; padding:2px; font-size:11px;}
.form-layout textarea.form-textbox {height:90px;}
.form-button {text-indent:-9999px; border:none; outline:none; overflow:hidden; font-size:0px; cursor:pointer; line-height:0px; display:block;}
.form-layout .form-checkbox {position:relative;}
.form-layout .form-checkbox input {position:relative; float:left; margin-right:5px;}
.form-layout .form-checkbox label {width:auto !important; text-align:left !important; font-weight:normal !important; height:auto !important;}
 
 /*---- iAPPS Form Builder ----*/
.form-container {display:inline-block;}
.form-container .form-row {display:inline-block; position:relative; }
.form-container .form-row-float {float:left; display:inline; position:relative;}
.form-container .no-bottom-margin {display:inline-block; margin-bottom:0 !important;}
.form-container .new-row {clear:left;}
.form-container .form-divider {border-top:1px solid #d0d0d0; margin:10px 0 6px 0; height:5px; width:690px; clear:left; display:inline-block;}
.form-container .form-divider .form-label {display:none !important;}
.form-container .entire-row {width:690px;}
.form-container .entire-row .form-label {width:auto !important;}
.form-container .form-row .form-required {color:#990000;}
.form-container .form-row h4.form-heading {font-weight:bold; font-size:12px; color:#333333; display:block; float:left; width:690px; position:relative; font-family:Arial, Helvetica, sans-serif; }
.form-container .form-label {float:left; display:inline-block; padding:2px 0 0 0; margin-right:10px;font-weight:normal;}
.form-container .form-textbox  {border:1px solid #abaaaa; float:left; height:17px; padding:2px; font-size:12px; background:url('/images/Stylmark/textbox-bg.png') repeat-x 0 bottom #ffffff; color:#000000;}
.form-container .form-selectbox {border:1px solid #cccccc; float:left; paddindg:2px; font-size:11px; background:url('/images/Stylmark/textbox-bg.png') repeat-x 0 bottom;}
.form-container .form-selectbox option {paddding:2px 5px;background:#ffffff;}
.form-container .form-note {display:inline-block; font-size:10px; font-style:italic;}
.form-container textarea.form-textbox {height:90px;}
.form-container .form-checkbox {display:block; position:relative; margin-bottom:5px;}
.form-container .form-checkbox span {display:inline-block; position:relative;}
.form-container .form-checkbox span input {position:relative; float:left; margin-right:5px;}
.form-container .form-checkbox label {width:auto !important; font-weight:normal !important;}
.form-container .form-radio {display:inline-block; position:relative; margin-bottom:5px; float:left;}
.form-container .form-radio span {display:inline-block; position:relative;}
.form-container .form-radio span input {position:relative; float:left; margin-right:5px;}
.form-container .form-date {display:inline-block;}
.form-container .form-date input {border:1px solid #abaaaa; float:left; height:17px; padding:2px; font-size:12px; background:url('/images/Stylmark/textbox-bg.png') repeat-x 0 bottom #ffffff; color:#000000;}
.form-container .form-date img {position:relative; top:1px; margin-left:10px; cursor:pointer;}
.form-container .form-file {display:inline-block;}
.form-container .form-file img {position:relative; top:0px; cursor:pointer;}
.form-container .form-file input {border:1px solid #abaaaa; float:left; height:17px; padding:2px; font-size:12px; background:url('/images/Stylmark/textbox-bg.png') repeat-x 0 bottom #ffffff; color:#000000;}
.form-container .form-footer {border-top:1px solid #cacaca; margin:20px 0 0 0;}

.form-container .form-footer .form-submit {display:inline-block; margin:15px 0;}
.form-container .form-footer .form-submit a {background:url('/images/Stylmark/btn-submit.gif') no-repeat; width:67px; height:23px; text-indent:-9999px; border:none; outline:none; overflow:hidden; font-size:0px; cursor:pointer; line-height:0px; display:block;}
.form-container .form-footer .form-submit-specification {display:inline-block; margin:15px 0;}
.form-container .form-footer .form-submit-specification a {background:url('/images/Stylmark/btn-submit-specification.gif') no-repeat; width:140px; height:23px; text-indent:-9999px; border:none; outline:none; overflow:hidden; font-size:0px; cursor:pointer; line-height:0px; display:block;}

/*---- Links ----*/
.lnk-pdf {background:url('/images/Stylmark/lnk-pdf.png') no-repeat 0 5px ; padding-left:40px; display:block;}

/*---- Buttons ----*/
.btn-search {background:url('/images/Stylmark/btn-search.gif') no-repeat; width:62px; height:23px;}
.btn-search-again {background:url('/images/Stylmark/btn-search-again.gif') no-repeat; width:94px; height:23px;}
.btn-return-to-press-room {background:url('/images/Stylmark/btn-return-to-press-room.gif') no-repeat; width:145px; height:23px;}



/*================================ 
 FOOTER
================================*/
/*---- Copyright ----*/
.footer-container .copyright {float:left; display:inline; margin-right:10px; }
.footer-container .copyright li {}
.footer-container .copyright li.last {}

/*---- Navigation ----*/
.footer-container .nav {float:right;}
.footer-container .nav li {float:left; display:inline; background:url('/images/Stylmark/footer-divider.gif') no-repeat left 2px; padding-left:8px; margin-left:7px;}
.footer-container .nav li.last {background:none; padding-right:0; margin-right:0;}


div#editableArea
{
	z-index: 9999;
}


        div.hotspot-container
        {
                   
		/* 102811 BT */
		/*background: url("/images/Stylmark/industry-flash-bg.png") no-repeat scroll 0 0 transparent;*/
		margin: 0 -5px 25px;
		padding: 10px;
		z-index: 1;

            position: relative;
        }
        a.hotspot
        {
            background: url(/images/StylmarkButton.png) no-repeat;
            width: 31px;
            height: 31px;
            position: absolute;
            display: block;
            cursor: pointer;
            overflow:hidden;
color:#000;
text-decoration:none;
        }
a.hotspot:hover
        {overflow:visible}
        span.tooltip
        {
            background: url(/images/tooltip.png) no-repeat;
            height: 17px;
            line-height: 17px;
            white-space: nowrap;
            padding:0 10px 0 15px;
            font-size:11px;
            position:absolute;
            left:17px;
            top:-17px;
        }