/* xcite */

* { margin: 0; padding: 0; outline: none; }

body {
	background: #fff;
	color: #666;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
}

div#wrapper {
	margin: 0 auto;
	position: relative;
	width: 960px;
}

ul {
	list-style-type: none;
}

img {
	border: 0;
}

div#iso-box dl {
	float:left;
	color: #666;
	background: url(../images/iso-bg.gif) bottom no-repeat;
	font-size: xx-small;	
	padding-bottom: 10px;
	width:267px;
}

div#iso-box dt {background: url(../images/iso-bg.gif) top no-repeat;padding-top: 10px;}
div#iso-box dd {padding-left: 10px;padding-right: 10px;}
div#iso-box dd img {margin-top:3px;}
div#iso-box dd p {padding: 10px;line-height:15px;}

.fleft {
	float:left;
	margin-right: 10px;
	padding: 2px;
	border: 1px solid #ccc;
	margin-top: 5px;
	margin-bottom: 15px;
}

/*
p#language {
	padding-right: 10px;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	position: absolute;
	top: 10px;
	right: 0;
	line-height: 25px;
	text-align: right;
}

p#language .corporate {
	margin: 0 0 0 7px;
	padding: 0 0 0 7px;
	border-left: solid 1px #CCC;
}

p#language a,
p#language span {
	color: #0068b3;
	float: left;
	display: block;
	height: 25px;
	font-weight: bold;
	text-decoration: none;
}

p#language span {
	color: white;
	padding: 0 3px;
}

p#language img {
	margin-top: -6px;
}

p#language a.current {
	color: black;
}

p#language a:hover {
	color: black;
}
*/
p#language {
	padding-right: 10px;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	position: absolute;
	top: 10px;
	right: 0;
	height: 13px;
	text-align: right;
}


p#language a.en {
	margin-right: 2px;
	width: 39px;
	height: 13px;
	background: url(../images/lang/en.gif) no-repeat;
	text-indent: -999px;
	display: block;
	float: right;
}
p#language a.en:hover {
	background: url(../images/lang/en-r.gif) no-repeat;
}

p#language a.gr {
	margin-right: 5px;
	width: 48px;
	height: 13px;
	background: url(../images/lang/gr.gif) no-repeat;
	text-indent: -999px;
	display: block;
	float: right;
}
p#language a.gr:hover {
	background: url(../images/lang/gr-r.gif) no-repeat;
}

p#language a.fr {
	margin-right: 0px;
	width: 50px;
	height: 13px;
	background: url(../images/lang/fr.gif) no-repeat;
	text-indent: -999px;
	display: block;
	float: right;
}
p#language a.fr:hover {
	background: url(../images/lang/fr-r.gif) no-repeat;
}

p#language a.ch {
	margin-right: 0px;
	width: 31px;
	height: 13px;
	background: url(../images/lang/ch.gif) no-repeat;
	text-indent: -999px;
	display: block;
	float: right;
}
p#language a.ch:hover {
	background: url(../images/lang/ch-r.gif) no-repeat;
}


p#language a.jp {
	margin-right: 0px;
	width: 40px;
	height: 13px;
	background: url(../images/lang/jp-r.gif) no-repeat;
	text-indent: -999px;
	display: block;
	float: right;
}
p#language a.jp:hover {
	background: url(../images/lang/jp-r.gif) no-repeat;
}

p#language a.corp {
	margin-right: 0px;
	width: 81px;
	height: 13px;
	background: url(../images/lang/corporate.gif) no-repeat;
	text-indent: -999px;
	display: block;
	float: right;
}
p#language a.corp:hover {
	background: url(../images/lang/corporate-r.gif) no-repeat;
}



/* Language Nav End */



div#inner-wrapper {
	border-top: 2px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	background: white;
	clear: left;
}

div#header {
	background: url(../images/xcite-logo.gif) top right no-repeat;
}

div#header h1 {
	height: 116px;
	width: 154px;
}

div#header ul {
}

div#header div#secondary {
	clear: both;
	width: 959px;
	background: transparent url(../images/subnav-bg.gif) top left no-repeat;
	line-height: 30px;
	font-size: 10px;
	letter-spacing: 0.1em;
	margin:0 0 15px 0;
	padding: 0;
}

div#header div#secondary a {
	float: right;
	display: block;
	margin: 0 8px 0 0;
	padding: 0;
	
	text-align: center;
	color: white;
	font-weight: bold;
	
	text-decoration: none;
}

div#header div#secondary a:hover {
	text-decoration: underline;
}

div#header div#secondary a.store {
	display: block;
	width: 119px;
	border: none;
	background: transparent url(bg-store-off.jpg) no-repeat;
	text-indent: -9999px;
}

div#header div#secondary a.store:hover {
	background: transparent url(bg-store.jpg) no-repeat;
	text-decoration: none;
}

div#header ul#nav ul {
	padding-left: 0;
}

div#header li {
	float: left;
}

div#header li a {
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
}

ul#nav {
	margin: 0;
	padding: 0;
	background: url(../images/nav-bg-june30.gif) top left no-repeat;
	height: 34px;
}

div#navbar {float: right;width:229px;}
div#navbar a.corporate {height: 34px;text-indent: -9999px;background: url(/jp/images/nav-corporate1.jpg) no-repeat;width: 77px;float: right;}
div#navbar a.corporate:hover {background: url(/jp/images/nav-corporate2.jpg) no-repeat;}

div#navbar a.greenview {height: 34px;text-indent: -9999px;background: url(/jp/images/nav-greenview1.jpg) no-repeat;width: 108px;float: right;}
div#navbar a.greenview:hover {background: url(/jp/images/nav-greenview2.jpg) no-repeat;}

ul#nav li {
	margin: 0;
	padding: 0;
	height: 34px;
}

#nav li ul {
	border-left: 1px solid #bbd097;
	border-right: 1px solid #bbd097;
	border-bottom: 1px solid #bbd097;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	width: 230px;
	left: -999em;
}

#nav li:hover ul,
#nav li.sfhover ul {
	left: auto;
	margin-top: -3px;
	z-index: 1000;
}

div#header ul#nav li ul li {
	background-color: #f0f0f0;
	border-bottom: 1px solid #bbd097;
	color: #666;
	display: block;
	float: none;
	padding: 4px 15px 0 0;
	height: 21px;
}

div#header ul#nav li ul li a {
	font-size: 11px;
	padding: 6px 10px;
	text-transform: capitalize;
	color: #505050;
}

div#header ul#nav li ul li a:hover {
	color: #000;
	font-weight: bold;
}

div#header ul#nav li ul li.heading {
	background: #045c74 url(../images/dropdown-burleigh-header.gif) top left repeat-x;
	height: 20px;
}

div#header ul#nav li ul li.x-heading {
	background: #698a00 url(../images/dropdown-xcite-header.gif) top left repeat-x;
	height: 20px;
}

#nav li ul h2 {
	color: white;
	font-size: 10px;
	padding: 4px 10px 6px 10px;
	text-transform: uppercase;
}

p#subnav a {
	color: #505050;
	text-decoration: none;
}

p#subnav a:hover {
	color: #000;
	text-decoration: none;
}

div#content {
	clear: left;
	overflow: hidden;
}

div.crumbs {
	margin: 35px 0 0 13px;
	color: #333;
	font-size: xx-small;
	font-weight: bold;
	position: absolute;
	top: 125px;
	left: 0;
}

div#inner-wrapper {
	clear: both;
}

div#inner-content {
	border-top: 10px solid white;
	border-bottom: 20px solid white;
	clear: both;
	overflow: hidden;
}

/*body.home div#inner-content {
	background: url(../images/inner-content-bg.gif) top left repeat-y;
}*/

div.col {
	color: black;
	float: left;
	font-size: 11px;
	line-height: 1.4;
	position: relative;
	min-height: 323px;
}

div.colMiddle {
	color: black;
	float: left;
	font-size: 11px;
	line-height: 1.4;
	position: relative;
	height: 323px;
}

p.readmore {
	position: absolute;
	bottom: 10px;
}

div#what-is {
	background: transparent url(../images/what-is-xcite-bg.gif) bottom left repeat-y;
	width: 311px;
}

div#what-is p.first {
	font-size: 11px;
	padding-top: 57px;
	padding-left: 23px;
	padding-right: 23px;
	margin-bottom: 8px;
}

div#what-is p.second {
	font-size: 11px;
	padding-left: 23px;
	padding-right: 23px;
	margin-bottom: 12px;
}

div#what-is ul {
	font-size: 11px;
	padding-left: 23px;
}

div#what-is p.first:first-line {
	font-weight: bold;
}

div#what-is p.readmore {
	left: 10px;
}

div#product-highlight {
	background: transparent url(../images/highlights-bg.gif) bottom left repeat-y;
	margin: 0 12px;
	width: 311px;
}

div#middleColumn {
	background: transparent url(bg-home-middle.jpg) bottom left repeat-y;
	margin: 0 12px;
	width: 311px;
	height: 323px;
}

