@charset "utf-8";

ul.entryTitle {zoom: 1;}
ul.entryTitle:after {content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; line-height: 0;}


.content, #footer { padding: 0;}


/* -- content -- */

#siteMap h1 {border-bottom: 1px solid #e6e6e6; padding-bottom: 10px; font-size: 28px; font-weight: bold; color: #191919; height: 27px; margin: 20px 0; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; background-image: url(/img/sitemap/title_sitemap.png);}
#siteMap h2 {margin-bottom: 10px; font-size: 14px; font-weight: bold; letter-spacing: normal;}

#siteMap .main { margin: -21px -25px 0 0; letter-spacing: -.40em; }
#siteMap .categorybox {
display: -moz-inline-box; /* Firefox2 */
display: inline-block;
*display: inline; *zoom: 1; /* IE6, IE7 */
margin: 0 25px 30px 0; vertical-align: top; width: 200px;padding-top: 20px; border-top: 1px solid #e6e6e6;}

#siteMap ul.entryTitle li { padding: 0; line-height: 1.4; border: none; font-size: 12px; letter-spacing: normal; }
* html #siteMap ul.entryTitle li { border-bottom: 1px solid #fff; } /*IE*/
#siteMap ul.entryTitle li a { display: block; height: auto !important;/*IE*/ height: 1%;/*IE*/ padding: 5px 0 5px 15px; background-image: url(/img/common/arrow_b3b3b3.png); background-repeat: no-repeat; background-position: 5px 10px; line-height: 1.5; text-decoration: none;}
#siteMap ul.entryTitle li a:hover {background-color: #e6e6e6}

#siteMap ul.relatedLink li { padding: 0 0 10px 0; font-weight: bold; letter-spacing: normal;}

h2.campaign {margin-top: 20px;}

@media only screen and (max-device-width: 569px) and (min-device-width: 320px) {
h2 span {padding: 10px; display: block;}
#headerWrap {min-width: 100%;}
#header {width: 100%; margin: 0 auto; padding: 0; overflow: hidden;}
#siteMap #header ul#globalNav {display: none;}
#siteMap #siteName a {margin: 0 auto;}
}

/* --------------------------------
mobile
-------------------------------- */

#mobileSearch,
#mobileRefinement,
#mobileNav,
#modeSwitch,
.mobileOnly {display: none;}

#modeSwitch {text-align: center; margin: 20px 0; padding: 20px 0; font-size: 18px; background:#333; color: #ccc;}
#modeSwitch dt,
#modeSwitch dd,
#modeSwitch ul,
#modeSwitch li {display: inline;}
#modeSwitch li:first-child {border-right: 1px solid #ccc; margin-right: 10px; padding-right: 15px;}
#modeSwitch li .current {color: #ccc; text-decoration: none;}
#modeSwitch a {color: #fff; font-weight: bold;}