/*

Sabrix

Martin Mushrush - ISITE Design



--------- Notes -----------

* html {anything} addresses IE < 6 browser bugs

*+html {anything} addresses IE 7 browser bugs



- The footer in this design lies within the #wrapper element,

so an additional #bottom element was created which immediately

follows the #wrapper element for an additional CSS hook to

what is logically but not semantically the bottom of the page.



*/







.boldblue {

	font-weight: bold;

	color: #2a3778;

}





/* Basic browser reset  */

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, dt, blockquote, button, fieldset, legend, label, input, textarea, form {

margin: 0; padding: 0; border: 0;

}

html, body {

height: auto;

}

#wrapper, #content, #maincontent, .callout {

/*min-height: 100%;*/

}



/********************************************************************************************/

/*    Global text margins, fonts,                                                           */

/*    "content design treatments" (e.g. "all text links are blue, other text is black")     */

/********************************************************************************************/



body {

font: 82%/100% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

}

p, ul, .onecolumnmain h2 {

line-height: 130%;

}

.twocolumnmain h2 {

line-height: 110%;

}

p, h1 {

margin: 0 0 1em 0;

}

h1 {font-size: 1.6em;}

h2 {font-size: 1.4em;}

h3 {font-size: 1em;}

h4 {font-size: 1em;}

h5 {font-size: .8em;}

h6 {font-size: .6em;}

img {border: none;}

h1, h2, h3, h4, h5, h6, a {

color: #2a3778;

}

/* original color was #586087 */

a {

text-decoration: none;

}

a:hover, a h2:hover {

text-decoration: underline;

}

hr.separator {display: none;}



#header .utilitynav {

font-size: .8em;

}

#headsplash p {

color: #656565;

font-weight: bold;

}

#headsplash h1 {

line-height: 130%;

}

.homepage #headsplash h1 {

text-transform: uppercase;

line-height: 180%;

}

.quotecredit {

font-style: italic;

}

.calloutbody h4, .calloutbody h3 {

color: #7a1d0e;

text-transform: uppercase;

}

.contactus .contact {

font-size: .8em;

}

ul.pressreleasetoc li {

font-size: 1.2em;

}

ul.pressreleasetoc .date {

font-weight: bold;

font-size: .9em;

}

#footermain {

font-size: .75em;

}

.footercolumn h5, .footercolumn ul {

font-size: .8em;

}

.footercolumn h5, .footercolumn ul, .footercolumn ul li a {

color: #9c9b9b;

}





/********************************************************************************************/

/*     Element positioning, sizing,                                                         */

/*    "non-content design treatments" (e.g "all callout boxes have a yellow background")    */

/********************************************************************************************/



body {

background-color: #e2e2e2;

}



/* #wrapper, #bottom elements */

#wrapper, #bottom {

width: 934px;

padding: 16px 6px 0 6px; /* width of side dropshadows in bg image */

margin-left: auto;

margin-right: auto;

background: white url(../images/dev/shadowbg.gif) center top repeat-y;

}

#bottom {

padding-bottom: 3em;

background: transparent url(../images/dev/shadowbg-bottom.gif) center top no-repeat;

text-align: right;

}



/* #header and its children */

#header {

padding-left: 14px;

}

#headsplash {

height: 213px;

margin: 6px 0 0 8px;

}

#headsplash h1 {

margin-bottom: .7em;

}

#headsplash .contentcontainer {

width: 360px;

height: 185px;

overflow: hidden;

padding: 1em 0 0 2em;

}

.homepage #headsplash .contentcontainer {

width: 400px;

padding: 28px 0 0 45px;

}

.homepage #headsplash {

margin-left: -14px;

height: 225px;

background: white url(../images/dev/splash-home.jpg) left top no-repeat;

width: 907px; /* this is required to fit the area to the flash object being used on the smallmid landing page */

}

.enterprise #headsplash {

