/* Unified Utility CSS */

/*SEARCH*/
#search h2 {
	padding-top: 10px;
}
#search-content {
	width:530px;
	float:left;
	color:#505050;
	margin-bottom:20px;
}
#search-enclosed{
	margin: 30px 0;
	border-color:#D5D5D5;
	border-style:solid;
	border-width:1px 0 1px;
}
#search-content > .search-browse:first-child  {
	margin-top: 12px;
	}
.search-browse {
	float:right;
	margin: -25px 10px 0;
	font-size:11px;
	color:#006899;	
	}
.search-browse a{
	margin-right: 5px;	
	}
.gray-out {
	color:#d5d5d5;
	}
.search-list {
	margin: 15px 0;
}

.search-list p{
	margin: 0;
}
#search-tiles {
	float: right;
	width:180px;
	margin-right:10px;
	display: inline;
}
#tiles-group {
	padding-top:30px;
}
.tile {
	width:180px;
	float:left;
}

.tile-top {
	width: 190px;
	height: 8px;
	float: left;
	background:url(../images/search_tile_top.gif) no-repeat;
	line-height:0;
	font-size:1px;
	display: inline;
}

.tile-main {
	width:180px;
	margin: 0px 2px;
	padding: 0px 1px;
	background-color: #e4e4e4;
	float:left;
	display: inline;
}

.tile-content {
	width:170px;	
	_height:126px; 
	min-height:126px;
	padding: 0 4px;
	text-align: center;
	background: url(../images/home_tile_bg.gif) bottom repeat-x;
	background-color: #ffffff;
	border: 1px solid #ccc;
/*	cursor: hand; */
}

.tile-content a {
	color: #505050;
}

.tile-content p {
	margin: 2px 0;
	padding:0;
	font-size: .916em; /*11px*/
}
.tile-btm {
	width: 190px;
	height: 13px;
	float: left;
	background: url(../images/search_tile_btm.gif) no-repeat;
	line-height: 0;
	font-size: 1px;
}
.reflection {
	position: relative;
	
	left: 242px;
	/* left: 15px; */
	width: 92%;
	text-align:left;
	float:left;
}
.reflection .apynum {
	font-family: helvetica neue, helvetica, verdana, arial;
	color: #3798c7;
	font-size: 42px;
	line-height: 58px;
	display: block;
	float:left;
}

.reflection .term {
	font-family: helvetica neue, helvetica, verdana, arial;
	font-size: 12px;
	line-height:12px;
	color: #3798c7;
	padding:5px 0 0 0;
	display: block;
	float:left;
}
.reflection .perc {
	font-family: helvetica neue, helvetica, verdana, arial;
	font-size: 25px;
	line-height:25px;
	color: #3798c7;
	display: block;
	float:left;
	padding: 5px 31px 0 0;
}
.reflection .apy {
	font-family: helvetica neue, helvetica, verdana, arial;
	font-size: 9px;
	color: #3798c7;
	display:inline-block;
	text-transform: uppercase;
}

.product-name {
	width: 100%;
	font-size: 12px;
	color: #3798c7;
	text-transform: uppercase;
	text-align: center;
	clear: both;
	position: relative;
	z-index: 2;
	white-space: nowrap; 
}


/*POPUP\LAYER*/
/** Styles for the popups */
#popup_wrapper {
	width:721px;
	background:url(../images/popup_top.png) no-repeat top;
	padding-top:16px;
	text-align:left;
}

#contact_us_popup_wrapper {
	width:454px;
	background:url(../images/popup_top_454.png) no-repeat top;
	padding-top:42px;
	text-align:left;
}

#contact_us_popup_wrapper_static {
	width:454px;
	background:none;
	padding-top:10px;
	text-align:left;
}

#popup_body {
	width:687px;
	float:left;
	clear:both;
	background:url(../images/popup_body_bg.png) repeat-y;
	padding:0 17px;
}

#contact_us_popup_body {
	width:454px;
	float:left;
	clear:both;
	background:url(../images/popup_body_bg_454.png) repeat-y;
	padding:0 17px;
}

#contact_us_popup_wrapper_static #contact_us_popup_body {
	width:454px;
	float:left;
	clear:both;
	background: none;
	padding:0 17px;
}

