/* ScottishPower - Green Website */
/* Design - LEWIS Creative Consultants */
/* TextOnly Styles */

/* -------- =Reset -- */
* { vertical-align: baseline; font-weight: inherit; font-family: inherit; font-style: inherit; font-size: 100%; border: 0 none; outline: 0; padding: 0; margin: 0; }
img { overflow: hidden; display: block; }
ul, ul li, ol, ol li { list-style: none; }

/* -------- =Body -- */
html, body { height: 100%; width: 100%; }
body { margin: 0 auto; padding: 0; font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 0.8em; line-height: 1.6em; background: transparent url(../Images/bgHeader.gif) repeat-x scroll left top; }
h1 { margin: 0px 0px 10px 0px; font-size: 1.5em; color: #1E6077; letter-spacing: -1px; line-height: 1.4em; font-weight: normal; }
h2 { margin: 0px 0px 10px 0px; font-size: 1.2em; color: #1E6077; letter-spacing: -1px; line-height: 1.4em; font-weight: normal; }
h3 { margin: 0px 0px 10px 0px; font-size: 1.1em; color: #666; letter-spacing: -1px; line-height: 1.4em; font-weight: normal; }

sup { vertical-align: baseline; font-size: 0.8em; position: relative; top: -0.4em; }
sub { vertical-align: baseline; font-size: 0.8em; position: relative; top: 0.3em; }

p { margin: 0 0 0.7em 0; }
.hidden { display: none !important; }

/* -------- =Wrappers -- */
.wrapper { margin: 0 auto; padding: 0; position: relative; width: 800px; }
.content { float: left; width: 600px; }
.footer { float: left; margin: 20px auto 20px auto; width: 100%; height: 44px; background: transparent url(../Images/bgFooter.gif) repeat-x scroll left top; position: relative; }
.footerMenu { position: relative; margin: 50px auto 0px auto; width: 800px; font-size: 0.8em; }
.footerMenu ul { float: right; margin: 0px; }
.footerMenu ul li { float: left; display: inline; padding: 0px 10px 0px 0px; }
.footerMenu ul li a { color: #666; text-decoration: none; }
.footerMenu ul li a:hover { text-decoration: underline; color: #5A00AD; }
.footerMenu ul li a:active { text-decoration: underline; color: #5A00AD; }
.footerFlash { position: absolute; top: -40px; left: 0; width: 200px; height: 20px; }
.footerFlash a { color: #fff; font-size: 1.2em; text-decoration: none; }
.footerFlash a:hover { color: #fff; text-decoration: underline; }


/* -------- =Header -- */
.header { margin: 0px 0px 20px 0px; float: left; width: 100%; min-height: 146px; height: auto !important; height: 146px; }
.logo { margin: 20px 0px 0px 0px; float: left; display: inline; }

/* -------- =Header -- */
.dividerLine { margin: 20px 0px; font-size: 1px; width: 90%; height: 3px; background: transparent url(../Images/divider660.gif) repeat-x scroll left top !important; }

/* -------- =Navigation (Global) -- */
#globalNav { margin: 0px; float: left; width: 200px; }
#globalNav ul { margin: 0px 0px 10px 0px; }
#globalNav ul li { margin: 0px 0px 0px 6px; border-bottom: 1px solid #ccc; width: 80%; }
#globalNav ul li a { margin: 0px 0px 0px 0px; padding: 2px 0px 2px 6px; text-decoration: none; color: #5A00AD; display: block; }
#globalNav ul li a:hover { background-color: #D5E060; color: #333; display: block; }
#globalNav ul li a.active { background-color: #D5E060; color: #333; display: block; }

.navHeading { width: 100%; font-size: 1.2em; font-weight: bold; letter-spacing: -1px; text-decoration: none; color: #1E6077; }
.navHeading a { padding: 0px 0px 10px 0px; font-size: 1em; font-weight: bold; letter-spacing: -1px; text-decoration: none; display: block; color: #5A00AD; }
.navHeading a:visited, .navHeading a:active { color: #5A00AD; }
.mainTitle { margin: 50px 0px 0px 0px; float: right; display: inline; text-align: right; }
.mainTitle h1 { color: #666; }
.mainTitle h1 span { font-size: 0.8em; }

/* -------- =Link  -- */
.iconArrow { margin-left: 3px; padding: 0px 0px 0px 17px; background: transparent url(../Images/iconArrowCirc.gif) no-repeat 0 50%; color: #1E6077; text-decoration: none; }
.iconArrow:hover { border-bottom: dashed 1px #5A00AD; color: #5A00AD; }


/* -------- =Body  -- */
.content a { font-weight: bold; margin-left: 3px; padding: 0px 0px 0px 17px; background: url(../Images/iconArrowCirc.gif) no-repeat 0 50%; color: #1E6077; text-decoration: none; }
.content a:hover { border-bottom: dashed 1px #5A00AD; color: #5A00AD; }
.content .noBullet { background: none; margin: 0px; padding: 0px; }
.content ul { margin: 10px 0px; }
.content ul li { margin: 5px 0px 5px 20px; padding: 0px 0px 0px 20px; background: transparent url(../Images/bulletCircleDot.gif) no-repeat 0px 5px; }

/* -------- =Misc -- */
.clear { clear: both; overflow: hidden; height: 0px; margin: -1px 0px 0px 0px !important; }
.hidden { display: none; }

/* -------- =Colours -- */
.purple { color: #5A00AD; }
.lime { color: #C0DD1A; }

/* -------- =Clearfix -- */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */