
	
/*--------------------------------------------------------------

* NEW VERSION: 2011
*******************

* Copyright (c) 2011 TELUS Communications Inc.,
*
* All Rights Reserved.
* This document contains proprietary information that shall be
* distributed or routed only within TELUS, and its authorized
* clients, except with written permission of TELUS.
*
*--------------------------------------------------------------  

------------- Table of Contents -------------
- Reset : Resets default styles (margins, padding, etc..)
- Self-clear floats
- Body 
- Standard Title
- Promo slider Banner
- Page layout element
- Basic content layout (see internet/content.html)
- Header
- Main navigation
- Sub navigation
- BreadCrumbs
- List Styles (bullet)
- Link More Styles (see more, next, find more etc...)
- Button Style
- Tabs Layout
- Box Style
- Shortcuts Box
- Contact Form
- Footer
 ------------------------------  */
 
 

/* ------------------------- Reset -------------------------  */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td {
	margin:0;
	padding:0;
}
/*ie9 FIX*/
:root body {
	position: relative\9;
	text-align: left\9;
}
button { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; border:none; }
button{ line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
button:focus { outline: thin dotted;  }
ul, ol {
	list-style: none;
	list-style-image: none;
}
ol {
	list-style:decimal;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
img {
	border:0;
}
fieldset {border:none;}
.visuallyhidden{border:0;clip:rect(0000);height:1px;overflow:hidden;position:absolute;width:1px;margin:-1px;padding:0}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;overflow:visible;position:static;width:auto;margin:0}
/* ------------------------- Self-clear floats -------------------------- */
.clearfix:after, .content:after, #footer:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix, .content, #footer {
 *display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix, * html .content, * html #pageContent, * html #footer {
	height: 1%;
}
.clearfix, #footer {
	display: block;
}
.cf:before, .cf:after {
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}
/* ------------------------ Body  -------------------------  */
html {
	font-size: 100%;
	min-height:100%;
	margin-bottom:1px;
}
body {
	font-size: 12px;
	line-height: 1.231;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	background-color:#fff;
}
a:link, a:active, a:visited {
	color:#666;
	text-decoration:none;
}
a:hover {
	color:#6c0;
	text-decoration:underline;
}
hr {
	height: 1px;
	border: 0;
	clear:both;
	overflow:hidden;
}
hr.dot {
	border-bottom:thin solid #E1E1E1;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}
.ir {
	background-repeat: no-repeat;
	text-indent:-9999px;
}


/* --------------------- Standard Headers ----------------------  */
.stdContentHeading {
	color: #49166D;
	font: 16px "tthinregular","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.stdHeading, a.stdHeading, .stdHeading a {
	color: #49166D;
	font: 22px "tthinregular","Helvetica Neue",Helvetica,Arial,sans-serif;
}
a:hover.secHeading, a:focus.secHeading, a:hover.stdHeading, a:focus.stdHeading{
	color: #9273a7;
	text-decoration:none;
}
/* ------------------------ Price Sup --------------------------  */
sup {
	font-size: 80%;
 	*font-size: 100%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	top: -0.3em;
}
.price sup.mc {
	font-size: 10px;
	font-weight:normal;
	top: -0.3em;
}
/*ie8 FIX*/
@media \0screen {
sup {
	font-size: 100%;
}
}
/*ie9 FIX*/
:root sup {
	font-size: 100%\9;
}
.priceOffer {
	color: #66cc00;
}
.priceOffer p {
	margin: 0 25px 6px 0;
}
.forfaitStarting {
	display: block;
	margin-bottom: -2px;
 	*margin-bottom: -3px;
	font-size: 11px;
}
/*ie8 FIX*/
@media \0screen {
.forfaitStarting {
	height:auto;
	margin-bottom: -3px;
}
}
.priceStarting {
	display: block;
	margin-bottom: -5px;
 	*margin-bottom: -4px;
	font-size: 11px;
}
/*ie8 FIX*/
@media \0screen {
.priceStarting {
	margin-bottom: -4px;
}
}
.priceMonthMob
{
	margin-left: -5px;
	font: 18px "tthinregular","Helvetica Neue",Helvetica,Arial,sans-serif;
	*margin-left: -1px;
}
/*ie8 FIX*/
@media \0screen {
.priceMonthMob {
	margin-left: 0;
}
}
.priceMonthHv
{
	font: 18px "tthinregular","Helvetica Neue",Helvetica,Arial,sans-serif;
	margin-left: -10px;
	*margin-left: -6px;
}
/*ie8 FIX*/
@media \0screen {
.priceMonthHv {
	margin-left: -5px;
}
}
.priceMonth {
	font: 18px "tthinregular","Helvetica Neue",Helvetica,Arial,sans-serif;
	margin-left: -7px;
 	*margin-left: -3px;
}
/*ie8 FIX*/
@media \0screen {
.priceMonth {
	margin-left: -2px;
}
}
.price {
	line-height: 1.3em;
	font:34px 'HelveticaNeueLTStd45Light';
}
.price sup {
	top: -13px;
	font: 17px 'HelveticaNeueLTStd45Light';
 	*font: 20px 'HelveticaNeueLTStd45Light';
}
.price .sup1 {
	font-size: 60%;
	top: -0.8em;
 	*font-size: 65%;
 	*top: -1em;
}
/*------------- HACK for .price sup --------------*/
/*ie8 FIX*/
@media \0screen {
.price sup {
	font: 20px 'HelveticaNeueLTStd45Light';
}
}
/*ie9 FIX*/
:root .price sup {
	font: 18px 'HelveticaNeueLTStd45Light'\9;
}
/*chrome/safari FIX*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
:root .price sup {
 	font: 17px 'HelveticaNeueLTStd45Light' !important;
}
}

/*------------- HACK for .price sup1 --------------*/
/*chrome/safari FIX*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
:root .price .sup1 {
 	font-size: 60% !important;
}
}
/*ie8 FIX*/
@media \0screen {
.price .sup1 {
	font-size: 64%;
	top: -1em;
}
}
/*ie9 FIX*/
:root .price sup {
	font-size: 60%\9;
	top: -0.85em\9;
}
/* -------------------- Promo slider Banner  ---------------------  */
.bannerDesc {
	color: #666;
	font: 13px "tthinregular","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.thumbNav {
	position:absolute;
	bottom:10px;
	right:10px;
}
.thumbNav span {
	display:none;
}
.anythingSlider {
	border-bottom:1px solid #e2e2e2;
	display: block;
	margin: 0 auto;
	overflow: visible !important;
	position: relative;
	height:300px;
	width:1000px;
}
.anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
.anythingBase {
	background: transparent;
	position: absolute;
	max-width: 32766px;
	top: 0;
	left: 0;
}
.anythingBase .panel {
	background: transparent;
	display: block;
	overflow: hidden;
	float: left;
}
.anythingBase .panel.vertical {
	float: none;
}
.anythingSlider .arrow {
	background:url(../images/global/all/bkgArrow.png);
	top: 45%;
	position: absolute;
	height: 37px;
	width: 65px;
	display: block;
	outline: 0;
}
.anythingSlider .arrow a {
	display: block;
	height: 37px;
	width: 65px;
	outline: 0;
}
.anythingSlider .arrow a span {
	display: block;
	text-indent: -9999px;
}
.anythingSlider .back {
	left: 0;
	
	background:url(../images/global/all/banner/imgArrowBackOff.png) no-repeat center transparent ;
	
}
.anythingSlider .back:hover {
	background:url(../images/global/all/banner/imgArrowBackOn.png) no-repeat center transparent ;
	
}
.anythingSlider .back.disabled {
	display: none;
}
.anythingSlider .forward {
	right: 0;
	
	background:url(../images/global/all/banner/imgArrowNextOff.png) no-repeat center transparent ;
	
}
.anythingSlider .forward:hover {
	background:url(../images/global/all/banner/imgArrowNextOn.png) no-repeat center transparent ;
	
}
.anythingSlider .forward.disabled {
	display: none;
}
.anythingControls {
	outline: 0;
	display: none;
}
.anythingControls ul {
	margin: 0;
	padding: 0;
	float: left;
}
.anythingControls ul li {
	display: inline;
}
.anythingControls ul a {
	background-image:url(../images/global/all/banner/imgDotSlider.png);
	background-repeat: no-repeat;
	display: inline-block;
	height: 15px;
	width:15px;
	outline: 0;
	margin-right:5px;
}
.anythingNavWindow {
	overflow: hidden;
	float: left;
}
.anythingSlider.rtl .anythingControls ul a {
	float: right;
}
.anythingSlider.rtl .anythingControls ul {
	float: left;
}
.startStop {
	display:none;
}
.anythingControls ul a.cur {
	background-image:url(../images/global/all/banner/imgDotSliderOn.png)
}
/* ---------------------------- Page  ----------------------------  */
#siteContainer {
	width:1000px;
	position:relative;
	margin:0 auto;
	text-align: left;
}
#stdContainer {
	background:url(../images/global/all/bkgTitGardien.png) no-repeat;
	padding:22px 0 0 10px;
	
}
#stdContainerNoOverflow {
	background:url(../images/global/all/bkgTitGardien.png) no-repeat;
	padding:22px 0 0 10px;
	overflow: hidden;
}
#mainContainer {
	background:url(../images/global/all/bkgBottomContent.png) repeat-x bottom left;
	padding-bottom:40px;
	margin:0 auto 15px auto;
	
	width:980px;
}
#mainColumn {
	float:left;
	width: 730px;
}
#mainColumn1 {
	float:left;
	width: 1000px;
}
 
