/* Start: General */	
#footer {background-color:#ebebeb; padding:10px 8px; text-align:left; min-width:740px; max-width:1000px; width:984px;}
#footer a {color:#3592b5;}
#footer a:hover {text-decoration:none;}

#footer ul {list-style-type: none; margin: 0; padding: 0;}
#footer ul.categories {background: url(/img/footer/common/footer-title-bar.png) no-repeat right top; padding: 0 9px 0 0;}
#footer ul.categories li.category {background: url(/img/footer/common/footer-divider-long.gif) no-repeat left top; display: inline-block; *display: inline;  padding: 0 26px; position: relative; vertical-align: top; width: auto; zoom: 1; /* *display:inline & zoom:1 = IE7 inline-block fix */}
#footer ul.categories li:first-child.category {background-image: url("/img/footer/common/footer-title-bar-left.png"); padding: 0 26px 0 35px;}
#footer h3 {color: #ffffff; font-size: 14px; font-weight: bold; height: 30px; line-height: 30px; margin: 0 0 9px;}
#footer .links li {font-size: 12px; line-height:16px;}

#footer ul.categories li.category {display: table-cell !important;}
#footer ul.categories {display: table !important; width: 975px;}

#footer.narrow {width:740px;} /*adding the narrow class to the #footer element sets footer ready for use in pages with a width of 756px */
#footer.narrow ul.categories {display: table !important; width: 732px;}

#copyright-text {color:#6f6f6f; font-size:11px; padding: 15px 34px 0;}
#copyright-text-new {color:#6f6f6f; font-size:11px; padding-top:10px;}

/* IE 6 & 7 Hacks because they don't support the table display style - removing these could cause columns to overlfow in those browsers */
#footer ul.categories li.category {*width: 185px;}			/* notice the * before the property - only shows in IE7 and below */
#footer.narrow ul.categories li.category {*width: 125px;}	/* notice the * before the property - only shows in IE7 and below */