background: transparent url(../images/dev/splash-enterprise.jpg) left top no-repeat;

width: 633px; /* this is required to fit the area to the flash object being used on the smallmid landing page */

}

.resource #headsplash {

background: transparent url(../images/dev/splash-enterprise.jpg) left top no-repeat;

}

.smallmid #headsplash {

background: transparent url(../images/dev/splash-smallmid.jpg) left top no-repeat;

width: 633px; /* this is required to fit the area to the flash object being used on the smallmid landing page */

}

#header .utilitynav {

float: right;

text-align: right;

padding-right: 18px;

}

#headlogo {

float: left;
margin-bottom: 15px;

}



/* #navigation container element

NOTE: Actual navigation elements are defined below in the Navigation section */

#navigation {

clear: both;

}



/* #content and its children */

#content {

padding-left: 28px;

width: 906px;

background: white url(../images/dev/contentbg.gif) center top repeat-y;

}

.homepage #content {

background-image: url(../images/dev/contentbg-home.gif);

}

/* #maincontent is everything but the sidebar in the content area */

#maincontent {

float: right;

background-color: #f6f1eb;

margin-right: 16px; /* this is for IE6 */

}

#content>#maincontent {

margin-right: 31px; /* this is the real margin */

}

.homepage #maincontent {

float: left;

width: 649px;

margin-right: 0;

}

.homepage>#wrapper>#content>#maincontent { /* gotta fix the hack on the homepage */

margin-right: 0;

}

/* most pages have a single column of content */

.onecolumnmain {

width: 597px;

padding: 2em 20px 2em 40px;

}

.onecolumnmain h2, .onecolumnmain h3, .onecolummain p, .onecolumnmain ul {

margin-bottom: 1em;

}

.onecolumnmain h3 {

margin-top: 1.6em;

}

/* a few pages use two columns of content */ 

.twocolumnmain {

width: 657px;

}

.column {

float: left;

width: 300px;

margin: 20px 0 0 8px; /* this left margin is for IE6 */

padding-bottom: 50px;

border: 0 solid #b1aeaa;

}

#maincontent>.column {

margin-left: 15px; /* this is the real left margin */

}

.doublecolumn {

clear: both;

float: none;

width: 600px;

margin-left: 37px;

padding-bottom: 20px;

border-width: 0 0 1px 0;

}

#col2 {

width: 295px;

border-width: 0 0 0 1px;

padding-left: 13px;

}

/* the "feature" classes are used in two column layouts */

.featurehead {

font-size: 1.2em;

margin: 1em 0 1.1em 0;

}

.highlightfeature .featurehead {

font-size: 1.4em;

}

.topfeature .featurehead {

margin-top: 0;

}

.feature {

clear: both;

margin: 0;

padding: 0 10px 20px 20px;

border: inherit;

border-width: 1px 0 0 0;

}

.topfeature {

border: none;

}

/* .featurepull is a hook for a pullquote or floated image in a feature

It is also used in one column layouts. Customizations for specific pages

can be found below in the image replacement section. */

.featurepull {

	float: right;

	margin: 0 1em 1em 1em;

	border: none;

	position: relative;

}

/* .callout is the container class for callouts not in the sidebar

NOTE: .callout and .sidebarcallout share .callouthead and .calloutbody 

as classnames for their child containers. */

.callout {

margin: 7px 0 22px 16px;

}



/* #sidebar and its children (and a couple classes shared by #sidebar and #maincontent) */

#sidebar {

float: left;

width: 218px;

background-color: #e2e2e2;

}

.homepage #sidebar {

width: 226px;

}

#subnav, .sidebarcallout {

width: 188px;

background: transparent url(../images/dev/sidebar-callout-bottom.gif) bottom left no-repeat;

padding-bottom: 12px;

margin: 0 0 18px 15px;

}

.sidebarcallout {

margin-top: 7px;

}