#mainColumnAbonn {
	float:left;
	width: 992px;
}
 
#mainColumnGaran {
	float:left;
	width: 989px;
}
 
#rightColumn {
	float:left;
	padding-left: 14px;
	width:246px;
}
#rightColumn1 {
	float:left;
	padding-left: 17px;
	width:242px;
}
.content {
	padding:0 8px 40px 20px;
	background:url(../images/global/all/bkgBottomContent.png) repeat-x bottom left;
}
.content1 {
	float:left;
	padding:0 8px 40px 20px;
	background:url(../images/global/all/bkgBottomContent.png) repeat-x bottom left;
	width: 702px;
}
.note {
	color:#999;
	font-size:11px;
}
.pageNote {
	margin-left:8px;
	width:840px;
}
.tabNote {
	margin-bottom:12px;
	margin-left:4px;
}
.greyTableStyle1, .securGrayTable  {
	padding:20px;
	margin:10px;
}
.greyTableStyle1 h3 {
	padding-bottom:6px;
}
.securBox li {
 margin: 6px;
 }
/* ---------------------- Basic text content ----------------------  */
.classic .content {
	margin-bottom:8px;
}
.classic a:link, .classic a:visited {
	color: #49166D;
	text-decoration:underline;
}
.classic a:hover {
	color: #9273A7;
	text-decoration:underline;
}
.classic h2, .classic h3, .classic h4, .classic h5 {
	margin-bottom:8px;
}
.classic p {
	margin-bottom:18px;
}
.classic ul {
	margin:0 0 20px 20px;
}
ul.classic {
	margin-top:18px;
}
ul.classic2 {
	margin-top:14px;
}
ul.classic2Top {
	margin-top:6px;
}
.classic2 a:link, .classic2 a:visited {
	color: #49166D;
	text-decoration:underline;
}
.classic2 a:hover {
	color: #9273A7;
	text-decoration:underline;
}
.wid {
	width: 930px;
}
/* -------------------------- Header ------------------------  */
.avantageTitle {
	margin:0 0 5px 10px;
	height:40px;
}

