@charset "utf-8";

/* Zero-out browser defaults */
html { font-family:arial,helvetica,verdana,sans-serif; font-size:75%; margin:0px; padding:0px; }
html * { position:relative; margin:0em; padding:0em; line-height:1.25em; font-size:1em; color:#333; }

b { font-weight:bold; }
b * { font-weight:bold; }

/* Page structure */
	/* Header */
		#header { display:none; }
	/* Footer */
		#footer { display: none; }
	/* Content */
		#content, .content { width:940px; margin:0em auto; }
		#home #content { width:940px; }
		#content { overflow:hidden; }
		#calculator, .calculator { width:940px; margin:0em auto; }
		#home #calculator { width:940px; }
		#calculator { overflow:hidden; }
	/* Main */
		#main { float:left; width:628px; }
		#compare #main { float:none; width:100%; }
	/* Side */
		#side { float:right; width:290px; padding-bottom:4em; }
		#compare #side { padding-bottom:none; }

/* Navigation */
ul#nav { list-style:none; background:url("bg-primary-navigation-separator.gif"); position:absolute; top:29px; right:0px; height:33px; } /* SMW 20081008 */
ul#nav li { float:left; margin-left:1px; }
ul#nav li.first, li.form { margin-left:0px!important; }

/* Help FAQ Login Navigation */
ul#help-faq-login { list-style:none; overflow:auto; height:1.5em; position:absolute; bottom:70px; right:0px; z-index:1; margin:0em!important; }
ul#help-faq-login li { float:left; }
ul#help-faq-login li a { font-weight:bold; color:#666; text-decoration:none; font-size:0.9em; outline:0; } /* SMW 20081118 */
ul#help-faq-login li.first a { color:#ff7000; }
ul#help-faq-login li a:hover { color:#ff7000; border-bottom:1px dotted #ff7000!important; }
ul#help-faq-login li::before { content:"|"; margin:0em 1em; color:#ccc; }
ul#help-faq-login li.first::before { content:""; margin:0em; }

/* Breadcrumb Navigation */
#breadcrumb { font-weight:bold; color:#666; width:945px; margin:1.5em auto; }
#breadcrumb span { display:none; }
#breadcrumb a { color:#999; font-weight:bold; text-decoration:none!important; }
#breadcrumb a:after { content:"\2002\00bb\2002"; }
#breadcrumb a:hover { color:#8dbc00; }

/* Footer Navigation */
#footer ul.nav { margin:33px 0em 1.2em; list-style:none; overflow:auto; }
#footer ul.nav li { float:left; margin-right:1.5em; }
#footer ul.nav li a { color:#666666; font-weight:bold; text-decoration:none; }
#footer ul.nav li a:hover { color:#8dbc00; }
#footer #content p { margin-top:35px; }
#footer #calculator p { margin-top:35px; }

/* Content */
#content a { color:#5d5d5d; text-decoration:none; border-bottom:1px dotted #5d5d5d; }
#content a:hover { color:#8dbc00; text-decoration:none; border-bottom:1px dotted #8dbc00; }
#calculator a { color:#5d5d5d; text-decoration:none; border-bottom:1px dotted #5d5d5d; }
#calculator a:hover { color:#8dbc00; text-decoration:none; border-bottom:1px dotted #8dbc00; }

/* Docuemnt elements */
h1 { color:#666; font-size:2.5em; font-weight:bold; margin:0em 0em 0.2em; }
h1 sup { color:#666; }
h2 { color:#8dbc00; font-size:1.4em; font-weight:bold; margin:1.2em 0em 0.5em; }
h2 sup { color:#8dbc00; }
h3 { color:#8dbc00; font-size:1.2em; font-weight:bold; margin:1.2em 0em 0.5em; }
h4 { color:#444; font-size:1.2em; font-weight:bold; margin:1.2em 0em 0.5em; }
h1 + h2 { margin-top:0em; }
#content p { margin:1.25em 0em; }
#calculator p { margin:1.25em 0em; }

/* Lists */
ol li { color:#333333; }
#content ol li a { border:none; color:#ff6600; font-weight:bold; border-bottom:1px dotted #fff; }
#content ol li a:hover { color:#5d5d5d; border-bottom:1px dotted #5d5d5d; }
#content ul li { margin-bottom:2px; }
#content ul li, #content ul li a { color:#333; font-weight:normal; margin-left:0em; list-style:none; }
#content ul li a { color:#5d5d5d; border-bottom:1px dotted #5d5d5d; }
#content ul li a:hover { color:#8dbc00; font-weight:normal; margin-left:0em; list-style:none; border-bottom:1px dotted #8dbc00; }
#content ul li::before, #content dd::before { content:"\00bb\2002"; }
#home #content dd::before { color:#fff; }
#home #content .left dd::before { color:#c2a110; }
#home #content .mid dd::before { color:#aa4c25; }
#home #content .right dd::before { color:#477297; }

#calculator ol li a { border:none; color:#ff6600; font-weight:bold; border-bottom:1px dotted #fff; }
#calculator ol li a:hover { color:#5d5d5d; border-bottom:1px dotted #5d5d5d; }
#calculator ul li { margin-bottom:2px; }
#calculator ul li, #calculator ul li a { color:#333; font-weight:normal; margin-left:0em; list-style:none; }
#calculator ul li a { color:#5d5d5d; border-bottom:1px dotted #5d5d5d; }
#calculator ul li a:hover { color:#8dbc00; font-weight:normal; margin-left:0em; list-style:none; border-bottom:1px dotted #8dbc00; }
#calculator ul li::before, #calculator dd::before { content:"\00bb\2002"; }
#home #calculator dd::before { color:#fff; }
#home #calculator .left dd::before { color:#c2a110; }
#home #calculator .mid dd::before { color:#aa4c25; }
#home #calculator .right dd::before { color:#477297; }

#calculator ol li a { border:none; color:#ff6600; font-weight:bold; border-bottom:1px dotted #fff; }
#calculator ol li a:hover { color:#5d5d5d; border-bottom:1px dotted #5d5d5d; }
#calculator ul li { margin-bottom:2px; }
#calculator ul li, #calculator ul li a { color:#333; font-weight:normal; margin-left:0em; list-style:none; }
#calculator ul li a { color:#5d5d5d; border-bottom:1px dotted #5d5d5d; }
#calculator ul li a:hover { color:#8dbc00; font-weight:normal; margin-left:0em; list-style:none; border-bottom:1px dotted #8dbc00; }
#calculator ul li::before, #calculator dd::before { content:"\00bb\2002"; }
#home #calculator dd::before { color:#fff; }
#home #calculator .left dd::before { color:#c2a110; }
#home #calculator .mid dd::before { color:#aa4c25; }
#home #calculator .right dd::before { color:#477297; }

/* Buttons */
#content ul.buttons { display:none; }

#calculator ul.buttons { clear:both; margin:1em 0em!important; list-style:none; overflow:auto; }
#calculator ul.buttons li,
#calculator ul.buttons li a,
#calculator ul.buttons li a span,
#calculator ul.buttons li a span span { height:36px!important; margin:0em!important; display:block; line-height:36px!important; border-bottom:none!important; cursor:pointer; }
#calculator ul.buttons li { background:none; font-size:1.5em; font-weight:bold; height:36px; display:block; width:auto; float:left; margin:0.5em 13px 0.5em 0em!important; }
#calculator ul.buttons li::before { content:""; }
#calculator ul.buttons li a * { color:#666; }
#calculator ul.buttons li a:hover * { color:#fff; }
#calculator ul.buttons li a.button { background:url('bn-mid-a.gif') left top repeat-x; padding:0px!important; }
#calculator ul.buttons li a.button span { background:url('bn-left-a.gif') left top no-repeat; padding:0px 0px 0px 20px!important; }
#calculator ul.buttons li a.button span span { background:url('bn-right-a.gif') right top no-repeat; padding:0px 20px 0px 0px!important; white-space:nowrap; }
/* Orange */
#content ul.buttons li.right { float:left; }
#content ul.buttons li.right a.button { background-image:url('bn-mid-c.gif')!important; color:#fff!important; }
#content ul.buttons li.right a.button span { background-image:url('bn-left-c.gif')!important; color:#fff!important; }
#content ul.buttons li.right a.button span span { background-image:url('bn-right-c.gif')!important; color:#fff!important; }
#content ul.buttons li.right a.button:hover * { color:#666!important; }

#calculator ul.buttons li.right { float:left; }
#calculator ul.buttons li.right a.button { background-image:url('bn-mid-c.gif')!important; color:#fff!important; }
#calculator ul.buttons li.right a.button span { background-image:url('bn-left-c.gif')!important; color:#fff!important; }
#calculator ul.buttons li.right a.button span span { background-image:url('bn-right-c.gif')!important; color:#fff!important; }
#calculator ul.buttons li.right a.button:hover * { color:#666!important; }
/* Grey */
#content .half ul.buttons { margin:0.5em 0em!important; }
#content .half ul.buttons li a.button span { background-image:url('bn-left-grey-a.gif'); }
#content .half ul.buttons li a.button span span { background-image:url('bn-right-grey-a.gif'); }

#calculator .half ul.buttons { margin:0.5em 0em!important; }
#calculator .half ul.buttons li a.button span { background-image:url('bn-left-grey-a.gif'); }
#calculator .half ul.buttons li a.button span span { background-image:url('bn-right-grey-a.gif'); }
/* Homepage - Orange */
#home .left ul.buttons li a.button { background:url('bn-home-orange-mid-a.gif') left top repeat-x; padding:0px!important; }
#home .left ul.buttons li a.button span { background:url('bn-home-orange-left-a.gif') left top no-repeat; padding:0px 0px 0px 20px!important; }
#home .left ul.buttons li a.button span span { background:url('bn-home-orange-right-a.gif') right top no-repeat; padding:0px 20px 0px 0px!important; white-space:nowrap; color:#fff!important; }
/* Homepage - Grey */
#home .right ul.buttons li a.button { background:url('bn-home-grey-mid-a.gif') left top repeat-x; padding:0px!important; }
#home .right ul.buttons li a.button span { background:url('bn-home-grey-left-a.gif') left top no-repeat; padding:0px 0px 0px 20px!important; }
#home .right ul.buttons li a.button span span { background:url('bn-home-grey-right-a.gif') right top no-repeat; padding:0px 20px 0px 0px!important; white-space:nowrap; color:#fff!important; }
/* Homepage - Green */
#home .feature ul.buttons li a.button { background:url('bn-home-feature-mid-a.gif') left top repeat-x; padding:0px!important; }
#home .feature ul.buttons li a.button span { background:url('bn-home-feature-left-a.gif') left top no-repeat; padding:0px 0px 0px 20px!important; }
#home .feature ul.buttons li a.button span span { background:url('bn-home-feature-right-a.gif') right top no-repeat; padding:0px 20px 0px 0px!important; white-space:nowrap; color:#fff!important; }
/* Compare Products Tables - Orange */
#compare table ul.buttons li { margin:2px 0.5em 2px 0em!important; clear:left; }
#compare table ul.buttons li,
#compare table ul.buttons li a,
#compare table ul.buttons li a span,
#compare table ul.buttons li a span span { height:24px!important; line-height:24px!important; }
#compare table ul.buttons li a.button { background:url('bn-compare-orange-mid-a.gif') left top repeat-x; padding:0px!important; }
#compare table ul.buttons li a.button span { background:url('bn-compare-orange-left-a.gif') left top no-repeat; padding:0px 0px 0px 10px!important; }
#compare table ul.buttons li a.button span span { background:url('bn-compare-orange-right-a.gif') right top no-repeat; padding:0px 10px 0px 0px!important; white-space:nowrap; color:#fff!important; font-size:0.6em; font-weight:bold!important; text-transform:uppercase; }

/* Hovers */
#content ul.buttons li a.button:hover { background-image:url('bn-mid-b.gif')!important; color:#fff!important; }
#content ul.buttons li a.button:hover span { background-image:url('bn-left-b.gif')!important; color:#fff!important; }
#content ul.buttons li a.button:hover span span { background-image:url('bn-right-b.gif')!important; color:#fff!important; }
#content .half ul.buttons li a.button:hover span { background-image:url('bn-left-grey-b.gif')!important; }
#content .half ul.buttons li a.button:hover span span { background-image:url('bn-right-grey-b.gif')!important; }

#calculator ul.buttons li a.button:hover { background-image:url('bn-mid-b.gif')!important; color:#fff!important; }
#calculator  ul.buttons li a.button:hover span { background-image:url('bn-left-b.gif')!important; color:#fff!important; }
#calculator  ul.buttons li a.button:hover span span { background-image:url('bn-right-b.gif')!important; color:#fff!important; }
#calculator  .half ul.buttons li a.button:hover span { background-image:url('bn-left-grey-b.gif')!important; }
#calculator  .half ul.buttons li a.button:hover span span { background-image:url('bn-right-grey-b.gif')!important; }
/* Homepage - Orange */
#home .left ul.buttons li a.button:hover { background-image:url('bn-home-orange-mid-b.gif')!important; }
#home .left ul.buttons li a.button:hover span { background-image:url('bn-home-orange-left-b.gif')!important; }
#home .left ul.buttons li a.button:hover span span { background-image:url('bn-home-orange-right-b.gif')!important; color:#ff7722!important; }
/* Homepage - Grey */
#home .right ul.buttons li a.button:hover { background-image:url('bn-home-grey-mid-b.gif')!important; }
#home .right ul.buttons li a.button:hover span { background-image:url('bn-home-grey-left-b.gif')!important; }
#home .right ul.buttons li a.button:hover span span { background-image:url('bn-home-grey-right-b.gif')!important; color:#6e6e6e!important; }
/* Homepage - Green */
#home .feature ul.buttons li a.button:hover { background-image:url('bn-home-feature-mid-b.gif')!important; }
#home .feature ul.buttons li a.button:hover span { background-image:url('bn-home-feature-left-b.gif')!important; }
#home .feature ul.buttons li a.button:hover span span { background-image:url('bn-home-feature-right-b.gif')!important; color:#64b82c!important; }
/* Compare Products Tables - Orange */
#compare table ul.buttons li a.button:hover { background-image:url('bn-compare-orange-mid-b.gif')!important; }
#compare table ul.buttons li a.button:hover span { background-image:url('bn-compare-orange-left-b.gif')!important; }
#compare table ul.buttons li a.button:hover span span { background-image:url('bn-compare-orange-right-b.gif')!important; color:#ff7722!important; }
/* Links */
#content ul.buttons li.link,
#content ul.buttons li.link a,
#content ul.buttons li.link a span,
#content ul.buttons li.link a span span { font-size:1em; font-weight:bold; }
#content ul.buttons li.link * { color:#5d5d5d; }
#content ul.buttons li.link a span span::before { content:"\00bb\2002"; }
#content ul.buttons li.link a span span span::before { content:""; }
#content ul.buttons li.link a span span span { border-bottom:1px dotted #5d5d5d!important; width:auto; height:auto; display:inline; background:transparent; padding:0em!important; }
#content ul.buttons li.link a:hover span span span { border-bottom:1px dotted #fff!important; background:transparent!important; }

#calculator ul.buttons li.link,
#calculator ul.buttons li.link a,
#calculator ul.buttons li.link a span,
#calculator ul.buttons li.link a span span { font-size:1em; font-weight:bold; }
#calculator ul.buttons li.link * { color:#5d5d5d; }
#calculator ul.buttons li.link a span span::before { content:"\00bb\2002"; }
#calculator ul.buttons li.link a span span span::before { content:""; }
#calculator ul.buttons li.link a span span span { border-bottom:1px dotted #5d5d5d!important; width:auto; height:auto; display:inline; background:transparent; padding:0em!important; }
#calculator ul.buttons li.link a:hover span span span { border-bottom:1px dotted #fff!important; background:transparent!important; }

/* Panels (rounded corners)*/
.panel { clear:left; }
#side img { margin:0em 0em 1em; }
.top { background:#d8d8d8 url("corners-top.gif") top left no-repeat; padding:28px 0em 0px; margin-bottom:1em; }
.panel .btm { background:#d8d8d8 url("corners-btm.gif") bottom left no-repeat; padding-bottom:18px; /*height:15px;*/ min-height:1px; }		 
#main .btm { padding-left:2em; }
#side .top { padding-top:10px; }
#side .btm { background-image:url("panel-side-btm.gif"); }

#side .quicklinks, #side .webcam { background:#d8d8d8 url("panel-side-blue-top.gif") top left no-repeat; }
.panel h2 { margin:0em 1em 0.5em; color:#666; font-weight:bold; font-size:1.25m; }
.panel h2 a { font-weight:bold; border-bottom:none!important; }
.panel h2 a:hover { border-bottom:1px dotted #8dbc00!important; }
#side .panel dt { bottom left no-repeat; padding:0.2em 1em 10px; color:#fff; font-weight:bold; font-size:1.6em; margin-bottom:12px; }
#side .webcam { margin-bottom:-26px; }
#side .quicklinks dt, #side .webcam dt { bottom left no-repeat; }
#side .quicklinks dt.heading { font-size:1.35em; background:none; color:#666666; margin-top:0em; margin-bottom:-0.2em; margin-left:0.2em; }
#side .webcam dt { background-image:url("bn-citylink-webcam.jpg"); min-height:191px; margin:0em; margin-bottom:-27px; }
#side .webcam dd { margin:0em; padding:0em; position:relative!important; }
#side .webcam dd a { border-bottom:none!important; position:absolute; right:14px; bottom:-12px; }
#side .webcam dd a img {  }
#side .webcam dd::before { content:""; }
#side dd a { background:transparent!important; }

#side .help { background:#ff7722 url("panel-side-orange-top.gif") top left no-repeat!important; font-size:1.2em; margin-bottom:1em; padding-top:1px; }
#side .help .btm { background:transparent url("panel-side-orange-btm.gif") bottom left no-repeat; padding:0em 1em 1px!important; }
.help * { color:#fff; font-weight:bold; }
.help a { color:#fff!important; border-bottom:none!important; }
.help a:hover { color:#eee!important; border-bottom:none!important; }
.close { float:right; position:relative; left:0.5em;  }

dl.panel dt { background:transparent; color:#666; }

#side .plain { background-image:url("panel-side-top.gif"); }
#side .plain dl {  }
#side .plain dt { background:none; color:#333; font-weight:bold; font-size:1em; margin:1em 0em 0em 1em; padding:0em; }
#side .plain dd::before { content:""; }
#side .plain dd.bullet { text-indent:-1em; margin-left:1em; }
#side .plain dd.bullet::before { content:"\00bb\2002"; }

/* Product Wizard Panels */
ol.panel { font-size:2.2em; font-weight:bold; border:1px solid #e9e9e9; list-style-position:inside; }
ol.panel li.panel { background:#ededed url('bg-panel-ol.gif') top left no-repeat; margin-left:0em; padding:0.25em 250px 0.5em 1.5em; text-indent:-1em; line-height:1.1em!important; position:relative; min-height:50px; }
ol.panel li.panel span.top { background:transparent url('panel-numbered-top.gif') left top no-repeat; position:absolute; top:-1px; left:-1px; height:15px; width:628px; margin:0px!important; padding:0px!important; }
ol.panel li.panel span.btm { background:transparent url('panel-numbered-btm.gif') bottom left no-repeat!important; position:absolute; bottom:-1px; left:-1px; height:12px; width:628px; margin:0px!important; padding:0px!important; }
ol.panel li.panel span { font-size:0.5em; font-weight:bold; color:#666; line-height:1.1em!important; margin-top:-2em!important; display:block; text-indent:0em; margin-left:1em; }
ol.panel li.panel span b { color:#ff7000; font-weight:bold; display:block; margin:0.25em 0em -0.75em!important; }
ol.panel ul.buttons { z-index:1; float:right; position:absolute; top:-1.5em; right:0em; width:230px; overflow:visible!important; }
ol.panel ul.buttons li { float:left!important; }
ol.panel ul.buttons li * { text-transform:uppercase; }
ol.panel ul.buttons li span { min-width:180px; text-align:center; } /* Fixed-width buttons: SMW 20081124 */

/* Twin Half Panels */
.twin { clear:left; margin:1em 0em; }
.half { width:300px; float:left; clear:none; margin-left:28px; background-image:url('panel-half-top.gif')!important; }
.twin .left { margin-left:0px; }
.half .btm { background-image:url('panel-half-btm.gif')!important; padding-right:10px; padding-bottom:1px; }
.half dd, #home dd { text-indent:-1em; margin-left:1em; }
.half dt { font-size:1.4em; font-weight:bold; }
.twin .left dt { color:#ff7722; }
.twin .right dt { color:#005dab; }

/* Homepage Panels */
#home .hero { display:none; }

#home .feature { background:#64b82c url('panel-home-feature-top.gif') left top no-repeat; margin-bottom:9px; padding-top:24px; margin-top:18px; overflow:hidden; } /* SMW 20081120 */
#home .feature .btm { background:#64b82c url('panel-home-feature-btm.gif') left bottom no-repeat; margin-top:20px; color:#fff; min-height:180px; } /* SMW 20081120 */
/*#home .feature .hero { background:transparent url('hero-shot.jpg') left top no-repeat; position:absolute; top:0px; left:0px; width:463px; height:254px; }*/
#home .feature dl, #home .feature h1, #home .feature p { margin-left:33px!important; }
#home .feature dt, #home .feature h1 { font-size:2.5em; width:300px; color:#fff; font-weight:bold; line-height:0.9em; margin-top:-0.5em!important; } /* SMW 20081120 */
#home .feature dd, #home .feature p { font-size:1.45em; width:420px; color:#fff; text-indent:0em; margin-left:0em; margin-top:0.5em; margin:0.5em 0em; } /* SMW 20081120 */
#home .feature dd::before { content:""; }
#home .feature ul.buttons { margin-left:33px!important; margin-top:-1em!important; }
#home .panels  ul.buttons li a { width:280px; outline:0; } /* SMW 20081124 */

#home .panels { margin-top:23px; margin-bottom:12px; }
#home .panels, #home panels .top, #home .panels .btm { overflow:auto; width:997px; }
#home .panels { background:url('panel-home-top.gif') left top no-repeat; padding-top:59px; }
#home .panels .top { background:url('panel-home-mid.gif') left bottom repeat-y; padding-top:0px; }
#home .panels .btm { background:url('panel-home-btm.gif') left bottom no-repeat; }

#home .panels .btm div { float:left; width:266px; padding:16px; margin:0em 0em 0em 23px; }
#home .panels .left  { margin-left:0px!important; }
#home .panels .mid   {  }
#home .panels .right { margin-left:23px!important; margin-right:0px!important; }

#home .panels .mid dl.first { background:url('panel-home-mid-inner.gif') left bottom no-repeat; margin:-15px -15px 0.5em -15px; padding-left:15px; }
#home .panels .mid dl.sub dt { color:#6699cc; font-size:1.4em; margin:0.75em 0em 0.25em; }
#home .panels dt { font-size:1.6em; font-weight:bold; color:#fff; }
#home .panels dl { margin-top:-15px }
#home .panels dd a { font-size:1.25em; color:#fff; }
#home .panels .left dd a  { color:#5a5a5a; border-bottom:1px dotted #5a5a5a; }
#home .panels .mid dd a   { border-bottom:1px dotted #ffffff; }
#home .panels .right dd a { border-bottom:1px dotted #ffffff; }
#home .panels .left dd a:hover { color:#999999; border-bottom:1px dotted #999999; }
#home .panels .mid dd a:hover { color:#cccccc; border-bottom:1px dotted #cccccc; }
#home .panels .right dd a:hover { color:#cccccc; border-bottom:1px dotted #cccccc; }

#home #side { display:none; }

/* List margins */
ul { margin:1.25em 0em; }
ol li { margin-left:2em; }
ol ul { margin:0.9em 0em 2.2em; }
#side .panel dd { margin-left:0em; padding-left:1.2em; margin-bottom:2px; }
#side .panel dd a { text-decoration:none; border-bottom:1px dotted #5d5d5d; }
#side .panel dd a:hover { color:#8dbc00; border-bottom:1px dotted #8dbc00; }

/* Standard TU Style Tables */
#main .tblcolor { background-color:#e0e0e0; padding:2px; width:98%; }
#main .tbldata { width:100%; }
#main td.tbldata1 { border-bottom:1px solid #FFF; padding:2px; }
#main td.tbldata2 { border-bottom:1px solid #FFF; border-left:1px dashed #FFF; padding:2px; }