.homepage .sidebarcallout {

margin-left: 19px;

}

.resource #sidebar #mtsnextstepssidebar { /* no subnav on the resource page, so adjust the top sidebar callout margin */

margin-top: 2em;

}

.subnavbody, .calloutbody {

border-color: #bcbcbc;

border-style: solid;

border-width: 0 1px 0 1px;

padding: 10px 0 7px 20px;

background-color: white;

position: relative;

}

.sidebarcallout .calloutbody p {

margin-top: .25em;

}

.calloutbodyend, .contentend {

clear: both;

}



/* some very specific customized callouts */

#productscallouts {

width: 615px;

margin-left: 16px;

background: white url(../images/dev/double-callout-borders.gif) top center repeat-y;

}

#productscalloutsfooter {

position: relative;

clear: both;

height: 13px;

width: 615px;

background: white url(../images/dev/double-callout-bottom.gif) bottom center no-repeat;

}

#enterprisecallout, #smallmidmarketcallout {

float: left;

width: 280px;

margin: 0;

padding: 0 0 .6em 2px;

}

#enterprisecallout {

margin-left: 37px;

}

#enterprisecallout .calloutbody, #smallmidmarketcallout .calloutbody {

border: none;

}

#additionalcallout {

width: 615px;

background: transparent url(../images/dev/additional-callout-bottom.gif) bottom left no-repeat;

padding: 12px 0 13px 0;

}

#additionalcallout p, #additionalcallout h3 {

margin-top: .8em;

}

.additionalcalloutimage {

float: right;

margin-left: 14px;

}

#enterprisesidebar .calloutbody {

padding-right: 20px;

}

#enterprisesidebar h4 {

text-align: center;

}

.customerlogo {

width: 107px;

margin: 1.5em auto 0 auto;

}



/* sidebar callouts with "floating" icons use the .callouticon style */

#whitepaperssidebar .calloutbody, #taxcalcsidebar .calloutbody {

padding-left: 50px;

padding-right: 5px;

}

.callouticon {

position: absolute;

top: 5px;

left: -62px; /* this is for IE6 - have to add the left padding of the parent element to line it up */

width: 59px;

height: 73px;

}

.calloutbody>.callouticon {

left: -12px; /* here's the real left position */

}

#whitepaperssidebar .callouticon {

background: transparent url(../images/dev/webinar.gif) top left no-repeat;

}

#taxcalcsidebar .callouticon {

background: transparent url(../images/dev/tax-calc-sidebar-icon.gif) top left no-repeat;

}



/* customizations for specific pages */



/* contact us page */

.contactus #maincontent h3 {

margin-top: 2em;

padding-top: 1em;

border-top: 1px solid #586087;

width: 350px;

}

.contactus h4 {

display: inline;

position: absolute;

left: 0;

top: .1em;

}

.contact {

position: relative;

padding-left: 150px;

margin-bottom: 1em;

width: 250px;

}



/* faq & privacy policy pages use big lists of anchors */

a.anchorlink {

display: block;

margin-bottom: 3em;

}

ul a.anchorlink {

margin-bottom: .6em;

}

ul.anchorlinks {

padding: 1em 0 1em 0;

list-style-image: none;

}



/* our company section */

.employeelist {

margin-top: 3em;

list-style-image: none;

}

.employeelist li {

margin-bottom: 2em;

}

.company .employee {

margin-bottom: 0;

}

.company .employeetitle {

margin: 0 0 2em 0;

}

.company .investorlink img {

margin: .6em 0 1em 0;

}



/* press releases */

.pressrelease h1 {

text-align: center;

font-size: 1.4em;

}

.pressrelease h2 {

font-size: 1em;

margin-top: 2em;

margin-bottom: .2em;

}

.pressrelease h2.subhead {

text-align: center;

font-style: italic;

margin-bottom: 1em;

}

.pressrelease h4 {

font-style: italic;

}

