/* CSS Design by Sue Johnson www.suesdesign.co.uk for Target Print */

/* default values for all html elements */
* { 
margin: 0; 
padding: 0;
}

/*------------------------------------------------------
background
------------------------------------------------------*/

body{
background: #b8d3de url(../images/background.jpg) repeat-x;
}

#container, #outercontainer{
background-color:#FFFFFF;
}

#footer{
background-color:#CCCCCC;
clear: both;
}

#outercontainer{
border:#666666 solid 1px;
}

/*------------------------------------------------------
Layout
------------------------------------------------------*/

#outercontainer{
width: 1024px;
margin: 0 auto;
}

.maincontent{
width: 670px;
float:  right;
margin: 0 100px 80px 0;
}

#footer{
clear:both;
margin-top:10px;
height: 100px;
}

/*------------------------------------------------------
Banner
------------------------------------------------------*/

#banner{
width: 220px;
float: left;
}

#banner img{
border: 0px;
margin:20px 0 20px 40px;
}

/*------------------------------------------------------
Navigation style
------------------------------------------------------*/

a{
color:#666666;
}

a:visited{
color:#999999;
}

a:hover, a:active{
color:#000000;
}

#mainnav{
height: 100px;
}

#mainnav li{
list-style-type: none;
margin: 20px 30px;
float:left;
}

#mainnav li a, #secondnav ul li a{
text-decoration: none;
font:1.4em "Gill Sans", Helvetica, sans-serif;
}

#secondnav{
margin: 50px 0 0 40px;
}

#secondnav ul li{
list-style-type: none;
line-height:40px;
}

#secondnav ul li a{
line-height:40px;
padding-left: 25px;
}

/* colour code */

a#promotlink{
color:#08b9ff;
background: url(../images/cyan.gif) no-repeat left 50%;
}

a:visited#promotlink{
color:#72d4fb;
}

a#budgetlink{
color:#EC008C;
background: url(../images/magenta.gif) no-repeat left 50%;
}

a:visited#budgetlink{
color:#f980fa;
}

#budgetpage .maincontent ul li{
background: url(../images/pinkcircle.gif) no-repeat left 50%;
width: 180px;
height: 1.6em;
}

#budgetpage .maincontent ul li.twoline{
width: 220px;
}

#budgetpage .maincontent ul li a{
font-size: 1.2em;
text-decoration: none;
}

a#educlink{
color: #d5b700;
background: url(../images/yellow.gif) no-repeat left 50%;
}

a:visited#educlink{
color:#fbed05;
}

a#corplink,  a#caselink{
color:#333333;
background: url(../images/black.gif) no-repeat left 50%;
}

a:visited#corplink, a:visited#caselink{
color:#999999;
}

a#pricelink{
color:#0509c7;
background: url(../images/blue.gif) no-repeat left 50%;
}

a:visited#pricelink{
color:#7174f4;
}

a#envirolink{
color:#19aa1d;
background: url(../images/green.gif) no-repeat left 50%;
}

a:visited#envirolink{
color:#68d36b;
}

a#offerlink{
color:#f91e1d;
background: url(../images/red.gif) no-repeat left 50%;
}

a:visited#offerlink{
color:#f58a7f;
}

#secondnav ul li a:hover, #secondnav ul li a:active{
color:#000000;
}

/* highlight current page */

body#homepage a#homelink,
body#profilepage a#profilelink,
body#howpage a#howlink,
body#locapage a#localink{
color: #000000;
}

body#promotpage a#promotlink{
color:#08b9ff;
font-weight: bold;
}

body#budgetpage a#budgetlink{
color:#EC008C;
font-weight: bold;
}

body#educpage a#educlink{
color:#d5b700;
font-weight: bold;
}

body#corppage a#corplink, body#casepage a#caselink{
color: #333333;
font-weight: bold;
}

body#enviropage a#envirolink{
color:#19aa1d;
font-weight: bold;
}


body#offerpage a#offerlink{
color:#f91e1d;
font-weight: bold;
}

/*print prices*/

#secondnav ul li#pricelink{
color:#0509c7;
padding: 10px 0 0px 25px;
background: url(../images/blue.gif) no-repeat left 9%;
font: bold 1.4em "Gill Sans", Helvetica, sans-serif;
}

#secondnav ul ul{
padding-bottom: 10px;
overflow: hidden;
}

#secondnav ul ul li{
height: 30px;
}

#secondnav ul ul li a{
color:#0509c7;
background: none;
padding-left: 0px;
font-size: 1em;
}

#secondnav ul ul li a:hover{
color:#000000;
}

/*highlight current price page*/

