/* 
    Document   : layout
    Created on : Nov 13, 2009, 4:17:45 PM
    Author     : tony
    Description:
        layout related styling
*/

root { 
    display: block;
}

* {
    padding:0;
    margin:0;
}

body {
    background: #77cce9;
    width: 1144px;
    margin: 0 auto;
}

a img {
	border: none;
}

div#headerWrapper {
    width: 100%;
    background: #fff;
}
div#topThinStripe {
    width: 966px;
    height: 8px;
    margin: 0 auto 0 auto;
    background:#fff url(/images/top-blue-stripe/right.jpg) top right no-repeat;
}
div#topThinStripe div {
    background:#fff url(/images/top-blue-stripe/middle.jpg) top repeat-x;
    width: 953px;
    height: 8px;
}
div#topThinStripe div div {
    width: 13px;
    height: 8px;
    background:#fff url(/images/top-blue-stripe/left.jpg) top left no-repeat;
}

div#topStripe {
    width: 940px;
    height: 118px;
    margin: 0 auto 0 auto;
    /*background: #fff url(/images/logo/wl-logo.jpg) no-repeat 16px 8px;*/
    clear: both;
    position: relative;
}

div#topStripe img#logo {
    width: 216px;
    height: 85px;
    position: absolute;
    left: 16px;
    top: 8px;
    border: none;
}


div#topNav { /* Contains login info, my account, my questions, logout etc */
    width: 710px;
    height: 105px;
    position: absolute;
    left:231px;
    top: 0px;
}

div#topNav a {
    text-decoration: none;
    color: #000;
    font-weight: bold;
}
div#topNav a:hover {
    text-decoration: underline;
}

div#topNav div {
    position: absolute;
    top: 46px;
}
div#topNav p {
    display: block;
    float: left;
    padding-top: 8px;
}
div#topNav a img {
    border: 0px;
    margin-right: 5px;
    padding-bottom: 10px;
    display: block;
    float: left;
}
div#topNav div#nli {
    left: 420px;
}
div#topNav div#li {
    left: 585px;
    /*background: url(/images/icons/logout.jpg) no-repeat 0 top;*/

}
div#topNav div#li a,div#topNav div#myAccount a, div#navHelp a, div#topNav div#myReviews a{
    color: #0080aa; /* was black */
}

div#topNav div#myAccount {
    left: 380px;
}
div#topNav div#navHelp {
    left: 495px;
}

div#topNav div#signedInAs {
    position: absolute;
    top: 36px;
    left: 45px;
}

div#mainNavStripe {
    width: 100%;
    height: 50px;
    background: #231f20;
}

form#searchWidgetForm {
    display: block;
    float: right;
    margin: 0 2em 0.16em 0;
}

h1#title {
    padding-left: 1em;
}

form#searchWidgetForm #q {
    border-style: hidden;
    border-width: 0px;
    width: 216px;
    height: 20px;
    padding: 4px;
    background: #fff url('/images/form/input_bg.jpg') no-repeat;
    text-indent: 8px;
}

div#bodyWrapper {
    background: #77cce9 url(/images/gradient/vertical-grey-to-lightblue.jpg) repeat-x 0 0;
    width: 100%;
}

div#bodyWrapper div#bodyShadow {
    width: 962px;
    height: 11px;
    margin: 0 auto 0 auto;
    background:#fff url(/images/gradient/diag-tl2br-grey-to-blue.jpg) top right no-repeat;
}
div#bodyWrapper div#bodyShadow div {
    background:#fff url(/images/gradient/vertical-grey-to-white.jpg) top repeat-x;
    width: 951px;
    height: 11px;
}
div#bodyWrapper div#bodyShadow div div {
    width: 11px;
    height:11px;
    background:#fff url(/images/gradient/diag-tr2bl-grey-to-blue.jpg) top left no-repeat;
}

div#bodyWrapper div#mainWrapperRight {
    width: 962px;
    margin: 0 auto 0 auto;
    background: url(/images/gradient/horizontal-grey-to-lightblue.jpg) right repeat-y;
}
div#bodyWrapper div#mainWrapperLeft {
    width: 951px;
    background: url(/images/gradient/horizontal-lightblue-to-grey.jpg) left repeat-y;
}
div#bodyWrapper div#mainWrapper {
    width: 940px;
    margin-left: 11px;
    background: #fff;
    min-height: 400px;
}
div#bodyWrapper div#mainWrapper div#contentWrapper {
    clear: both;
}

div#footerShadow {
    width: 962px;
    height: 11px;
    margin: 0 auto 0 auto;
    background:#fff url(/images/gradient/corner-tl-grey-to-blue.jpg) top right no-repeat;
}
div#footerShadow div {
    background:#fff url(/images/gradient/vertical-grey-to-lightblue-bottom.jpg) top repeat-x;
    width: 951px;
    height: 11px;
}
div#footerShadow div div {
    width: 11px;
    height: 11px;
    background:#fff url(/images/gradient/corner-tr-grey-to-blue.jpg) top left no-repeat;
}

div#footer {
    width: 940px;
    margin: 0 auto 0 auto;
}
div#footer div {
/*    float: right; */
    margin-bottom: 1em;
}
.titleSlug {
    float: right;
}

/****
   Layout.css additions. These are new styles.
   July 2010
   Author: alex
****/


/* Thinner top stripe */

div#topStripeThinner {
    width: 940px;
    height: 106px;
    margin: 0 auto;
    clear: both;
    position: relative;
}

div#topStripeThinner img#logo {
    position: absolute;
    left: 22px;
    top: 8px;
    border: none;
}


/* Login button (to the right of logo) */

div#topNav div#login {
    left: 585px;
}


/* Top navigation on base layout and home pages */

/* Is also below, line ~ 696
#main-nav .learnmore {
    background: url('/images/nav_learnmore.jpg') no-repeat;
}

#main-nav a#learnmore {
    display: block;
    width: 164px;
    height: 40px;
}

#main-nav .memberservices {
    background: url('/images/nav_memberservices.jpg') no-repeat;
}

#main-nav a#memberservices {
    display: block;
    width: 211px;
    height: 40px;
}

#main-nav .aboutus {
    background: url('/images/nav_aboutus.jpg') no-repeat;
}

#main-nav a#aboutus {
    display: block;
    width: 141px;
    height: 40px;
}

#main-nav .faqs {
    background: url('/images/nav_faqs.jpg') no-repeat;
}

#main-nav a#faqs {
    display: block;
    width: 101px;
    height: 40px;
}

#main-nav .signuptoday {
    background: url('/images/nav_freesignup.jpg') no-repeat;
}

#main-nav a#signuptoday {
    display: block;
    width: 293px;
    height: 40px;
}
*/


/* Side gradient and home shadow */

div#homeTopShadow {
    background-image: url('/images/gradient/vertical-grey-to-white.jpg');
    background-repeat: repeat-x;
    width: 970px;
    margin: 0 auto;
    height: 11px;
}

div#sideGradient {
    background-image: url('/images/gradient/vertical-grey-to-white-to-lightblue.jpg');
	background-repeat: repeat-x;
	width: 100%;
	min-height: 400px;
}


/* Home top section */

div#homeTopSections {
	position: relative;
	width: 970px;
	height: 242px;
	margin: 0 auto;
	background-color: #ffffff;
}

div.homeTopSection {
	position: absolute;
	width: 970px;
	height: 238px;
	padding-top: 4px;
	background-image: url('/images/gradient/vertical-white-to-grey-homeright.jpg');
	background-repeat: no-repeat;
	background-position: right top;
}

div.initiallyHiddenSection {
	display: none;
}

.homeTopSection img {
	position: absolute;
	left: 15px;
	top: 47px;
}

.homeTopSection .homeTopText {
	width: 345px;
	margin-right: 47px;
	min-height: 140px;
	float: right;
}

div#homeTopSections .getStartedFree {
	position: absolute;
	left: 700px;
	top: 185px;
}

#homeTopSections .getStartedFree img {
	border-width: 0;
}

#homeBottomText {
	width: 570px;
}


/* Home lower section and wrappers */
div#homeBottomWrapperRight {
	width: 962px;
	margin: 0 auto 0 auto;
	background: url(/images/gradient/horizontal-grey-to-lightblue.jpg) right repeat-y;
}

div#homeBottomWrapperLeft {
	width: 951px;
	background: url(/images/gradient/horizontal-lightblue-to-grey.jpg) left repeat-y;
}

div#homeBottomSection {
	width: 940px;
	margin-left: 11px;
	background: #fff;
	min-height: 289px;
	background-image: url('/images/gradient/vertical-grey-to-white-long.jpg');
	background-repeat: repeat-x;
}