.links a:link, .links a:visited {
	color:#49166D;
	text-decoration:underline;
}
.links a:hover, .links a:focus {
	color:#9273a7;
	text-decoration:underline;
}

/* ----------------------- BreadCrumbs  ------------------------  */
.breadCrumbs > div {
    background-color: #fff;
    -webkit-box-shadow: 0px 1px 3px rgba(233, 233, 233, 0.8);
    -moz-box-shadow:    0px 1px 3px rgba(233, 233, 233, 0.8);
    box-shadow:         0px 1px 3px rgba(233, 233, 233, 0.8);
    border:1px solid #e9e9e9;
    display:inline-block;
    zoom: 1;
    margin:6px 0 10px;
    padding:0 6px;
    overflow:hidden;
    }
.breadCrumbs a, .breadCrumbs span {
    color:#8C68A6;
    display:inline-block;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-size:0.750rem;
    padding:2px;
    }
.breadCrumbs a:before, .breadCrumbs span:before {
     color: #E2E2E2;
    content: "<";
    font-size: 15px;
    font-size: 0.938rem;
    padding-right: 10px;
    }
.breadCrumbs a:hover, .breadCrumbs a:focus, .breadCrumbs .current {
    color:#49166D;
	text-decoration:none;
    }
@media only screen and (max-width: 64.063em) {
 .breadCrumbs  {
    display:none;
    }
}
/* ------------------------ List Styles  ------------------------  */
.bulletSt1 li {
	background: url(../images/global/all/imgArrow.gif) no-repeat scroll 0 0.2em transparent;
	padding-left: 10px;
}
.bulletSt2 li {
	background: url(../images/global/all/imgBullet.gif) no-repeat scroll 0 0.5em transparent;
	padding: 0 0 5px 10px;
}
/* --------------------- Link More Styles  ---------------------  */
a.more1 {
	color: #66CC00;
	font-size: 12px;
	background: url(../images/global/all/imgArrow.gif) no-repeat scroll 100% 4px transparent;
	padding-right: 10px;
	text-decoration:none;
}
a.more1:hover {
	text-decoration:underline;
}
a.more2 {
	color: #49166D;
	background: url(../images/global/all/imgArrow.gif) no-repeat scroll 100% 4px transparent;
	padding-right: 10px;
	font-size: 12px;
	text-decoration:none;
	padding-bottom: 15px;
}
a.more2:hover {
	text-decoration:underline;
}
a.more3 {
	color: #49166D;
	background: url(../images/global/all/imgArrow.gif) no-repeat scroll 0 0.2em transparent;
	padding-left: 10px;
	font-size: 12px;
	font-weight:bold;
	text-decoration:underline;
}
a.more3:hover {
	text-decoration:underline;
}
a.more4 {
	color: #49166D;
	font-size: 12px;
	text-decoration:none;
}
a.more4:hover {
	text-decoration:underline;
}
a.more5 {
	color: #49166D;
	font-size: 12px;
	font-weight:bold;
	text-decoration:underline;
}
a.more5:hover {
	text-decoration:underline;
}
a.more6 {
	color: #49166D;
	background: url(../images/global/all/imgArrow.gif) no-repeat scroll 0 0.2em transparent;
	padding-left: 10px;
	font-size: 12px;
}
a.more6:hover {
	text-decoration:underline;
}
a.more7 {
    color: #49166D;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}
/* ---------------------- Button Style  ----------------------  */

a.btnSkin1, span.btnSkin1, input.btnSkin1, a.btn, input.btn, a.button, input.button {
	color:#fff;
    background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b3ff66), color-stop(1%, #b3ff66), color-stop(1%, #57a708), color-stop(90%, #57a708), color-stop(90%, #41813c), color-stop(100%, #41813c));
    background-image:-webkit-linear-gradient(#b3ff66,#b3ff66 1%,#57a708 1%,#57a708 90%,#41813c 90%,#41813c);
    background-image:-moz-linear-gradient(#b3ff66,#b3ff66 1%,#57a708 1%,#57a708 90%,#41813c 90%,#41813c);
    background-image:-o-linear-gradient(#b3ff66,#b3ff66 1%,#57a708 1%,#57a708 90%,#41813c 90%,#41813c);
    background-image:linear-gradient(#b3ff66,#b3ff66 1%,#57a708 1%,#57a708 90%,#41813c 90%,#41813c);
    background-color:#57a708;
	
	display: inline-block;
	padding: 5px 15px 6px;
	border: medium none;
	border-radius: 2px;
	
	display: inline-block;
	font-family: "tlightregular","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 15px;
	line-height: 15px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(89, 88, 89, 0.2);
	 }
a:hover.btnSkin1, a:focus.btnSkin1, input:hover.btnSkin1, input:focus.btnSkin1, a.btn, input.btn, a:hover.button, input:hover.button {
	color:#fff;
    background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b3ff66), color-stop(1%, #b3ff66), color-stop(1%, #408000), color-stop(90%, #408000), color-stop(90%, #41813c), color-stop(100%, #41813c));
    background-image:-webkit-linear-gradient(#b3ff66,#b3ff66 1%,#408000 1%,#408000 90%,#41813c 90%,#41813c);
    background-image:-moz-linear-gradient(#b3ff66,#b3ff66 1%,#408000 1%,#408000 90%,#41813c 90%,#41813c);
    background-image:-o-linear-gradient(#b3ff66,#b3ff66 1%,#408000 1%,#408000 90%,#41813c 90%,#41813c);
    background-image:linear-gradient(#b3ff66,#b3ff66 1%,#408000 1%,#408000 90%,#41813c 90%,#41813c);
    background-color:#408000;
	text-decoration: none;
  	}
/* ----------------------- Tabs Layout  ------------------------  */
.tabsList {
	background: url(../images/global/all/bkgTabs.gif) repeat-x scroll left bottom #F8F8F8;
	display: block;
	margin: 0 0 24px !important;
	height:42px;
	overflow:hidden;
 	*width:100%;
}
.tabsList li {
	border-bottom: 1px solid #FFFFFF;
	float: left;
	list-style: none outside none;
	margin-top: 0;
}
.tabsList a {
    color: #666666;
	display: block;
	padding: 13px 20px 12px;
	text-decoration: none;
}
.tabsList a:hover {
	text-decoration:underline;
}
.tabsList .selected {
	background: url(../images/global/all/bkgTabRightOn.gif) no-repeat scroll right top transparent;
}
.tabsList .selected a {
	background: url(../images/global/all/bkgTabLeftOn.gif) no-repeat scroll left top transparent;
	color: #66CC00;
	cursor: default;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
	text-decoration:none;
}
.tabsList .selected a:hover {
	text-decoration:none;
}
.tabsListTrans {
	background: url(../images/global/all/bkgTabs.gif) repeat-x scroll left bottom #F8F8F8;
	display: block;
	margin: 0 0 24px;
	height:42px;
	overflow:hidden;
 	*margin: 0 0 9px;
 	*width:100%;
}
.tabsListTrans li {
	border-bottom: 1px solid #FFFFFF;
	float: left;
	list-style: none outside none;
	margin-top: 0;
}
.tabsListTrans a {
    color: #666666;
	display: block;
	padding: 13px 20px 12px;
	text-decoration: none;
}
.tabsListTrans a:hover {
	text-decoration:underline;
}
.tabsListTrans .selected {
	background: url(../images/global/all/bkgTabRightOn.gif) no-repeat scroll right top transparent;
}
.tabsListTrans .selected a {
	background: url(../images/global/all/bkgTabLeftOn.gif) no-repeat scroll left top transparent;
	color: #66CC00;
	cursor: default;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
	text-decoration:none;
}
.tabsListTrans .selected a:hover {
	text-decoration:none;
}
.js .tabs .currentInfo, .js .tabs .accessibletabsanchor {
	left: -999em;
	position: absolute;
}
/* ----------------------- Box Style  -----------------------  */
.boxStyle2 {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	background-color: #f4f4f4;
	border: 1px solid #dedede;
}
/* --------------------- Shortcuts Box ----------------------  */
#shortCutBox {
	background:url(../images/global/all/bkgLandingBox.png) repeat-y;
	margin:10px auto 0 auto;
	padding:4px 0 10px;
	overflow:hidden;
	width:978px;
}
#shortCutBox h5{
	margin-bottom: 6px;
	width:160px;
}
#shortCutBox ul {
	float: left;
}
#shortCutBox li {
	margin-bottom:5px;
}
#shortCutBox .technicalHelp, #shortCutBox .clientValue, #shortCutBox .contactUsList {
	float: left;
}
#shortCutBox .technicalHelp {
	padding: 0 0 0 18px;
	width: 325px;
}
#shortCutBox .clientValue {
	width: 326px;
}
#shortCutBox #client {
	width:325px;
}

#promo{
	 margin: 20px 0 0 10px;
}
/* -------------------------- Contact Form --------------------------  */
#hidePage {
	position:fixed;
	width:833.33em;
	height:1000.000em;
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	background-color:#040404;
	top:0px;
	left:0px;
	z-index:1;
}
#formContainer {
	background:url(../images/global/all/picContact.jpg) no-repeat bottom #fff;
	position:absolute;
	left: 50%;
	margin-top: 3.333em;
	margin-left: -29.833em;
	width: 59.750em;
	z-index:2;
	-webkit-border-radius: 0.667em;
	-moz-border-radius: 0.667em;
	border-radius: 0.667em;
	-o-border-radius: 0.667em;
	-moz-box-shadow: 0.083em 0.083em 1.000em #010101;
	-webkit-box-shadow: 0.083em 0.083em 1.000em #010101;
	box-shadow: 0.083em 0.083em 1.000em #010101;
}
#topBar {
	background:url(../images/global/all/bkgTopBar.png) repeat-x;
	-webkit-border-top-left-radius: 0.667em;
	-webkit-border-top-right-radius: 0.667em;
	-moz-border-radius-topleft: 0.667em;
	-moz-border-radius-topright: 0.667em;
	-o-border-radius-topleft: 0.667em;
	-o-border-radius-topright: 0.667em;
	border-top-left-radius: 0.667em;
	border-top-right-radius: 0.667em;
	border-bottom:#dcdbdc solid 0.083em;
	height:2.750em;
	position:relative;
}
#topBar #closeBtn {
	color:#646465;
	cursor:pointer;
	background-color:transparent;
	width:6.667em;
	height: 2.167em;
	position:absolute;
	top:0.500em;
	right:1.000em;
	padding:0em;
	border:0em;
	overflow: visible;
}
#topBar #closeSpan {
	position:absolute;
	left:0em;
	top: 0.425em;
	text-align: right;
	width: 4em;
}
#topBar #closeBtnImg {
    position: absolute;
    right: 0;
    top: 0;
	height: 2.167em;
	width:2.417em;
    background:url(../images/global/all/icoClose2.png) no-repeat 0 0;
}
#formDetails {
	min-height:37.500em;
	padding:2.333em 3.333em 3.333em 4.167em;
}
#formDetails h2 {
	background:url(../images/global/fr/txtContactUs.png) no-repeat;
	height:3.333em;
	width:190px;
	margin-bottom:1.667em;
	text-indent: -8333.250em;
}
#formContainer label {
	display:inline-block;
	padding:5px 0 0;
	width:168px;
	font-weight:normal;
	vertical-align:top;
}
#formContainer p {
	margin-bottom:0px;
}
#formContainer input.button {
	color:#fff;
	border:none;
	margin:0.333em 0 6.000em;
}
#formContainer .requiredField {
	color:#66CC00;
	font-weight:bold;
	margin-bottom:8px;
}
#formContainer .green {
	color:#66CC00;
	font-weight:bold;
}
#formContainer textarea {
	height:96px;
	width:334px;
}
#formContainer input, #formContainer textarea, #formContainer select {
	border:#7e9eb7 solid 1px;
	font-size: 12px;
	line-height: 1.231;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	outline:none;
}
#formContainer .invalid {
	background:url(../images/global/all/icoError2.png) no-repeat;
	display:inline-block;
	width:18px;
	height:20px;
	margin: 0 0 0 8px;
}
#formContainer #error {
	color:#e00500;
	background:url(../images/global/all/icoError1.png) no-repeat 6px 4px #f4f4f4;
	display:none;
	padding:0px 10px 2px 33px;
	margin-bottom:14px;
	width:522px;
}
#formContainer .alertBox {
	  background:url(../images/global/all/icoAlert.png) no-repeat 8px 4px;
	  padding:1.000em 0 1.000em 5.500em;
	  min-height:2.500em;
	  overflow:hidden;
}
#formContainer #infoMessage {
	  display:none;
}
#formContainer #infoMessage.visible {
	  display:block;
}
#formContainer .boxStyle2 {
	margin-bottom:1.333em;
}
.formUl {
	padding-top:10px;
}
#formContainer #error li {
	background:url(../images/global/all/imgBulletError.gif) no-repeat 3px 6px;
	padding-left:12px;
}
#formContainer #confirmation {
	min-height: 330px;
	padding:32px 40px 20px 50px;
}
#formContainer .confirmContainer {
	
	overflow:hidden;
}
#formContainer #confirmation h2 {
	background:url(../images/global/fr/txtConfirmation.png) no-repeat;
	text-indent:-9999px;
	margin-bottom:20px;
	height:40px;
	width:200px;
}
#formContainer #confirmation p {
	margin-bottom: 12px;
}
#imConfirm {
	float:left;
	background:url(../images/global/all/icoConfirm.png) no-repeat;
	display:inline-block;
	padding-right:4px;
	width:128px;
	height:73px;
}
#formContainer .advServcies {
	margin:26px 0 15px 0;
	overflow:hidden;
	padding:13px;
}
#formContainer .note {
	color:#666;
	font-size:11px;
}

