/** * This file is for controlling what content looks * like - ie: font, colour, background, etc. * * structure.css contains rules that control how * elements are laid out - ie: position, size, * margin & padding. * */ /******************************************************/ /*********************** HEADER ***********************/ /******************************************************/ /*#m2w_header { background: url(img/header_nav_bg.png) no-repeat center bottom; } */ #m2w_header #m2w_header_twitter_bubble { color: #ffffff; font-size: 9px; } #m2w_header #m2w_header_main_logo span { display: none; } #m2w_header #m2w_header_main_logo { background: url(img/m2w_logo.png) no-repeat; } #m2w_header #about-us-link { background: url(img/m2w_about_us.png); } #m2w_header #cart-link { background: url(img/m2w_cart.png); } #m2w_header #logos span { display: none; } #m2w_header #logos #yt { background: url(img/header-youtube.png); width: 48px; height: 20px; } #m2w_header #logos #fb { background: url(img/header-facebook.png); width: 10px; height: 20px; } #m2w_header #logos #tw { background: url(img/header-twitter.png); width: 28px; height: 20px; } #m2w_header #logos #m2w_logo { width: 108px; height: 16px; display: block; margin-bottom: 10px; } #m2w_header #logos #yt.hover { background: url(img/header-youtube-active.png); } #m2w_header #logos #fb.hover { background: url(img/header-facebook-active.png); } #m2w_header #logos #tw.hover { background: url(img/header-twitter-active.png); } #m2w_header #logos .jquery_hover { display: block; float: left; } #m2w_header #quicklinks { font-size: 1em; text-transform: uppercase; font-weight: bold; font-family: "Open Sans"; } #m2w_header #nav { font-family: "Open Sans"; } /*********************** SUPERFISH MENU ***********************/ #m2w_header ul.sf-menu ul { background: none; text-align: left; } #m2w_header ul.sf-menu li { background: url(img/menu_bg.png) repeat-x; text-transform: uppercase;font-weight: bold; } #m2w_header ul.sf-menu li a { text-decoration: none; color: #ffffff; font-size: 0.95em; border: none; border-right: 1px solid #ddd; } #m2w_header ul.sf-menu li li a { padding-left: 0; padding-right: 0; } #m2w_header ul.sf-menu li span { color: #8b8b8b; } #m2w_header ul.sf-menu li span.unlinked { font-style: italic; } #m2w_header ul.sf-menu li span:hover { text-decoration: none; } #m2w_header ul.sf-menu li span.unlinked:hover { color: #8b8b8b; } #m2w_header ul.sf-menu .last a { border-right: none; } #m2w_header ul.sf-menu div { background: #ffffff; padding: 0 20px; } #m2w_header ul.sf-menu .column.first { border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; border-right: 1px solid #cccccc; } #m2w_header ul.sf-menu .column.last { border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; } #m2w_header ul.sf-menu .column.first.last { border: 1px solid #CCC; } #m2w_header ul.sf-menu li li { text-transform: none; background: none; background-color: transparent; } #m2w_header ul.sf-menu li .column a { font-size: 12px; } #m2w_header ul.sf-menu li .first.column li a { border-bottom: 1px dotted #CCC; color: #8b8b8b; } #m2w_header ul.sf-menu li .first.last.column li a { border-bottom: 1px dotted #CCC; color: #8b8b8b; } #m2w_header ul.sf-menu li .last.column li a { border-bottom: 1px dotted #CCC; color: #8b8b8b; } #m2w_header ul.sf-menu li .last.column .last a { border-bottom: none; } #m2w_header ul.sf-menu li .first.column .last a { border-bottom: none; } #m2w_header ul.sf-menu li .first.last.column .last a { border-bottom: none; } #m2w_header ul.sf-menu .parent .leaf a { border-right: none; background: none; background-color: transparent; } #m2w_header ul.sf-menu .parent .leaf a:hover { text-decoration: none } #m2w_header ul.sf-menu li .first.last.column li a:hover { text-decoration: none; } /* #m2w_header .sf-sub-indicator { display: none; visibility: hidden; } #m2w_header .arrow { margin-left: 5px; } #m2w_header ul.sf-menu.main { color: #666666; } #m2w_header ul.sf-menu.main img { margin-left: 5px; } #m2w_header ul.sf-menu.main .parent .parent img { display: none; } #m2w_header ul.sf-menu.main .parent .leaf img { display: none; } #m2w_header ul.sf-menu.main .parent span { display: none; } #m2w_header ul.sf-menu.main .parent .parent span { display: inline; padding-left: 3px; } #m2w_header ul.sf-menu.main .parent .leaf span { display: none; } #m2w_header ul.sf-menu.main .parent .first { border-top: 1px solid #c4c4c4; } #m2w_header ul.sf-menu.main .parent .last { border-bottom: 1px solid #c4c4c4; } #m2w_header ul.sf-menu.main .parent span.unlinked { color: #666666; padding: 0.75em 1em; display: block; } #m2w_header ul.sf-menu.main .leaf span { display: none; } #m2w_header ul.sf-menu.main ul { } #m2w_header ul.sf-menu.main a, #m2w_header ul.sf-menu.main a:link, #m2w_header ul.sf-menu.main a:visited, #m2w_header ul.sf-menu.main a:hover, #m2w_header ul.sf-menu.main a:active { text-decoration: none; color: #666666; } #m2w_header ul.sf-menu.main li { background: transparent; font-size: 14px; text-transform: uppercase; } #m2w_header ul.sf-menu.main li a { border: none; } #m2w_header ul.sf-menu.main li li, #m2w_header ul.sf-menu.main li li li.sfHover { background: #f9f9f9; } #m2w_header ul.sf-menu.main li li { text-transform: none; font-size: 10px; border-left: 1px solid #c2c2c2; border-right: 1px solid #c2c2c2; } #m2w_header ul.sf-menu.main li.top-item { border-top: 1px solid #c2c2c2; } #m2w_header ul.sf-menu.main li.bottom-item { border-bottom: 1px solid #c2c2c2; } */ /* END HEADER */ /******************************************************/ /*********************** SPACER ***********************/ /******************************************************/ /* (blank space between header and content */ #m2w_spacer { } #m2w_spacer #m2w_title { font-weight: bold; font-size: 36px; line-height: 36px; text-transform: uppercase; } #m2w_spacer #m2w_locator { color: #b2b2b2; background: #ffffff; font-size: 13px; font-weight: bold; text-transform: uppercase; } /* END SPACER */ /******************************************************/ /*********************** FOOTER ***********************/ /******************************************************/ #m2w_footer { background: #f9f9f9; font-family: Arial, Helvetica, sans-serif; border-top: 1px dotted #c2c2c2; font-size: 11px; } #m2w_footer .links a#donate { color: #be4545; } #m2w_footer .links, #m2w_footer .links h3, #m2w_footer .links a { color: #616161; } #m2w_footer .contact, #m2w_footer .contact h3, #m2w_footer .contact a { color: #b2b2b2; } #m2w_footer .contact h3, #m2w_footer .links h3 { font-weight: bold; margin: 0px; font-size: 12px; } #m2w_footer .contact a#newsletter { color: #116db6; } #m2w_footer ul { list-style-type: none; font-size: 12px; } #m2w_footer ul ul { font-size: 11px; } /* END FOOTER */ /******************************************************/ /********************** CONTENT ***********************/ /******************************************************/ /* SIDE MENU */ #m2w_side_menu {} #m2w_side_menu .box_content { padding: 0; } #m2w_side_menu ul.sidemenu { margin: 0; list-style-type: none; padding: 10px; font-weight: bold; } #m2w_side_menu ul.sidemenu ul { padding: 0 0 10px 0; font-weight: normal; } #m2w_side_menu ul.sidemenu li { margin-bottom: 10px; } #m2w_side_menu ul.sidemenu ul li { margin: 0; } #m2w_side_menu a, #m2w_side_menu span { color: #000000; display: block; border-bottom: 1px dotted #c6c6c6; padding: 5px 0 3px; } #m2w_side_menu a:hover { color: #676767; } #m2w_side_menu ul.sidemenu .leaf img { display: none; } #m2w_side_menu ul.sidemenu .parent img { float: right; vertical-align: middle; margin-top: 6px; } #m2w_side_menu ul.sidemenu .parent li a { padding-left: 10px; } /* MODULE BOX */ .box { } .box .box_content { border: 1px solid #ebebeb; border-top: none; background: #ffffff; } .box .box_header .box_left { background: url(img/bar-left.png) no-repeat; } .box .box_header .box_right { background: url(img/bar-right.png) no-repeat; } .box .box_header .box_title { background: url(img/bar-middle.png) repeat-x; color: #000000; font-weight: bold; text-transform: uppercase; } /* HEADERLESS MODULE BOX */ .box_no_header .box_content { padding: 15px 20px; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; background: #ffffff; } .box_no_header .box_header .box_middle { border-top: 1px solid #e4e4e4; background: #ffffff; } .box_no_header .box_header .box_left { background: url(img/headerless-top-left.png); } .box_no_header .box_header .box_right { background: url(img/headerless-top-right.png); } .box_no_header .box_footer .box_middle { border-bottom: 1px solid #e4e4e4; background: #ffffff; } .box_no_header .box_footer .box_left { background: url(img/headerless-bottom-left.png); } .box_no_header .box_footer .box_right { background: url(img/headerless-bottom-right.png); } /* BUTTONS */ .themed-button .themed-button-centre * {cursor:pointer;color:#fff;font-weight:700} .themed-button .themed-button-centre a:hover{color:#fff;text-decoration:none}