/* IMAGE TABLE PADDING */

div.panelcontainer table.documentimage,
div.panelcontainer table.documentimage_left {padding: 0 18px 0px 0;}

div.panelcontainer table.documentimage_centre {padding: 10px 0 10px 0}

div.panelcontainer table.documentimage_right {padding: 0 0 8px 10px}

/* -- Sytling for panels layout -- */

div#mainpanel {width:572px;
font-size: 1.1em;}

div#greycontainer {padding: 0;
width: 100%;
background-color: #ffffff;
float: left;}

div.panelcontainer {float: left;
margin-bottom: 6px;}

div.panelcontainer p {margin: 0;
padding: 2px;}

div.intropanel {width:554px;
margin-bottom: 0px;
float: left;
padding: 0px 0 10px 0;
display: inline;}

div.intropanel h2, div.teaserpanel h2 {
color: #aa0056;
margin: 0 0 8px 0;}

#content div.intropanel div.introcontent h2 {font-size: 1.6em;
color: #74004c;
display: none}

#content div.intropanel img {margin:0;
padding:0;}

div.intropaneltext {
margin-bottom: 10px;
font-size: 1.1em;}

div.sectionpanel {width:272px;
border: 1px #eeeeee solid;
margin-right: 8px;
background-color: #fcfcfc;
margin-bottom: 0px;
float: left;
display: inline;
padding: 0 0 6px 0px;}

div.teaserpanel img {float: right;
display: inline;
padding: 0px;
margin: 9px 6px 0 6px;
border: 0}

div.teasercontent {padding: 6px;
}

div.sectionpanel div.sectioncontent a h2 {font-size: 1.2em;
color: #aa0056;
margin: 0px 0 6px 0;}

div.sectionpanel a:hover h2 {text-decoration: underline}

div.sectioncontent {padding: 6px;
float: right;
width: 154px}

#bottomspacer {height: 10px;
clear: both;}

#content div.contentcontainer {padding: 8px;}

#content div.contentcontainer ul {margin: 8px 0 0 0;
padding: 0;}

#content div.contentcontainer ul li {display: block;
list-style: none;
background: #ffffff url(../../images/rebrand/red_arrow.gif) no-repeat 1px 8px;
padding: 4px 0px 0px 12px;
color: #74004c;
text-decoration: none;
margin: 0;}

div.teaserpanel {width:554px;
border: 1px #eeeeee solid;
background-color: #fcfcfc;
margin-bottom: 0px;
float: left;
padding: 10px;}