/* 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;}
#header {background: url(../images/header-bg.jpg) no-repeat 0 0; height: 75px; padding: 105px 0 0 0;}
#logo {position: absolute; left: 0; top: 10px;}
h1{display: none;}
#page {padding: 12px;}

.mandatory{
	color: #ff0000;
	font-weight: bold;
}

a.skipLink{position:absolute; top: 0; left:-3000px; background:#FE9D3F; color:#fff; font-weight:bold; padding:0.5em; text-align:center; font-size: 0.9em;}
a.skipLink:hover, 
a.skipLink:focus{left: 100px;}

sup{font-size: 0.8em; vertical-align: top; padding: 0 0.2em; color: #CC0000;}

/* Home Page Overlay */
#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;}
#customer-type h1 {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 a {background: url(../images/btn-yesno.png) no-repeat 0 0; display: block; width: 93px; height: 43px; text-align: center; line-height: 43px; text-indent: -999em; float: left; margin: 1em 1em 1em 0;}
#customer-type a#btn-yes:hover {background-position: 0 -43px;}
#customer-type a#btn-no {background-position: -93px 0;}
#customer-type a#btn-no:hover {background-position: -93px -43px;}

/* Site Navigation */
#nav-main {width: 924px; position: relative;}
#nav-main li  {float: left; display: inline; height: 34px; line-height: 2.8em;}
#home {width: 8.4em; min-width: 101px; margin-right: 3px;}
#business {width: 10.5em; min-width: 122px; margin-right: 3px;}
#energy {width: 13.5em; min-width: 158px;}
#support {width: 15em; min-width: 184px; position: absolute; top: 0; right: 0;}

#nav-main li {text-align: center;}
#nav-main li a {background: url(../images/nav_tab_left.png) no-repeat top left; display: block; text-decoration: none; font-size: 1.167em; text-transform: uppercase; color: #444; letter-spacing: .03em; height: 34px; padding-left: 5px; overflow: hidden;}
#nav-main li a span{ display: block; background: url(../images/nav_tab_right.png) no-repeat top right; height: 34px;}

#nav-main li#support a {background: url(../images/nav_support_left.png) no-repeat top left; padding-left: 20px;}
#nav-main li#support a span{ display: block; background: url(../images/nav_support_right.png) no-repeat top right; padding-right: 17px;}

#nav-main li#home a:hover, #nav-main li#home a:active, #nav-main li#home a:focus, #nav-main li#home a.selected  {background-position: 0 -34px; color: #457a15;}
#nav-main li#home a:hover span, #nav-main li#home a:active span, #nav-main li#home a:focus span, #nav-main li#home a.selected span  {background-position: right -34px; color: #457a15;}
#nav-main li#business a:hover, #nav-main li#business a:active, #nav-main li#business a:focus, #nav-main li#business a.selected {background-position: 0 -34px; color: #457a15;}
#nav-main li#business a:hover span, #nav-main li#business a:active span, #nav-main li#business a:focus span, #nav-main li#business a.selected span {background-position: right -34px; color: #457a15;}
#nav-main li#energy a:hover, #nav-main li#energy a:active, #nav-main li#energy a:focus, #nav-main li#support a.selected {background-position: 0 -34px; color: #457a15;}
#nav-main li#energy a:hover span, #nav-main li#energy a:active span, #nav-main li#energy a:focus span, #nav-main li#support a.selected span {background-position: right -34px; color: #457a15;}
#nav-main li#support a:hover, #nav-main li#support a:active, #nav-main li#support a:focus, #nav-main li a.selected {background-position: 0 -34px; color: #ff7800;}
#nav-main li#support a:hover span, #nav-main li#support a:active span, #nav-main li#support a:focus span, #nav-main li a.selected span {background-position: right -34px; color: #ff7800;}


#nav-main .nav-sub {width: 924px; background: url(../images/nav-sub-bg.png) no-repeat 0 0; padding-top: 1px;}
#nav-main .nav-sub li {height: 41px; background: url(../images/nav-div.gif) no-repeat 100% 40%;}
#nav-main .nav-sub li.last {background: none;}
#nav-main .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 { outline: 1px dotted #457a15; color: #457a15;}
#nav-main .nav-sub li a.selected {outline: none; color: #457a15;}

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

