/* Cool Power Products Stylesheet
   Colour Refs: Dark Blue #000099, Cool Power Blue #0077bb, Mid Blue #bbddee, Pale Blue #ddeeff, Cool Power Green #559933, Mid Green #ddeecc
   
*/

shtml, body, * { 
	margin: 0px; padding: 0px; 
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.78em;
	color: #333333;
	text-align: center;
	background-color: #bbddee;
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(/I/cppBGgradient.gif);
}
#cpHeader, #cpPage, #cpFooter {
	width: 864px; 
	margin: 0px auto; 
	text-align:left; 
	background-color: #ffffff; 
	padding: 0px;
}
#cpHeader {
	background-image: url(/I/cppPhoto.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#cpPage {
	clear:both;
	margin: 0px auto;
	padding: 16px 224px;
	width: 414px;
	border-left: 1px solid #BBD9EE;
	border-right: 1px solid #BBD9EE;
}
.false#cpPage {
	padding: 16px 224px 16px 16px ;
	width: 622px;
}
#cpFooter {
	clear:both; 
	font-size: .86em; 
	text-align:center;	
	padding: 8px 0px;
	width: 862px;
	border-left: 1px solid #BBD9EE;
	border-right: 1px solid #BBD9EE;
}
#cpMainCol {
	float: left;
	width: 100%; 
	padding: 13px 0px 0px 12px;
}
#cpMainCol.false {brder-right: 1px solid; mrgin-right: -240px;}
#cpLeftCol {
	position: relative; 
	float: left;
	margin-left: -100%;
	right: 229px;          
	width: 192px;      
	margin-top: 0px;    
	padding: 8px;
}
* html #cpLeftCol {
	margin-left: -413px; /* ie6 gets widths wrong puts -100% off screen */
}

#cpRightCol {
	float: left;
	padding: 0px 8px;
	width: 202px;          /* RC width */
	margin-right: -240px;  /* RC width */
  	margin-top:3.3em;
}













