@font-face {
	font-family: 'DialogRegular';
	src: url('LT_59058.eot');
	src: local('Dialog Regular'), local('Dialog'), url('LT_59058.ttf') format('truetype'), url('LT_59058.svg#Dialog') format('svg');
}
@font-face {
	font-family: 'DialogSemiBoldRegular';
	src: url('LT_59052.eot');
	src: local('Dialog SemiBold Regular'), local('Dialog-SemiBold'), url('LT_59052.ttf') format('truetype'), url('LT_59052.svg#Dialog-SemiBold') format('svg');
}
.puff h2, #quick-links dd h2, #ask-katie h2, #section h1, #aside h2, .product-detail th, .customer-vid h3, .product-info h2, .terms h2, #page-2col #section h2, #page-3col #section h2, .more a, #campaign #section h2, .frm-holder fieldset legend, .puff-account h2, .video-subtxt a, .nav-sub a, #nav-main li a, #nav-main2 li a, #nav-main3 li a, #Panel1 h3, #page-2col #section h3, #page-3col #section h3 {font-family: 'DialogRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;}
#customer-type h1, #business-type h1 #overlay h2, #overlay h3, .tel-no, #Panel1 h2, .sitmp0 a, #business-type .bustype h3 {font-family: 'DialogSemiBoldRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;}


.loading{opacity:0;}

/* ScottishPower Page Styles */
body {background: #fff url(../../images/page-bg.jpg) repeat-x 0 0; color: #555;}




/* Fix Fonts in Safari */
body { -webkit-text-stroke:1px transparent;}
@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}

#container {margin: 0 auto; width: 924px; position: relative; background: url(../../images/header-bg-no-sub.jpg) no-repeat 0 0;}
#header {background: url(../../images/header-bg.jpg) no-repeat 0 0; height: 88px; padding: 88px 0 0 0;}
#header .headerlink { color: #FFFFFF; position: absolute; top: 5px; right: 0px; font-size: 0.75em; }
#logo {position: absolute; left: 0; top: 10px;}
#header .headerlink a:link, #header .headerlink a:visited, #header .headerlink a:active, #header .headerlink a:hover {color: #fff;}
#page {padding: 12px;}

/* Home Page Overlay */
#simplemodal-container {background-color: rgba(0,0,0,.35); -moz-border-radius: 10px;}
#customer-type {background: url(/../images/yesno-bg.png) no-repeat 0 0; width: 471px; height: 368px; color: #487e16; display: none;}
#customer-type .inner {padding: 100px 25px;}

/* Home Page Overlay */
/*#simplemodal-container {background-color: rgba(255,255,255,.95); -moz-border-radius: 10px;}
#customer-type {background: url(/../images/yesno-bg.png) no-repeat 50% 50%; width: 924px; height: 598px; color: #487e16; display: none;}
#customer-type .inner {padding: 200px 250px;}
*/
#customer-type h2 {font-size: 2em; margin: .2em 0; text-align: center;}
#customer-type p {font-size: 1.13em; margin: .6em 0; text-align: center;}
#customer-type a:first-child {margin-left: 6.5em;}
#customer-type #buttons { } 
#customer-type a {/*background: url(/../images/btn-yesno.png) no-repeat 0 0;*/ display: block; width: 93px; height: 43px; text-align: center; line-height: 43px; float: left; margin: 1em 1em 1em 0; position: relative; z-index: 25001;}
#customer-type a:hover, #customer-type a:focus, #customer-type a:active {outline: 1px dotted #487e16;}
/*#customer-type a.btnYes:hover, #customer-type a.btnYes:hover {background-position: 0 -43px;}
#customer-type a.btnNo {background-position: -93px 0;}
#customer-type a.btnNo:hover, #customer-type a.btnNo:hover {background-position: -93px -43px;}*/


/* Home Page Business Overlay */

#business-type {background: url(/../images/yesno-bg-business.png) no-repeat 0 0; width: 699px; height: 514px; color: #487e16; display: none;}
#business-type .inner {padding: 75px 25px;}


#business-type h1 { color: #487e16; font-size: 1.56em; margin: 0 0 6px 10px; }
#business-type h2 { color: #487e16; font-size: 1.13em; margin: 0 0 6px 10px; }

#business-type p {font-size: 1.13em; margin: .6em 0; text-align: center;}

#business-type p.intro { font-size: 1.12em; color: #487e16; margin: 0 0 30px 10px; text-align: left;
}
#business-type .bustype {float: left; display: inline; width: 190px; margin: 6px 12px; text-align: center;}
#business-type .bustype h3 {color: #487e16; font-size: 1.0em; margin: 0; font-weight: normal; padding: 0; }
#business-type p.more {text-indent: -999em;}
#business-type p.more a {display: block; background: url(/../../images/btn-select.gif) no-repeat 0 0; width: 93px; height: 43px; margin: 12px 0 0 49px;}
#business-type p.more a:hover {background-image: url(../../images/btn-select-on.gif);}
#business-type a.simplemodal-close {display: block; text-indent: -999em; position: absolute; right: 25px; top: 20px; width: 85px; height: 24px; z-index: 9999;}





/* Site Navigation */
#nav-main, #nav-main2, #nav-main3 {width: 924px; }

/* Site Navigation */

#nav-main li, #nav-main2 li, #nav-main3 li  {float: left; display: inline; height: 34px; line-height: 34px;}
#home {width: 101px; margin-right: 3px;}
#business {width: 122px; margin-right: 3px;}
#energy {width: 158px; margin-right: 189px;}
#account {width: 161px; margin-right: 3px;}
#support {width: 184px;}
#nav-main li, #nav-main2 li, #nav-main3 li {text-align: center;}
#nav-main li a {background: url(../../images/nav-main-bg.png) no-repeat 0 0; display: block; text-decoration: none; font-size: 1.167em; text-transform: uppercase; color: #444; letter-spacing: .03em;}
#nav-main2 li a {background: url(../../images/nav-main-bg2.png) no-repeat 0 0; display: block; text-decoration: none; font-size: 1.167em; text-transform: uppercase; color: #444; letter-spacing: .03em;}
#nav-main3 li a {background: url(../../images/nav-main-bg3.png) no-repeat 0 0; display: block; text-decoration: none; font-size: 1.167em; text-transform: uppercase; color: #444; letter-spacing: .03em;}