.slider {position: absolute; top: -60px; width: 206px; left: 5px; z-index: 999;}
.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 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: 282px; 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 {color: #487e16; padding: 0 12px 6px; font-size: 1.25em; font-weight: normal;}
.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;}

.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 15px;}
.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);}

/* Support Expander */
#support-holder {padding: 1em 0 0; }
#support-holder .close{ display: block; height: 40px; text-align: right; background: url(../images/close.gif) no-repeat 0 0; position: relative;}
#support-holder .close:hover{ background-position: 0 -40px;}
#support-holder .close a {display: block; text-indent: -999em;  width: 10.2em; height: 30px; cursor: pointer; position: absolute; top: 9px; right: 13px;}
#support-holder .close:hover a {outline: none; text-decoration: none;}

.frm-search label {text-indent: -30000px;}
.frm-search{position: relative;}
#ask-katie {float: left; width: 545px; height: 98px; position: relative; margin: 0 0 0 12px;}
#ask-katie h2 {color: #487e16; font-size: 1.38em; font-weight: normal; position: absolute; left: 124px; top: 1em;}
#ask-katie img.Katie{
	 position: absolute;
	 top: -2px;
}
#ask-katie .frm-search {background-image: none; position: absolute !important; left: 104px; top: 64px; width: 431px;}
#ask-katie .frm-search label {background-image: url(../images/lbl-ask-katie.gif); width: 164px; text-indent: -30000px;}
#ask-katie .frm-search #txt_katie {width: 201px; margin: 7px 8px 0 7px;}	

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;}
#section-choose label{ text-indent: -30000px;}
#support-holder{
	margin-bottom: 1em;
}
#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: 7px 5px 0 12px;}
#support-qqs select {vertical-align: middle;}

#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: .4em 0;}

#support-qqs h3 {text-indent: -999em; background: url(../images/misc-txt.gif) no-repeat 0 0; height: 14px; line-height: 14px; 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 .vid-guides p{ padding: 0.2em 0;}
#support-qqs .vid-guides p a {color:#487E16;}

/* 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: 400px; position: relative; display: none; padding-top: 76px;}
#overlay .inner {margin: 0 0 0 30px;}
#overlay h2 {color: #487e16; font-size: 2em; margin: 0 0 6px;}
#overlay h3 {color: #487e16; font-size: 1.12em; 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;}
#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-position: 0 -43px;}
.tel-no {line-height: 43px; font-size: 1.38em; color: #487e16;}
#overlay p + p {margin: 6px 0 0; color: #555; line-height: 1.3;}

/* Breadcrumbs */
#breadcrumbs {margin-bottom: .75em;}
#breadcrumbs li {color: #555; float: left; font-size: .75em; padding: 0 3px 0 0;}
#breadcrumbs li:after {content: " |";}
#breadcrumbs li:nth-child(1):after, #breadcrumbs li:last-child:after {content: "";}
#breadcrumbs li a {color: #555;}

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

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

#support_ask{ background: url(../images/search-bg.gif) repeat-x top left; height: 35px;}

#searchArea{ display: block; min-height: 120px; position: relative;}

#searchArea h2{ position: absolute; left: 110px; top: 20px;}
#searchArea #Katie{position: absolute;} 

/* Site search -- */
#siteSearch{text-align: right; position: absolute; top: 10px; right: 0; background: url(../images/search-bg.gif) repeat-x top left;}
#siteSearch label{padding-right: 225px;}
#siteSearch #searchText{margin: 0; height: 1.3em; padding: 1px 2px; font-size: 0.75em; width: 160px;  position: absolute; right: 55px; top: 7px;}