.pressrelease .date {

font-weight: bold;

}

.pressrelease li {

list-style-image: none;

margin: 0 1em 1em 1em;

}

.pressrelease li h3, .pressrelease li h4 {

display: inline;

}



/* SMB customers page */

.custlogo {

float: left;

margin: 1.6em 2em 1em 0;

clear: both;

}

.custname, .custdesc {

float: right;

width: 450px;

}



/* investors page, partner list page */

.investors .investorlink, .partnerlist .partnerlink {

float: left;

margin: 0 1em 0 0;

}



/* some pages are one column layouts with two columns of lists */

.supportedcountries .column, .enterprisecustomers .column {

width: 250px;

float: left;

margin-top: 0;

padding: 0;

}

.supportedcountries .column ul, .enterprisecustomers .column ul {

list-style-image: none;

}



/* #footer and its children */

#footer {

clear: both;

margin: 0 31px 0 28px;

padding-bottom: 5px;

width: 875px;

}

#footermain {

height: 16px;

padding: 8px 0 5px 30px;

background-color: #d6d6d6;

border-top: 1px solid white;

}

#footermain p.copyright {

height: 15px;

padding: 0 10px 0 85px;

background: transparent url(../images/sabrix-logo-small.gif) left bottom no-repeat;

}

#footermain ul {

padding-left: 3px;

background: transparent url(../images/dev/util-nav-divider.gif) left center no-repeat;

}

#footermain p, #footermain ul {

display: inline;

}

.footercolumn {

float: left;

margin: 9px 0 0 0;

padding: 5px 20px 3px 20px;

}

#footercol1 h5, .footerlinks {

margin-left: 10px;

}

#footercol1 {

border-right: 1px dotted #9c9b9b;

}

.footerlinks {

float: left;

}

.footerlinks li {

margin-top: 3px;

}

#footerlinks3 {

margin-left: 0;

}

.footerend {

clear: both;

}



img.top {

vertical-align:top;



}



/********************************************************************************************/

/*     Links and lists defined (non-navigation)                                             */

/********************************************************************************************/

ul {

padding-left: 12px;

list-style: none outside url(../images/dev/arrow-bullet.gif);

}



/* some list exceptions and specifics */

#smallmidmarketcallout .calloutbody ul, #enterprisecallout .calloutbody ul,

#solutionfeature .featurebody ul, ul.productfeatures,

ul.nolinkslist {

list-style-image: url(../images/dev/dot-bullet.gif);

}

.smallmid #solutionfeature .featurebody ul {

list-style: none outside none;

}

#nextstepssidebar ul {

font-weight: bold;

list-style-image: none;

}

li.nextstepsdemo { list-style-image: url(../images/dev/nextsteps-demo-bullet.gif); }

li.nextstepsdatasheets, li.datasheet { list-style-image: url(../images/dev/nextsteps-datasheets-bullet.gif); }

li.nextstepswhitepapers { list-style-image: url(../images/dev/nextsteps-whitepapers-bullet.gif); }

li.nextstepscontactus { list-style-image: url(../images/dev/nextsteps-contactus-bullet.gif); }

li.nextstepsnewsletter { list-style-image: url(../images/dev/nextsteps-newsletter-bullet.gif); }



li.datasheet {

margin-left: 1.6em;

margin-top: -.5em;

}



.homepage .calloutbody li {

margin-top: .5em;

}

.sidebarcallout .calloutbody li {

margin-top: .6em;

margin-bottom: 0;

}



/* press release table of contents lists */

ul.pressreleasetoc {

padding: .1em .5em .3em 0;

list-style-image: none;

}

ul.pressreleasetoc li {

margin-top: 1.4em;

padding-left: 11em;

position: relative;

}

ul.pressreleasetoc .date {

position: absolute;

left: -11em; /* IE6 again */

}

ul.pressreleasetoc>li>.date {

left: 0; /* the real value */

}