#nav-main li#home a:hover, #nav-main li#home a:active, #nav-main li#home a:focus, #nav-main li#home a.selected, #nav-main2 li#home a:hover, #nav-main2 li#home a:active, #nav-main2 li#home a:focus, #nav-main2 li#home a.selected, #nav-main3 li#home a:hover, #nav-main3 li#home a:active, #nav-main3 li#home a:focus, #nav-main3 li#home a.selected  {background-position: 0 -34px; color: #457a15;}
#nav-main li#business a, #nav-main2 li#business a, #nav-main3 li#business a {background-position: -104px 0;}
#nav-main li#business a:hover, #nav-main li#business a:active, #nav-main li#business a:focus, #nav-main2 li#business a:hover, #nav-main2 li#business a:active, #nav-main2 li#business a:focus, #nav-main3 li#business a:hover, #nav-main3 li#business a:active, #nav-main3 li#business a:focus  {background-position: -104px -34px; color: #457a15;}
#nav-main li#business a.selected, #nav-main2 li#business a.selected, #nav-main3 li#business a.selected {background-position: -104px -34px;}
#nav-main li#energy a, #nav-main2 li#energy a, #nav-main3 li#energy a {background-position: -229px 0;}
#nav-main3 li#energy a:hover, #nav-main3 li#energy a:active, #nav-main3 li#energy a:focus, #nav-main2 li#energy a:hover, #nav-main2 li#energy a:active, #nav-main2 li#energy a:focus, #nav-main li#energy a:hover, #nav-main li#energy a:active, #nav-main li#energy a:focus {background-position: -229px -34px; color: #457a15;}
#nav-main li#account a , #nav-main2 li#account a, #nav-main3 li#account a   {background-position: -576px 0;}
#nav-main li#account a:hover, #nav-main li#account a:active, #nav-main li#account a:focus, #nav-main2 li#account a:hover, #nav-main2 li#account a:active, #nav-main2 li#account a:focus, #nav-main3 li#account a:hover, #nav-main3 li#account a:active, #nav-main3 li#account a:focus {background-position: -576px -34px; color: #ff7800;}
#nav-main li#account a.selected, #nav-main2 li#account a.selected, #nav-main3 li#account a.selected {background-position: -576px -34px;}
#nav-main3 li#energy {margin-right: 350px;}
#nav-main li#support a, #nav-main2 li#support a {background-position: -740px 0;}
#nav-main3 li#support a  {background-position: -740px 0;}
#nav-main li#support a:hover, #nav-main li#support a:active, #nav-main li#support a:focus, #nav-main2 li#support a:hover, #nav-main2 li#support a:active, #nav-main2 li#support a:focus, #nav-main3 li#support a:hover, #nav-main3 li#support a:active, #nav-main3 li#support a:focus {background-position: -740px -34px; color: #ff7800;}
#nav-main li#support a.selected, #nav-main2 li#support a.selected, #nav-main3 li#support a.selected {background-position: -740px -34px;}
#nav-main li a.selected, #nav-main2 li a.selected, #nav-main3 li a.selected  {outline: none; color: #457a15;}

#nav-main .nav-sub, #nav-main2 .nav-sub, #nav-main3 .nav-sub  {width: 924px; background: url(../../images/nav-sub-bg.png) no-repeat 0 0; padding-top: 1px;}
#nav-main .nav-sub li, #nav-main2 .nav-sub li,  #nav-main3 .nav-sub li  {height: 41px; background: url(../../images/nav-div.gif) no-repeat 100% 40%;}
#nav-main .nav-sub li.last, #nav-main2 .nav-sub li.last,  #nav-main3 .nav-sub li.last  {background: none;}
#nav-main .nav-sub li a, #nav-main2 .nav-sub li a, #nav-main3 .nav-sub li a {text-indent: 0; background: none; text-decoration: none; padding: 0 12px; font-size: 1.167em; color: #444; text-transform: none;}
#nav-main .nav-sub li a:hover, #nav-main .nav-sub li a:active, #nav-main .nav-sub li a:focus, #nav-main2 .nav-sub li a:hover, #nav-main2 .nav-sub li a:active, #nav-main2 .nav-sub li a:focus, #nav-main3 .nav-sub li a:hover, #nav-main3 .nav-sub li a:active, #nav-main3 .nav-sub li a:focus { outline: 1px dotted #457a15; color: #457a15;}
#nav-main .nav-sub li a.selected, #nav-main2 .nav-sub li a.selected, #nav-main3 .nav-sub li a.selected  {outline: none; color: #457a15;}

#nav-main li#business .nav-sub, #nav-main2 li#business .nav-sub, #nav-main3 li#business .nav-sub {margin-left: -104px;}
#nav-main li#energy .nav-sub, #nav-main2 li#energy .nav-sub, #nav-main3 li#energy .nav-sub {margin-left: -229px;}

/* Home Banner */
#banner-home {float: left; width: 672px; margin: 0 12px 6px 0; position: relative;}
#banner-home .more {position: absolute; right: 13px; bottom: 13px; z-index: 99;}
#banner-home .more a {display: block; background: url(../../images/btn-banner.png) no-repeat 0 0; height: 32px; width: 149px; line-height: 32px; font-size: 1.34em; color: #fff; padding-left: 10px; overflow: hidden;}
#banner-home .more a:hover, #banner-home .more a:active, #banner-home .more a:focus {background-position: 0 -32px; text-decoration: none;}

.puff-quote {float: left; display: inline; width: 216px;}