form .magnifier{border: none; text-indent: -30000px; background: url(../images/btn-search.gif) no-repeat; width: 54px; height: 34px; position: absolute; font-size: 0.1px; color: #eee;}
form .magnifier:hover,
form .magnifier:focus{background: url(../images/btn-search-on.gif) no-repeat; cursor: pointer;}

#siteSearch .magnifier{top: 0; right: 0;}
#schWeb .magnifier{right: -10px; top: 0;}

/* Metafaq search -- */
#metafaqSearch{ text-align: right; position: absolute; top: 66px; right: 0; background: url(../images/search-bg.gif) repeat-x top left; width: 88%;}
#metafaqSearch label{ padding-right: 605px;}
#metafaqSearch #nlpq{position: absolute; right: 55px; top: 7px; width: 535px; padding: 1px 2px;}

form .Qmark{border: 0; text-indent: -30000px; background: url(../images/btn-q.gif) no-repeat; width: 54px; height: 34px; position: absolute; top: 0; right: -7px; font-size: 0.1px; color: #eee;}
form .Qmark:hover,
form .Qmark:focus{background: url(../images/btn-q-on.gif) no-repeat; cursor: pointer;}

/* -- LEFT COL ------------------ */
#leftCol{width: 215px; float: left; background: #FFF; padding-right: 10px; padding-top: 15px;}

#leftCol h2{background: url(../images/lbl-choose.gif) no-repeat; text-indent: -30000px; font-size: 0.1px; height: 14px;}
#leftCol ul{padding-top: 10px;}

#leftCol #contact{
	padding: 0.5em 0.5em;
	margin-top: 1em;
	border: 1px solid #ccc;
}
#leftCol #contact h3{
	color: #487E16;
}
#leftCol #contact p a{
	text-decoration: underline;
}

/*  SP (Scottish Power) List layout -- */
.SPlist{margin: 0 !important;}
.SPlist li{border-bottom: 1px dotted #d8d8d8; padding: 0.3em 0 !important; list-style: none !important; background: url(../images/arrow.gif) no-repeat right;}
.SPlist li a{ background: url(../images/qlink-bull.gif) no-repeat 1px 0.5em; padding-left: 20px; padding-right: 10px; display: block; line-height: 1.5em;}
.SPlist li a:hover,
.SPlist li a:focus{background: url(../images/qlink-bull-hover.gif) no-repeat 1px 0.5em; color: #ff7900;}

#leftCol li.current{ background: url(../images/arrow.gif) no-repeat right 1em;}
#leftCol li.last{ border: none; }
#leftCol li a.selected{ color: #ff7900; font-weight: bold; background: url(../images/qlink-bull-hover.gif) no-repeat 1px 0.5em; }
#leftCol li li a.selected{background: none; color: #487E16;}

/* Sub Menu -- */
#leftCol ul ul{	padding: 0.5em 0 0 0; margin: 0 0 0 1.0em;}
#leftCol li li{background: none; border: none; padding: 0.25em 0; font-size: 0.9em; border-bottom: 1px dotted #d8d8d8;}
#leftCol li li a,
#leftCol li li a:hover,
#leftCol li li a:focus{background: none; padding-left: 10px;}

/* -- Main content --------- */
#mainContent{background: url(../images/content_bg_top.gif) repeat-x top left; border-top: 1px dotted #d8d8d8; padding-top: 8px; padding-right: 10px; padding-bottom: 0; padding-left: 225px;}
#mainContent h2{color: #487E16; font-weight: normal; font-size: 1.2em;}
#mainContent p a,
#mainContent li a{text-decoration: underline;}
#mainContent p a:hover,
#mainContent p a:focus,
#mainContent li a:hover,
#mainContent li a:focus{color: #FF7900;}

ul.faqs{padding-top: 10px;}

#innerContent{ padding-left: 15px;}
#innerContent ul{ padding: 0.5em 0; margin-left: 20px;}
#innerContent li{ list-style: disc; padding: 0.2em 0;}

/* Paging -- */
#paging{ display: block; text-align: center; padding-top: 1em;}
#paging li{display: inline; padding: 0 0.1em; color: #777;}
#paging li a{text-decoration: underline;}
#paging li a:hover,
#paging li a:focus{color: #ff7900;}
#paging #previous{background: url(../images/pager_arrow_left.gif) no-repeat left; padding-left: 10px; padding-right: 0.5em;}
#paging #next{background: url(../images/pager_arrow_right.gif) no-repeat right; padding-right: 10px; padding-left: 0.5em;}

#spacer{display: block; clear: both;}

.side-img {position: relative; margin: 12px 0 6px;}
.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 {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;}

#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: 200px; margin: 6px 8px 0;}

/* Product Details */
#nav-green {background: url(../images/nav-green-bg.jpg) no-repeat 0 0;}
#nav-green li {float: left; display: inline;}
#nav-green li a {display: block; height: 55px; line-height: 55px; text-indent: -999em;}
#nav-green li a:hover {background: url(../images/product-nav-hov.png) no-repeat 0 1px;}
#nav-green li.tab1 a {width: 216px;}
#nav-green li.tab2 a {width: 220px; margin-left: 10px; background-position: 800px 1px;}
#nav-green li.tab3 a {width: 186px; margin-left: 10px; background-position: -456px 1px;}

#nav-guarantee {background: url(../images/nav-guaranteed-bg.jpg) no-repeat 0 0;}
#nav-guarantee li {float: left; display: inline;}
#nav-guarantee li a {display: block; height: 55px; line-height: 55px; text-indent: -999em;}
#nav-guarantee li a:hover {background: url(../images/product-nav-hov.png) no-repeat 0 0;}
#nav-guarantee li.tab1 a {width: 216px; background-position: 800px 0;}
#nav-guarantee li.tab2 a {width: 220px; margin-left: 10px; background-position: -226px 1px;}
#nav-guarantee li.tab3 a {width: 186px; margin-left: 10px; background-position: -456px 1px;}

#nav-discount {background: url(../images/nav-discounted-bg.jpg) no-repeat 0 0;}
#nav-discount li {float: left; display: inline;}
#nav-discount li a {display: block; height: 55px; line-height: 55px; text-indent: -999em;}
#nav-discount li a:hover {background: url(../images/product-nav-hov.png) no-repeat 0 0;}
#nav-discount li.tab1 a {width: 216px; background-position: 0 1px;}
#nav-discount li.tab2 a {width: 220px; margin-left: 10px; background-position: -226px 1px;}
#nav-discount li.tab3 a {width: 186px; margin-left: 10px; background-position: 800px 1px;}

#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 12px;}
#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;}

#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;}
#product-holder .product-basics .more a:hover {background-position: 0 -24px; text-decoration: none;}

.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 7px; margin: 5px 0 0; font-size: .88em; color: #487e16; background: url(../images/shadow2.gif) no-repeat bottom left; line-height: 35px;}
.product-detail td ol li strong {font-size: 1.78em;}
.product-detail td ol li a {color: #487e16; background: url(../images/arrow.gif) no-repeat 100% 50%; padding-right: 10px;}
.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;}
.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;}
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: 1em; 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 {padding: 0 12px 6px;}
#page-1col h1, #page-2col h1, #page-3col h1 {margin-top: 0; font-size: 1.13em; 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;}
#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;}

.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: .5em 0;}
.article img {float: left; padding: 6px 12px 12px 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;}


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

