/* Page structure - 4 column fixed */
#container {width: 672px; margin:0 auto; text-align:left;}
#container2 {width:auto; height: auto; float:left; /*background: url(images/grad-l_imgpeople.jpg) left bottom no-repeat;*/}
#container3 {width:auto; height: auto; float:left;}
#container5 {width:auto; margin: 0px 10px 0px 10px; text-align:left;}
#printcontainer{width:600px; margin:0px; padding:0px; background-color:#ffffff;  text-align:left;}

/* negative margin to hide main container border overlap. Without this the border would look 2px wide. Both main container and #links need borders because this way it doesn't matter which one is longer- there will always be a line to the bottom*/
#links {float:left; width:140px; padding:0 5px 40px 5px;  background:#e5e5e5;}
#navigation {float: right; height: auto; width:125px; margin-top: 10px; margin-right: 10px; border: solid 1px #645e5c;}
#tab1 {height: 20px; background-image:url(/images/haymarket/fourfourtwo/tab_bg.jpg); background-repeat:repeat-x;}
#tab2 {height: 20px; background-image:url(/images/haymarket/fourfourtwo/tab_bg2.jpg); background-repeat:repeat-x;}
#skyscraper {float:left; width:120px; margin-right: 10px;}
#table1 {width: 620px; background:#FFFFFF; padding: 0px 5px; margin: auto; border:0px; border-collapse: collapse;}
#table1 #content_cell{padding: 0px 0px 0px 0px; text-align:left;}
#table1 #footer_cell{margin-top: 10px; padding: 10px 10px 10px 10px; background: #fff url(/images/haymarket/fourfourtwo/footer.png) repeat-x top center;}
#table1 #navigation_cell{background: url(/images/haymarket/fourfourtwo/nav_bg_2.png) top left repeat-y;}
/* IE 5-6 */ #links { _width/**/:155px; _border/**/:0; _margin/**/: 0 0 0 1px; _padding-right/**/:5px}

/* End page structure */

/* Basic Page and Font Styles  */ 
body {margin:0 0 0 0px; padding:0; background:#494949; font-size: 85%; font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; color: #000000;}
/* End Basic Page and Font Styles  */ 

/* Generic Tag Styles */
a {text-decoration:none; color:#b82a30;}
a:hover {text-decoration: underline;}
/*why is this here? Makes links look bada:focus {background: #cc0000;}*/
a.hide {position: absolute;left: -9000px;top: 0;}
a.hide:focus, a.hide:active {left: 0;}
h1 {font-size:120%; margin:0px;}
h2 {font-size:110%; margin:0px;}
.terms {width:100%;}
.terms p {float:left; width:100%; text-align:left; color:#666666; font-size:91%;}
.terms textarea {font-weight:normal; font-size:90%; color:#777;}
img {border:0}
.half {float:left; width:48.7%; }
.half2 {float:right; width:48.7%;}
.centre {text-align:center}
.left {text-align:left}
.right {text-align:right}
/* End Generic Tag Styles */

/* Generic Class Styles */
.hide {position: absolute; left: -9000px; top: 0px;}
.skip {position: absolute; top: 0; left: -2000px} 
.image {width:160px; padding:0;}
.clear {clear:both; height:1px; font-size:1px;}
#content {width:auto; height: auto; padding: 10px 5px 15px 5px; text-align:left;}
#content2 {width:auto; height: auto; text-align:left;}
#content .mpulinks {text-align: -moz-center; float: left; margin-bottom: 8px;}
/* End Generic Class Styles */

/* Header Formatting */
#header {font-size:11px; height: auto; width: auto;}
#header #branding {height: auto; width:auto; background: #ffffff;/*url(images/rw_grad_imgheader.jpg) no-repeat top right;*/}
#header #branding-2 { height: 107px; width:auto;}  
#header #logo {float:left; margin:7px 0px 10px 5px; height: 108px; width: auto;}         
#header #logo .strapline {font-size: 12px; color: #FFF; font-weight: bold; margin-top: 15px;}
/*distorting image #header #logo img {width:196px; height:90px}*/
#branding:after, .loginsearch:after, #mainlinks:after {content:".";  display:block; height:0; clear:both; visibility:hidden}
.textsizer h2, .textsizer ul, .textsizer li {display:inline; font-size:1em; margin: 0; padding: 0;}
.date {width: 200px; height: auto; font-size: 11px; color:#000; text-align:right; float:right;}
#mainlinks {height: 33px; width: auto; background-image: url(/images/haymarket/fourfourtwo/nav_bg.jpg); background-repeat: repeat-x; background-color:#000000;}
#header .mainlinks {text-align:left; float:left;}
#header .mainlinks ul {list-style:none; margin:0; padding:0; font-size:110%; font-weight:bold; padding: 8px 0px 0px 0px;}
#header .mainlinks li {display:inline; padding: 0;}
#header .mainlinks a {color:#FFF; padding:0 15px 0 15px;}
#header .access {width:100px;}
#strapline_section2{height: auto; width:auto; background-color:#ffffff; padding: 5px 9px 6px 5px;}

/* Navigation Formatting */
#subscover {margin: 15px 11px 10px 12px; width: 100px;}

/* Footer Formatting */
#footer {margin:5px 0px 0px 0px; padding-bottom: 5px; text-align:center; clear:both; background: #ffffff;}/*negative margin to compensate for IE6*/
#footer div {text-align:center; margin-top:0px;}     
/*#footer .bdr-white-thin {background:#fff url(/images/retailweek/grad-l-r-white.gif) repeat-y top left; text-align: left; padding:0px; height: 1px; margin:0; width:10px; }*/
#footer .footerlink-border {padding-top: 0px; background:#ffffff} 
#footer .services, #footer .footernav {font-size: 95%; font-weight: normal;}
#footer .services h2, #footer .footernav h2 {font-weight: bold;}
#footer .services a, #footer .footernav a {font-weight: normal;}
#footer .services {background: #000  color: #FFF; padding: 5px 0 7px 0;}
#footer .services a {color: #FFF; padding: 0 2px 0 2px;}
#footer .footernav a {color: #b82a30; padding: 0 2px 0 2px;}
#footer .footernav  {padding: 8px 0 8px 0;}
#footer h2 {display:inline; margin:0; font-size:100%;}
#footer ul {list-style:none; margin:0; padding:0; display:inline}
#footer li {display:inline; border-right:1px solid #036; padding:0 3px 0 4px;}
#footer .services li {display:inline; border-right:1px solid #FFF;}
#footer li.last {border:0}
#footer .gototop {margin:0 290px 0 150px; text-align:right; clear:both; display:none}
#footer .gototop a {}
#footer .footerlink-border {background-image:url(/images/haymarket/fourfourtwo/footer_bg.jpg); background-repeat:repeat-x; height: 9px; width: auto;}
#footer p {font-size: 10px;}