/*
telus main style sheet
Copyright 2009 Inpix.ca / macharron@inpix.ca
Last edit: 2009-05-14
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; list-style-type: none;}

body { background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: .75em; line-height: 1.4em; color: #666;}

#container { text-align: left; width: 970px; margin: 0 auto; position: relative;}

/* //////////////////////////////////////////////////////////////////////////
general */

a { color: #666; text-decoration: none;}
a:hover, a:active, a:focus { color: #66cc00; text-decoration: underline;}
a.selected, li.selected a { cursor: default;}
a.selected:hover, a.selected:active, a.selected:focus { cursor: default!important;}

/* visited */
a:visited {}

/* title */
h1, h2, h3, h4, h5, h6 { }
h1 a, h2 a, h3 a, h5 a, h6 a { }
h1 a:hover, h1 a:active, h1 a:focus, h2 a:hover, h2 a:active, h2 a:focus, 
h3 a:hover, h3 a:active, h3 a:focus, h4 a:hover, h4 a:active, h4 a:focus, 
h5 a:hover, h5 a:active, h5 a:focus, h6 a:hover, h6 a:active, h6 a:focus { }

h1 { }
h2 { }
h3 { font-size: 1.33em; font-weight: normal; }
h4 { font-weight: bold;}
h5 { }
h6 { }

/* bt */

/* bt end */

/* forms */
fieldset { margin-bottom: 20px;}
.form-rule { font-size: .916em;/*11px*/}
.col3 { float: left; width: 33%;}

.i-txt input, .i-sel select, .i-area textarea { color: #666; border: 1px solid #66cc00; background: #fff url(../img/bg-inputs.gif) 0 0 repeat-x; font-size: 100%; font-family: Arial, Helvetica, sans-serif;}
.i-txt input { height: 16px;}
.i-sel select { height: 22px;}
.i-area textarea { height: 150px;}
.i-file input { width: auto; font-size: 100%;}
.i-check input, .i-radio input { width: auto!important;}
label { padding-right: 5px;}

/* label sur même ligne */
.i-lg label, .i-lg .label { float: left; width: 197px; display: block; margin-top: 4px; padding: 0;}
.i-lg .i-radio label, .i-lg .i-check label { float: none; width: auto; display: inline;}
.i-lg .i-txt, .i-lg .i-sel, .i-lg .i-area { float: left; display: block;}

/* label sur une ligne */
.i-high label, .i-high .label { display: block; float: none; font-weight: bold; margin-bottom: 1px; padding: 0;}
.i-high .i-radio label, .i-high .i-check label { display: inline; font-weight: normal;}
.i-high .i-txt, .i-high .i-sel, .i-high .i-area, .i-high .i-file { display: block; margin-bottom: 7px;}

/* plusieurs input sur même ligne */
.i-multi .i-txt, .i-multi .i-sel, .i-multi .i-split { float: left; display: block; margin-right: 10px; }
.i-multi .i-split { margin-top: 3px;}
	.i-multi .i-split-sml { margin-right: 5px; margin-left: -5px;}
	.i-multi .i-split-large { margin-left: 15px;}
	.i-multi .i-split label { display: inline; width: auto; margin-top: 0; padding: 0;}

/* size */
.i-short { width: 50px!important;}
.i-short2 { width: 100px!important;}
.i-short3 { width: 125px!important;}
.i-med { width: 150px!important;}
.i-med2 { width: 200px!important;}
.i-long { width: 250px!important;}
.i-long2 { width: 300px!important;}
.i-long3 { width: 350px!important;}
.i-long4 { width: 400px!important;}

select.i-short { width: 54px!important;}
select.i-short2 { width: 104px!important;}
select.i-med { width: 154px!important;}
select.i-med2 { width: 204px!important;}
select.i-long { width: 254px!important;}
select.i-long2 { width: 304px!important;}

.i-area .i-low { height: 75px;}

/* submits */
.choice { margin: 0 0 20px;}
.choice button, .choice a { float: left; margin-right: 10px;}
.choice .link { margin-top: 3px; font-size: .916em;/*11px*/}
	
/* error */
ul.error { margin-bottom: 15px; }
	ul.error li { color: #000; margin: 0 0 8px 20px; list-style-type: disc;}
		ul.error li label { background: #ffecab; margin: 0; padding: 0 3px; display: inline; float: none; font-weight: normal;}
.error_label { color: #000; font-weight: bold;}
input.error, select.error { background-color: #ffecab;}
/* error end */

/* form end*/

/* class gen */
.use-hidden { position: absolute; margin-left: -9000px!important;}
.big { font-size: 1.16em; line-height: 1.6em;}
.clearfix { overflow: hidden;}
.clearer { width: 100%!important; clear: both; height: 1px; line-height: 0; font-size: 1px; float: none!important; overflow: hidden; margin: 0!important; padding: 0!important;}
.float { float: left!important;}
.float-r { float: right!important;}
.hidden { visibility: hidden;}
.none, .printonly { display: none!important;}
.no_float { float: none!important;}
.self-clear { width: 100%; overflow: hidden;}
.small { font-size: 92%;}
.no_space { margin-bottom: 0!important;}
.space { margin-bottom: 10px!important;}
.spaced { margin-bottom: 15px!important;}
.spaced-sml { margin-bottom: 5px!important;}
.spaced-big { margin-bottom: 30px!important;}
.spaced-top { margin-top: 15px!important;}
.sup { font-size: 81%; position: relative; top: -2px;}
.top { text-align: right;}
/* class gen end */


/* header */
#header { position: relative; width: 100%; float: left; border-bottom: 7px solid #66cc00; margin: 0 0 10px; }
	#header h1 { float: left; margin: 19px 47px 0 0; padding-bottom: 21px; width: 204px; height: 60px;}
	#header h1 a { display: block; height: 60px; background: url(../img/logo.gif) 0 0 no-repeat; text-indent: -9000px;}
	#pg-acc #header h1 a:hover { cursor: default;}
	
	#header #ls-menu { position: absolute; left: 251px; bottom: 0; width: 340px;}
	#header #ls-menu li { float: left;}
	#header #ls-menu #bt1 { width: 122px;}
	#header #ls-menu #bt2 { width: 94px;}
	#header #ls-menu #bt3 { width: 124px;}
		#header #ls-menu li a { display: block; height: 38px; text-indent: -9000px; background: url(../img/bg-menu.jpg) 0 0 no-repeat;}
		#header #ls-menu #bt2 a { background-position: -122px 0;}
			#header #ls-menu #bt2 a:hover { background-position: -122px -38px; }
		#header #ls-menu #bt3 a { background-position: -216px 0;}
			#header #ls-menu #bt3 a:hover { background-position: -216px -76px;}
	
	/* options */
	#header #option1 { margin: 0 0 31px;}
	#header #option1 form { margin: 7px 0 0 15px;}
	
	#header #option2 .ls-how { width: 9em;}
	#header #option2 .item a { margin-left: 3px;}
	#header #option2 form {  margin: 5px 12px 0 0;}
	#header #option2 form p { float: left;}
	#header #option2 form p input { float: left;}
	#header #option2 form p .i-txt { float: left; margin: 1px 5px 0 0;}
	
	#header #options { float: right; width: 360px; margin-top: 1px;}
	#header #option2 form { float: right;}
	#header #options ul { float: right;}
	#header #options ul .item { float: left; background: url(../img/split-ls.gif) left 12px no-repeat;}
	#header #options ul .first { background: none; margin-right: 3px;}
	#header #options ul .item a { display: block; padding: 8px 8px 0 14px;}
	/* options end */
	
	#header #options ul .item { z-index: 9998;}
	#header #options ul .item .link-sm { padding: 0 0 0 5px; position: relative; z-index: 9999;}
	#header #option2 ul .item { z-index: 8887;}
	#header #option2 ul .item .link-sm { z-index: 8888;}
	
	#header .item-sm .link-sm:hover { text-decoration: none; color: #666;}
	#header .item-sm .link-sm em {  height: 16px; padding: 8px 10px 8px 8px; font-style: normal; display: block; cursor: pointer;}
	
	#header .item-sm .sm { display: none;}
	#header .open .sm, #header .item-sm:hover .sm { display: block; position: absolute; margin: -0.7em 0 0 -50px; z-index: 9000;}
		#header .open .sm2, #header .item-sm:hover .sm2 { right: 0; margin-right: -5px; /*margin-left: -218px;*/  z-index: 8000;}
	#header .open .link-sm, #header .item-sm:hover .link-sm { background: url(../img/bg-bt-sm.gif) 0 0 no-repeat; font-weight: bold;}
	#header .open .link-sm em, #header .item-sm:hover .link-sm em { background: url(../img/bg-bt-sm-r.gif) right 0 no-repeat;}
	#header .open .link-sm span, #header .item-sm:hover .link-sm span { background-position: right -47px;}
	
	/* sm */
	#header .sm { width: 330px; font-size: .916em;}
	#header .sm .inner { padding: 20px 2px 10px; background: url(../img/bg-sm-all.png) 0 0 no-repeat;}
	#header .sm .foot { height: 5px; line-height: 5px; overflow: hidden; font-size: 1px; background: url(../img/bg-sm-foot.png) 0 0 no-repeat;}
	#header .sm .intro { padding: 0 25px;}
	#header .sm a { padding-top: 0!important; padding-right: 0!important}
	
	#header .sm ul { float: none!important;}
	#header .sm ul li { padding: 7px 25px; background: url(../img/split-sm.gif) center bottom no-repeat;}
	#header .sm ul li p { padding: 0 14px;}
	#header .sm ul li.last { background: none;}
	#header .sm ul li:hover { background-color: #f3f3f3; cursor: pointer;}
	#header .sm ul li:hover a { color: #66cc00; text-decoration: underline; }
	
/* header end */


/* content */
#content { clear: both; padding: 0 0 10px;}
	.col { float: left; width: 700px;}
	.side { float: right; width: 260px;}
	
.intro p, .intro ul, .intro dl { margin: 0 0 15px; line-height: 1.4em;}
	.ls-norm li { list-style-type: disc; margin: 0 0 5px 15px;}

.link-sm span { background: url(../img/icn-arrows.gif) right 3px no-repeat; padding-right: 16px;}
.arrows-links a { background: url(../img/icn-arrows.gif) 0 -97px no-repeat; padding-left: 14px;}
.arrow-links span { background: url(../img/icn-arrow.png) right 9px no-repeat; padding-right: 12px;}
.arrow-links2 span { background: url(../img/icn-arrow.png) right -38px no-repeat; padding-right: 12px;}

#viewer { width: 700px; height: 260px; overflow: hidden;}

/* ****** */
/* col */
/* business-sel */
#box-business-sel { margin: 10px 0 10px; background: url(../img/bg-business-sel.jpg) 0 0 no-repeat;}
#box-business-sel .col3 { width: 233px; background: url(../img/split-business-sel.gif) right 50px no-repeat;}
#box-business-sel .last { background: none}

	#box-business-sel h3 { height: 45px; background: url(../img/split-business-t.gif) right 1px no-repeat;}
	#box-business-sel h3 a { color: #fff; display: block; height: 30px; margin: 4px 0 4px 3px;}
	#box-business-sel h3 a:hover { background: url(../img/bg-business-sel.gif) 0 0 no-repeat; text-decoration: none;}
	#box-business-sel h3 a span { display: block; margin-left: 10px; cursor: pointer;}
	#box-business-sel h3 a em { display: block; height: 30px; padding: 0; font-style: normal; cursor: pointer; text-indent: -9000px; background-position: 0 0; background-repeat: no-repeat;}
	#box-business-sel h3 a:hover em { background-position: 0 -30px;}
	
	#box-business-sel h3 a b { display: none; }
	#box-business-sel h3 a:hover b { position: absolute; display: block; margin: -30px 0 0 150px; height: 30px; background: url(../img/bg-business-pop.gif) 0 0 no-repeat; padding-left: 3px; text-indent: 0; font-weight: bold; }
	#box-business-sel h3 a b i { display: block; height: 30px; background: url(../img/bg-business-pop-r.gif) right 0 no-repeat; padding: 6px 3px 0 0; font-style: normal; color: #666; font-size: .6875em;}
		
	#t-sml-business span { width: 110px;}
		#t-sml-business em { width: 110px; background-image: url(../img/t-sml-business.gif)}
	#t-med-business span { width: 188px;}
		#t-med-business em { width: 188px; background-image: url(../img/t-med-business.gif)}
	#t-industry span { width: 64px;}
		#t-industry em { width: 64px; background-image: url(../img/t-industry.gif)}
	
	#box-business-sel .last h3 { background: none;}
	#box-business-sel .col3 ul { min-height: 120px;}
	#box-business-sel .col3 li { margin: 0 15px 5px;}
/* business-sel end */

/* box-provider */
#box-provider { margin: 0 0 20px;}
#box-provider h3 a { position: relative; display: block; width: 150px; height: 27px; color: #66cc00; background: url(../img/bg-tab-provider.gif) 0 0 no-repeat; padding: 0 0 0 16px;}
	#box-provider h3 a:hover { background-position: 0 -27px; text-decoration: none;}
#box-provider h3 a em { display: block; height: 27px; background: url(../img/bg-tab-provider-r.gif) right 0 no-repeat; padding: 0 16px 0 0; cursor: pointer; font-style: normal;}
	#box-provider h3 a:hover em { background-position: right -27px;}

#box-provider h3 a span { display: block; width: 118px; margin-left: 3px; cursor: pointer;}	
#box-provider h3 a strong { display: block; position: relative; top: 1px; width: 118px; height: 25px; background: url(../img/t-provider.gif) 0 0 no-repeat; font-weight: normal; cursor: pointer; text-indent: -9000px;}
#box-provider h3 a:hover strong { background-position: 0 -25px;}
	
#box-provider .inner { margin-top: -2px; padding: 0 0 0 20px; background: url(../img/bg-provider.gif) 0 0 no-repeat;}
#box-provider .foot { height: 3px; overflow: hidden; font-size: 1px; background: url(../img/bg-provider-foot.gif) 0 0 no-repeat;}
#box-provider ul { float: left; width: 100%; padding: 10px 0 7px;}
#box-provider ul li { float: left; width: 25%;}
/* box-provider end */

/* ****** */
/* side */
.box { margin: 0 0 20px;}
.box .title { height: 45px; background: url(../img/bg-t-box.jpg) 0 0 no-repeat;}
.box .title span { display: block; height: 45px; text-indent: -9000px; background-position: 12px center; background-repeat: no-repeat;}
.box #t-business-solutions span { background-image: url(../img/t-business-solutions.gif);}

.box-type2 { font-size: .916em;}
.box-type2 h3 span { display: block; height: 20px; text-indent: -9000px; background-position: 0 0; background-repeat: no-repeat; margin: 0 0 12px;}
#t-business-bundle span { background-image: url(../img/t-business-bundle.gif);}

.box .inner { padding: 13px 13px 0; background: #fcfcfc url(../img/bg-box.gif) 0 1px repeat-x; border: 1px solid #e2e2e2;}
.box-type2 .inner { padding: 13px 0 0 11px; background: #fff url(../img/bg-box2.gif) 0 bottom repeat-x; border-left: none; border-right: none;}
.box-type2 .posfix { padding: 0 6px 0 3px;}

.box-type2 img.float-r { display: block; margin: 0 0 5px 5px;}
.box-type2 .bt-tellmore { margin: 0 0 15px 13px;}
.box-type2 .bt-tellmore a { display: block; width: 98px; height: 22px; background: url(../img/bt-tellmore.gif) 0 0 no-repeat; text-indent: -9000px;}

.box .arrows-links li { margin-bottom: 5px;}
.important { font-size: 1.16em; font-weight: bold;}

/* content end */


/* footer */
#footer { background: url(../img/bg-footer.gif) center 0 no-repeat; padding: 10px 20px 5px; font-size: .833em;}
#footer div { float: left; width: 800px;}
#footer p { float: right; color: #999;}

#footer ul { padding: 0 0 5px;}
#footer ul.last a { color: #999;}
#footer ul.last a:hover { color: #66cc00;} 
#footer li { display: inline; padding-right: 15px;}
/* footer end */