/* CSS Document */

/*top section of shadow for header*/

a.logoImg {
	background-image:url(../../images/logo_green.gif);
	width:140px;
	height:51px;
	display:block;
}

.homeImage{
	background:url(../../images/warmingup_green.jpg) no-repeat;
	width:943px;
	height:402px;
	}

.blue_bg{
	background-color:#d5e04d;
	}

.adColor1 td{
	background-color:#00aedb;
	}
.adColor2 td{
	background-color:#fbb034;
	}
	
/*top section of shadow for header*/

.top_rpt{
	background-image:url(../../images/top_rpt.gif);
	background-repeat:repeat-x;
	height:6px;
	}
	
.topLeft_t{
	background-image:url(../../images/top_rpt.gif);
	background-repeat:repeat-x;
	}
	
.topRight_t{
	background-image:url(../../images/top_rpt.gif);
	background-repeat:repeat-x;
	text-align:right;
	}
	
/*side section of shadow*/

.topLeft_b{
	background-image:url(../../images/left_rpt.gif);
	background-repeat:repeat-y;
	vertical-align:top;
	}
	
.topRight_b{
	background-image:url(../../images/right_rpt.gif);
	background-repeat:repeat-y;
	vertical-align:top;
	}
	
/*header content*/

.header{
	position:relative;
	width:100%;
	height:auto;
	}
	
.holiday{
	background:url(../../images/koodoHoliday.gif) no-repeat #d5e04d bottom;
	}

.head_content{
	background-color:#d5e04d;/*green*/
	width:100%;
	height:150px;
	vertical-align:top;
	}

.left_side{
	width:500px;
	height:auto;
	position:relative;
	float:left;
	}
	
.right_side{
	width:266px;
	height:auto;
	position:relative;
	float:right;
	}
	
.koodo_logo{
	width:200px;
	padding-top:17px;
	padding-bottom:19px;
	padding-left:20px;
	}

	
/*main nav*/

.upperNav{
	position:relative;
	width:500px;
	height:auto;
	}

.upperNav a {
	display:block;
	width:auto;
	height:auto;
	padding:5px 10px 5px 10px;
	float:left;
	/*color:black;*/
	text-decoration:none;
	border-right:solid black 1px;
	border-top:solid black 6px;
	border-bottom:solid black 1px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}

.upperNav a.lastLink{
	border-right:none;
	padding-right:2px;
	color:#000000;	
	}

.upperNav a.lastLink:hover{
	background-color:black;
	color:#FFFFFF;	
	}

/*styles for to keep the hover state on rollover of sub nav*/

.upperNav a.standardRoll{
	color:black;

}

.upperNav a.standardRoll:hover {
	background-color:black;
	color:#FFFFFF;	
}
.upperNav a.stayRoll {
	background-color:black;
	color:#FFFFFF;	

}

/*ID for the sub nav*/
	
#menu_parent{
	width:auto;
	height:auto;
	position:relative;
	float:left;
	}
	

/*sub nav*/

.subNav{
	position:absolute;
	width:520px;
	height:auto;
	/*top: -1px;
	left:133px;*/
	}


.subNav a{
	display:block;
	width:auto;
	height:auto;
	padding:5px 5px 5px 5px;
	float:left;
	color:black;
	text-decoration:none;
	border-right:solid black 1px;
	border-top:solid black 1px;
	border-bottom:solid black 6px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
}

.subNav a:hover{
	color:#fff;
	background-color:#000;
	}

.subNav a.lastLink{
	border-right:none;
	padding-right:2px;
	}

/*Added for Menu Sticky Ness*/ 

a img { behavior: url(/lib/iepngfix.htc) }


a.subNavStayRoll{
	background-color:#000;
	color:#fff;	
}

/*End OF Added for Menu Sticky Ness*/ 


/*top nav*/

.top_nav{
	position:relative;
	width:266px;
	height:auto;
	float:right;
	margin-bottom:10px;
	}