/* Page Forms */
.frm-holder {background: url(../images/shadow.gif) no-repeat bottom left; padding-bottom: 25px; margin-bottom: 12px;}
.frm-holder fieldset {background: url(../images/fieldset-bg.gif) repeat-x 0 0; padding: 1.8em 0 1em 0; position: relative;}
.frm-holder fieldset p {text-align: right;}
.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;}
.frm-holder input {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 {width: 216px; margin-left: 12px;}
#campaign #section #banner-home {margin-right: 0; margin-bottom: 12px;}
#campaign #section h2 {font-size: 1.13em; color: #487e16; font-weight: normal; margin: .5em 0;}

/* Quick Links */
#quick-links {padding: 0 12px 0;}
#quick-links dt a {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; display: block;}
#quick-links dt a:hover {background-position: 0 -106px;}
#quick-links dt.open a {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.0em; font-weight: normal;}
#quick-links dd .close a {display: block; text-indent: -999em; background: url(../images/quick-links.gif) no-repeat 0 -53px; height: 55px; cursor: pointer;}
#quick-links dd .close a: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; border-bottom: 1px dotted #d8d8d8; padding: 0.1em 0 !important; list-style: none !important; background: url(../images/arrow.gif) no-repeat right;}
.q-links li a{ color: #555; background: url(../images/qlink-bull.gif) no-repeat 0 0.5em; padding-left: 12px; padding-right: 5px; display: block; line-height: 1.5em;}
.q-links li a:hover,
.q-links li a:focus{background: url(../images/qlink-bull-hover.gif) no-repeat 0 0.5em; color: #ff7900;}

/* Search Form */
.frm-search {background: url(../images/search-bg.gif) repeat-x 0 0; width: 344px; 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 #txt_katie {vertical-align: top; margin: 7px 0 0 0; width: 158px; border: 1px solid #cdcdcd;}

/* Question / Answer page ---- */
#question{border-bottom: 1px dotted #ccc;}
#question h3{font-size: 0.8em; font-weight: normal; padding: 1em 0;}

#answer{padding: 0.5em 0; border-bottom: 1px dotted #ccc;}
#answer h3{padding-top: 0.5em; font-size: 0.8em;}
#answer ol{	margin-left: 20px; list-style-type: decimal;}
#answer ul{	margin-left: 20px; list-style-type: disc;}
#answer li{line-height: 1.2em; list-style: inherit;}
#answer table{ border-top: 1px solid #000; border-left: 1px solid #000;}
#answer td{padding: 0.2em 0.2em; vertical-align: middle; border-bottom: 1px solid #000; border-right: 1px solid #000;}
#answer table td p{ padding: 0; margin: 0;}

/* Rating 
----------------------------------------------- */
#rater{
	padding: 1em 0 0.1em 0;
}
#rater .left{ float: left;}
#rater .right{ float: right;}
.rateBox{
	padding: 0.2em 0.5em 0.2em 0;
}
.rateBox span{
	float: left;
	font-size: 0.7em;
	padding-top: 12px;
}
.rating, #showScore1, #showScore2, #showScore3, #showScore4, #showScore5{
	width: 120px;
	height: 22px;
	margin: 0;
	padding: 0 !important;
	list-style: none;
	position: relative;
	margin-top: 5px;
	background: url(../images/star-matrix.gif) no-repeat 0 0;
}
ul.rating {
	float: left;
	padding: 0 !important;
	margin: 0 0 1em 0 !important;
}
ul.rating li {
	cursor: pointer;
	/*ie5 mac doesn't like it if the list is floated\*/
	float: left;
	/* end hide*/
	text-indent:-999em;
	list-style-type: none !important; 
}
ul.rating li a{
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	text-decoration: none;
	z-index: 200;
}
ul.rating li.one a{left: 0}
ul.rating li.two a{left: 24px;}
ul.rating li.three a{left: 48px;}
ul.rating li.four a{left: 72px;}
ul.rating li.five a{left: 96px;}
ul.rating li a:hover{
	z-index: 2;
	width: 120px;
	height: 22px;
	overflow: hidden;
	left: 0;
	background: url(../images/star-matrix.gif) no-repeat 0 0;

}
#showScore1, #showScore2, #showScore3, #showScore4, #showScore5{
	/*margin-right: 1em;*/
	/*float: left;*/
	margin-bottom: 0.8em;
}

/* Custom Stars -------------- */
ul.rating li.one a:hover, #showScore1{background-position: 0 -24px;}
ul.rating li.two a:hover, #showScore2{background-position: 0 -48px;}
ul.rating li.three a:hover, #showScore3{background-position: 0 -72px;}
ul.rating li.four a:hover, #showScore4{background-position: 0 -96px;}
ul.rating li.five a:hover, #showScore5{background-position: 0 -120px;}

#feedback-form{
	float: left;
	padding: 0.5em 0;
}