/* Puffs */
.puff {min-height: 282px; height: auto !important; height: 282px; background: url(../../images/puff-btm-bg.gif) no-repeat bottom left; float: left; display: inline; width: 216px; margin: 6px; position: relative;}
.puff:first-child {margin-left: 0;}
.puff:last-child {margin-right: 0;}
.puff-img {background: url(../../images/puff-bg.gif) no-repeat 0 0; padding: 12px 12px 0;}
.puff h2 {color: #487e16; padding: 0 12px 6px; font-size: 1.13em; font-weight: normal;}
.puff h3 {padding: 0 12px 6px; font-weight: bold;}
.puff h2.orange {color: #f78f1e; font-weight: bold;}
.puff h2.green {color: #5d9731; }
.puff h2.blue {color: #007ac2; }

.puff span { color: #487e16; }
.puff span { font-size: 1.78em; }
.puff .view span {font-size: 1em;}
.puff span .strong  {font-size: 1.78em; color: #487e16;}
.puff span strong  {font-size: 1.78em; color: #487e16;}
.puff .txt {padding: 0 12px } 
.puff span.txt1 {font-size: .9em; font-weight: bold; letter-spacing: -.05em;}
.puff span.txt2 {font-size: 1.25em;}
.puff p {padding: 0 12px 12px; line-height: 1.3;}
.puff p.more {padding-bottom: 6px;}
.puff p.more a {display: block; background: url(../../images/btn-bg.gif) no-repeat 0 0; height: 24px; line-height: 24px; color: #fff; font-size: 14px; padding: 0 22px 0 10px; width: 96px;}
.puff p.more a:hover, .puff p.more a:active, .puff p.more a:focus {background-position: 0 -24px; text-decoration: none; outline: 1px dotted #555;}
.puff p.view {border: dotted #d8d8d8; border-width: 1px 0; margin: 0.6em 12px; padding: 0.4em 0 .4em 1.5em; background: #f7f7f7 url(../../images/view-bg.gif) no-repeat 3% 50%;}
.puff p.on {border: dotted #d8d8d8; border-width: 1px 0; margin: 0.6em 12px; padding: 0.4em 0 .4em 1.5em; background: #fff url(../../images/view-bg-on.gif) no-repeat 3% 50% !important;}
.puff p.view a {color: #ff7800; display: block;}
.puff p.view a:hover, .puff p.view a:active, .puff p.view a:focus {text-decoration: none; outline: 1px dotted #555;}
.basic p.more {position: absolute; left: 0; bottom: 12px; z-index: 999;}
.puff .puff-img p {padding: 0; line-height: 1;}

.puff ol {border-top: 1px dotted #d8d8d8; margin: 0 13px;}
.puff-account .puff ol {border-top: none;}
.puff-account .puff ol li {padding: 5px 0; font-size: 110%; background: url(../../images/acc-div.gif) no-repeat 50% 100%;}
.puff-account .puff ol li a {font-size: 85%;}
.puff-account .puff h2 {padding-bottom: 0;}
.puff-account .puff p {padding: 0 12px 6px;}
.puff-account .puff p.more {padding-bottom: 12px; background: url(../../images/acc-div.gif) no-repeat bottom center; margin-bottom: 6px;}
.puff li a:hover, .puff li a:active, .puff li a:focus {color: #ff7800; text-decoration: none; background-image: url(../../images/arrow.gif); outline: 1px dotted #555;}
.puff ol li img {vertical-align: middle; padding-bottom: 3px;}
.puff ol li {font-size: .88em; color: #487e16; }
.puff ol li strong {font-size: 1.78em;}
.puff ol li a {color: #487e16; background: url(../../images/arrow.gif) no-repeat 100% 50%; padding-right: 10px;}
.puff ol li a:hover {text-decoration: none; color: #ff7800;}

#campaign #aside ol { margin: 0 13px;}
#campaign #aside ol li {padding: 5px 0; font-size: 110%; background: url(../../images/acc-div.gif) no-repeat 50% 100%; color: #487e16;}
#campaign #aside ol li a {font-size: 85%; color: #487e16; background: url(../../images/arrow.gif) no-repeat 100% 50%; padding-right: 10px;}
#campaign #aside li img {padding-right: 8px; vertical-align: middle; padding-bottom: 3px;}
#campaign #aside li a:hover {text-decoration: none; color: #ff7800;}
#campaign #aside h2 {color: #487e16; font-size: 1.13em; font-weight: normal; padding: 0 12px 6px;}

/* Puffs */
.puffShort {min-height: 141px; height: auto !important; height: 160px; float: left; display: inline; width: 216px; margin: 6px; position: relative;}
.puffShort:first-child {margin-left: 0;}
.puffShort:last-child {margin-right: 0;}
.puffShort-img {background: url(../../images/puff-bg.gif) no-repeat 0 0; padding: 12px 12px 0;}
.puffShort p.more {padding-bottom: 6px;}
.puffShort p.more a {display: block; background: url(../../images/btn-bg.gif) no-repeat 0 0; height: 24px; line-height: 24px; color: #fff; font-size: 14px; padding: 0 22px 0 10px; width: 96px;}
.puffShort p.more a:hover, .puff p.more a:active, .puff p.more a:focus {background-position: 0 -24px; text-decoration: none; outline: 1px dotted #555;}


.slider
{
	position: absolute;
	width: 206px;
	left: 5px;
	z-index: 999;
	display: none;
	bottom: 0px;
}
.slider h3 {background: url(../../images/slider-hdr-bg.png) no-repeat 0 0; padding: 1.2em .5em 1em 2em; max-height: 47px; font-size: .75em; color: #ff7800; cursor: pointer; font-weight: normal;}
.slider-content {background: url(../../images/slider-bg.png) repeat-y 0 0; padding: .5em 1em 3px 1.2em; min-height: 220px; height: auto !important; height: 220px;}
.slider-content h4 {font-size: .75em; padding: .3em 0; line-height: 1.1;}
.slider-content h4 img {float: right; vertical-align: text-top;}
.slider-content h4 a {color: #487e16; background: url(../../images/arrow.gif) no-repeat 97% 50%; display: block; padding: 0;}
.slider-content h4 a:hover, .slider-content h4 a:focus {outline: 1px dotted #555;}
.slider-content p {font-size: .7em; padding: 3px 0;}
.product {border-bottom: 1px dotted #d8d8d8; padding: 0 0 9px; margin: 0 0 12px;}

.puff-account {min-height: 311px; height: auto !important; height: 311px; background: url(../../images/puff-btm-bg.gif) no-repeat bottom left; float: left; display: inline; width: 216px; position: relative;}
.acc-login {background: url(../../images/puff-bg.gif) no-repeat 0 0; padding: 12px 0 0;}
.puff-account h2, .support-links h2 {color: #487e16; font-size: 1.13em; font-weight: normal; padding: 0 12px 6px;}
.puff h2:nth-of-type(2) {background: none !important;}
.support-links h2 {margin-bottom: 10px;}

.acc-login ul {margin: 0 13px 1.5em 13px;}
.acc-login li a#login {border: dotted #d8d8d8; border-width: 1px 0; padding: .3em 12px .3em 15px; color: #ff7800; display: block; background: #fff url(../../images/acc-bg.gif) no-repeat 0 50%; line-height: 1.4em;}
.acc-login li a {display: block; line-height: 1.4em; background: #fbfbfb url(../../images/smb-link-bg.gif) no-repeat 0 50%; border-bottom: 1px dotted #d8d8d8; padding: .3em 10px .3em 15px;}
.acc-login li a:hover, .acc-login li a:active, .acc-login li a:focus {color: #ff7800; text-decoration: none; background-image: url(../../images/smb-link-bg-on.gif);}
.acc-login dl {margin: 0 13px 1.5em 13px;}
.acc-login dt a {border: dotted #d8d8d8; border-width: 1px 0; padding: .3em 12px .3em 15px; color: #ff7800; display: block; background: #fff url(../../images/acc-bg.gif) no-repeat 0 50%; line-height: 1.4em;}
.acc-login dt a:hover, .acc-login dt a:active, .acc-login dt a:focus {text-decoration: none;}
.acc-login dd {background: url(../../images/acc-dd-bg.gif) no-repeat 0 0; font-size: .75em; padding: 1em 15px;}
.acc-login dd a {display: block; background: url(../../images/arrow.gif) no-repeat 100% 100%; line-height: 1.1em;}

.puff-account .puff, .support-links h2 { background: url(../../images/puff-bg.gif) no-repeat 0 0 !important;  margin-top: 0; padding-top: 12px;}
.puff-account li img {padding-right: 8px;}


.support-links ul {border-top: 1px dotted #d8d8d8; margin: 0 13px;}
.support-links li a {display: block; line-height: 1.4em; background: #fbfbfb url(../../images/smb-link-bg.gif) no-repeat 0 50%; border-bottom: 1px dotted #d8d8d8; padding: .3em 10px .3em 18px;}
.support-links li a:hover, .support-links li a:active, .support-links li a:focus {color: #ff7800; text-decoration: none; background-image: url(../../images/smb-link-bg-on.gif); outline: 1px dotted #555;}
h2.support-links {margin-top: 8px;}

/* Support Expander */
#support-holder{ min-height: 23em; padding: 1em 0 0; display: none;}
#support-holder .close a {display: block; background: url(../../images/close.gif) no-repeat 0 0; height: 30px; cursor: pointer; line-height: 30px; text-align: right; padding-top: 10px; color: transparent;}
#support-holder .close a:hover, #support-holder .close a:focus {background-position: 0 -40px; outline: 1px dotted #555;}
#ask-katie {float: left; width: 545px; background: url(../../images/ask-katie-bg.jpg) no-repeat bottom left; height: 98px; position: relative; margin: 0 0 0 12px;}
#ask-katie h2 {color: #487e16; font-size: 1.13em; font-weight: normal; position: absolute; left: 124px; top: 1em;}
#ask-katie .frm-search {background-image: none; position: absolute; left: 104px; top: 64px; width: 431px;}
#ask-katie .frm-search label {background-image: url(../../images/lbl-ask-katie.gif); width: 160px;}
#ask-katie .frm-search .txtKatie {width: 195px; margin: 7px 8px 0 7px;}



#SCTopRight {display: block; background: no-repeat 0 0; width: 255px; height: 32px; text-indent: -999em; float: right; display: inline; margin: 16px 24px 16px 0;}

a.btn-goto {display: block; background: url(../../images/btn-goto-support.gif) no-repeat 0 0; width: 255px; height: 32px; text-indent: -999em; float: right; display: inline; margin: 16px 24px 16px 0;}
a.btn-goto:hover {background-position: 0 -32px;}

#section-choose {margin: 12px 0 12px;}
#support-qqs label {display: block; float: left; background: url(../../images/lbl-choose.gif) no-repeat 0 0; line-height: 14px; color: rgba(0,0,0,0); width: 140px; margin: 4px 0 0 12px;}
#support-qqs select {vertical-align: top;}

#support-qqs .most-faqs, #support-qqs .vid-guides, #support-qqs .qck-guides {float: left; margin-bottom: 12px;}
#support-qqs .most-faqs {width: 432px; margin-right: 12px; margin-left: 12px;}
#support-qqs .vid-guides {width: 216px; margin-right: 12px;}
#support-qqs .qck-guides {width: 216px;}
#support-qqs li {list-style-position: inside; border-bottom: 1px dotted #d8d8d8; padding: .5em 0; background: url(../../images/qlink-bull.gif) no-repeat 3px 50%;}
#support-qqs .vid-guides li {background: url(../../images/vid-bull.gif) 0 50% no-repeat;}
#support-qqs .qck-guides li {background: url(../../images/quick-bull.gif) 0 50% no-repeat;}
#support-qqs li a {color: #555; display: block; background: url(../../images/arrow.gif) no-repeat 100% 50%; padding: 0 10px 0 15px;}
#support-qqs li a:hover, #support-qqs li a:focus {color: #ff7800; text-decoration: none; outline: 1px dotted #555;}
#support-qqs .vid-guides p {text-align: left; margin: 5px 0;}
#support-qqs .vid-guides p a {color: #487e16;}

#support-qqs h3 {text-indent: -999em; background: url(../../images/misc-txt.gif) no-repeat 0 0; height: 15px; line-height: 15px; margin: .7em 0;}
#support-qqs .vid-guides h3 {background-position: -456px 0;}
#support-qqs .qck-guides h3 {background-position: -684px 0;}
#support-qqs .qck-guides p {line-height: 1.1; margin: 0 0 6px;}
#support-qqs .qck-guides p

.qck-guides .more a { color: #487e16; font-weight: bold; background: url(../../images/arrow.gif) no-repeat 100% 50%; padding-right: 10px; text-decoration: underline;}
.qck-guides .more a:hover {color: #ff7800; text-decoration: none; outline: 1px dotted #555;}

/* Modal Windows */
#overlay a.simplemodal-close {display: block; text-indent: -999em; position: absolute; right: 25px; top: 20px; width: 85px; height: 24px; z-index: 9999;}
#overlay {background: url(/../../images/products-bg.png) no-repeat 0 0; width: 699px; height: 435px; position: relative; display: none; padding-top: 76px;}
#overlay .inner {margin: 0 0 0 30px;}

#overlay h1 { color: #487e16; font-size: 1.56em; margin: 0 0 6px }
#overlay h2 {color: #487e16; font-size: 1.13em; margin: 0 0 6px;}
#overlay h3 {color: #487e16; font-size: 1.0em; margin: 0 0 12px; font-weight: normal;}
#overlay p.intro {font-size: 1.12em; color: #487e16; margin: 0 0 12px;}
.type {float: left; display: inline; width: 190px; margin: 6px 12px; text-align: center;}
.type h3 a, .bustype h3 a
{
	padding: 0px;
	margin: 0px;
	color: #487e16;
}
#overlay p.more {text-indent: -999em;}
#overlay p.more a {display: block; background: url(/../../images/btn-select.gif) no-repeat 0 0; width: 93px; height: 43px; margin: 12px 0 0 49px;}
#overlay p.more a:hover {background-image: url(../../images/btn-select-on.gif) !important;}
.tel-no {line-height: 43px; font-size: 1.38em; color: #487e16 !important;}
#overlay p + p {margin: 6px 0 0; color: #555; line-height: 1.3;}

 

/* Breadcrumbs */
#breadcrumbs {margin: .75em 0; clear: both;}
#breadcrumbs li {color: #555; float: left; font-size: .75em; padding: 0 3px 0 0;}
#breadcrumbs li a {color: #555;}
#breadcrumbs li a:hover, #breadcrumbs li a:focus {outline: 1px dotted #555;}

/* Products Pages */
#section {float: left; display: inline; width: 672px;}
#aside {float: left; display: inline; width: 216px; margin-left: 12px;}

#section p {margin: 4px 0 8px; line-height: 1.3;}
#section h1 {color: #487e16; font-size: 1.56em; margin: 12px 0 4px; font-weight: normal;}
#section .puff {min-height: 320px; height: auto !important; height: 320px; margin-top: 36px;}

.side-img
{
	position: relative;
	margin: 12px 0 6px;
	clear: both;
}
.side-img .more {position: absolute; top: 117px; left: 12px; z-index: 99;}
.side-img .more a {display: block; height: 24px; width: 94px; background: url(../../images/btn-bg.gif) no-repeat 0 0; line-height: 24px; color: #fff; padding: 0 22px 0 10px; font-size: 14px;}
.side-img .more a:hover {background-position: 0 -24px; text-decoration: none;}





.links
{
	padding: 12px;
	margin: 6px 0;
}
.links h2 {font-size: 1.13em; color: #487e16; padding: 6px 0; border-bottom: 1px dotted #d8d8d8; font-weight: normal;}
.links li {border-bottom: 1px dotted #d8d8d8; padding: 0 0 6px; margin: 6px 0 0;}
.links li a {color: #4c4c4c; background: url(../../images/arrow.gif) no-repeat 0 50%; padding-left: 10px;}
.links li a:hover, .links li a:active, .links li a:focus {text-decoration: none; color: #ff7800;}
.links li a.selected {text-decoration: none; color: #ff7800; font-weight: bold;}

#aside .puff
{
	margin: 0 0 12px;
	position: relative;
}

#change-type {margin: 0 0 12px;}
#change-type h2 {font-size: 1.13em; color: #487e16; padding: 6px 0; font-weight: normal;}
#change-type p {background: url(../../images/select-bg.gif) no-repeat 0 0; line-height: 34px; height: 34px;}
#change-type p select {vertical-align: middle; width: 150px; margin: 6px 8px 0;}
#change-type p input {vertical-align: bottom;}

/* Product Details */
#nav-products
{
	background: url(/../../images/prod-nav-bg.jpg) no-repeat;
	height: 55px;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#nav-products a {float: left; display: inline;}
#nav-products a {display: block; height: 55px; line-height: 55px; text-indent: -999em;}
/*#nav-products li a:hover {background: url(/../../images/product-nav-hov.png) no-repeat 0 0;}*/
#nav-products .prodNavTab1 {width: 216px;}
#nav-products .prodNavTab1 a:hover {background: url(/../../images/nav-guaranteed-bg.jpg) no-repeat 0 0;}
#nav-products .prodNavTab2 {width: 220px; margin-left: 10px; background-position: 800px 1px; }
#nav-products .prodNavTab2 a:hover {background: url(/../../images/nav-green-bg.jpg) no-repeat -226px 0;}
#nav-products .prodNavTab3 {width: 216px; margin-left: 10px;  background-position: 800px 1px; }
#nav-products .prodNavTab3 a:hover {background: url(/../../images/nav-discounted-bg.jpg) no-repeat -456px 0;}




#product-holder {background: url(../../images/product-nav-bg.png) repeat-x 0 55px;}
#product-holder .more {text-indent: -999em;}
#product-holder .more a {display: block; height: 32px; background: url(../../images/more-info.gif) no-repeat 0 0; margin: 0 0 0;}
#product-holder .more a:hover {background-position: 0 -32px;}
#product-holder .more a.active {background-position: 0 -64px;}
#product-holder .more a.active:hover {background-position: 0 -96px;}

.more a {letter-spacing: 0.03em;}

#section td p {margin-top: 0; margin-bottom: 9px}
.product-basics {}
.product-basics td {padding: 30px 10px; vertical-align: top; text-align: left;}
#product-holder .product-basics .more a {display: block; height: 24px; width: 94px; background: url(../../images/btn-bg.gif) no-repeat 0 0; line-height: 24px; color: #fff; padding: 0 22px 0 10px; font-size: 14px; text-indent: 0; margin-top: 10px;}
#product-holder .product-basics .more a:hover {background-position: 0 -24px; text-decoration: none;}

.product-basics td span { color: #487e16;}
.product-basics td span { font-size: 1.78em; }
.product-basics td span .strong  {font-size: 1.78em; color: #487e16;}
.product-basics td span strong  {font-size: 1.78em; color: #487e16;}
.product-basics td span.txt1 {font-size: .9em; font-weight: bold; letter-spacing: -.05em;}
.product-basics td span.txt2 {font-size: 1.0em;}
.product-basics td span.txt3 { font-size: 0.7em; vertical-align: top;}

.product-detail, .customer-vid, .terms {padding: 24px 0 0; background: url(../../images/shadow.gif) no-repeat 0 0;}
.product-detail td {padding: 0 5px 10px 10px; vertical-align: top; text-align: left;}
.product-detail th {text-align: left; font-weight: normal; font-size: 1em; color: #487e16; padding: 0 10px 10px; text-transform: uppercase;}
.product-detail td ul li {background: url(../../images/droplet-g.gif) no-repeat 0 50%; padding: 3px 0 3px 14px; margin: 3px 0;}
.product-detail td ol li {padding: 5px 0 5px; margin: 5px 0 0; font-size: 1em; color: #487e16; background: url(../../images/shadow2.gif) no-repeat bottom left; line-height: 25px;}
.product-detail td ol li strong {font-size: 1.25em;}
.product-detail td ol li a {color: #487e16; background: url(../../images/arrow.gif) no-repeat 100% 50%; padding-right: 10px; font-size: .85em;}
.product-detail td ol li img {vertical-align: middle; padding-right: 8px; padding-bottom: 3px;}
.product-detail td ol li a:hover {text-decoration: none; color: #ff7800;}
.product-detail span.txt3 { font-size: 0.7em; vertical-align: top;}
.customer-vid h3 {color: #487e16; text-transform: uppercase; font-weight: normal;}
.media {float: left; display: inline; width: 228px; padding-bottom: 20px;}

.product-comment {float: left; display: inline; width: 400px; margin-left: 12px;}
blockquote {color: #487e16;}
blockquote p {font-size: 1em;}

.product-comment
{
	float: left;
	display: inline;
	
	margin-left: 12px;
	margin-right: 12px;
}
blockquote {color: #487e16;}
blockquote p {font-size: 1em;}
cite {font-weight: bold; font-style: normal; font-size: .75em;}
.help a {color: #ff7800;}

.product-highlight {background: url(../../images/basics-bg.gif) repeat-x 0 0;}
.product-img {float: left; display: inline; width: 216px; margin-right: 12px; text-align: center;}
.product-img p					 {padding-bottom: 12px;}
.product-info {float: left; display: inline; width: 432px; padding: 24px 0 18px;}
.product-info h2, .terms h2 {color: #487e16; font-size: 1.13em; margin: 0 0 12px; line-height: 1.2; font-weight: normal;}

#product-holder-full .media {width: 444px;}
#product-holder-full .product-comment {width: 216px;}

/* CMS Pages - Generic Content */
#page-1col, #page-2col, #page-3col {padding: 12px 0;}
#page-1col #breadcrumbs, #page-2col #breadcrumbs, #page-3col #breadcrumbs, #campaign #breadcrumbs {padding: 0 12px 6px;}
#page-1col h1, #page-2col h1, #page-3col h1 {margin-top: 0; font-size: 1.56em ; font-weight: normal;}
#nav-left {float: left; display: inline; width: 228px; margin-right: 12px; border-top: 1px dotted #d8d8d8;}
#nav-left li {line-height: 1.4em; list-style-type: none;}
#nav-left li a {color: #555; display: block; padding: .3em 20px .4em 27px; background: url(../../images/nav-bg.gif) no-repeat 0 50%; border-bottom: 1px dotted #d8d8d8;}
#nav-left li a:hover, #nav-left li a:active, #nav-left li a:focus {color: #ff7800; text-decoration: none; background-image: url(../../images/nav-hover.gif);}
#nav-left li a.selected {font-weight: bold; color: #ff7800; background-image: url(../../images/nav-on.gif);}
#nav-left li .level-1 li a {padding: .3em 20px .4em 54px; background: #f9f9f8 url(../../images/level-1-bg.gif) no-repeat 0 50%; margin: 0;}
#nav-left li .level-1 li a:hover, #nav-left li .level-1 li a:active, #nav-left li .level-1 li a:focus {background-image: url(../../images/level-1-hover.gif); background-color: #fff;}
#nav-left li .level-1 li a.selected {background-image: url(../../images/level-1-on.gif); background-color: #fff; font-weight: normal;}

ul.level-1 { display: none; }
.nav-active { display:block !important; }


.article, .rel-links {background: url(../../images/shadow.gif) no-repeat bottom left; padding-bottom: 25px; margin-bottom: 12px;}
#page-2col #section h2, #page-3col #section h2 {font-size: 1.13em; color: #487e16; font-weight: normal; margin: 1.1em 0 0;}
#page-2col #section h3, #page-3col #section h3 {font-size: .9em; color: #487e16; font-weight: normal; margin: .5em 0 0;}
.article img {float: left; padding: 6px 12px 0 0;}
.article p a {text-decoration: underline;}
.rel-links li {margin: .5em 0; line-height: 1.3; float: left; display: inline; width: 300px; margin: 0 12px 0 0; padding-left: 14px; background: url(../../images/droplet-g2.gif) no-repeat 0 3px;}
.rel-links li a {color: #487e16; font-weight: bold; background: url(../../images/arrow.gif) no-repeat 100% 50%; padding-right: 10px;}
.article ul {margin-left: 1em;}
.article li {margin: .3em 0; line-height: 1.3; padding-left: 14px; background: url(../../images/droplet-g2.gif) no-repeat 0 3px;}
.article li a {color: #487e16; font-weight: bold; background: url(../../images/arrow.gif) no-repeat 100% 50%; padding-right: 10px;}




#SearchPage li { padding-bottom: 10;}
.article li a {color: #487e16; font-weight: bold; background: url(../../images/arrow.gif) no-repeat 100% 50%; padding-right: 10px;}
.article td.caption {width: 200px !important; vertical-align: top !important;}



#SearchPage li { padding-bottom: 10;}
#SearchPage .frm-search { float : right; }
/* IE8 Fix */
#SearchPage .frm-search { width /*\**/: 342px\9 }

#SearchPage span { 	margin-left: 5px; font-weight: normal ;}
#SearchPage h1 {width: 400px; text-align: left;}

#ImmSearch .searchtop{	font-size: 0.75em; font-weight: bold; padding-top: 10px; }
#ImmSearch li a {background-position: 100% 50%; color: #487e16; font-weight: bold; background: url(../../images/arrow.gif) no-repeat 100% 50%;	padding-right: 10px;display: inline;font-size: 1.25em;text-decoration:none;}
#ImmSearch a{	display: inline;	font-size: 0.75em;	text-decoration: underline;	position: relative;	padding-right: 0.5px;}
#ImmSearch .results{ margin-top: 10px; }
#ImmSearchfooter a{	display: none; }
#ImmSearchfooter .searchtop {display: none;}
#askKatieSearch li a {background-position: 100% 50%; color: #487e16; font-weight: bold; background: url(../../images/arrow.gif) no-repeat 100% 50%;	padding-right: 10px;display: inline;font-size: 1.25em;text-decoration:none;}
#askKatieSearch span { font-size: 0.75em; }
#askKatieSearch h1 { padding-bottom: 10px; }
#askKatieSearch .faqAnswer {}



#page-3col #section, #page-3col .rel-links li {width: 444px;}
#page-3col .article {background: url(../../images/shadow3.gif) no-repeat 0 100%;}
#page-3col .rel-links {background-image: none;}
#page-3col #aside {margin-top: 0;}
#page-1col #section {width: 900px; float: none; display: block; margin-left: 12px;}
#page #section
{
	padding-top: 0px;
}

/* Page Forms */
/*.tbform {background: url(../../images/shadow.gif) no-repeat bottom left; padding-bottom: 25px; margin-bottom: 12px;}*/
.tbform {background: url(../../images/fieldset-bg.gif) repeat-x 0 0; padding: 1.8em 0 1em 0; position: relative;}
.tbform td {font-size: 75%; padding: 3px 0;}
.tbform td li {font-size: 1em;}
.tbform td a {text-decoration: underline;}
.frm-holder fieldset legend {color: #487e16; font-size: 1.13em; display: block; position: absolute; left: 1em; top: -.8em;}
.frm-holder .col-1 {float: left; width: 330px; margin: .5em 6px .5em 0; text-align: right;}
.frm-holder .col {width: 360px; text-align: right; margin: 1em 0;}
.tbform input#Template_ctl10_ctl00_Surname, .tbform input#Template_ctl10_ctl00_AccountNumber, .tbform input#Template_ctl10_ctl00_Postcode {width: 175px; height: 16px; border: 1px solid #bfc1c6;}
.frm-holder textarea {width: 175px; height: 48px; border: 1px solid #bfc1c6; vertical-align: text-top;}
.frm-holder fieldset#type-req {background: none; text-align: left; margin: 1em 0 0 100px; padding: 0;}
.frm-holder fieldset#type-req p {text-align: left;}
.frm-holder fieldset#type-req legend {position: static; font-size: .8em; font-family: Arial, Helvetica, sans-serif;}
.frm-holder fieldset#type-req input {width: 12px; vertical-align: middle;}
.frm-holder input#btn-submit {width: 126px; height: 24px; border: none;}
.buttons {text-align: right; padding-right: 24px;}

/* Campaign Page */
#campaign {padding: 12px;}
#campaign #section {width: 672px;}
#campaign #aside { padding: 0px; width: 216px; margin-left: 12px; margin-top: 0px; }
#campaign #section #banner-home {margin-right: 0; margin-bottom: 12px;}
#campaign #section h2 {font-size: 1.13em; color: #487e16; font-weight: normal; margin: 1.1em 0 0;}
#campaign .side-img { padding: 0px; position: relative; margin: 0px;}


/* Video Guides ----------------------------------*/
#slideshow {background: url(../../images/shadow4.gif) no-repeat bottom left; padding: 0 0 30px 0; margin-bottom: 12px; position: relative;}
#slideshow h2 {font-size: 1.13em; margin: 1em 0 .5em;}
#slideshow .video-subtxt p {padding-right: 300px; margin: 0;}
.video-subtxt {position: relative;}
.video-subtxt ul {position: absolute; bottom: 35px; right: 0; z-index: 99;}
.video-subtxt li {float: left; display: inline; margin: 0 12px 0 0;}
.video-subtxt a {display: block; height: 24px; width: 94px; background: url(../../images/btn-bg.gif) no-repeat 0 0; line-height: 24px; color: #fff; padding: 0 22px 0 10px; font-size: 14px;}
.video-subtxt a:hover {background-position: 0 -24px; text-decoration: none;}

.boxgrid {width: 292px;	height: 220px; margin:6px;	float:left; overflow: hidden; position: relative;}
.boxgrid:nth-child(2), .boxgrid:nth-child(5) {margin: 6px 0;}
.boxgrid img {position: absolute; top: 0; left: 0; border: 0;}
.boxgrid .guide-txt {position: absolute; top: 195px; left: 0; font-weight: bold;}
.boxcaption {position: absolute; background-color: #487e16; height: 135px; width: 241px; top: -214px; color: #fff; padding: 25px}
.boxcaption a {color: #fff; text-decoration: none; padding-left: 25px; background: url(../../images/icon/video.gif) no-repeat 0 0;}
.boxcaption a:hover, .boxcaption a:active, .boxcaption a:focus {color: #fff; text-decoration: none; outline: 1px dotted #fff;}
.boxcaption p {}
.play-vid {border-top: 1px dotted #d8d8d8; padding-top: 5px;}

/* Quick Links */
#quick-links {padding: 0 10 0;}
#quick-links dt {line-height: 53px; height: 53px; background: url(../../images/quick-links.gif) no-repeat 0 0; width: 912px; text-indent: -999em; cursor: pointer; position: relative; /*margin-top: -10px;*/}
#quick-links dt:hover, #quick-links dt:focus {background-position: 0 -106px; outline: 1px dotted #555;}
#quick-links dt.open {background-image: none;}
#quick-links dd {background: url(../../images/quick-top-bg.gif) no-repeat 0 0; padding: 1.5em 0 0 0; height: 22em; margin-top: -38px;}
#quick-links dd h2 {color: #487e16; float: left; margin: 0.3em 1em 0.3em 0.4em; font-size: 1.13em; font-weight: normal;}
#quick-links dd .close {display: block; text-indent: -999em; background: url(../../images/quick-links.gif) no-repeat 0 -53px; height: 5em; cursor: pointer;}
#quick-links dd .close:hover {background-position: 0 -159px;}

.q-links {float: left; width: 205px; margin: 10px;}
.q-links h3 {font-size: 0.75em; color: #555; margin: .5em 0;}
.q-links li {margin: 0.3em 0;}
.q-links li a {background: url(../../images/qlink-bg.gif) no-repeat 0 6px; color: #555; display: block; padding: 0.4em 0 .4em 12px; border-bottom: 1px dotted #d8d8d8;}
.q-links li a:hover, .q-links li a:active, .q-links li a:focus {color: #ff7800; text-decoration: none; background-position: 0 -35px; outline: 1px dotted #555;}


/* Search Form */
.frm-search { background: url(../../images/search-bg.gif) repeat-x 0 0; width: 340px;float: left;}
.frm-search label {display: block; float: left; background: url(../../images/lbl-search.gif) no-repeat 0 0; line-height: 34px; color: rgba(0,0,0,0); width: 130px;}
.frm-search #txt-search, .frm-search #txt-search2, .frm-search .txtKatie {vertical-align: top; margin: 7px 0 0 0; width: 150px; border: 1px solid #cdcdcd;}
/* IE8 Fix */
.frm-search { width /*\**/: 342px\9 }




/* Footer */
#footer {margin: 1em 12px; border-top: 1px solid #f1f1f1; padding: 2.5em 0 0 0; position: relative;}
#footer li {float: left; display: inline; font-size: 0.75em; color: #555; padding-left: 3px;}
#footer li a {color: #555; padding: 0 3px 0 0;}
#footer-left {position: absolute; left: .75em; top: 0.75em;}
#footer-right {position: absolute; right: .75em; top: 0.75em;}
#footer-links {border-top: 1px solid #f1f1f1; padding: 12px 12px 0;}
#footer-links li {color: #bbb; font-size: .7em; line-height: 2em;}
#footer-links li a {padding: 0 3px; color: #bbb;}
#footer li a:hover, #footer li a:active, #footer li a:focus {text-decoration: underline; outline: 1px dotted #555;}
#footer-links li:nth-child(1):after, #footer li:last-child:after {content: "";}

/* Quick Guides */
.quick-guides {min-height: 282px; height: auto !important; height: 282px; background: url(../../images/puff-btm-bg.gif) no-repeat bottom left; float: left; width: 216px; margin: 6px 12px 6px 0; display: inline;}
.quick-guides:nth-child(4) {margin-right: 0;}
.quick-guides h2 {background: url(../../images/puff-bg.gif) no-repeat 0 0; color: #487e16; padding: 12px 12px 6px; font-size: 1.13em; font-weight: normal;}
.quick-guides ul {border-top: 1px dotted #d8d8d8; margin: 0 13px;}
.quick-guides li a {display: block; line-height: 1.2em; background: #fbfbfb url(../../images/spt-links-bg.gif) no-repeat 0 50%; border-bottom: 1px dotted #d8d8d8; padding: .5em 20px;}
.quick-guides li a:hover, .quick-guides li a:active, .quick-guides li a:focus {color: #ff7800; text-decoration: none; background: #fff url(../../images/spt-links-bg-on.gif) no-repeat 0 50%; outline: 1px dotted #555;}
#quick-guide .puff-account {min-height: 238px;}
#quick-guide .frm-search {width: 433px; position: absolute; left: 12px; bottom: 12px; background: url(../../images/frm-search-bg.png) no-repeat 0 0; float: left;}
#quick-guide .frm-search label {display: block; float: left; background: url(../../images/lbl-website-search.png) no-repeat 0 0; line-height: 34px; color: rgba(0,0,0,0); width: 130px;}
#quick-guide .frm-search #txt-SPsearch {vertical-align: top; margin: 7px 0 0 0; width: 245px; border: 1px solid #cdcdcd;}
#quick-guide .frm-search #btn-web-search {vertical-align: top; margin: 7px 0 0 10px;}



/* Modal Windows */
#callback a.simplemodal-close {display: block; text-indent: -999em; position: absolute; right: 25px; top: 20px; width: 85px; height: 24px; z-index: 9999;}
#callback {background: url(/../../images/products-bg.png) no-repeat 0 0; width: 699px; height: 435px; position: relative; display: none; padding-top: 76px;}
* html #overlay {background-image: url(../../images/products-bg.gif);}
#callback .inner { margin: 0 0 0 30px; }
#CallbackCtl a { color: #487e16; background: url(/../../images/arrow.gif) no-repeat 100% 50%; padding-right: 10px; padding-left: 5px;}
#CallbackCtl a:hover {text-decoration: none; color: #ff7800;}





/* SiteMap */
.sitmp0, .sitmp1, .sitmp2, .sitmp3 {margin: .3em 0;}
.sitmp0	{padding:2px 2px 4px; font-size:100%; padding-left: 15px;}
.sitmp1	{padding:2px 2px 4px; font-size:90%; padding-left: 36px; background: url(../../images/qlink-bull.gif) no-repeat 24px 50%; border-bottom: 1px dotted #d8d8d8;}
.sitmp2	{padding:2px 2px 4px; font-size:85%; padding-left: 60px; background: url(../../images/qlink-bull.gif) no-repeat 48px 50%; border-bottom: 1px dotted #d8d8d8;}
.sitmp3	{padding:2px 2px 4px; font-size:85%; padding-left: 84px; background: url(../../images/qlink-bull.gif) no-repeat 72px 50%; border-bottom: 1px dotted #d8d8d8;}
A.sitmpA0 {color:#487e16; font-size: 1.13em;}
A.sitmpA0:hover	{color:#ff7800;}
A.sitmpA1, A.sitmpA2, A.sitmpA3	{color:#555; padding-right: 12px; background: url(../../images/arrow.gif) no-repeat 100% 50%; font-size: 90%;}
A.sitmpA1:hover, A.sitmpA2:hover, A.sitmpA3:hover {color:#ff7800;}
A.sitmpA1 {font-size: .95em; font-weight: bold;} 
A.sitmpA2 {font-weight: bold;}

#callbacklink { font-size: 0.75em;}


#flashcontainer { display: none;}
#post-videoImage { display: none;}