#popup_inner_container {
	background-color:#f4f4f4;
	width:669px;
	padding:6px 9px 3px 9px;
	float:left;
	clear:both;
}
#contact_us_popup_inner_container {
	background-color:#f4f4f4;
	padding:6px 7px 3px;
	float:left;
	clear:both;
}
#contact_us_popup_wrapper_static #contact_us_popup_inner_container {
	background:none;
	padding:6px 7px 3px;
	float:left;
	clear:both;
}

#inner_blue_container {
	width:667px;
	background-color:#cae6f3;
	padding:1px;
	float:left;
	clear:both;
}
#contact_us_inner_blue_container {
	width:405px;
	background-color:#cae6f3;
	padding:1px;
	float:left;
	clear:both;
}
#contact_us_popup_wrapper_static #contact_us_inner_blue_container {
	width:432px;
	background-color:#cae6f3;
	padding:1px;
	float:left;
	clear:both;
}

#popup_header {
	width:642px;
	position:relative;
	padding:10px 10px 10px 15px;
	background-color:#fafdfe;
	margin-bottom:1px;
	float:left;
	clear:both;
}
#popup_header h2 {
	margin-bottom:0 !important;
	width: 515px;
}
#popup_header .header-tools {
	/* margin-top:3px !important;
	top:10px;*/
	position: relative;
	right: 0;
	top: 0;
	float:right;
}

#popup_main {
	width:637px;
	padding:15px 15px 20px 15px;
	background:url(../images/popup_main_bg.gif) bottom repeat-x;
	background-color: #fafdfe;
	float:left;
	clear:both;
	margin-bottom:1px;
	
}

#popup_bottom {
	width:642px;
	position:relative;
	padding:10px 10px 10px 15px;
	background-color:#fafdfe;
	margin-bottom:1px;
	float:left;
	clear:both;
}

#popup_main ul {
	padding-left:23px;
	margin-bottom:25px;
	margin-top: 0px;
}

#popup_main ul li {
	margin:5px 0;
}

#popup_main ol {
	font-weight:bold;
	padding:0 0 0 42px;
	margin:0;
}

#popup_main ol li span {
	font-weight:normal;
}

#popup_main h3 {
	margin-bottom: 0px;	
}
#popup_main .half_content {
	width:250px;
	padding-right:60px;
	float:left;
}

#popup_main .half_content p{
	padding:0;
	margin:0;
	line-height:1.166em; /*14px;*/
}

#popup_btm {
	width:721px;
	height:25px;
	background:url(../images/popup_btm.png) no-repeat;
	line-height:0;
	font-size:1px;
	float:left;
	clear:both;
}
#contact_us_popup_btm {
	width:454px;
	height:25px;
	background:url(../images/popup_btm_454.png) no-repeat;
	line-height:0;
	font-size:1px;
	float:left;
	clear:both;
}
#contact_us_popup_wrapper_static #contact_us_popup_btm {
	width:454px;
	height:25px;
	background:none;
	line-height:0;
	font-size:1px;
	float:left;
	clear:both;
}
.layer-container {
	display: none;
	position: fixed;
	top: 70px;
	z-index: 200;	
}
.contact-us-layer-container {
	display: none;
	position: fixed;
	top: 0px;
	z-index: 200;	
}
.lightbox-container {
	display: none;
	position: fixed;
	background-color: #000;
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 150;
    -moz-opacity: 0.4;
    opacity:.40;
    filter: alpha(opacity=40);
}
#contact-page .header-tools a.btn_close {
	display:none;
}
#leaving-h {
	color:#808080;
	font-size:1.1em;
	font-weight:bold;
	
}
#leaving-he {
	line-height: 30px;
	padding-top:20px;
}
#leaving-e {
	height: 50px;
	margin-top: 40px;
}
#leaving-main {
	height: 130px;
}
#popup_main img {
	padding:0 50px 20px 50px;
}
#popup-footer {
	height: 80px;
	clear:both;
	padding:10px 10px 10px 15px;
	background:url(../images/popup_main_bg.gif) bottom repeat-x;
}
#popup-footer-right {
	color:#999999;
	float:right;
	font-size:0.9em;
	line-height:1.16em;
	margin-right:10px;
}
#popup-footer-right p{
	margin:0;
	padding:0;
}
#popup-footer-right a{
	font-size:1.2em;
	line-height:1.1em;
}
#leaving-page h2 {
	float:left;
	width: 200px;
}