#tel1{
  width:30px;
}
#tel2{
  width:30px;
}
#tel3{
	width:35px;
}
#ext{
	width:55px;
}
#formContainer.simpleMessage {
	min-height:21.000em;
	overflow:hidden;
}
#formContainer.simpleMessage #formDetails {
	min-height:12.500em;
	overflow:hidden;
}
#formContainer.simpleMessage #formDetails .messageCommands {
	float:right;
	margin:0.750em 1em 5.500em 0;
}
#formContainer.simpleMessage #formDetails .messageCommands .button {
	margin:0 0 0 0.500em;
}
#formContainer.simpleMessage .boxStyle2 a {
	color:#49166D;
	text-decoration:underline;
}
#formContainer.simpleMessage .boxStyle2 a:hover,
#formContainer.simpleMessage .boxStyle2 a:focus {
	color:#9273A7;
	text-decoration:underline;
}
/* -------------------------- TTV Form --------------------------  */
#formContainer {
	background:url(../images/global/all/picContact.jpg) no-repeat bottom #fff;
	position:absolute;
	left: 50%;
	margin-top: 3.333em;
	margin-left: -29.833em;
	width: 59.750em;
	z-index:2;
	-webkit-border-radius: 0.667em;
	-moz-border-radius: 0.667em;
	border-radius: 0.667em;
	-o-border-radius: 0.667em;
	-moz-box-shadow: 0.083em 0.083em 1.000em #010101;
	-webkit-box-shadow: 0.083em 0.083em 1.000em #010101;
	box-shadow: 0.083em 0.083em 1.000em #010101;
}