/* Home lower section 'services offered' box */

div#servicesOfferedBox {
	width: 294px;
	min-height: 240px;
	float: right;
	margin-right: 19px;
	background-image: url('/images/home-grey-box.jpg');
	background-repeat: no-repeat;
	overflow: hidden;
}


/* Base layout shadow/gradient wrappers and edges */
/*
div#baseLayoutWrapper {
    background-image: url('/images/gradient/vertical-grey-to-white-to-lightblue-base.jpg');
    background-repeat: repeat-x;
    width: 100%;
}

div#baseLayoutContentWrapper {
	position: relative;
	z-index: 1;
	width: 962px;
	min-height: 457px;
	overflow: hidden;
	margin: 0 auto;
	background-image: url('/images/etc/baselayout-column-edges.jpg');
	background-repeat: repeat-y;
}

div#baseLayoutContentLeftEdge {
	position: relative;
	float: left;
	z-index: 2;
	width: 11px;
	height: 443px;
	background-image: url('/images/gradient/horizontal-gradiatedblue-to-grey.jpg');
}

div#baseLayoutContentRightEdge {
	position: relative;
	float: left;
	z-index: 2;
	width: 11px;
	height: 443px;
	background-image: url('/images/gradient/horizontal-grey-to-gradiatedblue.jpg');
}

div#baseLayoutContent {
	position: relative;
	background-color: #fff;
	min-height: 460px;
	float: left;
	width: 880px;
	background-image: url('/images/gradient/vertical-grey-to-white.jpg');
	background-repeat: repeat-x;
	padding: 20px 30px 20px 30px;
}
*/

/* Base layout bottom left nav */

#content-leftnav {
	float: left;
	width: 147px;
}

#content-leftnav ul {
	margin: 0;
}

#content-leftnav li {
	width: 147px;
	height: 30px;
	line-height: 30px;
	background-image: url('/images/etc/dashedline.jpg');
	background-repeat: no-repeat;
}

#content-leftnav li img {
	position: relative;
	left: -20px;
}

#content-leftnav li.selected a {
	position: relative;
	left: -14px;
}


/* Base layout bottom content */

#content-main {
	float: left;
	width: 437px;
}

#content-main h1 {
	margin-bottom: 10px;
}

#content-main p {
	margin-top: 5px;
}


/* Popup content */

body#popup {
	background-color: #fff;
}

#popupContent {
	margin: 0 auto;
	padding: 20px 30px;
}

.popupNarrowWithStripe {
	width: 502px;
	background-image: url('/images/top-blue-stripe/popup_stripe.jpg');
	background-repeat: no-repeat;
}

.popupWiderNoStripe {
	width: 660px;
	background-image: none;
}

#popupContent img {
	display: block;
	margin: 0.6em auto 1.2em auto;
}

#popupContent img.logo {
	float: right;
	margin: 0 0 20px 20px;
}

#popupContent #popupNav {
	margin-left: 0;
}

#popupContent .popupThreeImages {
	clear: both;
}

#popupContent .popupThreeImages img {
	float: left;
	margin: 1.2em 12px 1.5em 0;
}








/****
   Layout2.css. Some styles have been moved/removed from layout.css.
   September 2010
   Author: alex
****/


/* New header area */

#headerArea {
	width: 100%;
	background-color: #ffffff;
	height: 96px;
}

#headerContent {
	position: relative;
	width: 970px;
	height: 96px;
	margin: 0 auto;
	background-image: url('/images/top-blue-stripe/stripe.jpg');
	background-repeat: no-repeat;
	background-color: #ffffff;
}

#headerContent img#logo {
	position: absolute;
	left: 34px;
	top: 19px;
}

.cbBlacks #headerContent img#logo,
.cbLoblawsSignup #headerContent img#logo {
	top: 11px;
}

div.headerLogo {
	position: absolute;
	left: 34px;
	top: 19px;
}

div.headerLogo a,
div.headerLogo a:link,
div.headerLogo a:visited,
div.headerLogo a:hover,
div.headerLogo a:active,
{
	text-decoration: none;
}

img.header-logo-wl {
	height: 71px;
	width: 197px;
}

img.header-logo-wl-powered {
	height: 61px;
	width: 151px;
}

img.header-logo-cobrand {
	height: 70px;
	width: 160px;
}

