/* 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; height: auto; float:left; padding-bottom: 15px; margin-top: 5px; 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 {float:right; padding: 0;}
#skyscraper {float:left; width:120px; margin-right: 10px;}

/* 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 3px; padding:0; text-align:center; background-color:#FFF; font:75% arial, verdana, 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 {margin-top: 5px;}
#content .mpulinks {text-align: -moz-center; float: left; margin-bottom: 8px;}
/* End Generic Class Styles */

/* Header Formatting */
#header {font-size:11px; height: auto;}
#header #branding {height: 108px; background: #ffffff;/*url(images/rw_grad_imgheader.jpg) no-repeat top right;*/}
#header #branding-2 { height: 107px;}  
#header #logo {float:left; margin:15px 0px 10px 0px;}         
#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;}
#header .date {padding:0 20px 0 20px; color:#FFFFFF; text-align:center; float:right;}
#header #mainlinks {height: 30px; margin-top:0px; background-image: url(/images/retailweek/grad-black-shine2.gif); background-repeat: repeat-x; background-color:#000000; padding:0px 0px 0px 0px; margin-bottom: 0px;}
#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; background: url(/images/retailweek/bdr-black-grey-cheq.gif) left top repeat-y; padding:0 15px 0 15px;}
#header .access {width:100px;}
#header #strapline_section{height: auto; background-color:#c0c0c0; padding: 5px 5px 5px 13px;}
p.strapline_text1{text-align: left; font-size: 20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding: 0px; margin: 0px;}
#header #strapline_section2{height: 15px; background-color:#ffffff; padding: 14px 5px 5px 0px;}
p.strapline_text2{text-align: left; font-size: 12px; letter-spacing: 0.01em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding: 0px; margin: 0px; color: #7a7a7a;}

/* Navigation Formatting */
#subscover {margin: 5px auto;}
#subscover .inner_border {margin-top: 5px; border-left: solid 6px #cccccc; border-top: solid 15px #cccccc; border-right: solid 6px #cccccc; border-bottom: solid 8px #cccccc;}

 
/* Footer Formatting */
#footer {margin:-4px 0 0px 0; 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 {background:url(/images/retailweek/link_aro_top.gif) 100% 2px no-repeat; padding-right:13px;}
#footer .footerlink-border {border-bottom: 1px solid #000;}
#footer p {font-size: 10px;}