/*ROUNDBOX*/
/* wrap a .roundbox with a background image */

/* default styles */
.btnouter, 
.btnouter .btnt,
.btnouter .btnb,
.btnouter .btnb div,
.btnouter .btncontent { 
	position: relative;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: top right;
	background-color: transparent;
}

.btnouter { 
	text-align: center; 
}
/*
.btnouter .btncontent,
.btnouter .btnt,
.btnouter .btnb,
.btnouter .btnb div {
	background-image: url(../images/btn_bg.png);
	_background-image:url(../images/btn_bg.gif);
}
*/
.btnouter .btn {
	background-image: url(../images/btn_bg.png);
	_background-image:url(../images/btn_bg.gif);
}

.btnouter .btncontent {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding:0;
	line-height:normal;
	top: 3px;
	_top: 6px;
}

.btnouter .btnt {
 /* top+left vertical slice */
	position:absolute;
	left:0px;
	top:0px;
	width:8px; /* top slice width */
	margin-left:-8px;
	height:100%;
	_height:1600px; /* arbitrary long height, IE 6 */
	background-position:top left;
}

.btnouter .btnb {
 /* bottom */
	position:relative;
	width:100%;
}

.btnouter .btnb,
.btnouter .btnb div {
	height:10px; /* height of bottom cap/shade */
	font-size:1px;
	line-height:1px; 
}

.btnouter .btnb {
	background-position:bottom right;
}

.btnouter .btnb div {
	position:relative;
	width:8px; /* bottom corner width */
	margin-left:-8px;
	background-position:bottom left;
}

.btnouter h1,
.btnouter p {
	margin:0 0 0 0; /* margins will blow out backgrounds, leaving whitespace. */
	padding:0 0 0 0;
}

.btnouter a.roundbox { 
	position: relative;
	top: 2px;
	_top: 1px;
	z-index: 100; 
}

.btnouter a.roundbox:active, a.roundbox:focus { 
	left: 1px;
}

.btnouter .btncontent a.roundbox, 
.btnouter .btncontent a.roundbox:hover, 
.btnouter .btncontent a.roundbox:visited {
	text-decoration: none;
}

.btnouter .btnb { 
	position: relative;
	*z-index: -1; 
}