#headerContent #loggedInAs {
	position: absolute;
	left: 265px;
	top: 20px;
}
#headerContent #headerHelp {
	position: absolute;
	left: 265px;
	top: 40px;
}

.cbBlacks #headerContent #loggedInAs,
.cbBlacks #headerContent #headerHelp {
	left: 490px;
}

.cbLoblawsSignup #headerContent #loggedInAs,
.cbLoblawsSignup #headerContent #headerHelp {
	left: 610px;
}

.cbCprSignup #headerContent #search.headerLink-nli,
.cbBlacks #headerContent #search.headerLink-nli,
.cbLoblawsSignup #headerContent #search.headerLink-nli {
	display: none;
}

#headerContent #supportQuestion{
	float:left;
}
#headerContent #headerChat{
	/*
	float:left;
	padding-left:10px; 
	margin-top:17px;
	margin-left:10px; 
	border-left:1px solid #cccccc;
	*/
}
#headerContent #headerChat img{
	float:left;
	margin-right:10px;
}
#headerContent #headerLinks {
	float: right;
	clear: right;
	margin-top: 9px;
	margin-right: 20px;
}

#headerContent .headerLink {
	float: right;
	margin-right: 20px;
}

#headerIcons {
	float: right;
	height: 25px;
	width: 92px;
	margin-right: 40px;
	margin-top: 17px;
}


#headerIcons a {
	padding: 0;
	margin: 0 0 0 4px;
}


#headerIcons img {
	border-width: 0;
}

/* Changed top nav styles */

div#mainNavStripe {
    clear: both;
    width: 100%;
    height: 109px;
    background-image: url('/images/gradient/top-nav-repeat.jpg');
    background-repeat: repeat-x;
}


/* Top navigation on base layout and home pages */
#main-nav.nli a {
    display: block;
    height: 42px;
    background: url('/images/wl-navigation.png') no-repeat;
    text-decoration: none;
    color: #f2f2f2;
    text-align: center;
    line-height: 45px;
    font-weight: bold;
    font-size: 1.2em;
    text-transform: uppercase;
}

#main-nav.nli a:hover {
	background-position-y: -42px;
}

#main-nav.nli a.selected {
	background-position-y: -42px;
}

#main-nav.nli a#learnmore {
	width: 186px;
}
#main-nav.nli a:hover#learnmore, #main-nav.nli a#learnmore.selected{
	background-position: 0px -42px;
}

#main-nav.nli a#memberservices {
	background-position: -250px 0px;
	width: 227px;
}
#main-nav.nli a:hover#memberservices, #main-nav.nli a#memberservices.selected{
	background-position: -250px -42px;
}

#main-nav.nli a#aboutus {
	background-position: -250px 0px;
	width: 157px;
}
#main-nav.nli a:hover#aboutus, #main-nav.nli a#aboutus.selected{
	background-position: -250px -42px;
}

#main-nav.nli a#faqs {
    text-transform: none;
    background-position: -250px 0px;
    width: 139px;
}
#main-nav.nli a:hover#faqs, #main-nav.nli a#faqs.selected{
	background-position: -250px -42px;
}

#main-nav.nli a#signuptoday {
	background-position: -500px 0px;
	width: 199px;
}
#main-nav.nli a:hover#signuptoday, #main-nav.nli a#signuptoday.selected{
	background-position: -500px -42px;
}



/* Content area */

#contentArea {
	background-image: url('/images/gradient/home-gradient.jpg');
	background-repeat: repeat-x;
}

#content {
	width: 940px;
	background-color: #ffffff;
	margin: 0 auto;
	min-height: 320px;
	background-image: url('/images/etc/home-bottom-curves.jpg');
	background-repeat: no-repeat;
	background-position: center bottom; 
}

#baseLayoutContent {
	width: 880px;
	_width: 900px;
	*width: 900px;
	background-color: #ffffff;
	margin: 0 auto;
    margin-left: 102px;
	padding: 1px 30px 20px 30px;
	_padding:1px 20px 20px 20px;
	*padding:1px 20px 20px 20px;
	min-height: 320px;
	background-image: url('/images/etc/home-bottom-curves.jpg');
	background-repeat: no-repeat;
	background-position: center bottom;
}

#content.noBottomCurves {
	background-image: none;
}

#baseLayoutContent.noBottomCurves {
	background-image: none;
}