body#flyerpage a#flyerlink, body#statpage a#statlink, body#folderpage a#folderlink, body#posterpage a#posterlink, body#leafpage a#leaflink, body#statpage a#statlink{
color:#000000;
font-weight: bold;
}

/* footer */

#footer li{
display:inline;
margin: 40px;
}

#footer li a{
color:#FFFFFF;
}

#footer li a:hover {
color:#999999;
}

/*------------------------------------------------------
Typography
------------------------------------------------------*/
body {
font: 80% verdana, Helvetica, sans-serif;
line-height: 150%;
}

h1, h2, h3 {
color: #999999;
}

h1{
font: normal 2.8em "Gill Sans", Helvetica, sans-serif;
margin-bottom:20px;
clear: both;
}

h2{
font: normal 2.4em "Gill Sans", Helvetica, sans-serif;
}

h3{
font: normal 1.6em "Gill Sans", Helvetica, sans-serif;
}

p, h2{
margin-bottom:10px;
}

/*prices*/
#flyerpage h2, #statpage h2, #folderpage h2, #posterpage h2, #leafpage h2{
font-size: 2em;
margin-top: 20px;
}

#footer {
text-align:center;
color: #FFFFFF;
font-size:12px;
line-height: 40px;
}

#homepage h1{
font-size: 2.2em;
}

#homepage h2{
font-size: 2.2em;
}

#howpage h2{
font-size: 1.5em;
}

.block{
background: #999999;
color: #FFFFFF;
padding: 6px 6px 1px 6px;
font-size:90%;
margin-top: 20px;
clear: both;
}

.addresscolumn{
width: 15em;
float: left;
}

.addresscolumn img{
margin-top: 4px;
}

p.addresscolumn a{
color:#0000ff;
}

.address{
width: 6em;
float: left;
font-weight: bold;
}

.telephone{
font: 2.8em "Gill Sans", Helvetica, sans-serif;
width: 9em;
float: left;
color: #999999;
}

.maincontent li{
list-style-type: none;
background:  url(../images/greycircle.gif) no-repeat left 45%;
padding-left: 17px;
width: 22em;
float: left;
}

.blacktext{
color: #000000;
font:2.4em "Gill Sans", Helvetica, sans-serif;
}

/* colour code */

#promotpage h1, #promotpage h2{
color: #08b9ff;
}

#promotpage .block{
background: #08b9ff;
}

#budgetpage h1, #budgetpage h2{
color: #EC008C;
}

#educpage h1, #educpage h2{
color: #d5b700;
}

#educpage .block{
background: #FFFF66;
color: #000000;
margin-top: 50px;
}

#educpage .maincontent ul{
margin-bottom: 100px;
}

#educpage .maincontent li{
background: url(../images/yellowcircle.gif) no-repeat left 45%;
} 

#enviropage h1, #enviropage h2{
color: #19aa1d;
}

#offerpage h1, #offerpage h2{
color: #f91e1d;
}

/*Case Studies*/
.case {
background-color: #cccccc;
margin: 30px 0;
padding: 5px 10px;
width: 650px;
}

.case h2{
font-size: 1.7em;
color: #333333;
}

.case p strong{
color: #333333;
margin-left: -40px;
}

.case p{
padding-left: 40px;
}

#case1{
padding-bottom: 35px;
width: 550px;
}

#case3{
width: 550px;
padding-bottom: 0px;
}

#left{
padding-left: 40px;
}

blockquote{
color: #0509c7;
width: 600px;
font-size: 1.1em;
}

/*table*/
table {
clear: both;
background-color:#FFFFCC;
border-collapse:collapse;
width: 600px;
margin-bottom:10px;
}

.halfwidth{
width: 300px;
}

.small{
width: 450px;
}

th{
font-weight: bold;
background-color: #999999;
color: #FFFFFF;
text-align: left;
padding: 4px 15px;
}

td{
padding: 4px 15px;
margin: 0px;
font-weight: bold;
}

.tablerow{
background-color:#b5e2f9;
}

tr:hover{
background-color: #333333;
color: #FFFFFF;
}

.nobold{
font-weight: normal;
}

.singlecell td:hover{
background-color: #333333;
color: #FFFFFF;
}

.singlecell tr:hover{
background-color: inherit;
color: inherit;
}

.cellback{
background-color: #b5e2f9;
font-weight: normal;
}

/*------------------------------------------------------
Other style
------------------------------------------------------*/

img{
border:0px;
}

.maincontent img{
margin: 10px 0 30px 0;
}

.addresscolumn img{
margin: 5px 0 0 0;
}

.clear{
clear: both;
padding-top: 10px;
}

.right{
float: right;
}

.hidden{
position: absolute;
left: -999em;
}