@CHARSET "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, img
{ background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; }
/*Logo and top ad*/
#header-container { display:block; width:100%; font-size:medium; line-height:normal; word-wrap: break-word !important; }
#header-container p { text-align:center; }
#mobile-ad_top { background-color:#9c181a; height:60px; float:right; display:block; }
#logo-container { max-width:100%; background-color:#ffffff; }
#logo { float:left; }
#logo img { padding-top:5px; width:480px; height:auto; }
/*Stripes to mitigate ad banner*/
.adstripes { width:480px; height:calc(100% - 60px); list-style:outside none none; margin-left:0px; }
.adstripe-11 { width:11px; } .adstripe-10 { width: 10px; } .adstripe-4 { width:4px; } .adstripe-1 { width:1px; }
.adstripes li { height:55px; float:left; margin-top:-4px; }
.adstripe-white { background-color:#ffffff; } .adstripe-black { background-color:#000000; }
/*Menu*/
#menu-container { height:35px; width:100%; background-color:#d13038; font-family:"",arial,serif; }
nav ul { float:left; list-style:none; }
nav a { display:inline-block; line-height:35px; text-decoration:none; color:#ffffff; font-weight:bold; }
.menu { height:35px; position:absolute; z-index:9999; }
.menu a { font-size:12px; }
.toggle, [id^="drop"] { display:none; }
nav ul li { display:inline-block; width:auto; }
nav ul ul { display:none; position:absolute; }
nav ul li a { padding-left:10px; padding-right:10px; }
nav ul ul li { height:35px; line-height:35px; width:180px; float:none; display:list-item; position:relative; font-size:12px; }
nav ul ul li a { font-weight:normal; line-height:35px; }
/*Categories*/
.dropheader, .nodrop, .followus-list { background-color:#d13038; }
.nodrop a { margin:0px; width:100%; height:100%; }
.dropmenu { background-color:#ebebeb; }
.dropmenu li:hover, .nodrop:hover, .dropheader label:hover { background-color:#ffffff; }
.dropmenu li a { margin:0px; width:100%; height:100%; color:#616161; font-weight:normal; }
.nodrop:hover > a, .dropheader:hover > a, .dropheader label:hover > a, .dropmenu li:hover > a { color:#000000; }
/*Search bar and Follow Us!*/
.menubar-followus { display:inline; float:right; position:relative; background-color:#d13038; }
.menubar-followus a { display:inline; font-size:11px; font-weight:normal; padding-right:0px; }
/*Search form*/
.searchform { float:left; line-height:30px; vertical-align:middle; padding-left:3px; }128px
.searchform a { padding-left:5px; }
.input { padding:0px; }
.s { width:128px; border:0px solid #dbdbdb; font-size:11px; padding-right:0px; }
.search-submit { position:relative; background-color:#d13038; color:#ffffff; font-size:11px; }
.search-submit:hover { background-color:#ffffff; color:#000000; }
/*Social media icons*/
.followus-list { float:none; list-style:none; position:relative; margin-right:5px; }
.followus-list li { height:calc(100% - 5px); display:inline-block; width:26px; }
.followus-list li.no-icon { display:none; }
.followus-list li a { padding:0px; width:100%; height:100%; display:block; text-align:center; }
.followus-list li a img { vertical-align:middle; }
.menucancel { display:none; }
@media all and (min-width:982px) { #logo img { padding-left:5px; } }
/*Desktop version*/
@media all and (min-width:981px)
{
#mobile-ad_top { max-width:480px; height:100%; }
#logo-container { height:115px; }
.menu { width:100%; }
.dropheader:hover { background-color:#ffffff; }
.dropheader:hover > ul { display:block;}
.dropmenu { box-shadow:0px 4px 4px rgba(0, 0, 0, 0.29); }
.dropmenu, .dropmenu-last { border-bottom-left-radius:15px; border-bottom-right-radius:15px; }
.menubar-followus { float:right !important; display:inline;} /*because chrome*/
.followus-list { display:inline; }
.menubar-followus label { height:35px; display:none; background-color:inherit; }
}
/*Mobile version*/
@media all and (max-width : 980px)
{
#mobile-ad_top { width:100%; padding-left:calc(50% - 240px); float:none; }
#mobile-ad_top img { margin-left:auto; margin-right:auto; }
.adstripes { display:none; }
#logo { display:block; width:100%; text-align:center; float:none; padding-left:0px; }
nav a { border-top-right-radius:5px; border-bottom-right-radius:5px; }
.menu, .menubar-followus { width:100%; }
.toggle { display:block; }
.toggle + a, .menu { display: none; }
.menu-button { width:35px; height:35px; display:inline; float:left; }
.menu-button-line
{
display:block; width:30px; height:5px; background-color:#ffffff; margin-top:5px; margin-bottom:5px;
border-top-right-radius:3px; border-bottom-right-radius:3px;
}
/*.toggle:hover > .menu-button, .toggle:hover > a { background-color:#ffffff; color:#000000; }
.toggle:hover > .menu-button > .menu-button-line { background-color:#000000; }*/
nav ul li { display:block; }
nav ul li a { line-height:35px; padding-right:0px; }
nav ul ul { float:none; position:static; }
nav ul ul li { display:block; padding-left:20px; }
[id^=drop]:checked + ul { display:inherit; }
.dropheader, .nodrop, .dropmenu { width:200px; }
.menubar-followus
{
display:block; float:none; width:200px; padding-top:5px; padding-bottom:5px; background-color:#ebebeb;
box-shadow:0px 4px 4px rgba(0, 0, 0, 0.29);
}
.searchform { display:block; }
.searchform a { font-size:11px; float:right; display:inline; text-align:right; width:auto; line-height:30px; }
.menubar-followus, .followus-list { border-bottom-left-radius:15px; border-bottom-right-radius:15px; }
.menubar-followus label { height:35px; display:none; background-color:inherit; }
.menubar-followus a { display:inherit; text-align:center; line-height:15px; color:#616161; width:100%; padding-left:0px; }
.followus-list { width:100%; display:inherit; height:auto; text-align:center; background-color:inherit; }
.followus-list li { line-height:15px; height:auto; padding-left:0px; }
.menucancel { width:calc(100% - 200px); height:35px; display:none; /*block;*/ float:right; }
.menucancel-1 { width:100%; height:100%; display:block; float:right; }
}