/* Home top section */

div#homeTopSections {
	position: relative;
	width: 940px;
	height: 268px;
	margin: 0 auto;
	background-color: #ffffff;
	background-image: url('/images/gradient/vertical-white-to-grey-homeright.jpg');
	background-repeat: no-repeat;
	background-position: right top;
}

div.homeTopSection {
	position: absolute;
	width: 940px;
	height: 268px;
}

div.initiallyHiddenSection {
	display: none;
}

.homeTopSection img {
	position: absolute;
	left: 15px;
	top: 57px;
}

.homeTopSection .homeTopText {
	position: absolute;
	width: 280px;
	height: 239px;
	left: 615px;
	top: -14px;
	padding: 15px;
}

div#homeTopSections #homeTopTextArea {
	position: absolute;
	width: 310px;
	height: 269px;
	left: 615px;
	top: -14px;
	background-image: url('/images/gradient/home-text-backing.gif');
}

div#homeTopSections .getStarted {
	position: absolute;
	left: 656px;
	top: 200px;
}

#homeTopSections .getStarted img {
	border-width: 0;
}

#homeBottomText {
	width: 400px;
}

#homeBottomText h2 {
	padding: 0;
	margin: 10px 0;
}


/* Home central navigation */
.preload-central-nav {
    display: none;
}

#central-nav {
    clear: both;
    width: 970px;
    height: 54px;
    margin: 0 auto;
    padding: 0;
}

#central-nav img {
    border: none;
}

#central-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#central-nav li {
    padding: 0;
    margin: 0;
    float: left;
}

#central-nav li a {
    display: block;
    height: 49px;
    background: url('/images/wl-navigation.png') no-repeat;
    text-decoration: none;
    color: #ffffff;
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
}
/* w:940  < 210 + 191 + 214 + 158 + 167 > */
#central-nav li a#button1 {
    width: 121px;
    padding: 12px 35px 0px 35px;
    background-position: -250px -126px;
}

#central-nav li a#button2 {
    width: 140px;
    padding: 12px 35px 0px 35px;
    background-position: 0px -126px;
}

#central-nav li a#button3 {
    width: 164px;
    padding: 12px 25px 0px 25px;
    background-position: -250px -126px;
}

#central-nav li a#button4 {
    width: 98px;
    padding: 12px 30px 0px 30px;
    background-position: -250px -126px;
}

#central-nav li a#button5 {
    width: 107px;
    padding: 12px 30px 0px 30px;
    background-position: -500px -126px;
}

#central-nav a#button1.button1Selected {
    background-position: -250px -187px;
}

#central-nav a#button2.button2Selected {
    background-position: 0px -187px;
}

#central-nav a#button3.button3Selected {
    background-position: -250px -187px;
}

#central-nav a#button4.button4Selected {
    background-position: -250px -187px;
}

#central-nav a#button5.button5Selected {
    background-position: -500px -187px;
}


/* Home bottom section */

/* Home lower section and wrappers */

div#homeBottomWrapperRight {
	width: 882px;
	margin: 0 auto 0 auto;
	background: url(/images/gradient/horizontal-grey-to-lightblue.jpg) right repeat-y;
}

div#homeBottomWrapperLeft {
	width: 871px;
	background: url(/images/gradient/horizontal-lightblue-to-grey.jpg) left repeat-y;
}

div#homeBottomSection {
	width: 860px;
	margin-left: 11px;
	background-color: #ffffff;
	min-height: 260px;
	background-image: url('/images/gradient/vertical-grey-to-white-long.jpg');
	background-repeat: repeat-x;
}

div#servicesOfferedBox {
	width: 324px;
	min-height: 240px;
	float: right;
	margin-right: 30px;
	background-image: url('/images/home-grey-box-new.jpg');
	background-repeat: no-repeat;
	overflow: hidden;
}


/* Updated footer */

div#homeFooterShadow {
    width: 882px;
    height: 11px;
    margin: 0 auto 0 auto;
    background:#77CCE9 url(/images/gradient/corner-tl-grey-to-blue.jpg) top right no-repeat;
}
div#homeFooterShadow div {
    background:#77CCE9 url(/images/gradient/vertical-grey-to-lightblue-bottom.jpg) top repeat-x;
    width: 871px;
    height: 11px;
}
div#homeFooterShadow div div {
    width: 11px;
    height: 11px;
    background:#77CCE9 url(/images/gradient/corner-tr-grey-to-blue.jpg) top left no-repeat;
}

