body { margin: 0; padding: 0; } 
.homePageTemplate { background: url('/img/bg/bg-home-white.gif') repeat-x top; }
.wrapper { width: 960px; margin: 0 auto; }

/**************************************/
/* Universal Text and Format Elements */

/**** Font Management ***/
@font-face {
	font-family: 'Junction';
	src: url('/core/font/Junction-webfont.eot');
	src: local('☺'), 
	url('/core/font/Junction-webfont.woff') format('woff'), 
	url('/core/font/Junction-webfont.ttf') format('truetype'), 
	url('/core/font/Junction-webfont.svg#webfont6Zm9BOS8') format('svg');
	font-weight: normal;
	font-style: normal;
}

h1, h2, h3, h4, ul, p { margin-bottom: 15px; }
h1, h2, h3, .headerThree { font-family: 'Junction', arial, sans-serif; }
h1 { font-size: 20px; line-height: 24px; }
h2 { font-size: 18px; line-height: 22px; }
h3, .headerThree { font-size: 14px; line-height: 24px; }
h4 { font-size: 13px; }
blockquote { margin: 0 10px 15px 10px; }

a { color: #0f63c7; text-decoration: none; outline: none; font-weight: bold; }
a:hover { text-decoration: underline; }

/* Text Shadows */
.onWhite { text-shadow: 1px 1px 1px #e1e1e1; }
.onBlue { text-shadow: 1px 1px 0 #b5daff; }
.onPale { text-shadow: 1px 1px 0 #fff; }
.onGrey { text-shadow: 1px 1px 0 #666; }

/* Text Variations */
.small {font-size: 11px; line-height:13px;}
.xsmall {font-size: 9px; line-height:9px;}
.bold {font-weight:bold;}
.red {color: rgb(204, 0, 0);}
.blue {color:#0f63c7;}
.grey {color: #999999;}
.white {color:#fff;}
.clear {clear:both;}
.right {text-align:right; margin-right:40px;}
#rightSideBar .right {margin-right:15px;}
.center {text-align:center;}
.u {text-decoration:underline;}
.link {font-weight:bold; cursor:pointer; color:#0f63c7;}
.link:hover {text-decoration:underline;}
sup {line-height:14px; font-family:Arial, Helvetica, sans-serif;}

/* List Items */
#mainContentWithSidebar ol, #mainContentWithSidebar ul { width: 560px; }
.halfListLeft { float: left; } 
.halfListRight { margin-left: 300px; }
.halfListLeft, ul.halfListRight { width: 260px!important; }

ul, ol { padding-left: 15px; }
ol li {  margin-left: 5px; }
li { line-height: 22px; }

.letters li { list-style: lower-alpha; }
.numbers { margin-bottom: 15px; }
.numbers li { list-style: decimal; }

.upper-roman li {list-style: upper-roman; }
.lower-roman li {list-style: lower-roman; }
ol.lower-roman li {list-style: lower-roman; } /*  <-----
class isn't automatically applied to ordered list - Bennett */
.upper-alpha li {list-style: upper-alpha; }
ol.upper-alpha li {list-style: upper-alpha; } /*  <-----
class isn't automatically applied to ordered list - Bennett */
.lower-alpha li {list-style: lower-alpha; }
ol.decimal li { list-style: decimal; }

.aribaBullets { padding-left: 30px; }
.aribaBullets li { list-style: url('/img/bullet-red.png'); padding-bottom: 10px; line-height: 18px; }
.aribaBullets li ul { margin-bottom: 0; }
.aribaBullets li li { list-style: disc; padding-bottom: 0; }
.aribaBullets li li { list-style: circle; }

.noListStyle li { list-style: none; }

/* Table Stuff */
table.stdTable { border: #ccc solid 1px; margin: 15px 0; }
.stdTable caption { background-color: #eee; padding-top: 15px; border: #ccc solid 1px; border-bottom: none; }
.stdTable th, .stdTable td { border: #ccc solid 1px; text-align: left; padding: 10px; }
.stdTable tr th { background-color: #b6dbff; }
.stdTable tr:nth-child(even) { background-color: #eee; }
.stdTable ul.aribaBullets { width: 180px; }

/* Misc. */
.topBorder { border-top: #ccc dotted 1px; padding-top: 20px; }
.aribaLists { border-top: #ccc dotted 1px; padding: 20px 0; width: 600px; }
iframe { border: none; }
.bgGrey { background: #eee; line-height: 30px; padding: 20px; margin: 30px 0; }

/* Arrow and Icons */
.arrow:after { content: "\00BB"; color: rgb(204, 0, 0); font-size: 14px; padding-left: 5px; }
.arrowRight:after { content: url('/img/icons/icon-right-arrow.png'); color: #0f63c7; padding-left: 5px; }
.downArrow:after { content: url('/img/icons/icon-down-arrow.png'); padding-left: 5px; }
.pdf:after { content: url('/img/icons/pdf.gif'); padding-left: 5px; }
.film:after { content: url('/img/icons/film_16x16.png'); padding-left: 5px; }
.xls:after { content: url('/img/icons/view_xls.gif'); padding-left: 5px; }
.ppt:after { content: url('/img/icons/view_ppt.gif'); padding-left: 5px; }

.arrowBefore:before { content: url('/img/icons/icon-right-arrow.png'); color: rgb(204, 0, 0); font-size: 14px; padding-right: 5px; }
.backArrow:before { content: "\00AB"; color:rgb(204, 0, 0); font-size: 14px; padding-right: 5px; }
.whitepaper:before { content: url('/img/icons/pdf.gif'); padding-right: 5px; }
.podcast:before { content: url('/img/icons/ipod.png'); padding-right: 5px; }
.video:before { content: url('/img/icons/film_16x16.png'); padding-right: 5px; }
			
/***** Rounded Corners *****/
.rounded { -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.tRounded { -moz-border-radius-topright: 5px; -khtml-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -khtml-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
.bRounded { -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-top-right-bottom: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-top-left-bottom: 5px; }
.lRounded { -moz-border-radius-topleft: 5px; -khtml-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.rRounded { -moz-border-radius-topright: 5px; -khtml-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.rounded15 { -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }

/* End Universal Text Elements */
/*******************************/

/*******************************/
/* Header Elements */
.header { height: 80px; }
.headerBG { background: url('/img/bg/bg-nopromo.gif') repeat-x top; height: 109px; }
#logo { padding-top: 16px; }
.headerSubNav { float: right; padding: 7px 10px; }

/* Nav Elements */
#nav { background: url('/img/nav-seperator.gif') no-repeat left; font-weight: bold; height: 28px; z-index: 9999; }
ul#topnav { padding: 0px; margin: 0 auto; width: 960px; }
ul#topnav li { float: left; position: relative; }
ul#topnav li a { background: url('/img/nav-seperator.gif') no-repeat right 1px; color: #363636; float: left; font-size: 12px; height: 28px; line-height: 28px; text-align: center; text-decoration: none; width: 158px; }
ul#topnav li a:hover { color: #0f63c7; }
/* Subnav */
ul#topnav li .sub { width: 160px; text-align: left; border: 1px solid #badcff; float:left; position: absolute; z-index: 9999; top: 28px; left: 0; background: #f2f8fe; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; display: none; }
ul#topnav li .row { clear: both; float: left; width: 100%; margin-bottom: 15px;}
ul#topnav li .sub ul{ list-style: none; margin-bottom: 15px; margin-top: 5px; margin-right: -1px; padding: 0px; width: 170px; float: left; border-right: #badcff solid 1px; }
ul#topnav .sub ul li { width: 100%; color: #363636; font-size: 12px; }
ul#topnav .sub ul li a { float: none; padding-left: 20px; display: block; text-align: left; color: #0f63c7; line-height: 22px; background: none; height: auto; /*--Override height from parent list item--*/ }
ul#topnav .sub ul li h4 { padding: 0 20px; margin: 0; }
ul#topnav .sub ul li h4 a { padding: 0; color: #363636; font-size: 13px; }
ul#topnav .sub ul li a:hover { text-decoration: underline; }
.sub h4 { margin: 10px 20px; }
.sub div#navPromoSolutions { clear: both; border-top: #eee solid 1px; background: #fff; padding: 20px; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
/* End Nav Elements */

/* Login Box */
#loginBox { background: url('/img/buttons/button-top-tab-68x26.png') no-repeat; float: right; margin-right: 20px; height: 26px; width: 68px; text-align: center; line-height: 19px; }
#loginNavA { background: none!important; width: 68px!important; height: 26px; margin-top: -5px; color: #0f63c7!important; }
#loginSubNav { margin-top: -35px; background: #f7f7f7!important; margin-bottom: 0!important; border: #8bbdef solid 1px!important; }
#loginSubNav ul { width: 68px!important; text-align: center!important; margin-bottom: 5px!important; border: none!important; }
#loginSubNav li a { padding: 0!important; text-align: center!important; width: 65px!important; }

/* Language Box */
#languageBox { display: inline-block; background: none; margin-right: 10px; height: 18px; width: 85px; }
#languageBox ul { width:85px; }
#languageNavA { background: none!important; width: 95px!important; height: 0; color: #0f63c7!important; }
#languageNavA:hover { text-decoration: underline; }
#languageSubNav { margin-top: -5px; background: #f7f7f7!important; margin-bottom: 0!important; border: #8bbdef solid 1px!important; }
#languageSubNav ul { width: 95px!important; margin-bottom: 5px!important; border: none!important; }
#languageSubNav li { width: 95px; }
#languageSubNav li a { padding: 0!important; margin: 0 10px; }

/* Share This */
#shareBox { background: none!important; float: right; margin-right: 20px; height: 26px; width: 80px; text-align: center; line-height: 19px; }
#shareNavA { background: none!important; width: 80px!important; height: 26px; margin-top: -5px; color: #0f63c7!important; }
#shareSubNav { margin-top: -35px; background: #f7f7f7!important; margin-bottom: 0!important; border: #8bbdef solid 1px!important; }
#shareSubNav ul { width: 85px!important; text-align: right!important; margin-bottom: 5px!important; border: none!important; list-style: none!important; }
#shareSubNav li { list-style: none!important; }
#shareSubNav li a { padding: 3px!important; text-align: right!important; width: 75px!important; }

/* Search Box Elements */
#search { float: right; vertical-align: middle; margin-right: 20px; }
#searchBox { width: 140px; height: 20px; background: url('/img/bg/bg-search-box-140x20.gif'); margin-top: 5px; }
#searchText { width: 104px; height: 14px; border: none; background: none; margin-left: 3px; color: #777; }
#submitSearch {height: 20px; width: 30px; background: none; border: none; cursor: pointer; }
/************ End Header Elements *********/
/******************************************/

/* Forms
--------------------------------------------------------------------------------------------------------------*/
/* Lightbox/Modal */
.modal { background-color: #fff; display: none; padding: 30px; width: 790px; text-align: left; opacity: 1; -moz-box-shadow: 0 0 25px #333; -webkit-box-shadow: 0 0 25px #333; z-index: 99999; margin: 0 auto; }
.modalInput { cursor: pointer; }
.xbutton { position: absolute; top: 5px; right: 5px; cursor: pointer; }
.modal legend, .modal span, #contactMeDiv legend, #contactMeDiv span { font-family: "Junction", arial, sans-serif; }
.modal span, #contactMeDiv span { font-size: 14px; line-height: 30px; }
.modal legend, #contactMeDiv legend { font-weight:bold; font-size: 16px; line-height: 32px; }
/*  End Lightbox Lightbox/Modal  */

/* Error Message */
.formError label { color: #ed1c24;}
.formError div { color: #ed1c24; font-size: 12px; text-align: left; }
.formError input, .formError select, .formError textarea { border-color: #ed1c24!important; }
/* OnFocus Message */
.formOnFocus label { color:#109523; }
.formOnFocus input, .formOnFocus select, .formOnFocus textarea { border-color: #109523!important; }
/* Confirmed Message */
.supportMessage { background: #f3f7fc; padding: 20px 30px; position: absolute; right: 0px; top: -30px; width: 790px; }

#id_commentsquestions { width: 195px; height: 40px; font-size: 9pt; }
input.textArea { width: 130px }
#modelFormFields { float: right; width: 380px; }
#modelFormFields table { margin-top: 15px; font-size: 14px; }
#modelFormFields td { height: 55px; font-weight: bold; }
#modelFormFields input, #modelFormFields select, #modelFormFields textarea { font-size: 16px!important; width: 200px; border: #a5acb2 solid 2px; }
#modelFormFields input { padding: 2px; }
#modelFormFields label { margin-right: 20px; }
#modelFormFields img { margin-left: 15px; }

/* Contact Me */
#contactMeDiv { margin-top: 15px; }
#contactMeDiv .xbutton { margin-top: 30px; }

/* Live Demo */
#demo_sol, #contactMeSol { float: left; width: 380px; margin-right: 30px; }
#demoList, #contactMeOptions { background: #f3f7fc; padding: 20px; }
#demoDesc, .demoDesc { margin-bottom: 15px; clear: left; }
#demoDesc input, .demoDesc input { float: left; margin-bottom: 40px; margin-right: 10px; }
#demoDesc label, #contactMeOptions label, .contactMeList label { font-size: 14px!important; }
.contactMeList { margin-bottom: 10px; clear: left; }
/* End Form Elements */

/* Footer Elements
--------------------------------------------------------------------------------------------------------------*/
#footer { width:100%; position: relative; bottom: 0; clear: both; }
#about { background: #fff url('/img/bg/bg_footerAbout.gif') repeat-x top;  padding: 40px 0; border-top: #d4ebff solid 1px; }
#mission { width: 450px; float: left; }
#falseFooter p { font-size: 12px; line-height: 14px; }
#falseFooterSmall p { font-size: 11px; line-height: 12px; }
#commerce { width: 450px; margin-left: 480px; }
#sitemap { background: #afd7ff url('/img/bg/bg_footerSitemap.gif') repeat-x top; border-top: #9cf solid 1px; height: 245px; padding-bottom: 20px; }
#sitemap h3 { background: url('/img/bg/bg-footer-cloud.png') no-repeat center center; overflow: visible; width: 152px; height: 76px; line-height: 60px; text-align: center; position: relative; top: -35px; margin-bottom: -35px; }
#sitemap h4 { margin: 0px; }
#sitemap ul { float: left; padding: 0; width: 160px; }
#copyright { background: #363636; color: #fff; text-align: center; line-height: 48px; margin-bottom: -13px; }
/* End Footer Elements */

/* HOME PAGE ELEMENTS
--------------------------------------------------------------------------------------------------------------*/
/* Promo/Content Container */
#homePagePromoOne {width:100%; overflow: hidden; height:301px; border-bottom:#aad2ff solid 1px; z-index:9;}
/* Campaign items */
.campaign {height:301px; width:100%!important; z-index:9;}
.campaign_content {width:960px; height:301px; margin: 0 auto; display:block; text-indent:-9999px; z-index:9;}

/* Campaign Features */
#aribaLIVE { background: #000000 url('/img/bg/bg-promo.gif') repeat-x 50% 0; height: 301px; width: 100%; height: 301px; z-index: 9; }
#aribaLIVE .campaign_content { background:transparent url('/img/homePromos/promo-test.gif') no-repeat top left; z-index: 9; }

#commerceCloud {background:url('/img/homePromos/promo_video_06_back_960x302.jpg') repeat-x center; width:100%; height:301px; z-index:9;}
#commerceCloud .campaign_content {background:url('/img/homePromos/bg-commerceCloudVideo.jpg') no-repeat; text-indent:0px; z-index:9;}
#commerceCloud .campaign_content h1 {font-size:30px; line-height: 40px; padding-top:30px;}
#commerceCloud .campaign_content p {margin-top:20px; margin-left:52px; font-size:22px; line-height:30px;}
#commerceCloud .campaign_content div.buttonWide {position: relative; top:20px; left:118px;}
#playMovie {float:right; margin-right:340px; cursor:pointer;}
#playMovieSM {float:right; margin-top:-10px; margin-right:30px; cursor:pointer; height:193px; width:188px;}

#startSolutions {background:url('/img/homePromos/bg_promo_stripes.gif') repeat-x center; width:100%; height:301px; z-index:9;}
#startSolutions .campaign_content {text-indent:0px; padding-top:40px;}
#startSolutions .campaign_content h1 {width:600px; font-size:22px; line-height:30px; margin:20px 0px; letter-spacing:-1px;}
#startSolutions .campaign_content a {width:300px; font-size:18px; line-height:30px;}
#startSolutions .campaign_content div.buttonPriceWide { position:absolute; height:132px; width:206px;}
.lgRedStartSaving {background-image: url('/img/homePromos/button_startSolutions.png');height:132px; width:206px; margin-right:700px;}
#buttonPriceWide {height:132px; width:206px; overflow:hidden; background-position:top left; background-repeat:no-repeat;}
#buttonPriceWide:hover {background-position: left -135px;}
#buttonPriceWide:active {background-position: left -135px;}
.buttonPriceWide {height:132px; width:206px; overflow:hidden; cursor:pointer; float: right; margin:20px 0 0 400px;}

#dummiesbook { background: #d3d3d3; width: 100%; height: 301px; z-index: 9; }
#dummiesbook .campaign_content { background: none; text-indent: 0; z-index: 9; }

#quadremacquisition { background: url('/img/homepromos/promo_event_21_quadremacquisition_back_99x301.png') repeat-x center; width: 100%; height: 301px; z-index: 9; }
#quadremacquisition .campaign_content { background: none; text-indent: 0; z-index: 9; }

#promo_event_22_960x300 { background: #e0f3fb; width: 100%; height: 300px; margin-top:1px; z-index: 9; }
#promo_event_22_960x300 .campaign_content { background: none; text-indent: 0; z-index: 9; }

#promo_event_23_960x300 { background: #9fcfff; width: 100%; height: 300px; margin-top:1px; z-index: 9; }
#promo_event_23_960x300 .campaign_content { background: none; text-indent: 0; z-index: 9; }

#promo_event_24_960x300 { background: url('/img/homepromos/promo_event_24_back_100x300.gif') repeat-x center; width: 100%; height: 300px; z-index: 9; }
#promo_event_24_960x300 .campaign_content { background: none; text-indent: 0; z-index: 9; }

#promo_solution_10_960x300 { background: #deefff; width: 100%; height: 300px; margin-top:1px; z-index: 9; }
#promo_solution_10_960x300 .campaign_content { background: none; text-indent: 0; z-index: 9; }

#promo_solution_07_02_960x300 { background: #ffffff; width: 100%; height: 300px; margin-top:1px; z-index: 9; }
#promo_solution_07_02_960x300 .campaign_content { background: none; text-indent: 0; z-index: 9; }

.aribalive2011PromoBG { background: url('/img/homePromos/bg_aribalive2011_promo.jpg') repeat-x center; width: 100%; height: 301px; z-index: 9; }
.aribalive2011PromoBG .secondBG { background: url('/img/homePromos/logo_aribalive2011_promo.png') center bottom no-repeat; }
.aribalive2011PromoBG .campaign_content { position: relative; text-indent: 0; z-index: 9; cursor: pointer; text-shadow: 1px 1px 1px #075381; }
.aribalive2011PromoBG .countdownNumbers { background: url('/img/homePromos/countdown_banner_aribalive2011_promo.gif') no-repeat; height: 52px; width: 773px; position: absolute; top: 190px; left: -50px; font-size: 28px; line-height: 52px; padding-left: 184px; }
.countdownNumbers span { color: #fff; }
.aribalive2011PromoH1 { position: absolute; top: 87px; left: 280px; width: 400px; }
.aribalive2011PromoH1 { *padding-top: 3px; }
.IEaribalive2011PromoH1 { position: absolute; top: 88px; left: 281px; width: 400px; } /* Adds text Shadow to IE */
.IEaribalive2011PromoH1 { *padding-top: 3px; } /* Adds text Shadow to IE */

#promo_solution_09_964x301 { background: #dceeff; width: 100%; height: 301px; z-index: 9; }
#promo_solution_09_964x301 .campaign_content { background: none; text-indent: 0; z-index: 9; }

p.tagline a { text-decoration: none; color: #777; }
p.tagline em { color: #666; font-style: normal; }

#promoControls { width: 0; position: relative; margin: 0 auto; height: 1px; z-index: 999; }
#promoControls ul { background: transparent url('/img/promo-controls.png') no-repeat bottom right; display: block; height: 23px; position: absolute; right: 430px; text-indent: -9999px; top: -24px; width: 50px; }
#promoControls li { float: left; width: 25px; height: 23px; list-style: none; }
#promoControls li a { display: block; height: 23px; }
/* End Promo/Content Container */

/* Tabbed Boxes on Home Page */
#tabBox { position: absolute; top: 138px; left: 50%; margin-left: 160px; z-index: 999; }
ul.tabNavigation { margin: 0; padding: 0; width: 320px; }
ul.tabNavigation li { display: inline-block; text-align: center; font-size: 11px; }
ul.tabNavigation li a { display: block; color: #616161; text-decoration: none; line-height: 30px; width: 98px; height: 29px; border: 1px solid #badcff; background: rgba(255, 255, 255, 0.6); }
ul.tabNavigation li#center a { border-right: none; border-left: none; width: 100px; }
ul.tabNavigation li a.selected, ul.tabNavigation li a:hover { background: rgba(255, 255, 255, 0.75); color: #363636; }
ul.tabNavigation li a.selected { background: rgba(255, 255, 255, 0.75); border-bottom: none; height: 30px; }
.tabs div.pane { width: 298px; background: rgba(255, 255, 255, 0.75); border: 1px solid #badcff; border-top: none; height: 446px; overflow: auto; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }	
.tabs div.pane .border { border-top: #badcff dotted 1px; padding-top: 5px; }
.tabs div.pane div { padding: 5px 20px; }
.tabs div.pane h4 { margin: 5px 20px; padding: 0; font: 12px/16px; }
.tabs div.pane div.over a { display: block; width: 250px; } 
.tabs div.pane div.over:hover { background: #e0f0ff; }
.tabs div.pane div.over div.newsDate { font-size: 9px; color: #363636; padding: 0; }
.tabs div.pane div.over div.section_solution_name { font-size: 9px; color: #363636; padding: 0; }
.tabs div.pane div.over div.eventsDate { font-size: 9px; color: #363636; padding: 0; }
ul.tabNavigation li#first a { -moz-border-radius-topleft: 5px; -khtml-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
ul.tabNavigation li#last a { -moz-border-radius-topright: 5px; -khtml-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.rssFeedIconSM { position: absolute; top: 12px; cursor: pointer; }
/* End Tabbed Boxes on Home Page */

/* Roles Elements */
#rolesPromo, #rolesPages { padding-top: 20px; }
#roles { height: 78px; }
ul#roles { width: 800px; margin: 0 8px; padding: 0; }
ul#roles li { float: left; text-indent: none; }
ul#roles a.one img{ background: url('/img/homePromos/badge-procurement.png'); height: 87px; width: 125px; position: relative; right: 10px; }
ul#roles a.one img:hover, ul#roles a.selected img#one { background: url('/img/homePromos/badge-procurement-lg.png') 0 0; right: 10px; margin-right: -44px; }
ul#roles a.two img {background:url( '/img/homePromos/badge-finance.png'); height: 95px; width: 131px; position: relative; right: 15px; }
ul#roles a.two img:hover, ul#roles a.selected img#two {background: url('/img/homePromos/badge-finance-lg.png') 0 0; right: 30px; margin-right: -38px; }
ul#roles a.three img { background: url('/img/homePromos/badge-treasury-ap.png'); height: 82px; width: 123px; position: relative; right: 25px; top: 5px; }
ul#roles a.three img:hover, ul#roles a.selected img#three {background: url('/img/homePromos/badge-treasury-ap-lg.png') 0 0; right: 50px; top: 0; margin-right: -46px; }
ul#roles a.four img { background: url('/img/homePromos/badge-sales-marketing.png'); height: 91px; width: 128px; position: relative; right: 28px; }
ul#roles a.four img:hover, ul#roles a.selected img#four { background: url('/img/homePromos/badge-sales-marketing-lg.png') 0 0; right: 45px; margin-right: -41px; }
ul#roles a.five img { background: url('/img/homePromos/badge-it.png'); height: 97px; width: 131px; position: relative; right: 40px; }
ul#roles a.five img:hover, ul#roles a.selected img#five { background: url('/img/homePromos/badge-it-lg.png') 0 0; right: 60px; margin-right: -33px; }
ul#roles a img:hover, ul#roles a.selected img { height: 109px; width: 169px; z-index: 5; }
#rolesDesc { background: #f2f8fe; border: 1px solid #badcff; font-size: 12px; height: auto; width: 588px; padding: 15px; font-weight: bold; }
#rolesDescHome { background: #f2f8fe; border: 1px solid #badcff; font-size: 12px; height: auto; width: 588px; padding: 15px; font-weight: bold; margin-top: 30px; }
ul#roles a:hover { text-decoration: none; } /* For Chrome */
/* End Roles Elements */


/* homePagePromoThree */
#container { height: 350px; margin-top: 30px; padding-left: 320px;/* LC width */ padding-right: 320px;/* RC width */ }
#container .column { position: relative;  float: left; }
#centerPromo { width: 100%; }
#leftPromo { width: 320px;/* LC width */ right: 320px;/* LC width */ margin-left: -100%; }
#rightPromo { width: 300px;/* RC width */ margin-right: -300px; /* RC width */ }
/* END HOME PAGE ELEMENTS */

/* Interior Page Promos
--------------------------------------------------------------------------------------------------------------*/
.aribaLive2011Topper { height: 46px; background: url('/img/homePromos/bg_aribalive2011_topper.png') repeat-x; }
.aribaLive2011TopperInner img { margin: 10px 15px; float: left; }
.aribaLive2011TopperInner img:first-child { margin-right: 50px; margin-left: 0; }
.aribaLive2011TopperInner span { float: left; line-height: 46px; font-size: 18px; }
.countDownNumber { background: url('/img/homePromos/countdown_text_aribalive2011.png') 0 10px no-repeat; width: 146px; margin-top: 5px; font-size: 30px; line-height: 36px; padding-left: 48px; height: 46px; float: left; }
.topperCloseButton { float: right; margin-top: 10px; margin-right: 20px; }

.voteACFtopper { height: 82px; background: #1798c0; border-bottom: #fff solid 2px; }
.voteACFtopperInner { width: 937px; margin: 0 auto; position: relative; }
.topperCloseButton { position: absolute; right: -10px; top: 18px; }


/* CONTENT PAGE ELEMENTS
--------------------------------------------------------------------------------------------------------------*/
#mainContentWithSidebar { width: 640px; margin: 0; padding: 20px 0; background: url('/img/bg/bg-sidebar-shadow-bottom.gif') no-repeat 630px bottom; }
#mainContentWithSidebar p { max-width: 600px; width: auto; }
#mainContentWithSidebar ul.wide { width: 590px; }
#mainContentWithoutSidebar li, #mainContentWithSidebar li { line-height: 18px; padding-bottom: 4px; }
#mainContentWithoutSidebar { width: 100%; padding: 20px 0; }

ul#showHideDivs li { cursor: pointer; }
ul#showHideDivs li strong:hover { text-decoration: underline; }

/* Solutions Page Elements */
#solutionHeader {background:url('/img/bg/bg-solution-header.gif') repeat-x; padding-top:20px; height:200px; margin-top:0px;}
.valueStatement {width:600px;}
#solutionContent {padding-right:20px;}
#solutionTabsWrapper {width:600px; border: #eee solid 5px; border-bottom:none;}
#accordion h4 {background:#eee; line-height:28px; font-size:14px; font-weight:bold;padding:0px; margin:0px; border-top:#fff 1px solid;}
#accordion h4 a {text-align:left; padding:4px 20px; display:block;}
#accordion h4 a span, #accordion li a:hover span {color:#0f63c7; cursor:pointer;}
#accordion p {padding:20px; width:560px;}
#allNeedsLink {width:580px; background: #eee; border: #eee solid 5px; margin-bottom:20px; padding-right:20px; text-align:right;}

/* StartSourcing Tutorials Elements */
.tutorialGrayLine {width: 560px; background-color: #e8e8e8; height: 1px; float:left; margin: 17px 0; }
.tutorialVideoDescriptionWrapper {width: 560px; clear:left; }
.tutorialVideoDescriptionWrapper .tutorialVideoDiv {float: left; width: 273px; }
.tutorialVideoDescriptionWrapper .description {float: right; width: 270px; padding-top: 15px; }

/* Services Pages */
.servicesconfig {background:url('/img/bg/bg-services-config.gif') repeat-x; padding:10px; width:590px; margin-bottom:20px;}

/* Awards Page */
#awardsWrapper {width:600px; border-bottom:#ccc dotted 1px;margin-bottom:20px;}
#awardsWrapper table td {width:200px; text-align:center; vertical-align:top; padding:20px 0px; }
#awardsWrapper img {margin:10px 0px;}

/* Search Results Page */
.searchResults div { background: #eee; padding: 20px 15px; margin-bottom: 20px; }
.searchResults a { text-decoration: underline; }

/*  Roles Page Elements  */
#rolesTitleBadge { float: right; margin-right: 40px; }
/* END CONTENT PAGE ELEMENTS */

/* Tag Bar Bottom Elements */
#tags{ background: #eee; line-height:30px; padding-left: 20px; margin-top: 20px; }
#mainContentWithSidebar #tags { width: 600px; clear: both; margin-bottom: 20px; }
#mainContentWithoutSidebar #tags { width: 920px; margin-bottom: 20px; }
#tags img { margin: 0 5px 0 0; position: relative; top: 3px; }
#tags a:hover { position: relative; top:-3px; text-decoration: none; }

/* Library Elements
--------------------------------------------------------------------------------------------------------------*/
#assetVideo { margin: 0px 20px; border: #eee solid 5px; background: #eee; padding: 5px; }
#assetActions { width: 198px; margin: 20px 25px; }
#assetPlain { background: none; border: none; margin: 0px 20px; }
/* new campain pages  */
.logo2020 { height: 31px; width: 299px; margin-bottom: 30px; }
.largeHeadline { font-size: 24px; }
.halfCol { height: 100%; }
	.halfCol div { float: left; width: 280px; margin-bottom: 20px; }
	.halfCol div:nth-child(even) {   }
	.halfCol img { float: left; margin-right: 10px; }
	.halfCol div:last-child { float: none; clear: left; margin: 0; padding: 0; height: 1px; width: 600px; }
	.halfCol div a { cursor: pointer; }
	.halfCol div a:hover { text-decoration: none; }	
.campaignExtras { float: right; width: 200px; border-top: #ccc dotted 1px; border-bottom: #ccc dotted 1px; padding: 0 5px; margin: 0 20px; }
	.campaignExtras a.buttonLinks { display: block; background:#eee; text-align: center; font-size: 14px; padding: 10px 0; margin: 15px 0; }
.socialButtons {width: 200px; padding: 10px 0; text-align: center; }
	.socialButtons div { position: relative; top: -2px; display: inline; padding: 0 5px; }
	.socialButtons iframe { border: none; }
.whiteOut { text-align: center; position: absolute; margin-top: 20px; height: 120px; background-image: url('/img/bg/bg-tab.png'); background-repeat: repeat; }
	.whiteOut p { font-size: 28px; font-weight: bold; line-height: 120px; font-family: "Junction"; -moz-transform: rotate(-25deg); -webkit-transform: rotate(-25deg); transform: rotate(-25deg); }
.sidebarLarge { padding:20px 0 0 20px; }

.cfoReportSideBar { margin-top: 15px; }
	.cfoReportSideBar legend { display: none; }
	.cfoReportSideBar table { margin-left: 40px; }
	.cfoReportSideBar td { padding-bottom: 15px; }
	.cfoReportSideBar td div { position: absolute; }
/* End Library Elements */


/* Community Elements
--------------------------------------------------------------------------------------------------------------*/
#communityWrapper { width: 580px; background: #eee; padding: 20px 15px; margin-bottom: 20px; }
#communityContent p { width: 575px; }
#communityContent h4 { margin: 0; padding: 0; }
/* End Community Elements */

/* Press Page Elements
--------------------------------------------------------------------------------------------------------------*/
#pressWrapper { width: 600px; }
#pressContent, .pressContent { border-bottom: 1px dotted #ccc; margin-bottom: 12px; }
#pressRelease p { margin: 0; }
/* End Press Page Elements */

.irTable { width: 600px; margin: 0 0 20px 0; padding: 0; }
.irTable td, .irTable th { padding: 4px 6px; }
.irTable tr:nth-child(even) { background: #f5f5f5; }

/* Subscription Center Elements
--------------------------------------------------------------------------------------------------------------*/
#subCenterForm, #subCenterEmailChoice, #subCenterNewsletters { padding-bottom: 20px; margin-bottom: 20px; border-bottom: #ccc dotted 1px; }
#subCenterForm div div { padding: 2px; }
#subCenterForm table { width: 600px; }
#subCenterForm td { text-align: left; vertical-align: top; height: 40px; }
#subCenterNewsletters p {width:550px;}
div.subCenterNLleft {float:left; width:460px; border-right:#ccc dotted 1px;}
div.subCenterNLright {margin-left:480px; width:460px;}
/* End Subscription Center Elements */

/* Interior Tabbed Boxes 
--------------------------------------------------------------------------------------------------------------*/
#tabsWrapper {width: 600px;}
#tabsWrapperWide {width: 960px;}
#inPageTabs {padding:0px; border-top:#fff solid 1px;}
#inPageTabs .withSideBar {width:575px;} #inPageTabs .withoutSideBar {width:960px;}
#inPageTabs #first {-moz-border-radius-topleft: 5px; -khtml-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;}
#inPageTabs #last {-moz-border-radius-topright: 5px; -khtml-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;}
#inPageTabs li {float:left; list-style:none; line-height:22px; font-size:14px; font-weight:bold; }
#inPageTabs li a {background:#eee; text-align:left; padding:2px 6px 4px; margin:1px; display:block; border:#ccc solid 1px; font-size:12px; }
#inPageTabs li a:hover {background:#ccc;}
#inPageTabs li a.selected {background:#FFF; color:#000; cursor:default; border-bottom:#fff solid 1px;}
#tabContainer .withSideBar {width:510px;} #tabContainer .withoutSideBar {width:960px;}
#tabContainer {margin-top:30px; padding-top:20px; border-top:#ccc solid 1px;}
#tabContainer div {padding:2px 12px 10px; text-align:left;}
/* END Interior Tabbed Boxes */


/* Sidebar Elements
--------------------------------------------------------------------------------------------------------------*/
.pageWithSideBar { background: url('/img/bg/bg-sidebar-shadow.gif') no-repeat 630px 3px; }
#rightSideBar { float: right; width: 300px; padding-right: 30px; }
	#rightSideBar h3 { background: #eee; line-height: 40px; padding-left: 20px; }
	#rightSideBar p { margin-left: 20px; }
	#rightSideBar ul { margin-left: 5px; }
	#rightSideBar div.module { margin: 20px 0px; }
div.formButton { margin-left: 16px; }
.blueFade { background: url('/img/bg/sidebar_promo_background_300x114.gif') no-repeat; width: 300px; }
	.blueFade h3 { background: none !important; line-height: 20px !important; padding-top: 20px; font-size: 14px; color: #585858; }
.greenFade { background: url('/img/bg/sidebar_promo_background_green_300x114.gif') no-repeat; width: 300px; }
	.greenFade h3 { background: none !important; line-height: 20px !important; padding-top: 20px; font-size: 14px; color: #585858; }
.redFade { background: url('/img/bg/sidebar_promo_background_red_300x114.gif') no-repeat; width: 300px; }
	.redFade h3 { background: none !important; line-height: 20px !important; padding-top: 20px; font-size: 14px; color: #585858; }
.greyFade { background: url('/img/bg/sidebar_promo_background_grey_300x114.gif') no-repeat; width: 300px; }
	.greyFade h3 { background: none !important; line-height: 20px !important; padding-top: 20px; font-size: 14px; color: #585858; }
.startContractsSidePromo, .startSourcingSidePromo { padding: 0 20px 8px 0; margin: 20px 0; }
.startContractsSidePromo { background: url('/img/startsolutions/bg_startcontracts_sidebar.jpg');}
.startSourcingSidePromo { background: url('/img/startsolutions/bg_startsourcing_sidebar.jpg');}
	.startSourcingSidePromo img, .startContractsSidePromo img { padding: 25px 0 12px 20px; }
.al2010vidhighlights { height: 125px; margin-top: 20px; padding-top: 20px; }
	.al2010vidhighlights div { float: left; margin: 0 10px 0 20px; position: relative; }
	.al2010vidhighlights div div { position: absolute; top: 85px; left: -20px; background-color: #333; padding: 2px 4px; color: #fff; line-height: 11px; text-shadow: none; opacity: 0.7; filter: alpha(opacity=70); }
.commercesummitvidhighlights { height: 125px; margin-top: 20px; padding-top: 20px; }
	.commercesummitvidhighlights div { float: left; margin: 0 10px 0 20px; position: relative; }
	.commercesummitvidhighlights div div { position: absolute; top: 85px; left: -20px; background-color: #333; padding: 2px 4px; color: #fff; line-height: 11px; text-shadow: none; opacity: 0.7; filter: alpha(opacity=70); }
.newsLetter { height: 114px; }
	.newsLetter p { font-family: "Junction", arial, sans-serif; vertical-align: middle; font-size: 12px; font-weight: bold; line-height: 24px; color: #585858; letter-spacing: -1px; }
.sidebarCloud { background: url('/img/bg/bg-sidebar-cloud-300x101.gif') no-repeat top; height: 150px; width: 300px; }
	.sidebarCloud h3 { background: none !important; line-height: 24px !important; padding-top: 40px; margin-bottom: 0px; font-size: 18px; color: #000; font-weight: normal; }
	.sidebarCloud p a { font-size: 14px; font-weight: normal; }
.videoCaption { width: 226px; margin-top: -35px; margin-left: 55px; text-align: left; }
/* Scrolling Testimonials */
.scrollable { position: relative; overflow: hidden; width: 300px; height: auto; } /* root element for the scrollable. */
	.scrollable .items { width: 1000em; position: absolute; margin-left: -20px; }	
	.items div { float: left; width: 320px; padding: 0; margin: 0; }
	.items div p:first-child { padding: 0 20px 30px; margin-bottom: 0; background: url(/img/bg/bg-quotes-new.png) center bottom no-repeat; }
	.items img { float: left; margin-left: 30px; }
.navi { float: right; margin: 13px 10px 0 0; width: auto; height: 20px; }/* position and dimensions of the navigator */	
	.navi a { width: 8px; height: 8px; float: left; margin: 3px; background: url(/img/buttons/navigator.png); display: block; font-size: 1px; }/* items inside navigator */
	.navi a:hover { background-position: 0 -8px; }/* mouseover state */
	.navi a.active { background-position:0 -16px; }/* active state (current page state) */	 
#aribaLiveHotTopicPromo {width: 286px; height: 145px; padding: 50px 0 0 14px; background-image: url(/images/AribaLive-Sidebar-Promos/BreakoutSession-BG.jpg); background-repeat: no-repeat; background-position: 0 0;}
#aribaLiveHotTopicPromo h2 {width: 235px; font-size: 12px; color: #2269d1; line-height: 17px; }

/* Tag Cloud */
#tagCloud { text-align: center; line-height: 26px; }
#tagCloud a { font-weight: normal; }
#tagElement01 { font-size: 9px; }
#tagElement02 { font-size: 11px; font-weight: bold; }
#tagElement03 { font-size: 12px; }
#tagElement04 { font-size: 14px; }
#tagElement05 { font-size: 16px; }
#tagElement06 { font-size: 18px; }
#tagElement07 { font-size: 20px; }
#tagElement08 { font-size: 22px; }
#tagElement09 { font-size: 24px; }
/* END Sidebar Elements */

/* Buttons
--------------------------------------------------------------------------------------------------------------*/
.redRegisterNow { background-image: url('/img/buttons/red-register-now-148x36.png'); }
.redDownloadNow { background-image: url('/img/buttons/red-download-now-148x36.png'); }
.redWatchDemo { background-image: url('/img/buttons/red-watch-demo-148x36.png'); }
.blueContact { background-image: url('/img/buttons/blue-contact-148x36.png'); }
.redBuyersEnter { background-image: url('/img/buttons/red-buyers-enter-148x36.png'); }
.redSuppliersEnter { background-image: url('/img/buttons/red-suppliers-enter-148x36.png'); }
#button { height: 36px; width: 148px; overflow: hidden; background-position: top left; background-repeat: no-repeat; }
#button:hover { background-position: left -36px; }
#button:active { background-position: left -35px; }
.button { height: 36px; width: 148px; overflow: hidden; cursor: pointer; }

.lgRedWatchVideo { background-image: url('/img/buttons/button-lg-red-watch-video-168x56.png'); }
#buttonLg { height: 56px; width: 168px; overflow: hidden; background-position: top left; background-repeat: no-repeat; }
#buttonLg:hover { background-position: left -58px; }
#buttonLg:active { background-position: left -57px; }
.buttonLg { height: 56px; width: 168px; overflow: hidden; cursor: pointer; }

.xlgBlueRenewAccount { background-image: url('/img/buttons/button-lg-blue-renew-account-204x66.png'); }
.xlgBlueMakePayment { background-image: url('/img/buttons/button-lg-blue-make-payment-204x66.png'); }
.xlgBlueNewAriba { background-image: url('/img/buttons/button-lg-blue-new-ariba-204x66.png'); }
#buttonxLg { height: 66px; width: 204px; overflow: hidden; background-position: top left; background-repeat: no-repeat; }
#buttonxLg:hover { background-position: left -65px; }
#buttonxLg:active { background-position: left -64px; }
.buttonxLg { height: 66px; width: 204px; overflow: hidden; cursor: pointer; }

.wideRedLearnMore { background-image: url('/img/buttons/red-learn-more-206x36.png'); }
.wideRedWatchTheVideo { background-image: url('/img/buttons/red-watch-the-video-206x36.png'); }
.wideRedLiveDemo { background-image: url('/img/buttons/red-live-demo-206x36.png'); }
.wideRedDownloadNow { background-image: url('/img/buttons/red-download-now-206x36.png'); }
.wideRedTelecharger { background-image: url('/img/buttons/red-telecharger-206x36.png'); }
.wideRedLearnMore { background-image: url('/img/buttons/red-learn-more-206x36.png'); }
.wideRedViewServices { background-image: url('/img/buttons/red-view-services-206x36.png'); }
.wideRedGetStarted { background-image: url('/img/buttons/red-get-started-206x36.png'); }
.wideRedRegisterNow { background-image: url('/img/buttons/red-register-now-206x36.png'); }
.wideRedListen { background-image: url('/img/buttons/red-listen-206x36.png'); }
.wideRedWeCanHelp { background-image: url('/img/buttons/red-we-can-help-206x36.png'); }
.wideRedWeCallYou { background-image: url('/img/buttons/red-call-you-206x36.png'); }
.wideRedJoinNow { background-image: url('/img/buttons/red-join-now-206x36.png'); }
.wideRedPayNow { background-image: url('/img/buttons/red-pay-now-206x36.png'); }
.wideRedPayNowKor { background-image: url('/suppliermembership/kor/images/red-pay-now-206x36.png'); }
.wideRedJoinNowKor { background-image: url('/suppliermembership/kor/images/red-join-now-206x36.png'); }
.wideRedPayNowIta { background-image: url('/suppliermembership/ita/images/red-pay-now-206x36.png'); }
.wideRedJoinNowIta { background-image: url('/suppliermembership/ita/images/red-join-now-206x36.png'); }
.wideRedPayNowPtr { background-image: url('/suppliermembership/ptr/images/red-pay-now-206x36.png'); }
.wideRedJoinNowPtr { background-image: url('/suppliermembership/ptr/images/red-join-now-206x36.png'); }
.wideRedPayNowJap { background-image: url('/suppliermembership/jap/images/red-pay-now-206x36.png'); }
.wideRedJoinNowJap { background-image: url('/suppliermembership/jap/images/red-join-now-206x36.png'); }
.wideRedPayNowPol { background-image: url('/suppliermembership/pol/images/red-pay-now-206x36.png'); }
.wideRedJoinNowPol { background-image: url('/suppliermembership/pol/images/red-join-now-206x36.png'); }
.wideRedJoinNowFr { background-image: url('/suppliermembership/fre/images/red-join-now-206x36.png'); }
.wideRedPayNowFr { background-image: url('/suppliermembership/fre/images/red-pay-now-206x36.png'); }
.wideRedJoinNowDut { background-image: url('/suppliermembership/dut/images/red-join-now-206x36.png'); }
.wideRedPayNowDut { background-image: url('/suppliermembership/dut/images/red-pay-now-206x36.png'); }
.wideRedJoinNowDeu{ background-image: url('/suppliermembership/deu/images/red-join-now-206x36.png'); }
.wideRedPayNowDeu { background-image: url('/suppliermembership/deu/images/red-pay-now-206x36.png'); }
.wideRedJoinNowChs { background-image: url('/suppliermembership/chs/images/red-join-now-206x36.png'); }
.wideRedPayNowChs { background-image: url('/suppliermembership/chs/images/red-pay-now-206x36.png'); }
.wideRedJoinNowSpa { background-image: url('/suppliermembership/spa/images/red-join-now-206x36.png'); }
.wideRedPayNowSpa { background-image: url('/suppliermembership/spa/images/red-pay-now-206x36.png'); }
.wideRedSearchJobs { background-image: url('/img/buttons/red-search-jobs-206x36.png'); }
.wideRedViewNow { background-image: url('/img/buttons/red-view-now-206x36.png'); }
.wideRedSourcingPartner { background-image: url('/img/buttons/red-sourcing-partner-206x36.png');}
.wideRedCompleteApplication { background-image: url('/img/buttons/red-complete-application-148x36.png');}

.wideEmailPreferences { background-image: url('/img/buttons/red-email-preferences-206x36.png'); }
.wideBlueContact { background-image: url('/img/buttons/blue-wide-contact-206x36.png'); }
.wideBlueContactUs { background-image: url('/img/buttons/blue-wide-contactus-206x36.png'); }
.wideBlueSavingsCalc { background-image: url('/img/buttons/blue-wide-savings-calc-206x36.png'); }
.wideBlueCustomAnalysis { background-image: url('/img/buttons/blue-wide-custom-analysis-206x36.png'); }
.wideBlueRecommendation { background-image: url('/img/buttons/blue-wide-recommendation-206x36.png'); }
.wideBlueJoinNow { background-image: url('/img/buttons/blue-wide-join-now-206x36.png'); }

.wideGreyDataSheet { background-image: url('/img/buttons/grey-wide-download-datasheet-206x36.png'); }
.wideGreyCaseStudy { background-image: url('/img/buttons/grey-wide-case-study-206x36.png'); }
.wideGreyCareers { background-image: url('/img/buttons/grey-wide-careers-206x36.png'); }
.wideGreyPartnerPortal { background-image: url('/img/buttons/grey-wide-partner-portal-206x36.png'); }
.wideGreyBecomePartner { background-image: url('/img/buttons/grey-wide-become-partner-206x36.png'); }
.wideGreyJoinNetwork { background-image: url('/img/buttons/grey-wide-join-network-206x36.png'); }
.wideGreyRegister { background-image: url('/img/buttons/grey-wide-register-206x36.png'); }
.wideGreySubmit { background-image: url('/img/buttons/grey-wide-submit-206x36.png'); }
.wideGreyDiscovry { background-image: url('/img/buttons/grey-wide-trydiscoverynow-206x36.png'); }
.wideGreyClose { background-image: url('/img/buttons/grey-wide-close-206x36.png'); }
.wideGreyWatchVideo { background-image: url('/img/buttons/grey-wide-watch-video-206x36.png'); }
.wideGreyPartnerGuide { background-image: url('/img/buttons/grey-partner-guide-206x36.png'); }

.wideBuyNow { background-image: url('/img/buttons/red-buy-now-206x36.png'); }
.btnWide, #buttonWide { height: 36px; width: 206px; overflow: hidden; background-position: top left; background-repeat: no-repeat; }
.btnWide:hover, #buttonWide:hover { background-position: left -36px; }
.btnWide:active, #buttonWide:active { background-position: left -35px; }
.buttonWide { height: 36px; width: 206px; overflow: hidden; cursor: pointer; margin: 0px; padding: 0px; }

.newbutton { color: #fff; border: 1px solid #0e5dbb; padding: 10px; margin: 5px; font-family: "Junction", arial, sans-serif; font-size: 16px; text-align: center;
	text-shadow: 1px 1px 0px rgba(0,45,99,0.8); 
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.4);	box-shadow: 0px 0px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 1px 1px 1px rgba(255,255,255,0.2);  -webkit-box-shadow: inset 1px 1px 1px rgba(255,255,255,0.2); box-shadow: inset 1px 1px 1px rgba(255,255,255,0.2);	
	background: #0f63c7;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(53, 123, 208, 1)), to(rgba(12, 81, 163, 1))); 
	background: -moz-linear-gradient(top, rgba(53, 123, 208, 1), rgba(12, 81, 163, 1));
}
.newbutton:hover { background: #003779; background: rgba(0,45,99,1); text-decoration: none; }
.newbutton:active, .newbutton:focus { 
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(rgba(53, 123, 208, 1)), to(rgba(12, 81, 163, 1))); 
	background: -moz-linear-gradient(bottom, rgba(53, 123, 208, 1), rgba(12, 81, 163, 1));
}
/* End Buttons */