
/*********************/
/*   GENERIC ITEMS   */
/*********************/
h2		{color:#366; padding:1px;}
h2 span	{color:#366; display:block;}
h3		{color:#399;}
h4, h5, h6, h4 a	{color:#366;}
#rightColumn h2, #rightColumn h3, #rightColumn h4 {font-size:100%; color:#366;}


/*********************/
/* GLOBAL NAVIGATION */
/*********************/
#globalNavigation		{background:#399;}
#globalNavigation #primaryNavigation	{background-color: #e1f0f0;}
#globalNavigation #primaryNavigation ul li a	{border-left: solid 1px #366;}
#globalNavigation #primaryNavigation ul li a.first	{border-left: solid 1px #f5f5ef;}
#globalNavigation #secondaryNavigation ul	{background:#399;}
#globalNavigation #secondaryNavigation li.selected a	{background:#fff url(/i/informationResources/arrowDown.gif) right center no-repeat; color:#366; font-weight:bold;}
#globalNavigation #secondaryNavigation ul li.informationResources a.selected:hover	{background: #fff url(/i/gen/arrowDown.gif) right center no-repeat; color:#039;}
#globalNavigation #siteSearch	{background:#399 url(/i/divider.gif) 0 5px no-repeat;}
#globalNavigation #siteSearch fieldset span	{background-color:#399; margin-left:1px;}
#globalNavigation #siteSearch input.go	{background-image:url(/i/informationResources/goButton.gif);}
#cookieTrail li a {background: url(/i/informationResources/arrowRight.gif) right center no-repeat;}
#cookieTrail li a.selected {background: url(/i/informationResources/arrowDown.gif) right center no-repeat;}
#footer	{border-top:solid 2px #399;}
#em a		{background:url(/i/informationResources/arrowUp.gif) right center no-repeat;}

/*********************/
/*  LEFT NAVIGATION  */
/*********************/
#rollUpNavigationList h1			{background:#399;}
#rollUpNavigationList ul a.selected,
#rollUpNavigationList ul a.current	{background:#ffe599 url(/i/informationResources/arrowLeftNav.gif) -2px no-repeat; border-bottom:solid 0px;}
#rollUpNavigationList ul li a		{border-bottom:solid 1px #399;}
#rollUpNavigationList ul li.last a	{border-bottom:solid 0px;}
#focusButton			{background:#399;}
#focusButton a		{color:#fff;}


/***************************************/
/*            GENERAL STUFF            */
/***************************************/
#lookingFor {background: #fff;}
#lookingFor ul li a {background:url(/i/informationResources/arrowRight.gif) -5px 0 no-repeat;}

.recordCount	{background:#ebebeb; color:#3d3d3d;}
.pagination	{background:#ebebeb;}
.pagination span {color:#999;}

#newsList {background: #ebebeb;}
#newsList li a,
#pressReleases li a,
#pressReleases {background: #e1f0f0;}
#newsList li a, 
#pressReleases li a, 
#eventsList li a, 
#introItem li a, 
.contentItems li a,
.sectionIntroItem h3 a	{background:url(/i/informationResources/arrowRight.gif) -5px 0 no-repeat;}
* html #introItem li	{border:solid 1px #e1f0f0;}
#forthcomingEvents {background:#e1f0f0;}
#eventsList li a	{background:url(/i/informationResources/arrowRight.gif) -5px 0 no-repeat;}
a.browseAll	{background:url(/i/informationResources/arrowRight.gif) -5px 0 no-repeat;}
#pressReleases {background: #e1f0f0;}
#forthcomingEvents {background:#e1f0f0;}
#forthcomingEvents a.browseAll	{background:url(/i/informationResources/arrowRight.gif) -5px 0 no-repeat;}


.sectionIntroItem		{display:block; float:left; clear:both; padding:8px; margin:0 0 5px 0; background:#e1f0f0 !important;}
.sectionIntroItem img	{margin:0 8px 8px 0;}
/*\*/ .sectionIntroItem	{float:none;} /**/

#inYourAreaPanel	{background:#e1f0f0;}

#pageHeaderEditorial 				{background:#e1f0f0;}
#pageHeaderEditorial #pageHeader p	{color:#333;}
#pageHeaderAlt 						{background:#e1f0f0;}
#pageHeader #titleArea #quotation	{background:url(/i/informationResources/openQuotationLarge.gif) 0 0 no-repeat;}
#pageHeader #titleArea #quotation div	{background:url(/i/informationResources/closeQuotationLarge.gif) right bottom no-repeat;}
#pageHeader #titleArea #quotation div blockquote	{color:#366;}
#pageFooter								{background:#e1f0f0;}
#editorialContent p.firstPara *	{color:#366;}
#editorialContent div.ul ul li, #editorialContent div.ul ol li	{color:#366;}
#editorialContent .quote		{background:url(/i/informationResources/openQuotationSmall.gif) 0 0 no-repeat;}
#editorialContent .quote div	{background:url(/i/informationResources/closeQuotationSmall.gif) right bottom no-repeat;}
#editorialContent .quote div blockquote	{color:#366;}

#pageHeader ul.pageIntroductionList li		{color:#366;}

#yearSelector	{background:#fff; padding-left:2px;}

.Faqs				{margin-top:1px;}
.Faqs ul.questions	{background:#e1f0f0;}
.Faqs ul.questions li	{background:url(/i/informationResources/arrowRight.gif) -2px 4px no-repeat;}
.Faqs ul.answers .backToTop	{background:url(/i/informationResources/arrowUp.gif) right no-repeat;}


/***************************************/
/*    This part is section specific    */
/***************************************/

div#productGuides	{background:#399; padding:10px 5px 0 5px; margin:0 0 5px 0;}
div#productGuides img	{margin:0 8px 0px 0; border:solid 1px #000;}
div#productGuides table	{margin:0 0 8px 0; background:#399;}
div#productGuides h3		{color:#fff; margin:0 0 4px 0;}
div#productGuides h3 a	{color:#fff; margin:0;}
div#productGuides td		{width:50%;}
div#productGuides td.text	{color:#fff; width:100%;}
div#productGuides td.image	{width:66px;}

#evaluationCentrePanel	{background: #e1f0f0 url(/i/informationResources/bgTR.gif) right top no-repeat; border:solid 0px; margin:0 0 5px 0;}

#evaluationCentrePanelInner	{padding:0px; background: transparent url(/i/informationResources/bgTL.gif) left top no-repeat;}
* html #evaluationCentrePanel	{border-bottom:solid 1px #fff;}
#evaluationCentrePanel h2	{color:#000;}
#evaluationCentrePanel h4	{padding:0px; margin:0; color:#000;}
#evaluationCentrePanel table	{width:auto;}
#evaluationCentrePanel .evalProcess	{padding:4px 10px 0 0; width:50%; border-right:solid 1px #fff;}
#evaluationCentrePanel .evalReviews	{padding:4px 0 0 10px; width:49%;}
#evaluationCentrePanel .evalInner	{padding:8px;}
#evaluationCentrePanel #evalTop		{border-bottom:solid 1px #399;}
#evaluationCentrePanel #evalBottom		{background-color:#ebebeb;}
#evaluationCentrePanel .evalInner a	{display:block; background:url(/i/informationResources/arrowRight.gif) -5px 0px no-repeat; padding:0 0 0 10px;}

#productsHeader h2	{margin-left:8px;}
#productsHeader #yearSelector ul	{margin-left:0px;}

#newProductList		{background-color:#e1f0f0; padding:8px; position:relative;}
#newProductList h3	{color:#000;}
#newProductList h3	{margin:0 0 2px 0;}
#newProductList ul	{list-style:none; margin:0 0 4px 0; padding:0;}
#newProductList ul ul	{margin:0;}
/*\*/ * html #newProductList ul li	{height:1px;}/**/
#newProductList ul li	{margin:0; padding:0;}
#newProductList ul img	{border:solid 1px #000; margin:4px;}
#newProductList ul li a	{background: url(/i/informationResources/arrowRight.gif) -3px 0 no-repeat; padding:0 0 0 10px; display:block; font-size:0.85em;}

.introText	{padding:8px; background:#ebebeb; margin:0 0 5px 0;}

#guideFactsheetList	{background:#ebebeb; padding:8px; margin:0 0 5px 0; position:relative;}
#guideFactsheetList h3	{background: transparent url(/i/iconFactsheets.gif) 130px 1px no-repeat; color:#039;}
#guideFactsheetList ul	{margin:0; padding:0; list-style-type:none;}
#guideFactsheetList li	{margin:0; padding:0;}
* html #guideFactsheetList li	{display:inline;}
#guideFactsheetList li a{display:block; padding:0 0 0 11px; background:transparent url(/i/informationResources/arrowRight.gif) -4px 0 no-repeat;}

#guideReviewList	{margin:0 0 5px 0; background:#e1f0f0 url(/i/informationResources/evalTL.gif) top left no-repeat;}
#guideReviewList h5	{padding:1px 8px 1px 12px; background: url(/i/informationResources/evalTR.gif) top right no-repeat; border-bottom:solid 1px #399;}
#guideReviewListDetails	{ background: url(/i/informationResources/evalBL.gif) bottom left no-repeat;}
#guideReviewListDetailsInner	{padding:4px 8px 16px 8px; background: url(/i/informationResources/evalBR.gif) bottom right no-repeat;}
#guideReviewListDetails ul	{padding:0; margin:0; list-style-type:none;}
#guideReviewListDetails li	{padding:0;}
#guideReviewListDetails a		{background: url(/i/informationResources/arrowRight.gif) -3px 0 no-repeat; padding:0 0 0 10px;}

ul#reviews		{border-top:dotted 1px #666; padding:0; margin:8px 0; list-style-type:none;}
ul#reviews li	{border-bottom:dotted 1px #666; padding:10px 0;}
ul#reviews img	{margin:0 8px 8px 0; border:solid 1px #000;}
ul#reviews h3 a	{font-size:100%; padding:0 0 0 12px; background:transparent url(/i/informationResources/arrowRight.gif) -2px 0 no-repeat;}

#productReview	{margin:0 0 5px 0; padding:8px;}
#productReview img	{margin:0 8px 8px 0; border:solid 1px #000;}

ul#sectionItems 		{padding:0; margin:0; list-style-type:none;}
ul#sectionItems li		{padding:4px 0; clear:left;}
ul#sectionItems li img	{border:solid 1px #000; margin:0 8px 12px 0;}

ul#verdictItems 		{padding:0; margin:0; list-style-type:none; border-top: dotted 1px #666;}
ul#verdictItems li		{padding:8px; border-bottom: dotted 1px #666;}
ul#verdictItems li img	{border:solid 1px #000; margin:0 8px 12px 0;}

#productsHeader h2,
#reviewTitleNav h2	{margin:0px; padding:8px; border-bottom:solid 1px #fff; background-color:#e1f0f0;}
#reviewTitleNav strong	{color:#399;}
#productsHeader #yearSelector,
#reviewTitleNav #yearSelector	{padding:8px; background:#ebebeb;}


.reviewFirstPara	{padding:8px 8px 0 8px ; color:#366; font-weight:bold; margin:0 0 8px 0;}
.reviewFirstPara *	{color:#366;}

.reviewSectionItems ul img	{width:160px; height:160px;}

#comparisonChart {overflow:auto; width:100%;}
/*\*/#comparisonChart {overflow:visible;}/**/
#comparisonChart h3	{color:#366; padding:6px; margin:2px 0;}
#comparisonChart table	{border-bottom:1px solid #399;}
#comparisonChart th,
#comparisonChart td	{border-right:1px dotted #399; border-top:1px dotted #399; padding:4px 2px; font-size:85%; text-align:left;}
#comparisonChart th.subgroup	{vertical-align:middle; border-right:0;}
#comparisonChart th.group	{vertical-align:middle; border-top:0; padding-left:3px; background-color:#E1F0F0; color:#066; font-size:90%;}
#comparisonChart th.productName	{border-top:0; background-color:#066; text-align:center; color:#fff; font-size:100%;}
#comparisonChart th.productName .productTitle {color:#fff;}
#comparisonChart th.productName	.productImage img {border:1px solid #000; margin:0 0 4px 0;}
#comparisonChart tr.stars	{background-color:#E1F0F0;}
#comparisonChart tr.firstRowInGroup td,
#comparisonChart tr.firstRowInGroup th {border-top:1px solid #399;}
#comparisonChart td.valueOdd	{border-right:0; background-color:#EBEBEB;}
#comparisonChart td.valueEven	{border-right:0;}
#comparisonChart td a	{padding:0 0 0 9px; background: url(/i/informationResources/arrowRight.gif) right center no-repeat;}

#factSheet #factsheetHeader	{background:#fff7e1; border-bottom:1px solid #fff;}
/*\*/ * html #factSheet #factsheetHeader	{height:1px;} /**/
#factSheet #factsheetHeader #factsheetHeaderTitle	{float:left;}
#factSheet #factsheetHeader #factsheetHeaderTitle strong	{color:#039; background:#ffe599; display:block; padding:5px 10px;}
#factSheet #factsheetHeader #factsheetHeaderTitle strong img	{vertical-align:middle; margin:0 5px 0 0;}
#factSheet #factsheetHeader #factsheetHeaderLink	{float:right; text-align:right; padding:10px 10px 10px 0;}
#factSheet #factsheetHeader #factsheetHeaderLink .arrow	{display:inline;}
/*\*/ * html #factSheet #factsheetHeader #factsheetHeaderLink .arrow	{height:1px;} /**/
#factSheet .alternativeFirstPara p	{font-size:110%;}
#factSheet #editorialContent div.ulHighlight	{border-top:2px solid #ffe599; border-bottom:2px solid #ffe599; padding: 5px 0; background:#fff7e1; margin:0 0 10px 0; clear:both;}
#factSheet #editorialContent div.ulHighlight ul	{margin:8px 8px 8px 28px; padding:0;}
#factSheet #editorialContent div.ulHighlight ol	{margin:8px 8px 8px 35px; padding:0;}
#factSheet #editorialContent div.ulHighlight ul li, #editorialContent div.ul ol li	{color:#366; margin:0 0 6px 0; font-weight:bold;}
#factSheet #editorialContent div.ulHighlight ul li span, #editorialContent div.ul ol li span	{color:#3d3d3d; font-weight:normal;}
#factSheet #pageHeaderEditorial {background:none;}
/*\*/ * html #factSheet #pageHeaderEditorial	{height:1px;}  /**/
#factSheet #pageHeaderEditorial h2	{border-bottom:1px solid #ffe599; color:#399;}
#factSheet hr	{background:url(/i/dotFactSheet.gif) repeat-x 0 1px;}
#backToLink	{background:#fff7e1; border-top:1px solid #ffe599;}

#surveyForm		{background-color:#FFE599; background-image:url(/i/informationResources/survey/trBG.gif); background-position:right top; background-repeat:no-repeat;}
#surveyForm fieldset	{padding:16px; border-bottom:solid 1px #fff; margin:0;}
#surveyForm.withPadding	{padding:16px;}
#surveyForm legend		{position:relative; font-size:1.6em; color:#366; font-weight:bold; margin:15px 0 -10px 0; padding:0;}
* html #surveyForm legend		{margin:0 0 0 -7px; padding:0;}
#surveyForm .surveyImage	{position:relative; top:-30px; float:right;}
* html #surveyForm .surveyImage	{top:0px;}
#surveyForm.withPadding	.surveyImage	{top:0;}
#surveyForm.withPadding	.surveyImage1	{position:relative; top:0px; float:right;}
#surveyForm .surveyImage2	{position:relative; top:-50px; float:right;}
* html #surveyForm .surveyImage2	{top:0px;}
#surveyForm h2,
#surveyForm h3.alt		{color:#333; margin:5px 0 10px 0; font-size:medium}
#surveyForm h2.alt		{color:#366; margin:0 0 10px 0; font-size:1.6em;}
#surveyForm h3			{color:#333; margin:9px 0 3px 0;}
#surveyForm label		{padding:0 15px 0 5px; position:relative; top:-2px }
#surveyForm textarea		{padding:0 15px 0 5px; position:relative; top:-2px; width:320px; height:55px; }
#surveyForm .buttonArea		{padding:15px; text-align:right;}
#surveyForm input.clearButtonGrey120		{background-color:#FFE599;}
#surveyForm #fixedStuff label	{display:block; float:left; width:120px; margin-top:8px; clear:left;}
#surveyForm #fixedStuff input	{display:block; float:left; margin-top:5px; width:200px;}
#surveyForm #fixedStuff select	{display:block; float:left; margin-top:5px; width:200px;}
#surveyForm .grouping	{width:220px; float:left;}
