/* Page structure - 4 column fixed */

#main_wrapper{margin: auto; width: auto; height: auto;}
#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; height: auto; float:left; padding-bottom: 15px; margin-top: 0px; margin-right: 20px; 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_cell {}
#skyscraper {float:left; width:120px; margin-right: 10px;}
#table1 {width: 620px; background:#666; margin: auto; border:0px; border-collapse:collapse; }
#table1 #content_cell{padding: 5px 0px 7px 5px;}
#table1 #heading{font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 36px; text-align:left; color: #9fee0d; padding-left: 112px;}
#table1 #logo_cell{padding: 5px 5px 2px 5px;}
#table1 #logo_cell img{float:left; padding: 5px;}
#table1 #date_bar{padding: 5px 5px 2px 5px; font-size: 10px; text-align: right; color: #acacac}
#table1 #footer_cell{background: #000 url(/images/haymarket/atomic/footer.png) repeat-x top left;}
#cell{background: #fff;}
#date_cell2{background: #292929;}
#logo_cell2{background: #000;}
#navigation_cell2{background:#292929;}
#content_cell2{background: #fff; vertical-align:top; text-align:left; border-collapse:collapse;}
#date{padding-right: 5px; height: auto; width: auto;}
/* 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: #000000 url(/images/haymarket/atomic/bg.jpg) no-repeat top center; 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 {height: auto; width: auto; padding: 0px 10px 10px 10px; background: #ffffff; margin-top: 5px; 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;}
#branding {height: auto; width:auto; margin: -3px 0px -3px 0px;/*url(images/rw_grad_imgheader.jpg) no-repeat top right;*/}
#header #branding-2 { height: 107px; 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; color:#000000; text-align:right; float:right;}
#mainlinks {height: 33px; width: auto; background-image: url(/images/haymarket/atomic/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 0px 2px 5px;}

/* Navigation Formatting */
#subscover {width: 120px; height:155px; margin: 5px 3px; background:#191919;}
#subscover img{margin: 11px 5px 5px 5px;}

/* 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/atomic/footer_bg.jpg); background-repeat:repeat-x; height: 9px; width: auto;}
#footer p {font-size: 10px;}