/* SPRITES */
/*CD Product Hero Sprites*/
#cd-hero .rate-en, #cd-hero .rate-fr {position:relative; height:118px; display:block; float:left; overflow:hidden;}
#cd-hero .rate-en span {background:transparent url('../images/product_rate_sprite.png') no-repeat scroll 0% 0% !important; width:2200px; height:118px; position:absolute; overflow:hidden;}
#cd-hero .rate-fr span {background:transparent url('../images/product_rate_sprite_fr.png') no-repeat scroll 0% 0% !important; width:2200px; height:118px; position:absolute; overflow:hidden;}
#cd-hero .num0 {width:56px;}
#cd-hero .num1 {width:34px;}
#cd-hero .num2 {width:55px;}
#cd-hero .num3 {width:57px;}
#cd-hero .num4 {width:57px;}
#cd-hero .num5 {width:56px;}
#cd-hero .num6 {width:57px;}
#cd-hero .num7 {width:54px;}
#cd-hero .num8 {width:56px;}
#cd-hero .num9 {width:57px;}
#cd-hero .deci {width:18px;}
#cd-hero .apy {width:73px;}
#cd-hero .apy1y {width:73px;}
#cd-hero .apy2y {width:73px;}
#cd-hero .apy3y {width:73px;}
#cd-hero .apy4y {width:73px;}
#cd-hero .apy5y {width:73px;}
#cd-hero .apy3m {width:73px;}
#cd-hero .apy6m {width:73px;}
#cd-hero .apy9m {width:73px;}
#cd-hero .apy12m {width:80px;}
#cd-hero .apy18m {width:80px;}
#cd-hero .num0 span {left:0px; clip: rect(0px 56px 118px 0px);}
#cd-hero .num1 span {left:-100px; clip: rect(0px 134px 118px 100px);}
#cd-hero .num2 span {left:-200px; clip: rect(0px 255px 118px 200px);}
#cd-hero .num3 span {left:-300px; clip: rect(0px 357px 118px 300px);}
#cd-hero .num4 span {left:-400px; clip: rect(0px 457px 118px 400px);}
#cd-hero .num5 span {left:-500px; clip: rect(0px 556px 118px 500px);}
#cd-hero .num6 span {left:-600px; clip: rect(0px 657px 118px 600px);}
#cd-hero .num7 span {left:-700px; clip: rect(0px 754px 118px 700px);}
#cd-hero .num8 span {left:-800px; clip: rect(0px 856px 118px 800px);}
#cd-hero .num9 span {left:-900px; clip: rect(0px 957px 118px 900px);}
#cd-hero .deci span {left:-1000px; clip: rect(0px 1018px 118px 1000px);}
#cd-hero .apy span {left:-1100px; clip: rect(0px 1173px 118px 1100px);}
#cd-hero .apy1y span {left:-1200px; clip: rect(0px 1273px 118px 1200px);}
#cd-hero .apy2y span {left:-1300px; clip: rect(0px 1373px 118px 1300px);}
#cd-hero .apy3y span {left:-1400px; clip: rect(0px 1473px 118px 1400px);}
#cd-hero .apy4y span {left:-1500px; clip: rect(0px 1573px 118px 1500px);}
#cd-hero .apy5y span {left:-1600px; clip: rect(0px 1673px 118px 1600px);}
#cd-hero .apy3m span {left:-1700px; clip: rect(0px 1773px 118px 1700px);}
#cd-hero .apy6m span {left:-1800px; clip: rect(0px 1873px 118px 1800px);}
#cd-hero .apy9m span {left:-1900px; clip: rect(0px 1973px 118px 1900px);}
#cd-hero .apy12m span {left:-2000px; clip: rect(0px 2080px 118px 2000px);}
#cd-hero .apy18m span {left:-2100px; clip: rect(0px 2180px 118px 2100px);}
/*END CD Product Hero Sprites*/

/*Homepage sprite*/
#home .rate-en, #home .rate-fr {position:relative; height:62px; display:block; float:left; overflow:hidden;}
#home .rate-en span { background:transparent url('../images/home_rate_sprite.png') no-repeat scroll 0% 0% !important; width:2200px; height:62px; position:absolute; overflow:hidden;}
#home .rate-fr span { background:transparent url('../images/home_rate_sprite_fr.png') no-repeat scroll 0% 0% !important; width:2200px; height:62px; position:absolute; overflow:hidden;}
#home .num0 {width:32px;}
#home .num1 {width:20px;}
#home .num2 {width:32px;}
#home .num3 {width:32px;}
#home .num4 {width:32px;}
#home .num5 {width:32px;}
#home .num6 {width:32px;}
#home .num7 {width:31px;}
#home .num8 {width:32px;}
#home .num9 {width:32px;}
#home .deci {width:9px;}
#home .apy {width: 61px;}
#home .apy1y {width:85px;}
#home .apy2y {width:85px;}
#home .apy3y {width:85px;}
#home .apy4y {width:85px;}
#home .apy5y {width:85px;}
#home .apy3m {width:89px;}
#home .apy6m {width:89px;}
#home .apy9m {width:89px;}
#home .apy12m {width:94px;}
#home .apy18m {width:94px;}
#home .num0 span {left:0px; clip: rect(0px 32px 62px 0px);}
#home .num1 span {left:-100px; clip: rect(0px 120px 62px 100px);}
#home .num2 span {left:-200px; clip: rect(0px 232px 62px 200px);}
#home .num3 span {left:-300px; clip: rect(0px 332px 62px 300px);}
#home .num4 span {left:-400px; clip: rect(0px 432px 62px 400px);}
#home .num5 span {left:-500px; clip: rect(0px 532px 62px 500px);}
#home .num6 span {left:-600px; clip: rect(0px 632px 62px 600px);}
#home .num7 span {left:-700px; clip: rect(0px 731px 62px 700px);}
#home .num8 span {left:-800px; clip: rect(0px 832px 62px 800px);}
#home .num9 span {left:-900px; clip: rect(0px 932px 62px 900px);}
#home .deci span {left:-1000px; clip: rect(0px 1009px 62px 1000px);}
#home .apy span {left:-1100px; clip: rect(0px 1161px 62px 1100px);}
#home .apy1y span {left:-1200px; clip: rect(0px 1297px 62px 1200px);}
#home .apy2y span {left:-1300px; clip: rect(0px 1397px 62px 1300px);}
#home .apy3y span {left:-1400px; clip: rect(0px 1497px 62px 1400px);}
#home .apy4y span {left:-1500px; clip: rect(0px 1597px 62px 1500px);}
#home .apy5y span {left:-1600px; clip: rect(0px 1697px 62px 1600px);}
#home .apy3m span {left:-1700px; clip: rect(0px 1787px 62px 1700px);}
#home .apy6m span {left:-1800px; clip: rect(0px 1887px 62px 1800px);}
#home .apy9m span {left:-1900px; clip: rect(0px 1987px 62px 1900px);}
#home .apy12m span {left:-2000px; clip: rect(0px 2094px 62px 2000px);}
#home .apy18m span {left:-2100px; clip: rect(0px 2194px 62px 2100px);}
/*end homepage sprite*/

