/* ---------------------------- */
/* ----- default settings ----- */
/* ---------------------------- */

body, html
{
	background-color: #666666;
	border: 0px;
	border-collapse: collapse;
	margin: 0 auto;
	padding: 0 0 0 0;
}


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

body{font:8pt Verdana, Arial,Helvetica,"Bitstream Vera Sans",sans-serif;}table{font-size:inherit;}select, input, textarea {font:1em Verdana,Arial,Helvetica,"Bitstream Vera Sans",sans-serif;}pre, code{font:115% monospace;}body *{line-height:1.22em;}

a, a:active, a:link, a:visited {color:#699032;text-decoration:none;}

#footer {color:#ccc;padding:5px 0 0 0;position:relative;font-size:11px;}
#footer ul {margin:0 0 20px 0;}
#footer li {display:inline;margin:0 2px 0 2px;}
#footer a {color:#ccc;}
#footer a:hover {color:#7AC142;}
#footer .copyright {position:absolute;right:0;top:5px;}

#content div.cs-footer-links {
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #CCC;
}


img
{
	border: 0px;
}

p
{
	line-height: 15px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#wrapper
{
	border: 0px;
	border-collapse: collapse;
	margin: 0 auto;
	padding: 0 0 0 0;
	width: 980px;
}

#globalNav
{
	background-image:url(../../images/guides/guide_globalnav.jpg);
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 980px;
	height: 53px;	
}









/* ------------------- */
/* ----- modules ----- */
/* ------------------- */

/* ----- flash module ----- */

#flashModule
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 980px;
	height: 519px;
}

/* ----- bucket module ----- */