/* special buttons on bottom of callouts on home page */

ul.calloutbuttons li {

display: inline;

}

ul.calloutbuttons li a {

position: absolute;

height: 29px;

bottom: -14px;

}

a.viewdemo {

width: 95px;

background: transparent url(../images/btn-view-demo-callout.gif) bottom left no-repeat;

}

a.learnmore {

width: 100px;

background: transparent url(../images/btn-learn-more-callout.gif) bottom left no-repeat;

}

#enterprisecalloutbuttons a.viewdemo {

right: 118px;

}

#enterprisecalloutbuttons a.learnmore {

right: 16px;

}

#smallmidmarketcalloutbuttons a.viewdemo {

right: 434px;

}

#smallmidmarketcalloutbuttons a.learnmore {

right: 332px;

}







/********************************************************************************************/

/*     Accessibility stuff for images replacing text sitewide                               */

/********************************************************************************************/

#mainnav, .logo, .callouthead, a.viewdemo, a.learnmore, a.smsviewdemo, .submitbtn {

text-indent: -999em;

}



/* all splash images and callout header images: */

#headlogo {
width: 600px;
height: 105px;
background: white url(../images/sabrix-logo.gif) left no-repeat;
}

#productscalloutsheader {

height: 40px;

width: 615px;

background: white url(../images/products-callout-heads.jpg) center top no-repeat;

}

#solutionsheadlink, #enterpriseheadlink {

float: left;

width: 297px;

height: 40px;

}

#enterpriseheadlink {

margin-left: 20px;

}

#enterprisecallout .callouthead, #smallmidmarketcallout .callouthead {

height: 0;

}

#additionalcallout .callouthead {

height: 28px;

width: 615px;

background: white url(../images/additional-callout-head.gif) left bottom no-repeat;

}

.sidebarcallout .callouthead {

height: 21px;

width: 188px;

background: white url(../images/sidebar-head.gif) left bottom no-repeat;

}

#enterprisesidebar .callouthead {

background: white url(../images/enterprise-customers-sidebar-head.gif) left bottom no-repeat;

}

#whitepaperssidebar .callouthead {

background: white url(../images/upcoming-presentation-sidebar-head.gif) left bottom no-repeat;

}

#taxcalcsidebar .callouthead {

background: white url(../images/tax-calc-sidebar-head.gif) left bottom no-repeat;

}

#enterprisenewssidebar .callouthead {

background: white url(../images/enterprise-news-sidebar-head.gif) left bottom no-repeat;

}

#smbnewssidebar .callouthead {

background: white url(../images/smb-news-sidebar-head.gif) left bottom no-repeat;

}

#casestudiessidebar .callouthead {

background: white url(../images/case-studies-sidebar-head.gif) left bottom no-repeat;

}

#enterprisenextstepssidebar .callouthead {

background: white url(../images/enterprise-next-steps-sidebar-head.gif) left bottom no-repeat;

}

#mtsnextstepssidebar .callouthead {

background: white url(../images/mts-next-steps-sidebar-head.gif) left bottom no-repeat;

}



/* one specific button image replacement on the main SMS page body: */

#solutionfeature {

position: relative;

padding-bottom: 50px;

}

a.smsviewdemo {

display:block;

width: 95px;

height: 29px;

background: transparent url(../images/btn-view-demo.gif) bottom left no-repeat;

}







/********************************************************************************************/

/*     These are not text replacements. Just "pullquote" style images.                      */

/*     Some specific class' and ids' .featurepull images defined below:                     */

/********************************************************************************************/

.appsuite .featurepull, .demo .featurepull {

width: 239px;

height: 249px;

background: transparent url(../images/dev/appsuite-screenshot.jpg) center center no-repeat;

margin-top: -3em;

margin-left: 4em;

}

.demo .featurepull {

margin-left: 1em;

}

.partners .featurepull {

border: 1px solid #707070;

margin-left: 2em;

}

