@import url(../css/37.css);
@import url(../css/default.css);
@import url(../css/print.css);

@media screen
{

	body
	{
		background-color: #EEE;
		color: #666;
	}

	div#container
	{
		width: 780px;
		background-color: #F9F9F9;
		margin: 0 auto;
	}

	div#outer
	{
		width: 740px;
		margin: 0 14px;
		border-left: solid 7px #E0E0E0;
		border-right: solid 7px #E0E0E0;
		background-color: #FFF;
	}

	div#inner
	{
		height: 300px;
		width: 718px;
		border-left: solid 1px #AAA;
		border-right: solid 1px #AAA;
		border-bottom: solid 1px #AAA;
		padding: 15px 10px 10px 10px;
	}

	html > body div#inner
	{
		height: auto;
		min-height: 300px;
	}

	div#banner
	{
		background-color: #FFF;
		border-left: solid 1px #AAA;
		border-right: solid 1px #AAA;
		border-bottom: solid 1px #AAA;
	}

	div#left
	{
		width: 544px;
		float: left;
		margin-right: -174px;
		padding: 15px 174px 10px 10px;
	}

	div#right
	{
		width: 174px;
		float: right;
	}

	div#inner img
	{
		margin-bottom: 20px;
	}

	div#header
	{
		position: relative;
		width: 740px;
		margin: 0 14px;
		background-color: #FFF;
		border-left: solid 7px #E0E0E0;
		border-right: solid 7px #E0E0E0;
	}

	div#header p
	{
		position: absolute;
		top: 0;
		right: 10px;
		line-height: 1;
		font-size: 0.9em;
		text-transform: uppercase;
	}

	div#header p a
	{
		display: block;
		float: left;
		color: #FFF;
		margin: 3px 0;
		padding: 3px 6px;
		border-bottom: none;
	}

	div#header p a.myaccount
	{
	    border-right: 1px solid #63b7db;
	}

	div#footer
	{
		width: 720px;
		margin: 0 auto;
		border-top: solid 7px #E0E0E0;
		padding: 10px 10px 60px 10px;
		color: #888;
	}

	div#footer a
	{
		border: none;
		color: #888;
	}

	div#footer a:hover
	{
		border-bottom: solid 1px #CCC;
	}

	div#footer p span, div#footer p a
	{
		color: #A8A8A8;
	}
	
	hr.clearer
	{
	    height: 0;
	    overflow: hidden;
	    visibility: hidden;
	    clear: both;
	    border: none;
	}

	a img
	{
		border: none;
	}

	h1
	{
		display: block;
		overflow: hidden;
		height: 0;
		padding-top: 92px;
		background-image: url(../img/ebrochure/header.jpg);
		background-repeat: no-repeat;
		background-position: left top;
		border-left: solid 1px #AAA;
		border-right: solid 1px #AAA;
	}

	h2
	{
		font-family: Helvetica, Arial, sans-serif;
		font-size: 1.8em;
		color: #003366;
		margin-bottom: 0.75em;
	}

	h3
	{
	    padding-top: 0.25em;
		margin-bottom: 0.5em;
		clear: both;
		font-size: 1.15em;
		font-weight: bold;
		color: #1D71A4;
	}

	h3 a:link, h3 a:visited, h3 a:hover
	{
		border: none;
		color: #666;
	}

	h4
	{
		height: 0;
		overflow: hidden;
		padding: 29px 0 0 0;
		margin: 0 0 4px 0;
		border: none;
		background-color: Transparent;
	}

	h4.next
	{
		background-image: url(../img/ebrochure/next.png);
	}

	h4.inspiration
	{
		background-image: url(../img/ebrochure/inspiration.png);
	}

	h4.resources
	{
		background-image: url(../img/ebrochure/resources.png);
	}

	ul.menu
	{
		height: 25px;
		overflow: hidden;
		margin: 0;
		background-color: #EAEAEA;
		background-image: url(../img/ebrochure/menu_background.png);
		background-repeat: repeat-x;
		background-position: left bottom;
		border: solid 1px #AAA;
	}

	ul.menu li
	{
		display: inline;
		float: left;
		list-style-type: none;
		text-transform: uppercase;
	}

	ul.menu li a
	{
		display: block;
		color: #666;
		background-image: url(../img/ebrochure/menu_bullet.png);
		background-repeat: no-repeat;
		background-position: left 3px;
		padding-left: 14px;
		padding-right: 4px;
		margin-top: 4px;
		margin-right: 10px;
	}

	ul.menu li a:active, ul.menu li a:link, ul.menu li a:visited, ul.menu li a:hover
	{
		color: #666;
	    border: none;
	}

	ul.menu li a:hover
	{
		color: #000;
	}

	ul.menu li.first a
	{
		margin-left: 10px;
	}

	table
	{
		border-top: 1px solid #E0E0E0;
		border-right: 1px solid #E0E0E0;
		width: 100%;
	}

	table.pad
	{
		margin-bottom: 20px;
	}

	th
	{
		background-color: #D0D7D7;
		font-weight: bold;
		padding: 0;
		text-align: left;
		border-left: solid 1px #AEBBBA;
	}

	th a, th a:link, th a:visited, th a:hover
	{
		border: none;
		display: block;
		padding: 0.5em 1em;
		background-color: #D0D7D7;
		color: #666;
	}

	th a:hover
	{
		background-color: #C8C8C8;
	}

	div#trial
	{
		background-color: #FFF;
		background-color: #FFD33A;
		background-image: url(../img/ebrochure/trial_background.png);
		border-left: solid 1px #AAA;
		border-right: solid 1px #AAA;
		border-bottom: solid 1px #AAA;
	}

	div#trial p
	{
		padding: 20px 20px 25px 20px;
		margin: 0;
		text-align: center;
		color: #000;
	}

	div#trial p strong
	{
		font-size: 1.2em;
	}

	div#trial a
	{
		color: #000;
		border: none;
	}

	div#trial a:hover
	{
		color: #7A560F;
	}

	body.website div#inner
	{
		width: 738px;
		padding: 0;
		background-image: url(../img/ebrochure/side_background.png);
		background-repeat: repeat-y;
		background-position: right top;
	}

	body.website div#right img
	{
		margin: 0;
	}

	div#right img
	{
		float: right;
	}

	div#right a
	{
		color: #FFF;
		border: none;
	}

	div#right a:hover
	{
		color: #9ECCE0;
	}

	div#right p
	{
		color: #FFF;
		line-height: 1.5;
		margin-bottom: 20px;
	}

	div#right p, div#right ul
	{
		margin: 2px 2px 20px 14px;
	}

	div#right ul
	{
		list-style-type: none;
	}

	div#right ul li
	{
		background-position: left 4px;
		background-repeat: no-repeat;
		padding-left: 20px;
	}

	div#right ul li.enquire
	{
		background-image: url(../img/ebrochure/enquire.png);
		background-position: 2px 4px;
	}

	div#right ul li.send
	{
		background-image: url(../img/ebrochure/send.png);
		background-position: 2px 4px;
	}

	div#right ul li.print
	{
		background-image: url(../img/ebrochure/printer.png);
	}
	
	h2.pad
	{
		margin-bottom: 20px;
	}

	h3.step
	{
	    padding-top: 0;
		clear: none;		
	}

	h4.step
	{
	    height: auto;
	    font-size: 1em;
	    overflow: auto;
	    line-height: 1.5;
	    padding-top: 0;
	    padding-bottom: 0.5em;
		clear: none;		
	}

	p.step
	{
		clear: none;
		margin: 0;
	}

	p.gallery
	{
		margin-left: 211px;
	}

	img.icon
	{
		float: left;
		clear: left;
		margin: 0 20px 0 0;
	}

	img.gallery
	{
		float: left;
		clear: left;
		margin: 0 20px 5em 0;
		border: solid 1px #CCC;
	}

	div.hr
	{
		clear: left;
		height: 0;
		overflow: hidden;
		background-image: url(../img/ebrochure/dot.png);
		padding-top: 1px;
		border: none;
		margin: 15px 0;
	}
	
	p.home
	{
	    color: #333;
	    font-size: 1.1em;
	}
	
	div.pane
	{
	    width: 262px;
	    float: left;
	}
	
	div.pane.first
	{
	    padding-right: 7px;
	    margin-right: 12px;
	    background-image: url(../img/ebrochure/dot.png);
	    background-position: right top;
	    background-repeat: repeat-y;	    
	}
	
	div.pane h3
	{
	    margin-bottom: 1.25em;
	    font-weight: normal;
	    font-size: 1.4em;
	}
	
	div.pane p 
	{
	    font-size: 1em;
	}
	
	div.pane p strong
	{
	    color: #1D71A4;
	}
	
	div.pane a
	{
	    border-bottom: none;
	}
	
	dl dt
	{
	    width: 15%;
	}

}

@media print
{

	ul#menu
	{
		display: none;
	}

}