#feedback-form label{
	font-size: 0.8em;
}

#feedback-form input#query{
	margin: 10px 0;
	width: 600px;
	font-size: 0.75em;
}
	


#related{float: left; width: 100%; padding: 1em 0; padding-right: 10px; border-top: 1px dotted #CCCCCC;}

#guides{padding: 0.5em 0; float: right; width: 220px;}

#related ul,
#guides ul{padding: 0.5em 0;}
#related h3,
#guides h3{font-size: 1.2em; font-weight: normal; color: #487E16;}
a.movie, #ask-katie .SPlist.video a{ background: url(../images/guides-bull.gif) no-repeat -3px 0.3em !important; }
a.file, #ask-katie .SPlist.file a{ background: url(../images/guides-bull.gif) no-repeat -3px -40px !important;}
.SPlist.faq a{ background: url(../images/qlink-bull.gif) no-repeat !important; background-position: -3px 0px !important;}

/* Search results / Search Tips page ---- */
#resultsList li{padding: 0.5em 0; background-position: right 1.2em;}
.spellcheck{font-weight: bold; padding: 0.3em 0; font-size: 1.0em;}

/* (Breadcrumb) */
div.breadcrumbs{padding-left: 20px; font-size: 0.9em; color: #487E16;}
div.breadcrumbs a{background: none !important; display: inline !important; padding: 0 !important; color: #232323;}


/* 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;}
#footer li:after {content: " |";}
#footer-links li:nth-child(1):after, #footer li:last-child:after {content: "";}