.top_nav a {
	display:block;
	width:auto;
	height:auto;
	padding:3px 4px 3px 4px;
	float:right;
	color:black;
	text-decoration:none;
	border-left:solid black 1px;
	border-top:solid black 6px;
	border-bottom:solid black 1px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
}

.top_nav a:hover {
	color:#fff;
	background-color:#000;
}

.top_nav a.lastLink{
	border-left:none;
	padding-left:2px;
	}

.top_nav a.firstLink{
	padding-right:10px;
	}
	
/*bottom nav*/

.bottom_nav{
	position:relative;
	width:420px;
	height:auto;
	float:left;
	top:5px;
	}
	
.bottom_nav a{
	display:block;
	width:auto;
	height:15px;
	padding:3px 5px 3px 5px;
	float:left;
	color:black;
	text-decoration:none;
	border-right:solid black 1px;
	border-top:solid black 1px;
	text-align:center;
	font-size:10px;
	font-weight:bold;
}

.bottom_nav a:hover {
	background-color:black;
	color:white;
	}

.bottom_nav a.lastLink{
	border-right:none;
	padding-right:2px;
	}

/*bottom footer link styles for IE 6 and Firefox for PC*/

.bottom_nav2{
	position:relative;
	width:450px;
	height:auto;
	float:left;
	top:5px;
	}

.bottom_nav2 a {
	display:block;
	width:auto;
	height:15px;
	padding:3px 5px 3px 5px;
	float:left;
	color:black;
	text-decoration:none;
	border-right:solid black 1px;
	border-top:solid black 1px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
}


.bottom_nav2 a:hover {
	background-color:black;
	color:white;
}

.bottom_nav2 a.lastLink{
	border-right:none;
	padding-right:2px;
	}

/*login/logout link*/
	
.userLoginLink{
	text-align:right;
	width:100px;
	float:right;
	padding-right:10px;
	margin-bottom:10px;
	}
	