h2 {font: bold 1.5em Helvetica, Arial, sans-serif;margin: 0em 0em 0.8em 0em; color: #0077bb; }
h3 {font: bold 1.2em Helvetica, Arial, sans-serif; margin: 2em 0em .40em 0em; color: #000000;}
h4 {font: bold 1.1em Helvetica, Arial, sans-serif; margin: 2em 0em .40em 0em; color: #000000;}
p {margin-bottom: .5em;margin-right: 1em;line-height: 1.5em;}
ul, ol { margin: 0em 0em 0em 2em;line-height: 1.5;}
li { margin: 0em 0em .3em 0em;}
a {color:#000099;}
dd {
	margin-bottom: 1em;
	margin-left: 2em;line-height: 1.5em;
}

dt {
	font-weight: bold;
	margin-bottom: .25em;
	margin-left: 1em;line-height: 1.5em;
}


.clearfloat { clear:both;}
.toTop{display:block; text-align:right; padding:5px 0 21px 0; font-size:11px}
.lastparagraph{ margin-bottom:36px;}

.roundedtop  {
	margin: 0px 0px 16px 0px;
	display: block;
	background-image: url(/I/cppRectTop.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 8px 0px 0px 0px;
	width: 192px;
}
.roundedtop .closerect {
	display: block;
	padding: 0px 16px 8px 16px;
	background-image: url(/I/cppRectBase.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.roundedtop h3{
	padding: 0em 0em 1em 0em; margin: 0px;
}
.roundedtop a{
	color: #000099;
}










/* CPP Navigation Styles */

#cpHeader ul.navlist {
	height: 23px;
	background-color: #bbddee;
	list-style:none;
	padding: 8px 16px 0px 16px; margin: 0px;
}
#cpHeader .navlist li {
	float: left;
	display:block;
	list-style: none;
	margin: 0px 1px; padding: 0px;
}
#cpHeader .navlist li a{
	float: left;
	display:block;
	text-decoration: none;
	white-space:nowrap;
	height: 22px;
	margin: 0px; padding: 0px;
	background-image: url(/I/cppTabStart.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #556666;
}
#cpHeader .navlist li a strong{
	float: left;
	padding: 4px 16px 0px 16px;
	display:block;
	height: 18px;
	background-image: url(/I/cppTabEnd.gif);
	background-repeat: no-repeat;
	background-position: right top;
	border-bottom: 1px solid #bbddee;
}
#cpHeader .navlist li a:hover ,
body.section1 #cpHeader .navlist li.section1 a,
body.section2 #cpHeader .navlist li.section2 a,
body.section3 #cpHeader .navlist li.section3 a,
body.section4 #cpHeader .navlist li.section4 a,
body.section5 #cpHeader .navlist li.section5 a,
body.section6 #cpHeader .navlist li.section6 a,
body.section7 #cpHeader .navlist li.section7 a,
body.section8 #cpHeader .navlist li.section8 a,
body.section9 #cpHeader .navlist li.section9 a,
body.section10 #cpHeader .navlist li.section10 a {
	background-image: url(/I/cppTabStart.gif);
	background-repeat: no-repeat;
	background-position: 0px -32px; 
}
#cpHeader .navlist li a:hover strong,
body.section1 #cpHeader .navlist li.section1 a strong,
body.section2 #cpHeader .navlist li.section2 a strong,
body.section3 #cpHeader .navlist li.section3 a strong,
body.section4 #cpHeader .navlist li.section4 a strong,
body.section5 #cpHeader .navlist li.section5 a strong,
body.section6 #cpHeader .navlist li.section6 a strong,
body.section7 #cpHeader .navlist li.section7 a strong,
body.section8 #cpHeader .navlist li.section8 a strong,
body.section9 #cpHeader .navlist li.section9 a strong,
body.section10 #cpHeader .navlist li.section10 a strong {
	background-image: url(/I/cppTabEnd.gif);
	background-repeat: no-repeat;
	background-position:  right -32px ; 
	border-bottom: 1px solid #ffffff;
	color: #000066;
}
#cpHeader .navlist li a:hover strong{	border-bottom: 1px solid #bbddee;
}




ul.pagenav {
	list-style:none;
	margin: 0px 0px 0px 0px;
    /* same as .roundedtop .closerect */
	display: block;
	padding: 0px 8px 8px 8px;
	background-image: url(/I/cppRectBase.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
ul.pagenav li { 
	list-style: none;
	line-height: 12px;
	padding: 0 4px 5px 3px; 
	margin: 0 0 0 8px;	
	position: relative;
	background-image: url(../images/bullet.gif); 
	background-repeat: no-repeat;
	background-position: 2px 8px ;
}

ul.pagenav li.subhead {
	border-top: 1px solid #bbddee;
	color: #000066;
	font-weight:bold;
	margin: 0px -8px 0px -8px;
	padding-top:4px;
	padding-left:17px; 
	list-style:none; 
	background-image:none;
}
ul.pagenav li a { 	
	display: block;
	padding: 4px 8px;
	text-decoration: none;
	color: #000066;
}
ul.pagenav li a:hover { 	
	text-decoration: underline;
}
body.page0 .pagenav li.page0 a,
body.page1 .pagenav li.page1 a,
body.page2 .pagenav li.page2 a,
body.page3 .pagenav li.page3 a ,
body.page4 .pagenav li.page4 a,
body.page5 .pagenav li.page5 a,
body.page6 .pagenav li.page6 a,
body.page7 .pagenav li.page7 a,
body.page8 .pagenav li.page8 a,
body.page9 .pagenav li.page9 a,
body.page10 .pagenav li.page10 a,
body.page11 .pagenav li.page11 a,
body.page12 .pagenav li.page12 a,
body.page13 .pagenav li.page13 a,
body.page14 .pagenav li.page14 a,
body.page15 .pagenav li.page15 a,
body.page16 .pagenav li.page16 a,
body.page17 .pagenav li.page17 a,
body.page18 .pagenav li.page18 a,
body.page19 .pagenav li.page19 a,
body.page20 .pagenav li.page20 {
	font-weight: bold;
}

.sitemap ul.pagenav {list-style: disc; background-image:none;padding: 0px;}
.sitemap ul.pagenav li {list-style: disc; background-image:none;padding: 0px; margin: 0px 0px 8px 16px;}
.sitemap ul.pagenav li a {list-style: disc; background-image:none;padding: 0px; margin: 0px; text-decoration:underline;}
.sitemap ul.pagenav li.subhead {list-style: none; background-image:none;padding: 0px; margin: 0px; text-decoration:none;border:0px none;}

#cpHeader .subnav { float: left;
	position:absolute;
	left:50%;
	top:12px;
}
#cpHeader .subnav  li{
	display:block;float: left;
	 } 
#cpHeader .subnav  li a{ 
	color:#0077BB; padding-right: 16px;
	 }