/*Ally Story tiles */
#ally-story .rate-en, #ally-story .rate-fr {position:relative; height:58px; display:block; float:left; overflow:hidden;}
#ally-story .rate-en span { background:transparent url('../images/story_rate_sprite.png') no-repeat scroll 0% 0% !important; width:2200px; height:58px; position:absolute; overflow:hidden;}
#ally-story .rate-fr span { background:transparent url('../images/story_rate_sprite_fr.png') no-repeat scroll 0% 0% !important; width:2200px; height:58px; position:absolute; overflow:hidden;}
#ally-story .num0 {width:27px;}
#ally-story .num1 {width:19px;}
#ally-story .num2 {width:29px;}
#ally-story .num3 {width:28px;}
#ally-story .num4 {width:29px;}
#ally-story .num5 {width:28px;}
#ally-story .num6 {width:29px;}
#ally-story .num7 {width:28px;}
#ally-story .num8 {width:29px;}
#ally-story .num9 {width:28px;}
#ally-story .deci {width:11px;}
#ally-story .apy {width: 56px;}
#ally-story .apy1y {width:70px;}
#ally-story .apy2y {width:70px;}
#ally-story .apy3y {width:70px;}
#ally-story .apy4y {width:70px;}
#ally-story .apy5y {width:70px;}
#ally-story .apy3m {width:74px;}
#ally-story .apy6m {width:74px;}
#ally-story .apy9m {width:74px;}
#ally-story .apy12m {width:75px;}
#ally-story .apy18m {width:75px;}
#ally-story .num0 span {left:0px; clip: rect(0px 27px 58px 0px);}
#ally-story .num1 span {left:-100px; clip: rect(0px 119px 58px 100px);}
#ally-story .num2 span {left:-200px; clip: rect(0px 229px 58px 200px);}
#ally-story .num3 span {left:-300px; clip: rect(0px 328px 58px 300px);}
#ally-story .num4 span {left:-400px; clip: rect(0px 429px 58px 400px);}
#ally-story .num5 span {left:-500px; clip: rect(0px 528px 58px 500px);}
#ally-story .num6 span {left:-600px; clip: rect(0px 629px 58px 600px);}
#ally-story .num7 span {left:-700px; clip: rect(0px 728px 58px 700px);}
#ally-story .num8 span {left:-800px; clip: rect(0px 829px 58px 800px);}
#ally-story .num9 span {left:-900px; clip: rect(0px 928px 58px 900px);}
#ally-story .deci span {left:-1000px; clip: rect(0px 1011px 58px 1000px);}
#ally-story .apy span {left:-1100px; clip: rect(0px 1156px 58px 1100px);}
#ally-story .apy1y span {left:-1200px; clip: rect(0px 1267px 70px 1200px);}
#ally-story .apy2y span {left:-1300px; clip: rect(0px 1367px 70px 1300px);}
#ally-story .apy3y span {left:-1400px; clip: rect(0px 1467px 70px 1400px);}
#ally-story .apy4y span {left:-1500px; clip: rect(0px 1567px 70px 1500px);}
#ally-story .apy5y span {left:-1600px; clip: rect(0px 1667px 70px 1600px);}
#ally-story .apy3m span {left:-1700px; clip: rect(0px 1772px 74px 1700px);}
#ally-story .apy6m span {left:-1800px; clip: rect(0px 1872px 74px 1800px);}
#ally-story .apy9m span {left:-1900px; clip: rect(0px 1972px 74px 1900px);}
#ally-story .apy12m span {left:-2000px; clip: rect(0px 2075px 80px 2000px);}
#ally-story .apy18m span {left:-2100px; clip: rect(0px 2175px 80px 2100px);}
/*end ally story and search results */