#solutionfeature .featurepull {

width: 111px;

height: 123px;

background: transparent url(../images/dev/sms-screenshot.gif) center center no-repeat;

}

#smbresourcefeature .featurepull, #enterpriseresourcefeature .featurepull {

float: left;

width: 57px;

height: 78px;

background: transparent url(../images/dev/notebook.gif) center center no-repeat;

}

.employeepicture {

float: left;

margin-left: 0;

}

.taxchanges .featurepull {

margin-right: 0;

margin-top: 3em;

}

#additionalcallout .featurepull {

padding: .8em 1em .8em 1.2em;

margin: 0;

}



/********************************************************************************************/

/*     Navigation control styles                                                            */

/*     All nav selections are made "sticky" using body classes.                             */

/*     All secondary and tertiary navs are hidden/revealed using body classes as well.      */

/********************************************************************************************/

#mainnav {

width: 907px;

height: 32px;

list-style-type: none;

background: white url(../images/mainnav.gif) right top no-repeat;

margin-left: 15px;

padding: 0;

}

#mainnav li, #mainnav li a {

float: left;

margin: 0;

height: 32px;

display: block;

}



/*#navindustries a { width: 203px; }

#navindustries a:hover, .industries #navindustries a { background: white url(../images/mainnav.gif) 0 -32px no-repeat; }

#naventerprise a { width: 147px; }

#naventerprise a:hover, .enterprise #naventerprise a { background: white url(../images/mainnav.gif) -203px -32px no-repeat; }

#navcustomers a { width: 159px; }

#navcustomers a:hover, .customers #navcustomers a { background: white url(../images/mainnav.gif) -350px -32px no-repeat; }

#navresource-centre a { width: 203px; }

#navresource-centre a:hover, .resource-centre #navresource-centre a { background: white url(../images/mainnav.gif) -509px -32px no-repeat; }

#navcompany a { width: 193px; }

#navcompany a:hover, .company #navcompany a { background: white url(../images/mainnav.gif) -712px -32px no-repeat; }
*/


.subnavbody {

padding-left: 83px;

}

ul.tnav, ul.subnav {

padding-left: 12px;

font-weight: bold;

list-style: none outside none;

display: none;

}

#subnav li a {

width: 151px;

line-height: 178%;

}

#subnav li li a {

width: 136px;

}

#subnav li a {

margin-left: -95px;

padding-left: 35px;

display: block;

background: transparent url(../images/dev/arrow-large-bullet.gif) 17px 5px no-repeat;

}

#subnav li li a {

margin-left: -107px;

padding-left: 50px;

background-position: 35px 5px;

}







#subnav li a:hover,



.appsuite li#subnavappsuite a.subnavlink,

.industrysolutions li#tnavindustrysolutions a.tnavlink,

.taxresearch li#tnavtaxresearch a.tnavlink,

.archoverview li#tnavarchoverview a.tnavlink,

.services li#tnavservices a.tnavlink,

.demo li#subnavdemo a.subnavlink,

.integration li#subnavintegration a.subnavlink,

.sabrixintegration li#tnavsabrixintegration a.tnavlink,

.sabrixconnections li#tnavsabrixconnections a.tnavlink,

.aribaintegration li#tnavariba a.tnavlink,

.peoplesoftintegration li#tnavpeoplesoft a.tnavlink,

.roi li#subnavroi a.subnavlink,

.partners li#subnavpartners a.subnavlink,

.partnerlist li#tnavpartnerlist a.tnavlink,

.becomeapartner li#tnavbecomepartner a.tnavlink,

.partnerportal li#tnavpartnerportal a.tnavlink,

.enterprisecustomers li#subnavcustomers a.subnavlink,

.faq li#subnavfaq a.subnavlink,



.solutions li#subnavsolutions a.subnavlink,

.addressvalidation li#tnavaddressvalidation a.tnavlink,

