/*
MXM styles

Full Page Width
791 = 1 + 789 + 1

Column Widths of Main Area
1 column (cart)
789

2 columns (product detail, search results, product list)
789 = 160 + 1 + 628

column1
160 = 9 + 142 + 9
*/

body { background: #fff } /* color change */
a { text-transform: lowercase }

/* Primary Layout Containers */
#wrapper { width: 791px;  }
#pageTop { display: none }
#pageWrap { display: block }
#gutterLeft { display: none }
#pageBody { border: 1px solid #000; } /* color change */
#header { background-color: #000 }
#headerNav { background-color: #000; /*border-bottom: 1px solid #fff*/ }

/* ADV SEARCH */
#resultdisplay{ background:#fff url(/imagecache/1032/49/main_bg_mxm.gif) repeat-y }
#resultdisplay .fastHead{ color:#fff;font-weight:bold }
/* / ADV SEARCH */

#main { display: block; margin: 0 }
.offset.twoColumn { padding: 0 4px 0 160px; background: #fff url(/imagecache/1032/49/main_bg_mxm.gif) repeat-y; }
.twoColumn #column1 { width: 160px; margin: 9px auto 9px -160px }
.column1Content { /*width: 142px;*/ }
.twoColumn #column3 { border-left: 1px solid #fff; margin-right: -1px; }

#footer { display: block; }
#gutterRight { display: none }
#pageBottom { color: #fff; border:1px solid #fff; } /* color change */
#recentView { left: 796px; display: block; }

/* Secondary Layout Containers */
#headerLogo { width: 145px; height: 71px; margin: 8px 0 8px 24px; padding: 0; }
#headerLogo a { width: 145px; height: 65px; display: block; text-decoration: none }
#headerLogo img { margin: 6px 0 0 0px }

#headerRight { width: 480px; color: #fff;  }
#headerRight a { color: #fff; text-decoration: none }
#headerRight a:link { color: #fff }
#headerRight a:visited { color: #fff }
#headerRight a:hover { color: #8D8D8D; } /* color change */

#headerTopLinks { height: 24px; padding-top: 6px; text-transform: lowercase }
.headerTopLinksWelcome { font-size: 12px; font-weight: bold }
.headerTopLinksSmall { font-size: 11px }
#headerBottomLinks { height: 22px; font-size: 11px; text-transform: lowercase }
#headerBottomLinks a.shopBag { text-transform: none }
#headerBottomLinks a:link.shopBag { color: #fff; font-size: 13px; font-weight: bold; }
#headerBottomLinks a:visited.shopBag { color: #fff /*#631731*/; font-size: 13px; }
#headerBottomLinks a:hover.shopBag { color: #8D8D8D; } /* color change */
#headerBottomLinks .bagImg { vertical-align: text-bottom }

#headerSearch { height: 28px; font-size: 13px; margin: 0; padding: 0 }
.searchText { border: 1px solid #bbbbbb; width: 128px; background: #fff url(/imagecache/1032/49/bg_search_mxm.gif) repeat scroll center center; }
.btnGo { vertical-align: text-bottom; width: 27px; height: 18px; background: transparent url(/imagecache/1032/49/btn_go_mxm.gif) no-repeat scroll top left; }

/* Recently Viewed */
.recentViewContent { font-size: 12px; margin-top: 16px; text-align: center; }
.recentViewHead { font-weight: bold }
#recentView .itemWrap { padding: 0 2px 0 2px }
#recentView .productMsrp { color: #525252; text-decoration: line-through; font-weight: normal; font-size: 11px; }
#recentView .productSalePrice { color: #c4050c; font-size: 11px; } /* dark red */
#recentView .productPrice { color: #333; font-size: 11px; }
#recentView .productPromoPrice { color: #c4050c; font-size: 11px; } /* dark red */
#recentView a { text-decoration: none; font-size: 11px; }
#recentView a:link { color: #4d4d4d }
#recentView a:visited { color: #4d4d4d }
#recentView a:hover { color: #818181 }


/* Header Nav Menu */
#headerNav ul { margin: 0; padding: 0; }

/* level1 */
#headerNav ul li { border-width: 0; }
#headerNav a { color: #fff; display: block; text-decoration: none; padding: 4px 14px 4px 13px; }
#headerNav ul li a:hover { color: #8D8D8D; } /* color change */  /* new addition to clean up bobs code */
#headerNav ul li:hover a, #headerNav ul li.iehover a { color: #8D8D8D; }  /* color change */
#headerNav ul li:hover ul a, #headerNav ul li.iehover ul a { color: #fff; }
#headerNav ul li:hover, #headerNav ul li.iehover { border: none; color: #8D8D8D; } /* color change */

/* level2 */
#headerNav li ul { display: none; position: absolute; width: 126px; margin: 0 0 0 0px;
  background-color: #000; padding: 2px 0 2px 0; z-index: 100;
  border: 0px solid #ccc;
  border-width: 0 2px 2px 0;
}
#headerNav li:hover ul, #headerNav li.iehover ul { display: block; }
#headerNav ul ul li { width: auto; height: 20px; padding: 1px; border: 0px; background-color: #000; }
#headerNav ul ul li:hover, #headerNav ul ul li.iehover { padding: 1px; border: 0px; background-color: #000; }
#headerNav ul ul li a { font-weight: normal; font-size: 11px; text-indent: 10px; width: 122px; padding: 2px 0 2px 0 }
#headerNav ul ul li a:link { color: #fff }
#headerNav ul ul li a:visited { color: #fff }
#headerNav ul ul li a:active { color: #fff }
#headerNav ul ul li a:hover { color: #eaeaea }
#headerNav ul ul li:hover a, #headerNav ul ul li.iehover a { color: #fff; text-decoration: none; background-color: #8D8D8D; } /* color change */


/* Header Nav Fr Menu */
#headerNavFr { width: 100%; cursor: pointer; }
#headerNavFr ul { margin: 0; padding: 0; list-style: none; z-index: 110; }

/* level1 */
#headerNavFr ul li { float: left; border-width: 0; }
#headerNavFr a { font-size: 11px; color: #fff; display: block; text-decoration: none; padding: 4px 14px 4px 13px; }
#headerNavFr ul li a:hover { color: #8D8D8D; } /* color change */  /* new addition to clean up bobs code */
#headerNavFr ul li:hover a, #headerNav ul li.iehover a { color: #8D8D8D; } /* color change */
#headerNavFr ul li:hover ul a, #headerNav ul li.iehover ul a { color: #fff; }
#headerNavFr ul li:hover, #headerNav ul li.iehover { border: none }


/* level2 */
#headerNavFr li ul { display: none; position: absolute; width: 126px; margin: 0 0 0 0px;
  background-color: #000; padding: 2px 0 2px 0; z-index: 100;
  border: 0px solid #ccc;
  border-width: 0 2px 2px 0;
}
#headerNavFr li:hover ul, #headerNav li.iehover ul { display: block; }
#headerNavFr ul ul li { width: auto; height: 20px; padding: 1px; border: 0px; background-color: #000; }
#headerNavFr ul ul li:hover, #headerNav ul ul li.iehover { padding: 1px; border: 0px; background-color: #000; }
#headerNavFr ul ul li a { font-weight: normal; font-size: 10px; text-indent: 10px; width: 122px; padding: 2px 0 2px 0 }
#headerNavFr ul ul li a:link { color: #fff }
#headerNavFr ul ul li a:visited { color: #fff }
#headerNavFr ul ul li a:active { color: #fff }
#headerNavFr ul ul li a:hover { color: #eaeaea }
#headerNavFr ul ul li:hover a, #headerNav ul ul li.iehover a { color: #fff; text-decoration: none; background-color: #8D8D8D } /* color change */

#iframeshim { display: none; left: 0; top: 0; z-index: 90; position: absolute; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0) }

/*.sidebarHeader { font-size: 15px; color: #fff; width: 142px; font-weight: bold; margin: 14px auto 3px 18px }*/

/* Sidebar Nav */
/*#sidebarNav { width: 142px; margin: 0 auto 30px auto }
#sidebarNav ul { padding: 0; margin: 0 0 0 14px; }
#sidebarNav li { margin: 0; font-size: 13px; padding: 0; }
#sidebarNav a { color: #fff; display: block; text-decoration: none; padding: 0; width: 132px }
#sidebarNav li a:hover { background-color: #6e7376; color: #B1222A; }*/

#sidebarNav { margin: 30px auto 30px 18px }
#sidebarNav ul { padding: 0; margin: 0; }
#sidebarNav li { margin: 6px 0; font-size: 13px; padding: 0; color: #fff; font-weight: bold; text-transform: lowercase }
#sidebarNav a { color: #fff; font-weight: bold; display: block; text-decoration: none; padding: 0; width: 139px; text-transform: lowercase }
#sidebarNav li a:hover { color: #fff; background-color: #8D8D8D; } /* color change */

/* level 2 */
#sidebarNav ul ul { margin: 3px 0 3px 10px; }
#sidebarNav ul ul a { color: #fff; font-weight: normal; width: 130px }
#sidebarNav ul ul li a:hover { color: #fff; } /* color change */
#sidebarNav ul ul a.activeLink { color: #fff; font-weight: bold }
#sidebarNav ul ul li { margin: 0; padding: 0; font-size: 11px; line-height: 17px }
#sidebarNav ul ul li li a.activeLink { color: #fff; font-weight: bold }

/* level 3 */
#sidebarNav ul ul ul { margin: 2px 0 4px 10px; }
#sidebarNav ul ul ul a { color: #FFFFFF; font-weight: normal; width: 120px; } /* color change */
#sidebarNav ul ul ul li a:hover { color: #FFFFFF; } /* color change */
#sidebarNav ul ul ul a.activeLink { color: #fff; font-weight: bold }
#sidebarNav ul ul ul li { margin: 0; padding: 0; font-size: 11px; line-height: 17px }
#sidebarNav ul ul ul li li a.activeLink { color: #fff; font-weight: bold }

/* Footer Links */
#footerLinks { background-color: #000; font-size: 11px; text-transform: lowercase; color: #c2c3c7;} /* grey links*/
#footerLinks ul a { color: #fff; text-decoration: none; }
#footerLinks ul a:link { color: #fff; text-decoration: none; }
#footerLinks ul a:hover { color: #d8d8d8; text-decoration: underline; } /* lighter grey underline */
/* #footerLinks ul a:visited  { color: #fff; text-decoration: none; } */ /* stays off causes issues leave off */

/* Form & Image Map */
#footer #footerFormImageMap { background: #000; margin: 0; }
#footer #footerForm { line-height: 20px; float: right; width: 260px; text-align: center }
#footer #footerImageMap { float: left; background: #fff; margin: 0 }
#footer #signupWrap { margin: 0 auto 0 auto; padding: 0; width: 240px;  }
#footer .signupText { color: #8D8D8D; font: bold 12px/16px Arial; text-transform: uppercase; margin-top: 10px; } /* color change */
#footer #signupForm { margin: 0; padding: 0; text-align: left; }
#footer .signupLabel { color: #fff; font-size: 13px; padding: 0; width: 200px; display: block }
#footer input.signupInput { border: 1px solid #bbbbbb; height: 16px; margin-bottom: 5px; width: 150px; }
#footer input.btnSubmit { } /* color change */

.footerImageMap a { color: #404040; text-decoration: none }
.footerImageMap a:link { color: #404040 }
.footerImageMap a:visited { color: #404040 }
.footerImageMap a:hover { color: #f370a6 }

/* sidebar version */
#column1 #footerFormImageMap { width: 160px; text-align: center; }
#column1 #footerFormImageMap #footerForm { width: 142px; margin: 0 auto 0 auto; color: #fff; text-align: left }
#column1 #footerFormImageMap #footerForm .signupText { width: 142px; font-size: 11px }
#column1 #footerFormImageMap #footerForm .signupLabel { display: none }
#column1 #footerFormImageMap #footerForm input.signupInput { border: 1px solid #bbbbbb; height: 16px; margin: 5px 0 5px 0; width: 140px; }
#column1 #footerFormImageMap #footerForm input.btnSubmit { float: right }

#column1 #footerFormImageMap #footerImageMap { display: none }

/* Other Brands */
.footerOtherBrands { background: #fff; font: normal 11px/30px Arial, Helvetica, Sans-serif; color: #000; height: 30px; vertical-align: middle; } /* color change */
.footerOtherBrands a { color: #8D8D8D; text-decoration: none } /* color change */
.footerOtherBrands a:link { color: #8D8D8D } /* color change */
.footerOtherBrands a:visited { color: #8D8D8D } /* color change */
.footerOtherBrands a:hover { color: #8D8D8D; } /* color change */

/* Other Stores */
.footerOtherStores { display: block; margin-top: 10px; margin-bottom: 10px; }
.footerOtherStores1 { width: 134px; margin: 0 15px 0 5px }
.footerOtherStores2 { width: 235px; }
.footerOtherStores3 { width: 134px; margin: 0 15px 0 5px }
.footerOtherStores4 { width: 239px; }
div.footerOtherStores2, div.footerOtherStores4 { font: normal 11px/16px Arial, Helvetica, Sans-serif; color: #000; } /* color change */

#pageBottom { background: #fff; } /* color change */
.pageBottomCell1 { /*background: url(/imagecache/1032/49/logo_loulou_mxm.gif) no-repeat scroll top left;*/ height: 53px; margin-top: 4px; }/* color change */
.pageBottomCell2 { color: #000; } /* copyright color *//* color change */

/* SPLASH PAGE */
#splashWrapper { position: relative; background: transparent url(/imagecache/1032/49/splash_mxm.jpg) no-repeat scroll top left; width: 791px; height: 697px; margin: 8px auto 8px auto; }
#splashEnglish { position: absolute; width: 97px; height: 30px; top: 383px; left: 580px; }
#splashFrench { position: absolute; width: 97px; height: 30px; top: 433px; left: 580px; }

/* 14-Header Breadcrumb */
#breadcrumbs { margin: 0 6px 0 16px; border-bottom: 1px solid #000 } /* color change */
#breadcrumbs span { font-size: 14px; font-family: Verdana; color: #000 } /* arrow character */ /* color change */
.breadcrumbsLeft { float: left;} /* color change */
.breadcrumbsLeft a { text-decoration: none }
.breadcrumbsLeft a:link { color: #000 } /* color change */
.breadcrumbsLeft a:visited { color: #000 } /* color change */
.breadcrumbsLeft a:hover { color: #8D8D8D } /* color change */
.breadcrumbsRight { float: right; font-weight: bold; font-size: 11px; padding: 5px 18px 0 0; color: #56595b; }
.breadcrumbsRight b { color: #000; } /* pagination marker *//* color change */
.breadcrumbsRight a { text-decoration: none }
.breadcrumbsRight a:link { color: #8D8D8D } /* color change */
.breadcrumbsRight a:visited { color: #8D8D8D } /* color change */
.breadcrumbsRight a:hover { color: #000 } /* color change */

/* new sort by color */
.productListSort td { color: #8D8D8D; font-weight: bold; text-transform: lowercase }


/* new H tags */

h4.breadcrumbsLeft { font-size: 15px; font-weight: bold; color: #1D9FC2; font-family: Tahoma, Verdana, sans-serif; text-align: left; } /* color change */ /* for later use */

h3.breadcrumbsLeft { font-size: 14px; font-weight: bold; color: #1D9FC2; font-family: Tahoma, Verdana, sans-serif; text-align: left; } /* color change */ /* in use */

h2.breadcrumbsLeft { font-size: 13px; font-weight: bold; color: #1D9FC2; font-family: Tahoma, Verdana, sans-serif; text-align: left; } /* color change */ /* for later use */

h1.breadcrumbsLeft { font-size: 12px; font-weight: bold; color: #1D9FC2; font-family: Tahoma, Verdana, sans-serif; text-align: left; } /* color change */ /* for later use */


.printPage { text-align: right; line-height: 24px; padding-right: 20px; font-size: 11px; text-transform: lowercase }
.printPage a { text-decoration: none }
.printPage a:link { color: #54554a }  /* new - color change - print this page */
.printPage a:visited { color: #54554a }  /* new - color change - print this page */
.printPage a:hover { color: #8D8D8D } /* new - color change - print this page */

/* Detail Page */
#productMessageBox{ width:550px;margin:15px auto;background:#fff url(/imagecache/1032/49/productMessage.bg.gif) repeat-y scroll center top }
#productMessage{ margin:3px 8px;font-size:11px }
#productMessage strong{ display:block;font-size:14px;color:#c4050c }
#productMessageTop{ width:550px;height:9px;background:transparent url(/imagecache/1032/49/productMessageTop.bg.gif) no-repeat scroll center top }
#productMessageBottom{ width:550px;height:9px;background:transparent url(/imagecache/1032/49/productMessageBottom.bg.gif) no-repeat scroll center bottom }

#detailWrap {  }
#detailLeft { width: 248px; float: left; }
#rfxImage_Image { width: 248px; height: 250px; float: left; }
.rfxImageFrame { width: 210px; height: 250px; margin: 0 auto 0 auto }

#detailRight { float: left; text-align: left; width: 370px; font-size: 11px; }
h4.productName { color: #535353; font-size: 14px; margin: 0; padding: 0 }
.productDescription { font-size: 11px; line-height: 16px; width: 230px; margin-bottom: 4px }
.detailInfoItems { margin: 4px 0 4px 0; font-size: 11px; }

#detailRight .priceBlock { margin: 6px 0 12px 0; font-size: 18px; font-weight: bold }
#detailRight .productMrsp { color: #525252; text-decoration: line-through }
#detailRight .productSalePrice { color: #c4050c; }
#detailRight .productPrice { color: #333; }
#detailRight .productPromoPrice { color: #c4050c; }

.prodOptions { float: left; width: 140px }
.sizeChartBlock { float: left; color: #54554a; width: 220px; } /* new - color change */
.sizeChartText { font-weight: bold; font-size: 14px; }
.sizeChartBlock a:link { color: #54554a; } /* new - color change */
.sizeChartBlock a:visited { color: #54554a; } /* new - color change */
.sizeChartBlock a:hover { color: #8D8D8D; }
.br8 { height: 8px; line-height: 8px }

/* 742-FourRecommendedProducts */
.recommendedProductsTable { table-layout: fixed }
.recommendedProductsTable td, .recommendedProductsTable div { font-size: 11px; }
.recommendedProductsTable .itemWrap { margin: 15px 0 }
.recommendedProductsTable .productMrsp { color: #525252; text-decoration: line-through }
.recommendedProductsTable .productSalePrice { color: #c4050c; } /* dark red */
.recommendedProductsTable .productPrice { color: #333; font-weight: bold; }  /* dark grey */
.recommendedProductsTable .productPromoPrice { color: #c4050c; } /* dark red */
.recommendedProductsTable td a { color: #56595b; text-decoration: none }
.recommendedProductsTable td a:visited { color: #56595b }
.recommendedProductsTable td a:hover { color: #818181 }

/* 9-ProductListStandard */
#productList .productMsrp { color: #414141; text-decoration: line-through }
#productList .productSalePrice { color: #c4050c; } /* dark red */
#productList .productPrice { color: #333; font-weight: bold }
#productList .productPromoPrice { color: #c4050c; } /* dark red */
#productList .productName a { color: #333; text-decoration: none; }
#productList .productName a:link { color: #333; text-decoration: none; }
#productList .productName a:visited { color: #333; text-decoration: none; }
#productList .productName a:hover { color: #666; text-decoration: none; }

/* 745-OutfitAddMultiToCart */
#detailLeft { width: 248px; float: left; }
.productBlock { border-top: 1px solid #aaa; padding: 10px 0 10px 0; width: 360px }
.productInfoBlock { float: left; width: 240px }
.productCheckbox { width: 20px }
.outfitAddBlock { clear: both; border-top: 1px solid #aaa; text-align: right; padding: 10px 0 10px 0 }
.outfitQuantity { margin: 8px 0 8px 0 }

/* 101-FourProduct */
.fourProduct {  }
.fourProductCell { float: left; width: 25%; color: #4c4c4c }
.fourProductCell a { color: #4c4c4c; text-decoration: none }
.fourProductMsrp { font-weight: bold }
.fourProductPrice { color: #c50051; font-weight: bold }

/* shop by size */
.shopSizeHeaderWrap { text-align: left; vertical-align: bottom; font-weight: bold; background: #56595B /*#f5f5f5*/; padding: 4px 0 2px 6px; color: #d9d5d2 /*#631731;*/ }
.shopSizeHeaderContent { font-size: 14px; }
.shopSizeHeaderContentBig { font-size: 18px; }

#shopbysize { padding: 10px 0 10px 0; background-color: #ebe9ea }
.shopbysizeCell1 { text-align: right; float: left; width: 80px; }
.shopbysizeCell2 { text-align: right; float: left; width: 65px; }
.shopbysizeCell3 { float: left; width: 145px; margin: 0 40px 0 5px;}
.shopbysizeCell4 { font-size: 11px; text-align: left; float: left; width: 250px; margin: 0 10px 0 5px }
.shopbysizeCell4 ol { list-style-position: inside; }
.shopbysizefont {text-align: right; font-size: 14px; font-weight: bold }
.formLabelDiv { margin: 2px 0 21px 0; font-size: 14px; }
.formSelectDiv { margin: 2px 0 19px 0 }

.shopBySizeChart { background: #5f6062; padding: 4px 0 10px 0; color: #fff; text-align: center; clear: both }
.shopBySizeChart img { background: #5f6062 url(/imagecache/1032/49/shop_by_size_ae.jpg) no-repeat center; padding: 14px 0 4px 0 }
.shopBySizeChart a:link { color: #fff }
.shopBySizeChart a:visited { color: #fff }
.shopBySizeChart a:hover { color: #f370a6 } /* color change */
.chartHead { font-size: 24px }
.chartLink { text-align: right; padding-right: 12px }


.makeStatement { color: #56595b /* #000 */; height: 38px; background: #f5f5f5; font-family: helvetica; font-size: 14px }
.makeStatement a { color: #56595b /*#404040*/; }
.makeStatement a:link { color: #56595b /*#404040*/ }
.makeStatement a:visited { color: #56595b /*#404040*/ }
.makeStatement a:hover { color: #f370a6 }
.makeStatementLeft { float: left; line-height: 38px; text-indent: 14px}
.makeStatementRight { float: right; padding: 10px 16px 10px 0; }
.quote {  color: #f04a8a /*#ee0e66*/; font-style: italic; font-size: 16px; }

/* 746-SimpleFourProduct */
.simpleFourProduct { table-layout: fixed; }
.simpleFourProduct td, .simpleFourProduct div { font-size: 11px; }
.simpleFourProduct .itemWrap { margin: 15px 0 }
.simpleFourProduct a { color: #56595b; font-weight: normal }
.simpleFourProduct td a { color: #56595b; text-decoration: none }
.simpleFourProduct td a:visited { color: #56595b }
.simpleFourProduct td a:hover { color: #818181 }
.simpleFourProduct .priceBlock { text-align: center; margin-top: 8px }
.simpleFourProduct .productMsrp { color: #414141; text-decoration: line-through; font-weight: normal  }
.simpleFourProduct .productSalePrice { color: #c4050c; } /* dark red */
.simpleFourProduct .productPrice { color: #333; font-weight: bold }
.simpleFourProduct .productPromoPrice { color: #c4050c; } /* dark red */


.header20 { background: #000; height: 20px; padding: 2px 0 0 6px; color: #fff; }
.header20Left { font-size: 14px; float: left }
.header20Right { float: right; padding: 4px 20px 0 0; font-size: 11px; }
.header20 a { color: #fff; text-decoration: none } /* new - color change */
.header20 a:link { color: #fff } /* new - color change */
.header20 a:visited { color: #fff } /* new - color change */
.header20 a:hover { color: #fff; font-weight:bold; } /* new - color change */


.threeBlock { height: 148px; margin: 300px }
.defaultBlock { background-color: #eaeaea; }
.centerBlock { cursor: pointer }
.footerBlock { background: #d9d5d2; line-height: 30px; cursor: pointer; }
.sidebarBlock { width: 141px; margin: 0 auto 0 auto; cursor: pointer; }
.sidebarHeader { font-size: 15px; color: #631731; width: 141px; font-weight: bold; margin: 0 auto 0 auto }
.sidebarHeader2 { background-color: #F370A6; text-align: left; color: #fff;
font-weight: bold; text-indent: 6px; padding: 1px 0 2px 0; width: 141px; margin: 0 auto 0 auto }
.imageMapWrap { width: 100% }
.clearMe { clear: both }
.vert4pad { margin: 4px 0; }
.bottom4pad { margin-bottom: 4px; }
.bottom8pad { margin-bottom: 8px; }
.spc3 { height: 3px; font-size: 3px; clear: both }
.spc6 { height: 6px; font-size: 6px; clear: both }