/* Last Edited 073114 by RD */

/*
----------------------------------------------------------------------------------
START Homepage Styles - For Nov 27th 2013 Release
----------------------------------------------------------------------------------
*/

.home-row-lob {}
	.home-row-lob > div > div {
		margin-bottom: 20px;
		text-align: center;}
		body.hd .rui-con a.icon-lob {
			background-size: contain;}
		.rui-con a.icon-lob:hover {
			text-decoration: none;}
			.rui-con a.icon-lob img {
				margin: 0 auto;}
			.rui-con a.icon-lob img, .rui-con a.icon-lob p {
				opacity: 0.6;
				filter: alpha(opacity=60); /* For IE8 and earlier */
				transition: opacity 0.15s ease-in-out 0s;}
			body.mobile .rui-con a.icon-lob img {
				opacity: 1;
				filter: alpha(opacity=100); /* For IE8 and earlier */}
				.rui-con a.icon-lob:hover img, .rui-con a.icon-lob:hover p {
					text-decoration: none;
					opacity: 1;
					filter: alpha(opacity=100); /* For IE8 and earlier */}
section#section-3.section-bg {
	padding-top: 0px;
	padding-bottom: 20px;}		
#section-5.section-bg  {
	padding-top: 0px;}
@media (min-width: 768px) {
	#section-5.section-bg  {
		padding-top: 0px;
		padding-bottom: 0px;}}
	@media (min-width: 768px) {
		#section-5 .my-rogers-img  {
			background: transparent url('/cms/rui-pages/homepage/images/my-rogers.jpg') no-repeat left bottom;
			background-size: 293px 225px;
			min-height: 225px;}
	}
			
	/* START Login Form Area */
	#homepage-signin-section h3 {
		margin-bottom: 15px;}
		#signinContainer input.loginInput {
			width: 100%;
			padding: 0px 5px 0px 5px;}
		@media (min-width: 768px) {
			body .bottomSection  {
				font-size: 14px}
		}
		#signinContainer span.signerror {
			display: block;
			padding-bottom: 5px;
			font-size: 14px;
			font-weight: 600;}
		.rui-con .formElementContainer .rui-cta.primary {
			float: none;
			margin: 10px auto 1px auto;
			width: 80%;}
		@media (min-width:481px) {
			.rui-con .formElementContainer .rui-cta.primary {
				margin-top: 10px;
				float: right;
				width: auto;}
		}
	/* END Login Form Area */
		
.support-img {
	width: 100%;}
@media (min-width: 481px) {
	.support-img {
		float: right;
		margin-left: 10px;
		width: 46%;}
}
.support-content {
	width: 100%;}
@media (min-width: 481px) {
	.support-content {
		float: left;
		width: 49%;}
}

.support-button {
	margin-top: 30px;
	margin-bottom: 65px;
	}

.rui-con .home-quick-links {
	margin-bottom: 15px;}
	.rui-con .home-quick-links ul {
		margin-top: 7px;
		padding: 0;}
	@media (min-width:768px) {
		.rui-con .home-quick-links ul {
			margin-top: 0;
			padding-bottom: 27px;}
	}
		.rui-con .home-quick-links ul li {
			list-style-type: none;
			padding-bottom: 4px;}
		@media (min-width:768px) {
			.rui-con .home-quick-links ul li {
				float: left;
				padding: 4px 28px 0 0;}
		}
				
	.rui-con .ico-24 {
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: left 0px;
		background-size: contain;
		padding: 0 0 1px 32px;
		height: 25px;}
		body.hd .rui-con .ico-24 {
			background-size: contain;}
	.rui-con .ico-24.shop {background-image: url('/cms/rui-pages/homepage/images/shop-icon.png');}
		body.hd .rui-con .ico-24.shop {background-image: url('/cms/rui-pages/homepage/images/shop-icon@hd.png');}
	.rui-con .ico-24.my-rogers {background-image: url('/cms/rui-pages/homepage/images/my-rogers-icon.png');}
		body.hd .rui-con .ico-24.my-rogers {background-image: url('/cms/rui-pages/homepage/images/my-rogers-icon@hd.png');}
	.rui-con .ico-24.support {background-image: url('/cms/rui-pages/homepage/images/support-icon.png');}
		body.hd .rui-con .ico-24.support {background-image: url('/cms/rui-pages/homepage/images/support-icon@hd.png');}

/*
----------------------------------------------------------------------------------
END Homepage Styles - For Nov 27th 2013 Release
----------------------------------------------------------------------------------
*/


/*
----------------------------------------------------------------------------------
START Ron's Homepage Styles
----------------------------------------------------------------------------------
*/

/*bootstrap.min.css*/

pre {
	border: none;
	background: none;
	word-break: normal;
	vertical-align: baseline;
	line-height: 1.2em;
}


@media (min-width: 1024px)  {
	
  body.fr #section-3 .owl-theme .owl-controls .owl-pagination { display:none;}
  #section-3 .owl-theme .owl-controls .owl-pagination { display:none;}
}