div#product-highlight h4 {
	color: #333;
	font-size: 22px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding-left: 17px;
	position: absolute;
	top: 10px;
	left: 0px;
}

div#product-highlight div {
	font-size: 11px;
	padding: 5px 15px 15px 15px;
}

div#events {
	width: 311px;
}

div#events form {
	background: url(../images/product-dropdown.gif) top left no-repeat;
	height: 61px;
	padding-top: 15px;
	padding-left: 16px;
	margin-bottom: 20px;
	width: 295px;
}

div#events select {
	font-size: 10px;
	width: 280px;
}

div#events form h5 {
	font-size: 14px;
}

div#events h2 {
	padding-left: 10px;
	padding-bottom: 10px;
}

div#events div.panel-cont {
	color: #666;
	margin-left: 120px;
	font-size: xx-small;
}

div#events p {
	padding-top: 10px;
}

div#events p a {color: #0068b3;}
div#events p a:hover {color: #000;}

div#subcontent {
	height: auto;
	width: 671px;
}

div#subcontent p.smaller {font-size: xx-small;}
div#subcontent p.firstUnder {margin-top: 15px;}

div#subcontent dl.know {
	background: url(../images/know_btm.gif) bottom no-repeat;
	width: 671px;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
div#subcontent dl.know dt.topper {
	background: url(../images/know_top.gif) top no-repeat;
	height:15px;
}



div#subcontent dl.support {
	float: left;
	width: 300px;
	margin-left: 15px;
	
}

div#subcontent dl.support dt {color: #505050;margin: 10px 0 0 0;font-weight: bold;}
div#subcontent dl.support dd {margin-left: 0px;}
div#subcontent dl.support dd.sub {margin-left: 15px;}

div#subcontent dl.support-r {
	float: left;
	width: 225px;
	margin-left: 75px;
	
}

div#subcontent dl.support-r dl.om {
	width: 225px;
	background: url(../images/om-bg.gif) bottom no-repeat;
	padding-bottom: 10px;
}

div#subcontent dl.support-r dl.om dt {
	background: url(../images/om-bg.gif) top no-repeat;
	min-height: 25px;
	font-size:12px;
	font-weight: bold;
	line-height: 25px;
	padding-left: 15px;
	color: #5C8613;
}

div#subcontent dl.support-r dl.om dd {
	padding-top: 5px; 
	padding-left: 15px;
	padding-right: 15px;
}

div#subcontent dl#greenpolicy {
	background: url(../images/green-bg.gif) bottom no-repeat;
	padding-bottom: 10px;
}

div#subcontent dl#greenpolicy dt {
	background: url(../images/green-bg.gif) top no-repeat;
	padding: 10px 0 0 15px;
	color: black;
	font-size: 12px;
	margin: 0;
	text-transform: uppercase;
	font-weight: bold;
	color: #649143;
}

div#subcontent dl#greenpolicy dd {
	padding: 0 15px;
}



div#subcontent .location {
	padding: 20px;
}

strong {
	color: black;
}

p#header-sub {
	height: 54px;
	position: relative;
}

p#header-sub span {
	color: #ebf1e0;
	font-size: 9px;
	font-weight: bold;
	position: absolute;
	top: 36px;
	left: 310px;
}

p#header-sub b {
	color: white;
}

div#subnav {
	background: url(../images/sidebar-bg.gif) top left no-repeat;
	padding: 0 21px 0 0;
	min-height: 400px;
	width: 267px;
}

div#subnav-wrapper {
/*	background: url(../images/sidebar-tile.gif) bottom left repeat-y; */
	float: left;
	padding: 0 20px 0 0;
	width: 267px;
}

div#subnav-footer {
	background: url(../images/sidebar-footer.gif) bottom left no-repeat;
	clear: left;
	height: 54px;
	width: 267px;
}

div#primary-sidenav {
	padding-top: 9px;
}

div#primary-sidenav h4 {
	border-bottom: 1px dotted #999;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 14px;
	padding-left: 25px;
	padding-bottom: 8px;
	background: url(../images/primary-sidenav-glyph.gif) -2px -8px no-repeat;
}

div#primary-sidenav h3 {
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 14px;
	padding: 4px 0 4px 25px;
	background: url(../images/primary-subnav-glyph-2.gif) -2px 2px no-repeat;
}

div#subnav ul {
	padding-top: 4px;
}

div#subnav a {
	font-family: Arial;
	display: block;
	padding-left: 20px;
	text-decoration: none;
	line-height: 20px;
}

div#subnav li li a {
	color: #666;
	padding-left: 35px;
}

div#subnav li.last {
	border-bottom: none;
}

div#primary-sidenav li li {
	border: none;
}