/* Page Styles */

#cpMainCol h2 {
	margin-top: 0em;
}
	 	 
.sitemap {
	display:inline; 	 	
	}
	
.sitemap h3{
	display:inline; 
	line-height: 19px;		
	font-size:13px;
	}

.sitemap h4{
	display:inline; 
	line-height: 19px;		
	font-size:13px;
	margin-left:9px;	
}
	
.sitemap ul{
	text-align: left;
	}

.sitemap ul li{
	line-height: 19px;		
	font-size:12px;
	padding: 0 7px 5px 5px; 
	margin: 0;
	}

.dataTable{ float: left;
border: 1px solid #bbddee;	padding: 0px 16px;}
	
.dataTable tr{ 		
	line-height:18px;
	vertical-align:top;
	}
	
.dataTable th{
	font-weight: bold;
	color: #666666;
	text-align:right;
	padding: 5px 6px 5px 0;
	font-weight: bold;
	color: #666666;
	}
	
.dataTable td{ 
	text-align:left;
	text-align: left;
	padding: 5px 0 5px 6px;
	border:none;
	}

#cpMainCol #subscribe { 
	background: #ddeeff;
	border: 1px solid #A9DEEC;
	padding: 8px 16px;
	margin: 8px 16px 8px 0px;
}

#subscribe #submit {
	display: block;
	background-image:url(/I/cppButton.gif); /* 72x23px */
	margin: 8px auto;
	padding: 4px 6px;
	width: 73px;
	height: 23px;
	font-size:11px;
	font-weight: bold;
	color: #000099;
	float: none;
	border: 0px none;
}
#subscribe input#email{
	width: 100%;	
	border: 1px solid #0077BB;
	padding: 2px;
}
#subscribe label{
font-size: .86em; padding: .25em 0em; display:block; color: #000000;line-height: 1.5em}

.dlrceb { margin-top: 48px; }

#cpMainCol .casestudy {
	clear:right;
	margin-right: -180px;
	margin-bottom: 32px;
	margin-top: 32px;
	margin-left: 0px;
}
#cpMainCol .casestudy img.right {
	float:right;clear:right;
	margin-bottom: 32px;
	margin-left: 32px;
}
* html #cpMainCol .casestudy img.right {
	position: relative;
}
#cpMainCol .casestudy img.left {
	margin-left: 0;
	margin-top: -32px;
	float:left;clear:left;
	margin-bottom: 32px;
	margin-right: 32px;
}

* html #cpMainCol .casestudy img.left { /* allow IE6 to display negatively margined elements */
	position: relative;
}
* html #cpPage  {overflow:hidden;} /* avoids IE6 expanding columns for invisible elements */





/* style for switchback 
body {	background-color: #ffffff;background-image: none;
}
#cpHeader, #cpPage, #cpFooter {margin: 0px 0px 0px 16px;}
#cpPage, #cpFooter {border-color: #ffffff;}
#cpHeader .subnav {left: 500px;}
*/

p.captioned {
	margin: 2em 0em;
	color: #333333;
	text-align: center;
}

.dataTable .heading { text-align: center; }

#cpMainCol .callout {
	float: left;
	position: relative;
	margin-right: -128px;
}

#cpMainCol table th { padding: 8px; }

.overview th { background: #ddeeff; border-top: 1px solid #bbddee; }
.overview {border-bottom: 1px solid #bbddee;border-left: 1px solid #bbddee;border-right: 1px solid #bbddee; margin-right:-200px;position:relative;}

#cpMainCol .bannerrect { margin: 32px 16px 16px 128px; }

#cpMainCol #sitemap {
	position: relative;
	margin-right: -200px;
}