.taxratemaint li#tnavtaxratemaint a.tnavlink,

.taxdetermination li#tnavtaxdetermination a.tnavlink,

.returnprep li#tnavreturnprep a.tnavlink,

.auditsupport li#tnavauditsupport a.tnavlink,

.reporting li#tnavreporting a.tnavlink,

.taxexpertise li#tnavtaxexpertise a.tnavlink,

.integrations li#subnavintegrations a.subnavlink,

.microsoftdynamicsgp li#tnavmicrosoftdynamicsgp a.tnavlink,

.sapr3 li#tnavsapr3 a.tnavlink,

.sapallinone li#tnavsapallinone a.tnavlink,

.sapbusinessone li#tnavsapbusinessone a.tnavlink,

.ecommerce li#tnavecommerce a.tnavlink,

.thirdpartysdk li#tnavthirdpartysdk a.tnavlink,

.sas70 li#subnavsas70 a.subnavlink,

.sas70faq li#tnavsmsas70faq a.tnavlink,

.reasonstooutsource li#subnavreasonstooutsource a.subnavlink,

.partners li#subnavsmpartners a.subnavlink,

.becomeapartner li#tnavsmbecomepartner a.tnavlink,

.smcustomers li#subnavsmcustomers a.subnavlink,

.faq li#subnavsmfaq a.subnavlink,

.roi li#subnavsmroi a.subnavlink,



.pressreleases li#subnavpressreleases a.subnavlink,

.recentcoverage li#subnavrecentcoverage a.subnavlink,

.analysts li#subnavanalysts a.subnavlink,

.events li#subnavevents a.subnavlink,

.webseminars li#tnavwebseminars a.tnavlink,

.newsletter li#subnavnewsletter a.subnavlink,



.profile li#subnavcompanyprofile a.subnavlink,

.management li#subnavmanagement a.subnavlink,

.boardofdirectors li#subnavboardofdirectors a.subnavlink,

.advisoryboard li#subnavadvisoryboard a.subnavlink,

.investors li#subnavinvestors a.subnavlink,

.careers li#subnavcareers a.subnavlink,

.contactus li#subnavcontactus a.subnavlink,



.cpg li#subnavcpg a.subnavlink,

.fs li#subnavfs a.subnavlink,

.og li#subnavog a.subnavlink,

.pharma li#subnavpharma a.subnavlink,

.tmt li#subnavtmt a.subnavlink,



.demouk li#subnavdemo a.subnavlink,



.automation li#subnavautomation a.subnavlink,

.determination li#subnavdetermination a.subnavlink,

.reporting li#subnavreporting a.subnavlink,

{

color: white;

text-decoration: underline;

background-color: #af2812;

background-image: url(../images/dev/arrow-large-bullet-on.gif);

}



.enterprise ul#subnaventerprise,

.appsuite li#subnavappsuite .tnav,

.integration li#subnavintegration .tnav,

.partners li#subnavpartners .tnav,



.smallmid ul#subnavsmallmid,

.solutions li#subnavsolutions .tnav,

.integrations li#subnavintegrations .tnav,

.sas70 li#subnavsas70 .tnav,



.customers ul#subnavcustomers,



.news ul#subnavnews,

.events li#subnavevents .tnav,



.company ul#subnavcompany,

.industries ul#subnavindustries

{

display: block;

}



/* utility navs */


ul.utilitynav li.firstli a {

background: none;

}



#headutilnav ul {
	font-size: 11px;
	float: right;
	padding-right: 30px;
}

#headutilnav ul li{
	list-style-type: none;
	list-style-image: none;
	padding-bottom: 3px;
}



.news #maincontent ul.utilitynav {

margin-left: -22px;

}

.news #maincontent ul.utilitynav li a {

padding: 0 4px 0 10px;

background: transparent url(../images/dev/util-nav-divider.gif) left center no-repeat;

}