div#primary-sidenav li li li {
	padding-left: 20px;
}

div#primary-sidenav a {
	color: #5c8613;
}

div#subnav a:hover,
div#subnav a.current {
	background: url(../images/sidebar-nav-current.gif) no-repeat 0 3px;
	display: block;
	line-height: 20px;
}

div#secondary-sidenav li.subHead {color: #5a871b;margin-top: 5px;padding: 2px 0 2px 20px; font-weight: bold;font-size: xx-small;border-top: dotted 1px #DDD;border-bottom: dotted 1px #DDD;}
div#secondary-sidenav li.subHeadLink a {padding-left: 29px;}

div#primary-sidenav li li a:hover {
	background: #e0ebcf;
	color: #00718f;
}

div#secondary-sidenav h4 {
	background: url(../images/secondary-subnav-glyph.gif) -2px 0 no-repeat;
	border-bottom: 1px dotted #999;
	border-top: 1px dotted #999;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 12px;
	padding-left: 25px;
	padding-bottom: 4px;
	padding-top: 5px;
	margin-top: 10px;
}

div#secondary-sidenav a {
	color: #666;
	font-size: xx-small;
	padding-top: 2px;
}

div#subcontent {
	color: #333;
	font-size: 11px;
	line-height: 1.8;
	padding-top: 10px;
}

div#subcontent a {
	color: #0f718e;
	text-decoration: underline;
}

div#subcontent a:hover {
	color: black;
	text-decoration: underline;
}

div#subcontent h3 {
	color: black;
	font-size: 16px;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}

div#subcontent h4 {
	color: #5C8613;
	font-size: 14px;
}

div#subcontent h5 {
	border-bottom: 1px solid #999;
	font-size: 11px;
	margin: 0 0 10px 0;
}

div#subcontent p,
div#subcontent ul,
div#subcontent ol,
div#subcontent table {
	margin-bottom: 10px;
}

div#subcontent li {
	list-style-type: disc;
	margin-left: 30px;
}

td,
th {
	padding: 2px 5px;
	vertical-align: top;
	text-align: left;
}

th {
	color: white;
	background: #b0c885;
	text-transform: uppercase;
}

p.focus {
	padding: 7px;
}

p.f-one {
	background-color: #f1f1f1;
}

p.f-two {
	background-color: #e5f1f4;
}

div#product-detail {
	background: url(../images/products/small/header-rightside.jpg) top right no-repeat;
	min-height: 215px;
	position: relative;
}

div#product-info {
	padding-top: 15px;
	padding-right: 20px;
	margin-left: 325px;
}

div#product-info p {
	padding-left: 2px;
}

div#product-detail h4 {
	color: #5C8613;
	font-size: 14px;
	line-height: 1.3;
	text-transform: uppercase;
}

img#product-image {
	float: left;
	position: relative;
	left: 1px;
	max-height: 215px;
	z-index: 5;
}

img#zoom {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

table {
	border: 0;
	margin-bottom: 20px;
}

td {
	border-bottom: 1px dotted #ccc;
}

div#footer {
	margin: 0 auto;
	width: 940px;
	border-top: 1px dotted #c8c7c7;
	clear: left;
	padding: 10px 0 20px 0;
	font-size: xx-small;
	color: #999;
}

div#footer a {padding: 1px 2px; color: #999; text-decoration: none;border-bottom: solid 2px transparent;}
div#footer a:hover {color: #666; border-bottom: solid 2px #CCC;}
div#footer p {color: #666;padding: 5px 2px; font-size: 107%;}

/* support boxes */

div#subcontent.support {
	padding-left: 18px;
	width: 930px;
}

div.support-box {
	background-color: #f1f6ea;
	height: 252px;
	margin-right: 10px;
	margin-top: 10px;
	width: 305px;
	float: left;
	position: relative;
}

div.support-box * {
	padding-left: 13px;
	padding-right: 12px;
}

div#subcontent div.support-box h4 {
	background: #78a22f url(../images/support-box-glyph.gif) top left no-repeat;
	color: white;
	height: 21px;
	font-size: 12px;
	font-weight: bold;
	padding-top: 3px;
	text-transform: uppercase;
}

p.support-link {
	position: absolute;
	left: -25px;
	bottom: 0;
}

div.adobe-box {
	background: #f0f0f0;
	margin-right: 0;
	width: 291px;
}

div.knowledge-box {
	background: #f0f0f0;
	height: 152px;
	margin-right: 0;
	width: 921px;
}

div#knowledge-blurb {
	float: left;
	padding-right: 0;
	width: 566px;
}