.copyWriteSelf {
	font-size:11px;
	border-top:1px solid #57A708 ;
	padding:8px 0 10px 0;
	}
/* ------------- Legale Notes -------------  */

.legalLink {
  text-decoration: underline;
  color: #49166D;
  }
 .legalGroup a{
    color: #49166D;
}

p a:link, p a:visited, a.detail-link:link, a.detail-link:visited {
	color: #49166D;
	text-decoration: underline;
}
p a:hover, p a:focus, a.detail-link:hover, a.detail-link:focus {
	color: #9273a7;
}

 /*ie7 FIX*/
sup.sup1:hover span{
 *top:25px;
}

/* ------------- Tooltips -------------  */
.legalTip {
	cursor:pointer;
	 }
.tooltip  {
	display:none;
	background:url(../images/global/all/bg-tips-top.png) no-repeat; 
	position:absolute;
	top:40px;
	left:0px;
	width:366px;
	z-index:9999;
	padding-right:12px;
	}
.boxMainSection div.tooltip {
    float:none;
    min-height:inherit;
	padding:0;
    width: 366px;
}


.boxMainSection div.tooltipContent {
	padding-left:0
}
.tooltipContent,.boxMainSection div.tooltipContent  {
	position:relative;
	}
.tooltip .arrow{
	background-image:url(../images/global/all/tips-arrow.png);
	background-repeat:no-repeat;
	position:absolute;
	height:24px;
	width:38px;
	left:150px;
	}