.news #maincontent ul.utilitynav li.firstli a {

background-image: none;

}

.press2007 .press2007,

.press2006 .press2006,

.press2005 .press2005,

.press2004 .press2004,

.press2003 .press2003,

.press2002 .press2002 {

font-weight: bold;

}



ul#footutilnav li a {

margin: 0 0 0 -2px;

padding: 0 5px; 0 0;

background: transparent url(../images/dev/util-nav-divider.gif) right center no-repeat;

}







/********************************************************************************************/

/*     Form-specific styles                                                                 */

/********************************************************************************************/

form {

width: 322px;

text-align: right;

}

.formline {

clear: both;

}

.formline .label {

float: left;

width: 140px;

padding-top: .5em;

line-height: 125%;

}

.formline input, .formline select, .formline textarea {

border: 1px solid #909090;

margin: 5px 0 0 0;

padding: 1px 0 1px 5px;

width: 162px;

}

.formline input, .formline select {

height: 18px;

}

.formline textarea {

font-size: 1.1em;

height: 130px;

}

.formline select {

font-size: .8em;

width: 169px;

}

.formbuttons {

clear: both;

padding-top: 1em;

}

.submitbtn {

width: 76px;

height: 29px;

background: transparent url(../images/btn-submit.gif) center center no-repeat;

cursor: pointer;

}

p.forminfo {

font-size: .8em;

padding-top: 1em;

}



/********************************************************************************************/

/*     Table styles                                                                         */

/********************************************************************************************/



table {

margin: 1em 1em 2em 1em;

}

td {

border: none;

padding: .2em .4em .2em .4em;

vertical-align:top;

}

table.noborder td {

border: inherit;

}

.news #maincontent table td, .news #maincontent table th {

border: none;

text-align: left;

padding-bottom: 1em;

}

td.total {

font-weight: bold;

}

th.rowhead, th.total {

text-align: right;

padding-right: 1em;

}



.taxchanges th.rowhead {

width: 60px;

}

.taxchanges table td {

border-width: 1px 0 0 1px;

text-align: center;

padding-right: 1em;

padding-left: 1em;

}

.taxchanges table {

font-size: .8em;

margin-left: 0;

}

.taxchanges .ratechangebox {

margin-right: 170px;

}



td.rowhead {

	color: #2a3778;

	font-weight: bold;

}





.tableleft {

	margin-left: 0px;

}





.tablerowodd {

	background-color: #ECE3D7;

}





/********************************************************************************************/

/*     Some content utility styles defined down here for maximum override potential         */

/********************************************************************************************/



img.nonpullimage {

margin-bottom: 1em;

}

.address {

margin: 0 0 1em 1em;

line-height: 130%;

}

.backlink {

margin-top: 3em;

}

#content .noborder {

border: none;

}

#content .bordered {

border: 1px solid black;

}




/* for the top main navigation */

#navigation {
	width: 907px;
	margin-left: 13px;
	background-image: url(/_resources/images/main-nav-background-img.gif);
	background-repeat: no-repeat;
	height: 31px;
	clear:both;
}

#navigation ul {
	list-style-type: none;
	padding-left: 25px;
}
#navigation ul li {
	display: inline;
}
#navigation ul li a {
	text-decoration: none;
	display: block;
	float: left;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 2px;
	padding-right: 14px;
	padding-left: 14px;
}
#navigation ul li a:link, #navigation ul li a:visited {
	background-color: #A7A6A6;
}

#navigation ul li a:hover {
	background-color: #AE2911;
}

.industries #navigation li#navindustries a {
	background-color: #AE2911;
}

.enterprise #navigation li#naventerprise a {
	background-color: #AE2911;
}

.customers #navigation li#navcustomers a {
	background-color: #AE2911;
}
.resource-centre #navigation li#navresource-centre a {
	background-color: #AE2911;
}

.company #navigation li#navcompany a {
	background-color: #AE2911;
}