div#footer {
    width: 920px;
    margin: 10px auto;
    padding: 0 10px;
}

div#footer.thinnerFooter {
	width: 850px;
	margin: 3px auto 10px auto;
}

/*
div#footer div {
    float: right;
}
*/

p.twitter-follow-button-wrap {
	padding-top: 6px;
}



/* Base layout bottom left nav */

#content-leftnav {
	float: left;
	width: 147px;
}

#content-leftnav ul {
	margin: 0;
}

#content-leftnav li {
	width: 147px;
	height: 30px;
	line-height: 30px;
	background-image: url('/images/etc/dashedline.jpg');
	background-repeat: no-repeat;
}

#content-leftnav li img {
	position: relative;
	left: -20px;
}

#content-leftnav li.selected a {
	position: relative;
	left: -14px;
}


/* Base layout bottom content */

#content-main {
	float: left;
	width: 437px;
}

#content-main.layout-other {
	width: 637px;
}

#content-main h1 {
	margin-bottom: 10px;
}

#content-main p {
	margin-top: 5px;
}

#content-main.layout-wide {
	width: 100%;
	padding: 10px 0 0 0;
	float: none;
}
#content-main.layout-wide iframe {
	border: none;
}


/* Popup content */

body#popup {
	background-color: #fff;
}

#popupContent {
	margin: 0 auto;
	padding: 20px 30px;
}

.popupNarrowWithStripe {
	width: 502px;
	background-image: url('/images/top-blue-stripe/popup_stripe.jpg');
	background-repeat: no-repeat;
}

.popupWiderNoStripe {
	width: 660px;
	background-image: none;
}

#popupContent img {
	display: block;
	margin: 0.6em auto 1.2em auto;
}

#popupContent img.logo {
	float: right;
	margin: 0 0 20px 20px;
}

#popupContent #popupNav {
	margin-left: 0;
}

#popupContent .popupThreeImages {
	clear: both;
}

#popupContent .popupThreeImages img {
	float: left;
	margin: 1.2em 12px 1.5em 0;
}

/* External Service Links */
#headerContent div.serviceLinks {
	position: absolute;
	right: 27px;
	top: 15px;
}

.serviceLinks a.serviceLink img {
	height: 24px;
	width: 24px;
}

.serviceLinks a.facebook img {
	background: url(/images/icons/facebook-24.gif) no-repeat;
}

.serviceLinks a.twitter img {
	background: url(/images/icons/twitter-24.gif) no-repeat;
}

.serviceLinks a.rss img {
	background: url(/images/icons/rss-24.gif) no-repeat;
}

.serviceLinks a.linkedin img {
	background: url(/images/icons/linkedin-24.gif) no-repeat;
}

#footerImages {
	float: right;
    padding-right: 9px;
}

#trustBox {
	width: 261px;
	height: 72px;
	background: white;
	display: inline-block;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

#trusteLogo {
	margin-top: 9px;
}

#alphaTag {
	width: 54px;
	height: 22px;
	background: url(/images/icons/beta.png) no-repeat;
	margin-bottom:13px;
	margin-left:13px;
}

/* Home layout - RSS feed */
div#wl-rss img.rss {
	height: 24px;
	width: 24px;
	background: url(/images/icons/rss-24.gif) no-repeat;
	margin: 0;
}

div#wl-rss ul.list {
	list-style: none;
	margin: 0;
}

div#wl-rss a {
	margin-left: 0;
}

div#wl-rss li.entry span.date {
	font-size: 75%;
}

div#wl-rss li.entry {
	padding-bottom: 10px;
}

div.pagerfanta {
	width: 880px;
	text-align: center;
	margin-top: 10px;
}

#main-nav div.info-nav {
	display: block;
	height: 41px;
	width: 908px;
	background: url('/images/icons/_.gif') no-repeat;
	margin: 26px 0 0 30px;
	float: left;
	text-align: center;
}

#main-nav div.info-nav div {
}

#main-nav div#blacks-info-nav {
	background: url('/images/blacks-info-nav.jpg') no-repeat;
}

#main-nav div#loblaws-info-nav {
	background: url('/images/superstore-info-nav.png') no-repeat;
}

#main-nav div#blank-info-nav {
}


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}