/* ------------------------------------------------------------------- */
/* FIXES */
/* ------------------------------------------------------------------- */
.clearfix:after						{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix 							{ display:inline-table; }
/* Hides from IE-mac \*/
html .clearfix 						{ height:1%; }
.clearfix 							{ display:block; } 
/* End hide from IE-mac */


/* ------------------------------------------------------------------- */
/* GLOBAL RESET */
/* ------------------------------------------------------------------- */
* 									{ margin:0;padding:0; }
*:focus 							{ outline:none }

h1, h2, h3, h4, h5, h6, p, pre, 
blockquote, label, ul, ol, dl, 
fieldset, address					{ margin:1em 5%; }

table th 							{ text-align:left; }

li, dd 								{ margin-left:5%; }

fieldset 							{ padding:.5em; }

html, 
body 								{ font-size:78%; height:100%; margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif; }

h1 									{ font-size:2em; margin:0; padding:0; }   /* displayed at 24px */
h2 									{ font-size:1.5em; margin-left:0px; }     /* displayed at 18px */
h3 									{ font-size:1.25em; margin-left:0px }     /* displayed at 15px */
h4 									{ font-size:1em; margin-left:0px }        /* displayed at 12px */

input, select, th, td 				{ font-size:1em; }
li li, li p, td p, blockquote p 	{ font-size:1em; }

ul									{ margin:0; padding:0; }

p 									{ font-size:1.1em; line-height:1.5em; margin-left:0px; margin-right:0; }

table								{ width:100%; }
table, th, td, tr, label 			{ margin:0; padding:0; }

body a:link,
body a:visited,
a:visited,
a 									{ color:#999999; text-decoration:none; }
body a:hover 						{ color:#1d1d1d; }
a img								{ border:none; }


/* ------------------------------------------------------------------- */
/* LAYOUT */
/* ------------------------------------------------------------------- */
body 								{ width:100%; background:url('../grfx/layout/bg.gif') repeat-x 0 0; margin:0; padding:0; color:#999999; }
#site-wrapper						{ width:100%; background:url('../grfx/layout/footer-bg.gif') repeat-x bottom left; margin-bottom:40px; }
#body-wrapper						{ width:100%; text-align:left; }
#container-wrapper-cd,
#container-wrapper-vw,
#container-wrapper-xy				{ width:900px; clear:both; margin:0 auto; }
#container-wrapper-cd				{  }

/* ------------------------------------------------------------------- */
/* TOP BAR */
/* ------------------------------------------------------------------- */
#container-a						{ height:30px; position:relative; width:900px; margin:0 auto; }
#catalogue-search-wrapper,
#website-search-wrapper				{ background:url('../grfx/layout/search.gif') no-repeat 0 0; position:absolute; top:0; right:1px; width:246px; padding:0; height:30px; }
#catalogue-search-wrapper form,
#website-search-wrapper	form		{ padding:0; }
form .searchbox input					{ border:none; background-color:transparent; background-image:none; width:180px; height:14px; float:left; padding:14px 5px 1px 7px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:11px; }
form .search-button input				{ background:url('../grfx/buttons/search-button.gif') no-repeat top left; width:50px; height:30px; float:right; border:none; cursor:pointer; text-indent:-9999px;  }
form .search-button input:hover				{ background:url('../grfx/buttons/search-button-hover.gif') no-repeat top left; }
#global-tel-wrapper					{ float:left; padding:10px 0 0 0; margin:0; font-size:10px; height:20px; overflow:hidden; }
#global-tel-summary					{ padding:0; margin:0; color:#999999; text-decoration:none; display:block; font-size:1.1em; font-style:italic; width:410px;}


/* ------------------------------------------------------------------- */
/* NEWLETTER BAR */
/* ------------------------------------------------------------------- */
#newsletterw-wrapper				{ height:30px; position:relative; margin:0 auto; width:780px; float:left; background:url('../grfx/layout/newsletter-form.gif') no-repeat 400px 5px; }
#catalogue-search-wrapper,
#website-search-wrapper				{ background:url('../grfx/layout/search.gif') no-repeat 0 0; position:absolute; top:0; right:1px; width:246px; padding:0; height:30px; }
div.newsletterwindow-summary		{ float:left; padding:10px 10px 0 0; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:10px;; color:#999; width:390px; }
div.newsletterwindow-summary a 		{ color:#1d1d1d !important; }
div.newsletterwindow-summary a:hover{ text-decoration:underline; }
#newsletterw-wrapper form			{ padding:0; }
#newsletterw-wrapper form .field-name input		{ border:none; background-color:transparent; background-image:none; width:140px; height:15px; float:left; padding:10px 5px 5px 7px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#444; font-size:10px; margin-right:10px; }
#newsletterw-wrapper form .button label		{ display:none; }
#newsletterw-wrapper form .button input		{ background:url('../grfx/buttons/submit-grey.gif') no-repeat 0 0; width:50px; height:30px; float:left; border:none; cursor:pointer; text-indent:-9999px; }
#newsletterw-wrapper form .button input:hover		{ background:url('../grfx/buttons/submit-grey-hover.gif') no-repeat top left; }

#trade-window-wrapper a				{ width:100px; text-align:right; padding-right:20px; float:right; margin-top:10px; display:block; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:11px; color:#1d1d1d !important; background:url('../grfx/layout/grey-arrow.gif') no-repeat right center; }
#trade-window-wrapper a:hover				{ text-decoration:underline; }


/* ------------------------------------------------------------------- */
/* HEADER */
/* ------------------------------------------------------------------- */
#container-b						{ background:#f2f2f2 url('../grfx/layout/container-b-bg.gif') repeat-x 0 0; position:relative; min-height:130px !important; height:auto; height:130px; padding-bottom:1px; width:100%; margin-top:35px; }
#website-logo-wrapper h1 a			{ display:block; width:300px; height:39px; background:url('../grfx/layout/logo.gif') no-repeat 0 0; text-indent:-999em; position:absolute; top:0; left:50%; margin-left:-450px; z-index:10; }



/* ------------------------------------------------------------------- */
/* FOOTER */
/* ------------------------------------------------------------------- */

#container-z						{ clear:both; padding:0; font-size:10px; font-family: Arial, Helvetica, sans-serif; color:#bbb; position:relative; height:104px; margin:0 auto; width:900px; }
#container-z a,
#container-z a:visited				{ color:#bbb; }
#container-z a:hover				{ color:#1d1d1d; }

ul#footer-nav						{ display:block; position:absolute; top:45px; right:0; }
ul#footer-nav li					{ list-style:none; float:left; width:auto; margin:0 0 0 10px; padding:0 0 0 10px; display:block; border-left:1px dotted #b2b2b2; }
ul#footer-nav li.first				{ border:none; margin:0; padding:0; }

#copyright-wrapper					{ display:block;  margin-bottom:10px; padding-top:45px; }

#contact-details-wrapper			{ margin-top:2px; height:60px; }
#contact-details-wrapper a:hover	{  }
span.contact-details-tel,	
span.contact-details-fax			{ display:inline-block; margin-right:10px; padding-right:10px; border-right:1px dotted #b2b2b2; }

/* Media 52 logo */
#author-wrapper a					{ width:102px; display:block; position:absolute; bottom:10px; right:0; }
#author-wrapper a span				{ background:url('../grfx/layout/m52.gif') no-repeat bottom; display:block; width:102px; height:15px; overflow:hidden; text-indent:-9999em; }
#author-wrapper a:hover span		{ background:url('../grfx/layout/m52.gif') no-repeat top; }