﻿#upsell { margin:0px;float: left;width:692px;height:337px;background-color: #E0E780;background-image: url('/content/images/homepage/greenbox_03.jpg');}

#items {clear:left;height:215px;margin-left:29px;margin-right:29px;margin-top:22px;overflow:hidden;width:634px;float: left;padding:0;}
#items h2 {margin: 0px;font-size: 1.8em;color: #00457F;font-weight: bold;}        
#upsell li {list-style-image:none;list-style-position:outside;list-style-type:none;}
#upsell ul {padding:0px;margin:0px;width:3900px;}        

.scrollable { float:left; margin:0px; width:634px; }

#upsell #upsell-buttons {float: left;width: 300px;height: 50px;margin-left:20px;}
#upsell #upsell-buttons img {border: 0px;}        
#upsell #item-navigation {float: left;width: 150px;height: 50px;margin-left:200px;}
#upsell #item-navigation ul li {float:left;margin:0px;padding:0px;}         

#top-col {width:936px;}
#bottom-col {clear: left;padding-top: 18px;}
#bottom-col-one {width: 337px;height: 184px;margin-left: 0px;float:left;margin-bottom: 18px;}
#bottom-col-one .content {padding: 15px 120px 0px 12px; z-index: 99;}
#bottom-col-two {width: 337px;height: 184px;float:left;margin-left: 18px;margin-bottom: 18px;}
#bottom-col-two .content {padding: 2px 10px 10px 10px;}
#bottom-col-two ul {list-style-type: none; padding:0;}
#bottom-col-two li {padding-bottom:5px}

#bottom-col-three {width: 229px;height: 185px;background-image: url('/content/images/homepage/quote-back_14.jpg');float:left;margin-left: 15px;margin-bottom: 18px;}   

#bottom-col-threeb 
{
	width: 229px;
	height: 100%;
	/*background-image: url('/content/images/homepage/quote-back_14.jpg');*/
	float:left;
	margin-left: 15px;
	margin-bottom: 1px;
	position: relative;
}
#bottom-col-threeb .headline {float: left;height: 37px;width: 229px;margin-bottom: 18px;}
#bottom-col-threeb .headline h3 {margin: 0;padding: 10px 12px 11px 12px;font-size: 1.4em;}
#bottom-col-threeb .content 
{
	clear: both;
	margin: 0;
	padding: 0px 80px 30px 12px;
	height: 100px;
	overflow: hidden;
	/*font-size: 0.9em;*/
	background: url(/content/regions/blue/blue-gradient-229-bottom.jpg) bottom left no-repeat;
}
#bottom-col-threeb .content p {min-height: 85px;margin: 0px;color: #666666;font-size: 0.9em;}
#bottom-col-threeb .content p strong {color: #666666;font-weight: bold;}
#bottom-col-threeb .hero-upsell {position: absolute;right: 2px;bottom: 2px;}   

.clickable-arrow-left {cursor: pointer;}
.clickable-arrow-right {cursor: pointer;}

li.hpPanelSteps img {cursor: pointer;}

#upsell-closing {font-weight: bold;font-size: 1em;color: #00457F;padding:0px;margin: 10px 29px 0px 29px;clear: left;float: left;width: 634px;}
#upsell-closing p {	padding:0px;margin: 0px;}        
#upsell-closing p strong {font-weight: bold;font-size: 1.4em;color: #00457F;}   

.accessible-arrow-button {width:18px; margin-top:5px;padding-top:2px;padding-bottom:2px;}     
        