.userLoginLink a{
	float:right;
	display:block;
	padding:3px;
	color:#000;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	}
	
.userLoginLink a:hover{
	background-color:#000;
	color:#fff;
	text-decoration:none;
	}
	
/*bottom section shadow pieces*/

.bottomLeft_b{
	background-image:url(../../images/bottom_rpt.gif);
	background-repeat:repeat-x;
	}

.bottomRight_b{
	text-align:right;
	background-image:url(../../images/bottom_rpt.gif);
	background-repeat:repeat-x;
	}
	
.bottom_rpt{
	background-image:url(../../images/bottom_rpt.gif);
	background-repeat:repeat-x;
	height:6px;
	}
	
.bottomLeft_t{
	background-image:url(../../images/left_rpt.gif);
	background-repeat:repeat-y;
	vertical-align:bottom;
	}
	
.bottomRight_t{
	background-image:url(../../images/right_rpt.gif);
	background-repeat:repeat-y;
	vertical-align:bottom;
	}
	
/*footer*/

.koodoFooter{
	width:100%;
	height:auto;
	position:relative;
	/*float:left;*/
	}
	
.holidayFooter{
	background:url(../../images/koodoHolidayFoot.gif) no-repeat #d5e04d;
	}

.footer_content{
	width:100%;
	height:auto;
	background-color:#d5e04d;
	border-bottom:solid black 6px;
	padding-top:10px;
	}
	
.koodoCopyright{
	float:right;
	position:relative;
	width:auto;
	height:24px;
	text-align:right;
	font-size:10px;
	font-weight:bold;
	right:10px;
	}
	
.koodoCopyright img{
	vertical-align:-5px;
	}
	
/*styles for the copyright for IE 6 and Firefox for PC*/	

.koodoCopyright2{
	float:right;
	position:relative;
	width:auto;
	height:24px;
	text-align:right;
	font-size:11px;
	font-weight:bold;
	right:10px;
	}
	
.koodoCopyright2 img{
	vertical-align:-5px;
	}
	
/*language page sticker*/

.language_bg{
	width:290px;
	height:370px;
	padding:30px 30px 0 30px;
	margin:15% auto 0 auto;
	background-image:url(../../images/language_sticker_green.gif);
	background-repeat:no-repeat;
	}	
	
/*language page sticker*/

/*home callouts added June 6 2008*/
.co_box1_top{
	background:url(../../images/co_blue_top.png) no-repeat;
	height:16px;
	font-size:0px;
	}
	
.co_box1_mid{
	background:#00aedb;
	height:96px;
	}
	
.co_box1_bot{
	background:url(../../images/co_blue_bot.png) no-repeat;
	height:16px;
	}
	
.co_box2_top{
	background:url(../../images/co_pink_top.png) no-repeat;
	height:16px;
	font-size:0px;
	}
	
.co_box2_mid{
	background:#ee2c74;
	height:96px;
	}
	
.co_box2_bot{
	background:url(../../images/co_pink_bot.png) no-repeat;
	height:16px;
	}
	
	
.co_box3_top{
	background:url(../../images/co_orange_top.png) no-repeat;
	height:16px;
	font-size:0px;
	}
	
.co_box3_mid{
	background:#fbb034;
	height:96px;
	}
	
.co_box3_bot{
	background:url(../../images/co_orange_bot.png) no-repeat;
	height:16px;
	}
/*home callouts added June 6 2008*/
/*large callout added April 3 2013*/
.coLg_box1_top {
    background: url("../../images/coLg_orange_top.png") no-repeat scroll 0 0 transparent;
    font-size: 0;
    height: 15px;
}

.coLg_box1_mid{
	background-color: #fbb034;
	height:96px;
	padding :0px 10px;
}

.coLg_box1_bot {
    background: url("../../images/coLg_orange_bot.png") no-repeat scroll 0 0 transparent;
    height: 16px;
}
/*large callout added April 3 2013*/
/*homepage new layout Aug 24*/
.newSidePanel{
	width:202px;
	padding-top:35px;
	margin:0 auto;
	}
	
.newSidePanel a.black_button:hover{
	background:#00aedb;
	color:#fff;
	}

.sidePanel-mid{
	background:#ee2c74;
	width:162px;
	padding:0 20px;
	}
	
.sidePanel-mid h1{
	border-top:solid 7px #000;
	border-bottom:solid 3px #000;
	font-size:20px;
	float:none;
	padding: 5px 0px 5px 0px;
	}
	.sidePanel-mid h1 a
{
    color:#000;
    text-decoration:none;
}

	
.sidePanel-mid p{
	border-bottom:solid 1px #000;
	padding:5px 0;
	font-size:14px;
	}

.sidePanelLinks{
	border-top:solid 2px #000;
	}	

.sidePanelLinks a.newUser{
	color:#000;
	font-size:12px;
	float:left;
	display:block;
	margin-top:5px;
	}

.sidePanel-top{
	background:url(../../images/sidePanel-top-p.png) no-repeat;
	width:202px;
	height:25px;
	}
	
.sidePanel-bot{
	background:url(../../images/sidePanel-bot-p.png) no-repeat;
	width:202px;
	height:25px;
	}
	
.sidePanel-top2{
	background:url(../../images/sidePanel-top-o.png) no-repeat;
	width:202px;
	height:25px;
	}
	
.sidePanel-mid2{
	background:#fbb034;
	width:162px;
	padding:0 20px;
	}
	
.sidePanel-bot2{
	background:url(../../images/sidePanel-bot-o.png) no-repeat;
	width:202px;
	height:25px;
	}
.sidePanel-mid2 h1{
	border-top:solid 7px #000;
	border-bottom:solid 3px #000;
	font-size:20px;
	float:none;
	padding: 5px 0px 5px 0px;
	}
.sidePanel-mid2 h1 a
    {
    color:#000;
    text-decoration:none;
    }
	
.sidePanel-mid2 p{
	border-bottom:solid 1px #000;
	padding:5px 0;
	font-size:14px;
	}

/*homepage new layout Aug 24*/