#bucketModule
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: absolute;
	top: 254px;
	width: 980px;
	height: 316px;
}
.bucketLeft
{
	float: left;
	width: 17px;
	height: 316px;
}
.bucketAccordion
{
	background-image:url(../../images/index_buckets/bg_accordion.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 239px;
	height: 316px;
}
.bucketCaseStudies
{
	background-image:url(../../images/index_buckets/bg_casestudies.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 239px;
	height: 316px;
}
.bucketEvents
{
	background-image:url(../../images/index_buckets/bg_events.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 239px;
	height: 316px;
}
.bucketNews
{
	background-image:url(../../images/index_buckets/bg_news.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 239px;
	height: 316px;
}
.bucketRight
{
	float: left;
	width: 1px;
	height: 316px;
}
.bucketDivider
{
	background-image:url(../../images/index_buckets/bg_divider.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 1px;
	height: 316px;
}









/* ------------------------- */
/* ----- bucket styles ----- */
/* ------------------------- */

/* ----- link behaviors  ----- */

a.linkGreen { color: #669933; font-weight: bold; text-decoration: none; }
a.linkGreen:visited { color: #669933; font-weight: bold; text-decoration: none; }
a.linkGreen:active { color: #669933; font-weight: bold; text-decoration: none; }
a.linkGreen:hover { color: #669933; font-weight: bold; text-decoration: none; }

a.linkBlue { color: #0093D0; font-weight: bold; text-decoration: none; }
a.linkBlue:visited { color: #0093D0; font-weight: bold; text-decoration: none; }
a.linkBlue:active { color: #0093D0; font-weight: bold; text-decoration: none; }
a.linkBlue:hover { color: #0093D0; font-weight: bold; text-decoration: none; }

a.linkGreenBody { color: #669933; font-weight: normal; text-decoration: none; }
a.linkGreenBody:visited { color: #669933; font-weight: normal; text-decoration: none; }
a.linkGreenBody:active { color: #669933; font-weight: normal; text-decoration: none; }
a.linkGreenBody:hover { color: #669933; font-weight: normal; text-decoration: none; }

/* ----- bucket: accordion ----- */

.bucketAccordionFrame
{
	float: left;
	width: 239px;
	height: 278px;
}

/* ----- bucket: case studies ----- */

.bucketCaseStudiesFrame
{
	float: left;
	width: 239px;
	height: 278px;
}

/* ----- bucket: events ----- */

.bucketEventsFrameTop
{
	float: left;
	width: 239px;
	height: 40px;
}
.bucketEventsFrame
{
	float: left;
	width: 239px;
}
.bucketEventsFrameLeft
{
	float: left;
	width: 13px;
	height: inherit;
}
.bucketEventsFrameImages
{
	float: left;
	margin-top: 2px;
	width: 53px;
	height: inherit;
}
.bucketEventsFrameMid
{
	float: left;
	width: 8px;
	height: inherit;
}
.bucketEventsFrameContent
{
	float: left;
	color: #666666;
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height: 15px;
	margin: 0 0 0 0;
	text-align: left;
	width: 146px;
	height: inherit;
}
.bucketEventsFrameRight
{
	float: left;
	width: 19px;
	height: 10px;
}
.eventsBtmLine
{
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	top: 248px;
	left: 508px;
	position: absolute;
}
.linkViewAllEvents
{

	color: #666666;
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height: 15px;
	text-align: left;
	
	margin-top: 0px;
	margin-left: 12px;
	padding: 0 0 0 0;
	position: absolute;
	width: 200px;
	top: 253px;
	left: 498px;
}

/* ----- bucket: news ----- */

.bucketNewsFrameTop
{
	float: left;
	width: 239px;
	height: 32px;
}
.bucketNewsFrame
{
	float: left;
	width: 239px;
}
.bucketNewsFrameContent
{
	color: #666666;
	float: left;
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height: 15px;
	margin: 0 0 0 0;
	text-align: left;
	width: 210px;
}
.bucketNewsFrameContentSpace
{
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 19px;
	height: inherit;
}
.bucketNewsFrameContentArea
{
	float: left;
	margin-top: 5px;
	padding: 0 0 0 0;
	width: 190px;
	height: inherit;
}
.newsBtmLine
{
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	top: 248px;
	left: 748px;
	position: absolute;
}
.linkViewAllNews
{
	color: #666666;
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height: 15px;
	text-align: left;
	
	margin-top: 0px;
	margin-left: 12px;
	padding: 0 0 0 0;
	position: absolute;
	width: 200px;
	top: 253px;
	left: 738px;
}



















/* ------------------------------ */
/* ----- STYLES: DEPRECATED ----- */
/* ------------------------------ */

#bannerTop
{
	background-image:url(../../images/flash/deprecated/cathay_banner.jpg);
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 980px;
	height: 147px;
}
#bannerLinks
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 980px;
	height: 14px;
}
.bannerLinkLeft
{
	background-image:url(../../images/flash/deprecated/cathay_link_left.jpg);
	float: left;
	width: 376px;
	height: 14px;
}
.bannerLinkCaseStudy
{
	float: left;
	width: 146px;
	height: 14px;
}
.bannerLinkWhitePaper
{
	float: left;
	width: 176px;
	height: 14px;
}
.bannerLinkRight
{
	background-image:url(../../images/flash/deprecated/cathay_link_right.jpg);
	float: left;
	width: 282px;
	height: 14px;
}
#bannerMid
{
	background-image:url(../../images/flash/deprecated/cathay_mid.jpg);
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 980px;
	height: 16px;
}
#bannerFlashLink
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 980px;
	height: 15px;
}
.bannerLinkFlashLeft
{
	background-image:url(../../images/flash/deprecated/cathay_link_flash_left.jpg);
	float: left;
	width: 376px;
	height: 15px;
}
.bannerLinkFlash
{
	float: left;
	width: 323px;
	height: 15px;
}
.bannerLinkFlashRight
{
	background-image:url(../../images/flash/deprecated/cathay_link_flash_right.jpg);
	float: left;
	width: 281px;
	height: 15px;
}
#bannerBottom
{
	background-image:url(../../images/flash/deprecated/cathay_bottom.jpg);
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 980px;
	height: 327px;
}

/* ----- links ----- */

a.linkCaseStudy
{
	background-image:url(../../images/flash/deprecated/cathay_link_casestudy.jpg);
	float: left;
	width: 146px;
	height: 14px;
}
a.linkWhitePaper
{
	background-image:url(../../images/flash/deprecated/cathay_link_whitepaper.jpg);
	float: left;
	width: 176px;
	height: 14px;
}
a.linkFlash
{
	background-image:url(../../images/flash/deprecated/cathay_link_flash.jpg);
	float: left;
	width: 323px;
	height: 15px;
}



















/* ----------------------------- */
/* ----- STYLES: ACCORDION ----- */
/* ----------------------------- */

#containerAccordion
{
	background-image:url(../../images/index_buckets/bg_accordion.jpg);
	background-repeat: no-repeat;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 239px;
	height: 316px;
}

/* ----- content area ----- */

#contentFrameTop
{
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 ;
	width: 239px;
	height: 5px;
}

#contentFrame
{
	width: 239px;
	height: 268px;
}
.contentFrameLeft
{
	float: left;
	width: 5px;
	height: inherit;
}
.contentFrameMid
{
	float: left;
	width: 230px;
	height: inherit;
}
.contentFrameRight
{
	float: left;
	width: 4px;
	height: inherit;
}

.accordionBlogFrame
{
	margin-top: -24px;
	width: 239px;
	height: 219px;
	position: absolute;
}

/* ----- accordion ----- */

.menu
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 230px;
}
.header
{
	float: left;
	width: 230px;
	height: 24px;
}

/* ----- accordion content ----- */

.content
{
	float: left;
	width: 228px;
	height: 195px;
}
.contentFrame
{
	float: left;
	width: 228px;
}
.contentSpacer
{
	float: left;
	width: 8px;
	height: inherit;
}
.contentArrow
{
	float: left;
	width: 9px;
	height: 10px;
}
.contentArea
{
	color: #666666;
	float: left;
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height: 15px;
	text-align: left;
	width: 197px;
}

/* ----- accordion headers ----- */

a.hdrDownloads
{
	background-image:url(../../images/index_buckets/hdr_downloads.gif);
	background-repeat: no-repeat;
	float: left;
	width: 230px;
	height: 24px;
}
div.selected a.hdrDownloads
{
	background-image:url(../../images/index_buckets/hdr_downloads_on.gif);
	background-repeat: no-repeat;
}
a.hdrCommunity
{
	background-image:url(../../images/index_buckets/hdr_community.gif);
	background-repeat: no-repeat;
	float: left;
	width: 230px;
	height: 24px;
}
div.selected a.hdrCommunity
{
	background-image:url(../../images/index_buckets/hdr_community_on.gif);
	background-repeat: no-repeat;
}
a.hdrBlogs
{
	background-image:url(../../images/index_buckets/hdr_blogs.gif);
	background-repeat: no-repeat;
	float: left;
	width: 230px;
	height: 24px;
}
div.selected a.hdrBlogs
{
	background-image:url(../../images/index_buckets/hdr_blogs_on.gif);
	background-repeat: no-repeat;
}




/* style for top navigation */
#nav {position:absolute;top:30px;left:165px;}
#nav, #nav ul {float: left;width: 630px;background: #666;font-weight: bold;padding: 0;margin: 0 0 1em 0;z-index:auto;}
#nav li span {display:none;}

#nav a#topnavProducts {background:transparent url(../images/topnav/products.gif) no-repeat 100% 100%;height:14px;width:77px;}
#nav a#topnavProducts:hover {background:transparent url(../images/topnav/products-on.gif) no-repeat 100% 100%;}
#nav li:hover a#topnavProducts, #nav li.sfhover a#topnavProducts {background:transparent url(../images/topnav/products-on.gif) no-repeat 100% 100%;}

#nav a#topnavDownloads {background:transparent url(../images/topnav/downloads.gif) no-repeat 100% 100%;height:14px;width:88px;}
#nav a#topnavDownloads:hover {background:transparent url(../images/topnav/downloads-on.gif) no-repeat 100% 100%;}
#nav li:hover a#topnavDownloads, #nav li.sfhover a#topnavDownloads {background:transparent url(../images/topnav/downloads-on.gif) no-repeat 100% 100%;}

#nav a#topnavCommunity {background:transparent url(../images/topnav/community.gif) no-repeat 100% 100%;height:14px;width:87px;}
#nav a#topnavCommunity:hover {background:transparent url(../images/topnav/community-on.gif) no-repeat 100% 100%;}
#nav li:hover a#topnavCommunity, #nav li.sfhover a#topnavCommunity {background:transparent url(../images/topnav/community-on.gif) no-repeat 100% 100%;}

#nav a#topnavSupport {background:transparent url(../images/topnav/support.gif) no-repeat 100% 100%;height:14px;width:136px;}
#nav a#topnavSupport:hover {background:transparent url(../images/topnav/support-on.gif) no-repeat 100% 100%;}
#nav li:hover a#topnavSupport, #nav li.sfhover a#topnavSupport {background:transparent url(../images/topnav/support-on.gif) no-repeat 100% 100%;}

#nav a#topnavPartners {background:transparent url(../images/topnav/partners.gif) no-repeat 100% 100%;height:14px;width:77px;}
#nav a#topnavPartners:hover {background:transparent url(../images/topnav/partners-on.gif) no-repeat 100% 100%;}
#nav li:hover a#topnavPartners, #nav li.sfhover a#topnavPartners {background:transparent url(../images/topnav/partners-on.gif) no-repeat 100% 100%;}

#nav a#topnavCustomers {background:transparent url(../images/topnav/customers.gif) no-repeat 100% 100%;height:14px;width:87px;}
#nav a#topnavCustomers:hover {background:transparent url(../images/topnav/customers-on.gif) no-repeat 100% 100%;}
#nav li:hover a#topnavCustomers, #nav li.sfhover a#topnavCustomers {background:transparent url(../images/topnav/customers-on.gif) no-repeat 100% 100%;}

#nav a#topnavAbout {background:transparent url(../images/topnav/about.gif) no-repeat 100% 100%;height:14px;width:63px;}
#nav a#topnavAbout:hover {background:transparent url(../images/topnav/about-on.gif) no-repeat 100% 100%;}
#nav li:hover a#topnavAbout, #nav li.sfhover a#topnavAbout {background:transparent url(../images/topnav/about-on.gif) no-repeat 100% 100%;}

#nav a {display: block;color: #fff;text-decoration: none;padding: 0;height:14px;}
#nav li {float: left;padding: 0;}
#nav li ul {position: absolute;left: -999em;height: auto;width: 200px;	font-weight: normal;margin: 0;padding:5px 0 5px 0;}
#nav li li {padding:2px 2px 2px 10px;}
#nav li ul a {width: 200px;color:#fff;}
#nav li ul a:hover {color:#7AC142;}
#nav li ul ul {margin: -1.75em 0 0 14em;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}

#nav li:hover, #nav li.hover {
  position: static;
}

/* style for top links */

#container {margin:0 auto 0 auto;text-align:left;position:relative;width:980px;}

#topnav {height:53px;}
#topnav img#logo {position:absolute;left:5px;top:18px;}
#topnav #searchbox {position:absolute;right:0;top:25px;background-color:#fff;padding:2px;}
#topnav #searchbox input.searchbox {margin-right:2px;}
#topnav #logreg {position:absolute;right:0px;top:5px;color:#fff;z-index:auto;}
#topnav #logreg a {color:#fff;padding:0 5px 0 5px;}
#topnav #logreg a:hover {color:#7AC142;}

#toplinks {position:absolute;top:5px;right:0px;color:#fff;z-index:auto;}
#toplinks ul {float: left;width: 260px;background: #666;padding: 0;margin: 0 0 1em 0;z-index:auto;}
#toplinks li span {display:none;}
#toplinks a {display: block;color: #fff;text-decoration: none;padding: 0;}
#toplinks li {float: left;padding: 0;width:160px;text-align:right;}
#toplinks li ul {position: absolute;left: -999em;height: auto;width: 180px;	font-weight: normal;margin: 0;padding:5px 0 5px 0;}
#toplinks li li {padding:2px 2px 2px 10px;}
#toplinks li ul a {width: 160px;color:#fff;}
#toplinks li ul a:hover, #toplinks li a:hover {color:#7AC142;}
#toplinks li:hover ul ul, #toplinks li:hover ul ul ul, #toplinks li.sfhover ul ul, #toplinks li.sfhover ul ul ul {left: -999em;text-align:right;}
#toplinks li:hover ul, #toplinks li li:hover ul, #toplinks li li li:hover ul, #toplinks li.sfhover ul, #toplinks li li.sfhover ul, #toplinks li li li.sfhover ul {left: 0px;text-align:right;}
.wwide {background:transparent url(../images/topnav/btn-worldwide.gif) no-repeat 100% 50%;padding-right:20px !important;}
li.divider {padding:3px 0px 0 0px;width:10px !important;}
#toplinks li:hover, #toplinks li.hover {
  position: static;
}

/* Needed from IVW */
.sf-menu a, .sf-menu a:visited {
        color: #FFFFFF;
}

.sf-menu li li a, .sf-menu li li a:visited {
        color: #FFFFFF;
}