div#knowledge-list {
	float: left;
	margin: 0;
	padding: 0;
	width: 280px;
}

div#knowledge-list * {
	margin: 0;
	padding: 0;
}

div#knowledge-list li {
	background: url(../images/knowledge-list-bg.gif) top left no-repeat;
	height: 19px;
	list-style-type: none;
	padding-left: 22px;
	margin-bottom: 5px;
	width: 256px;
}

div#knowledge-list li a {
	color: #666;
	font-size: 10px;
	position: relative;
	top: 1px;
	text-decoration: none;
	text-transform: uppercase;
}

div#subcontent div.knowledge-box h4 {
	background: #949494 url(../images/support-knowledge-glyph.gif) top left no-repeat;
}

div#subcontent div.adobe-box h4 {
	background: #f1f1f1 url(../images/support-adobe-glyph.gif) top left no-repeat;
	border-bottom: 1px dashed #f1f1f1;
	color: #959595;
	padding-left: 16px;
}

div#subcontent div.adobe-box p#adobe-link {
	padding-top: 30px;
	padding-left: 90px;
}

/* downloads page */

div.download-box {
	border-top: 1px dotted #ccc;
	clear: left;
	overflow: hidden;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

div.download-box div {
	float: left;
	padding-right: 15px;
	width: 185px;
}

div#subcontent div.download-box div * {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#subcontent div.download-box div ul {
	padding-bottom: 10px;
}

div.download-box div.last {
	padding-right: 0;
}

/* downloads page */

div.download-box {
	border-top: 1px dotted #ccc;
	clear: left;
	overflow: hidden;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

div.download-box div {
	float: left;
	padding-right: 15px;
	width: 185px;
}

div#subcontent div.download-box div * {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#subcontent div.download-box div ul {
	padding-bottom: 10px;
}

div.download-box div.last {
	padding-right: 0;
}

/* Accordian panels */

div.Accordion {padding: 2px 0; overflow: hidden;}
div.AccordionPanel {border-top: 1px dotted #bfbfbf;}

div.AccordionPanelTab {
	color: #0068b3;
	padding: 5px 0 5px 24px;
	cursor: pointer;
	cursor: hand;
	background: transparent url(bg-news-up.jpg) 4px 6px no-repeat;
}

div.AccordionPanelTab div.sub {
	padding: 0 0 0 9px;
	margin: 0;
	color: #666;
	font-size: xx-small;
}

div.AccordionPanelContent {
	padding-bottom: 0;
	overflow: hidden;
}

div.AccordionPanelContent div.panel-cont {
	color: #666;
	margin-left: 125px;
	padding: 10px 0 10px 0;
	font-size: xx-small;
}

div.AccordionPanelContent a {font-size: 106%;display: block;color: #666;text-decoration: none;}
div.AccordionPanelContent a:hover {color: #333;text-decoration: underline;}
div.AccordionPanelContent a.block {display: block; margin: 10px 0 0 0; padding: 2px 3px;color: #0068b3; font-weight: bold; text-decoration: none;}
div.AccordionPanelContent a.block:hover {color: #FFF; background-color: #0068b3;}

div.AccordionPanelContent img {
	margin-top: 10px;
	margin-left:10px;
	border: solid 1px #999;
}

div.AccordionPanelContent img.noBorder {
	border: none;
}


div.AccordionPanelContent dl.ascb {background:url(blue-promo-bg.gif) top;width:280px;margin:0 0 15px 12px;padding: 10px 0 0 0;clear: both;}
div.AccordionPanelContent dl.ascb dt {padding: 0 10px;font-size: 11px;font-weight: bold;margin-bottom: 5px;}
div.AccordionPanelContent dl.ascb dd {padding: 0 10px;font-size: xx-small;}
div.AccordionPanelContent dl.ascb dd a {display: inline;color: #066da2;}
div.AccordionPanelContent dl.ascb dd.btm {background:url(blue-promo-bg.gif) bottom;height: 10px;padding: 0;}
div.AccordionPanelContent dl.ascb dd.image {float: left;}
div.AccordionPanelContent dl.ascb dd.image img {padding: 0;margin: 0;}



div.AccordionPanelTab span {
	color: #333;
}

div.AccordionPanelTabHover {
	background: #F0F0F0 url(bg-news-over.jpg) 4px 6px no-repeat;
}

div.AccordionPanelOpen .AccordionPanelTabHover {
	background-color: #F0F0F0;
}

.AccordionPanelOpen .AccordionPanelTab {
	color: #505050;
	background: #F0F0F0 url(bg-news-active.jpg) 4px 6px no-repeat;
}