html 
{
height: 100.02%;
}

body 
{
text-align: center; /* for IE */
color: #036;
font: 70%/1.5em verdana, arial, sans-serif;
margin: 0;
padding: 0;
border: 0;
background: #EBF0F5 url(http://www.sweetandmaxwell.co.uk/westlaw/images/back.gif) top center repeat-y;
}

div#wrapper 
{
text-align: left; /* reset text alignment */
width: 702px; /* for IE5 */
width/**/:/**/ 700px;
margin/**/:/**/ 0 auto; /* for the rest */
}

div#left
{
float: left;
width: 212px;
width/**/:/**/ 210px;
text-align: left;
font-size: 1em;
margin/**/:/**/ 0 auto; /* for the rest */
background: url(http://www.sweetandmaxwell.co.uk/westlaw/images/left.jpg) top center no-repeat;
}

div#content
{
float: right;
padding-top: 70px;
padding-right: 10px;
color: #2C2612;
width: 470px;
margin-right: 1px;
margin/**/:/**/ 0 auto; /* for the rest */
background: url(http://www.sweetandmaxwell.co.uk/westlaw/images/welcome.gif) top left no-repeat;
}

body#terms div#content
{
padding-top: 70px;
background: #fff url(http://www.sweetandmaxwell.co.uk/westlaw/images/wl3.gif) top left no-repeat;
}

div#quote
{
position: absolute;
ma-top: 0px;
padding-right: 4px;
color: #2C2612;
width: 470px;
margin-right: 1px;
margin-top: 16px;
}

.column
{
width: 220px;
}


div#footer
{
float: right;
height: 90px;
width: 690px;
width/**/:/**/ 475px;
margin-right: 1px;
margin/**/:/**/ 0 auto; /* for the rest */
border-top: 1px solid #3A72B5;
padding: 0 0 0 218px;
padding/**/:/**/ 0 0 0 225px;
background: url(http://www.sweetandmaxwell.co.uk/westlaw/images/wl2.gif) top right no-repeat;
}


/* lists */

ul
{
list-style: none;
padding-left: 20px;
margin-left: 20px;
}

li  
{
margin: 5px 5px 5px 0;
text-align: left;
font-size:  1em;
line-height: 1.5em;
}

#content li  
{
margin: 5px 5px 5px 0;
text-align: left;
font-size:  1em;
line-height: 1.5em;
list-style-image: url(http://www.sweetandmaxwell.co.uk/westlaw/images/arrow.gif); 
}

#content ul.terms li {list-style-image: none;}

div#left ul
{
margin-top: 250px;
}

div#left ul, div#left p
{
margin-left: 20px;
}

div#left p
{
color: #fff;
line-height: 1em;
}

ul.clist 
{
padding: 0;
margin: 0 0 0 10px;
list-style: square;
}

ul#links 
{
padding: 0;
margin: 0 0 5px 0;
list-style: none;
}


/* links */

#left a:link, #left a:visited, #left a:active 
{
text-decoration : underline;
color: #fff;
}

#left a:hover 
{
text-decoration : underline;
color: #B5C4D6;
}

a:link, a:active 
{
text-decoration : underline;
color: #369;
}

a:visited
{
text-decoration : underline;
color: #999;
}

a:hover 
{
color: #69c;
}

#footer a:link, #footer a:visited, #footer a:active 
{
text-decoration : underline;
color: #036;
}

#footer a:hover 
{
text-decoration : underline;
color: #94A5C1;
}

/* images */

img.floatleft 
{ 
float: left;
margin: 4px; 
}

img.floatright 
{ 
float: right;
}

img	 
{
display: block;
border: 0;
}

/* text elements */

h1	
{
font-size: 1.2em;
font-weight: bold;
margin-top: 0.5em;
color: #3A72B5;
}

h2 
{
font-size: 1.1em;
font-weight: bold;
margin-top: 5px;
margin-bottom: 5px;
color: #3A72B5;
}

h3 
{
font-size: 1.1em;
font-weight: bold;
margin-top: 5px;
margin-bottom: -3px;
color: #3A72B5;
}

h5,h4
{font-size: 1em;}

p.headline
{
font-size: 1.3em;
font-weight: bold;
line-height: 1.3em;
color: #3A72B5;
}

p, address
{
margin-top: 1em;
margin-bottom: 1em;
text-align: left;
font-size:  1em;
}

/* generic add space below element */
.space 
{
margin-bottom: 2em;
}

.hide
{
position: absolute;
left: -2000px;
}

.blue
{
color: #0E62A2;
}

hr {
color: #A9A9A9;
background-color: #A9A9A9;
height: 1px;
}