/* medium region box - clear heading */
.home-mediumregion-box {position: relative;width: 337px;height: 100%;}
.home-mediumregion-box .headline {float: left;height: 27px;width: 327px;padding:10px 0px 0px 10px} /* 1 */
.home-mediumregion-box .headline h3 {margin: 0;padding: 10px 12px 10px 12px;color: #005CA6;font-size: 1.4em;}
.home-mediumregion-box .content {clear: both;margin: 0;padding: 15px 120px 0px 12px;height: 132px;font-size: 0.9em;background: url(/content/regions/blue/blue-gradient-337-bottom.jpg) bottom left no-repeat;}
.home-mediumregion-box .content p {min-height: 90px;margin: 0;color: #636363;}
.home-mediumregion-box .content span {width: 100%;}
.home-mediumregion-box .content span a {float: left;padding: 0px 5px 0px 0px;font-size: 1.2em;font-weight: bold;vertical-align: middle; color:#00457F;}
.home-mediumregion-box .content span a:visited {color:#00457F;}
.home-mediumregion-box .content span a:active {color:#00457F;}
.home-mediumregion-box .content span img {text-align: left;}
.home-mediumregion-box .hero-upsell {position: absolute;right: 2px;bottom: 2px;}   
.home-mediumregion-blue {background: url(/content/regions/blue/blue-gradient-337-top.jpg) #ffffff no-repeat top;color: #005CA6;}

/* Right col box 1 */
/*#right-col-two {position: relative;width: 229px;height: 100%;float: left; margin-left: 15px;}
#right-col-two .headline {float: left;height: 37px;width: 229px;}
#right-col-two .headline h3 {margin: 0;padding: 10px 12px 10px 12px;color: #005CA6;font-size: 1.4em;}
#right-col-two .content {clear: both;margin: 0;padding: 0px 80px 0px 12px;height: 100px;overflow: hidden;font-size: 0.9em;background: url(/content/regions/blue/blue-gradient-229-bottom.jpg) bottom left no-repeat;}
#right-col-two .content p {min-height: 85px;margin: 0px;color: #666666;font-size: 0.9em;}
#right-col-two .content p strong {color: #666666;font-weight: bold;}
#right-col-two .hero-upsell {position: absolute;right: 2px;bottom: 2px;}   */
/* Temp replace - COTY */
#right-col-two {position: relative;width: 229px;height: 100%;float: left; margin-left: 15px;}
#right-col-two .headline {float: left;height: 37px;width: 229px;}
#right-col-two .headline h3 {margin: 0;padding: 10px 12px 10px 12px;color: #005CA6;font-size: 1.4em;}
#right-col-two .content {clear: both;margin: 0;padding: 0px 10px 0px 12px;height: 100px;overflow: hidden;font-size: 0.9em;background: url(/content/regions/blue/blue-gradient-229-bottom.jpg) bottom left no-repeat;}
#right-col-two .content p {min-height: 85px;margin: 0px;color: #666666;font-size: 0.9em;}
#right-col-two .content p strong {color: #666666;font-weight: bold;}
#right-col-two .hero-upsell {float:right; margin-left: 5px;}   
    
/* right col 2 */
#right-col-one {position: relative;width: 229px;height: 100%;float: left;clear:right;margin-left: 15px;margin-bottom: 18px;}
#right-col-one .headline {float: left;height: 37px;width: 229px;}
#right-col-one .headline h3 {margin: 0;padding: 10px 12px 10px 12px;color: #005CA6;font-size: 1.4em;}
#right-col-one .content {clear: both;margin: 0;padding: 0px 78px 0px 12px;height: 145px;overflow: hidden;font-size: 0.9em;background: url(/content/regions/blue/blue-gradient-229-bottom.jpg) bottom left no-repeat;}
#right-col-one .content p {min-height: 85px;margin: 0px;color: #636363;}
#right-col-one .content ul {margin: 0;padding: 0;list-style-type: none;min-height: 85px;margin: 0;color: #636363;}
#right-col-one .content ul li {	padding: 0px 0px 0px 14px;margin: 0px 0px 3px 0px;background: url(/content/images/themes/blue/bullet.png) no-repeat; font-size: 0.9em; font-weight: bold;}
#right-col-one .hero-upsell {position: absolute;right: 2px;bottom: 2px;}   

.home-smallregion-blue {background: url(/content/regions/blue/blue-gradient-229-top.jpg) #ffffff no-repeat top;color: #005CA6;}

.one-column-left {width:350px; float:left;}
.one-column-left p strong {color: #00457F; font-weight:bold; font-size:1.1em;}
.one-column-right {width:230px; float:right;}
.two-column-left {width:300px; float:left;margin: 10px 0px 0px 0px;}
.two-column-right {width:300px; float:left; margin: 0px 0px 0px 30px;}

.one-column-left ul {width: 400px;}
.one-column-left ul li {float: none;width: 400px;margin: 0px 0px 1px 0px;padding: 5px 0px 10px 40px;background: url(/content/images/themes/green/tick.png) no-repeat;}   

.two-column-left ul {width: 300px; }
.two-column-left ul li {float: none;width: 275px;margin: 0px 0px 1px 0px;padding: 5px 0px 10px 40px;background: url(/content/images/themes/green/tick.png) no-repeat;}   

#quote {width:229px; height:120px; display: block; margin: 0px; padding:0px;}
#quote p {font-style: italic; padding: 30px 10px 30px 10px; overflow: hidden;}
#quoter {width:185px; height:36px; display: block; text-align: center; padding-top: 12px; color: #ffffff;margin: 0px;}
#quoter p strong { color:#ffffff; font-weight:bold;}

/* IE 6 fixes*/
#pageContent { margin-top: 0 }
#pageHeader #pageHeaderPanel ul#mainMenu { overflow: hidden; margin: 0; padding-top: 18px }
/*#upsell,
#upsell ul { overflow: hidden }*/

#upsell .one-column-left,
#upsell .one-column-left ul,
#upsell .one-column-left ul li { width: 330px }
#upsell .one-column-right { width: 250px; float: right; overflow: hidden }

#upsell #item-navigation { float: right; margin: 0 20px 0 0 }
#upsell #item-navigation ul { width: auto }

#right-col-one .headline,
#right-col-two .headline,
.home-mediumregion-box .headline,
#bottom-col-one,
#bottom-col-two,
#bottom-col-three { height: auto; margin-bottom: 0 }

#bottom-col-one .content { padding-top: 12px }
#bottom-col-two .content { padding-top: 2px }

.home-mediumregion-box .content p { min-height: 105px; height: auto !important; height: 105px }

#bottom-col { overflow: hidden } 

#quote { height: 149px; overflow: hidden }
#quote p { margin: 0; padding: 46px 10px 0 }

#quoter { height: 28px; overflow: hidden; padding: 9px 0 0 }
#quoter p { margin: 0 }

#right-col-one .headline h3,
#right-col-two .headline h3 { padding-bottom: 5px; /*#padding-bottom: 6px*/ }

#BodyText { padding-bottom: 18px }

#pageContent #pageFooter { margin: 0 }

#right-col-one .content ul li { margin-bottom: 2px }
#right-col-one .hero-upsell { _right: 1px }
#right-col-two .hero-upsell { _right: 1px; _bottom: 1px }
.home-mediumregion-box .hero-upsell { _right: 1px; _bottom: 1px }

#items,
#upsell-buttons,
#upsell #item-navigation,
#upsell-closing { _display: inline }

#right-col-one .content ul li { width: 125px; _behavior: url("/content/iepngfix/iepngfix.htc") }

#upsell .one-column-right img,
#upsell li,
.home-mediumregion-box span img { _behavior: url("/content/iepngfix/iepngfix.htc") }