.boxMainSection .tooltip div.arrow {
    float: none;
    min-height:24px;
    padding: 0;
    width: 38px;
}	
.tooltip.top.left .arrow{
	bottom:-4px;
	left:265px;
	}
.tooltip.top  .arrow{ 
	background-image:url(../images/global/all/tips-arrow-bottom.png);
	bottom:-4px;
	left:165px;
	}
	.boxMainSection .tooltip.top  .arrow{ 
	bottom:20px;
	}
.tooltip.right  .arrow{
	left:30px;
	}
.tooltip.left  .arrow{
	left:265px;
	}
.tooltip.top.right  .arrow{
	bottom:-4px;
	left:30px;
	}
.tooltipTitle{
	display:block;
	padding:41px 0 0 36px;
	margin:0;
	}
.tooltip p{
  background:url(../images/global/all/bg-tips.png) no-repeat bottom left;
  font-family:Arial, sans-serif;
  color:#666;
  font-size:12px;
  margin:0 0 -11px 0;
  padding:0 30px 50px 36px;
  text-align:left;
  width:318px;
  }
  
.tooltip.top.right .arrow\, .tooltip.top.right  .arrow\{
	bottom:-2px;
	}

 /* ==========================================================================
   Error 404
   ========================================================================== */
.errorContent {
    float: left;
    min-height: 100px;
    padding-right: 50px;
    width: 566px;
}
.errorContent h1{
    margin:20px 0 16px;
}
.errorPage #stdContainer {
	background:none;
	}
.hdSkin3 {
	color:#49166D;
	font: 30px "tthinregular","Helvetica Neue",Helvetica,Arial,sans-serif;
	}