@media (min-width: 320px) and (max-width: 1024px)  { 



.rui-component-tile-overlay > .rui-content-con {
	opacity: 100;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}

.owl-theme .owl-controls .owl-buttons .owl-prev, .owl-theme .owl-controls .owl-buttons .owl-next, .rui-component-tile-overlay > .rui-content-con > .rui-description {
	display: none;
}

.rui-component-imagetextpair > img.rui-image1 {
	max-width:31%;
}

.rui-con .rui.rui-component-tile-overlay {
	position: static;
}

.rui-con .rui.rui-component-tile-overlay:hover > .rui-content-con {
	display: block;
}

.rui-component-poster > .rui-content-con > .rui-description {
	bottom: 1px;
}

.rui-component-tile-overlay > .rui-content-con {
	position: absolute;
	display: block;
	cursor: default;
	bottom: 0;
	left: 0;
	height: 140px;
	width: 100%;
	padding-top: 0px;
	text-align: right;
	color: #ddd;
	background: none;
}
.rui-component-tile-overlay > .rui-content-con {
	background: url("/cms/rui/version/1.0/images/rui-black-transparent-bg.png") repeat-x scroll center bottom transparent;
}

.rui-con .rui.rui-component-tile-overlay:hover > .rui-background {
	opacity: 1;
}
.rui-container-carousel-breakout .bx-controls-direction .bx-prev, .rui-container-carousel-breakout .bx-controls-direction .bx-next, .rui-component-tile-overlay > .rui-content-con > .rui-description {
	display: none;
}
.rui-component-tile-overlay > .rui-content-con > a.rui-cta {
	position: absolute;
	bottom: 0;
	right: 0;
	display: inline-block;
	margin: 10px;
	padding: 10px;
	background-color: #ddd;
	font-size: 12px;
	text-decoration: none;
	color: #333;
}
.rui-component-tile-overlay > .rui-content-con {
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
	transition: none;
}

/*Whats New Copy*/
.rui-con .article2, .rui-con a.article2, .rui-component-imagetextpair .rui-title .rui-content {
	font-size: 16px;
}

}

@media (min-width: 480px) and (max-width: 1024px){
	
/*Top Left Header*/
.rui-container-carousel .rui-title .rui-content {
	font-size: 42px;
}

/*Top Left Copy*/
.rui-container-carousel .rui-description .rui-content  {
	font-size: 22px;
}

/*Spotlight*/
.rui-component-tile-overlay .rui-title .rui-content {
	font-size: 25px;
}
	
}

@media (min-width: 320px) and (max-width: 479px){
/*Top Left Header*/
.rui-container-carousel .rui-title .rui-content {
	font-size: 30px;
}

body.fr .rui-container-carousel .rui-title .rui-content {
	font-size: 20px;
}

/*Top Left Copy*/
.rui-container-carousel .rui-description .rui-content  {
	font-size: 16px;
}

/*Top Left Copy*/
body.fr .rui-container-carousel .rui-description .rui-content  {
	font-size: 15px;
}



}

/*
----------------------------------------------------------------------------------
END Ron's Homepage Styles
----------------------------------------------------------------------------------
*/



/*
----------------------------------------------------------------------------------
START Bob's Homepage Styles - Support Section ONLY
----------------------------------------------------------------------------------
*/

/*RUI ICONS*/

.support-icons {
	font-size: 30px; 
	color: #818486; 
	line-height: 60px !important; 
	padding-right: 10px; 
	vertical-align: middle;
	}
	
.support-bottom {
	margin-bottom: 20px;
	}

/*
----------------------------------------------------------------------------------
END Bob's Homepage Styles - Support Section ONLY
----------------------------------------------------------------------------------
*/

/*S37420 - My rogers re-brand */

.rogersHomePageSigninHeader_en{
	float:left;
	margin-top:15px;
}

.rogersHomePageSigninHeader_fr{
	float:left;
	margin-top:15px;
}
.MyRogersHomeIconEn {
	color: #c41522;
	font-size: 55px;
	margin-top: 10px;
}

.MyRogersHomeIconFr {
	color: #c41522;
	font-size: 45px;
}

.MyRogersHomeHeaderEn {
	font-size : 42px;
}
.MyRogersHomeHeaderFr {
	font-size : 28px;
	margin-top: 7 px;
}

.MyRogersHomeContainerEn
{
	vertical-align: middle; 
	display: table;
	float: left; 
	height: 100%; 
	margin-top: 10px;
}
.MyRogersHomeContainerFr
{
	vertical-align: middle; 
	display: table; 
	float: left; 
	height: 100%; 
	margin-top: 20px;
}

.myRogersimgSpanAllign{
float: left; margin-top: 8px;
}
.myRogersimgLooks{
font-size: 50px; margin-bottom: 8px; color: rgb(196, 21, 34);
}

.myRogersimgLooks_fr{

font-size: 34px; margin-top: -20px;

}

.MyRogersHomeHeaderSignin_en{
	color: rgb(196, 21, 34); 
	font-size: 55px;
	float:left;
}

.MyRogersHomeHeaderSignin_fr{
	font-size:235%;
	color:#c41522;
}