/*Search tiles */
#search .rate-en, #search .rate-fr {position:relative; height:58px; display:block; float:left; overflow:hidden;}
#search .rate-en span { background:transparent url('../images/story_rate_sprite.png') no-repeat scroll 0% 0% !important; width:2200px; height:58px; position:absolute; overflow:hidden;}
#search .rate-fr span { background:transparent url('../images/story_rate_sprite_fr.png') no-repeat scroll 0% 0% !important; width:2200px; height:58px; position:absolute; overflow:hidden;}
#search .num0 {width:27px;}
#search .num1 {width:19px;}
#search .num2 {width:29px;}
#search .num3 {width:28px;}
#search .num4 {width:29px;}
#search .num5 {width:28px;}
#search .num6 {width:29px;}
#search .num7 {width:28px;}
#search .num8 {width:29px;}
#search .num9 {width:28px;}
#search .deci {width:11px;}
#search .apy {width: 56px;}
#search .apy1y {width:70px;}
#search .apy2y {width:70px;}
#search .apy3y {width:70px;}
#search .apy4y {width:70px;}
#search .apy5y {width:70px;}
#search .apy3m {width:74px;}
#search .apy6m {width:74px;}
#search .apy9m {width:74px;}
#search .apy12m {width:75px;}
#search .apy18m {width:75px;}
#search .num0 span {left:0px; clip: rect(0px 27px 58px 0px);}
#search .num1 span {left:-100px; clip: rect(0px 119px 58px 100px);}
#search .num2 span {left:-200px; clip: rect(0px 229px 58px 200px);}
#search .num3 span {left:-300px; clip: rect(0px 328px 58px 300px);}
#search .num4 span {left:-400px; clip: rect(0px 429px 58px 400px);}
#search .num5 span {left:-500px; clip: rect(0px 528px 58px 500px);}
#search .num6 span {left:-600px; clip: rect(0px 629px 58px 600px);}
#search .num7 span {left:-700px; clip: rect(0px 728px 58px 700px);}
#search .num8 span {left:-800px; clip: rect(0px 829px 58px 800px);}
#search .num9 span {left:-900px; clip: rect(0px 928px 58px 900px);}
#search .deci span {left:-1000px; clip: rect(0px 1011px 58px 1000px);}
#search .apy span {left:-1100px; clip: rect(0px 1156px 58px 1100px);}
#search .apy1y span {left:-1200px; clip: rect(0px 1267px 70px 1200px);}
#search .apy2y span {left:-1300px; clip: rect(0px 1367px 70px 1300px);}
#search .apy3y span {left:-1400px; clip: rect(0px 1467px 70px 1400px);}
#search .apy4y span {left:-1500px; clip: rect(0px 1567px 70px 1500px);}
#search .apy5y span {left:-1600px; clip: rect(0px 1667px 70px 1600px);}
#search .apy3m span {left:-1700px; clip: rect(0px 1772px 74px 1700px);}
#search .apy6m span {left:-1800px; clip: rect(0px 1872px 74px 1800px);}
#search .apy9m span {left:-1900px; clip: rect(0px 1972px 74px 1900px);}
#search .apy12m span {left:-2000px; clip: rect(0px 2075px 80px 2000px);}
#search .apy18m span {left:-2100px; clip: rect(0px 2175px 80px 2100px);}
/*end  search results tiles */