body { background-color: #ffffff; margin: 0; padding: 0; } .sqrsearch { display: block; padding-top: 20px; } .sqrlogo { min-height: 16px; } .sqrsearch form { display: block; margin: 0; padding: 0; box-sizing: border-box; position: relative; border: 0; } .sqrsearch input[type="text"] { display: block; width: 100%; box-sizing: border-box; background-color: #05a845; border: none; padding: 8px; margin: 0 35px 0 0; line-height: 19px; border-radius: 8px; height: 35px; } .sqrsearch input[type="submit"] { position: absolute; top: 0; right: 0; background: #035c28 url(./../../styles/sunnyvale/img/?f=sprites&ca=05a845&cb=e1fbea&cc=ff7d00) -6px -102px no-repeat; width: 35px; height: 35px; text-indent: -9999px; border: none; border-radius: 0 8px 8px 0; margin: 0; padding: 0; } .sqrheader { background-color: #ffffff; color: #ffffff; box-sizing: border-box; padding: 20px; margin: 0; position: relative; } .sqrheader img { display: block; margin: 0 auto; border: none; } .sqrheader p { display: block; margin: 0; padding: 0; border: none; text-align: center; } .sqropennav { width: 40px; height: 40px; background: url(./../../styles/sunnyvale/img/?f=sprites&ca=05a845&cb=e1fbea&cc=ff7d00) -4px -148px no-repeat; display: block; top: 10px; left: 10px; position: absolute; } .sqrhome { width: 40px; height: 40px; background: url(./../../styles/sunnyvale/img/?f=sprites&ca=05a845&cb=e1fbea&cc=ff7d00) -4px -4px no-repeat; display: block; top: 10px; right: 10px; position: absolute; } @media (min-width: 1680px) { #sqrouterbox { margin: 40px auto; max-width: 1600px; } .sqrcommon { border-radius: 0 0 10px 10px; } .sqrheader { border-radius: 10px 10px 0 0; } } #maincontainer { background-color: #ffffff; } #maincontainer { padding: 1px 0; background-color: #ffffff; } #sidebarleft, #content, #sidebarright { min-height: 1px; padding-top: 10px; padding-bottom: 10px; } #sidebarleft { background-color: #f7fcf9; } #sidebarright { background-color: #ffffff; } #content { background-color: #ffffff; } #header { padding: 10px 0; background-color: #f7fcf9; } #footer { padding: 10px 0; background-color: #f6fcf9; } .sqrtopbar { background-color: #ffffff; } .sqrtopbar::after { content: ''; clear: both; display: block; } .sqrtopbar img { display: block; float: left; border: 0; margin: 10px; } .sqrnav { display: none; position: absolute; z-index: 1000; background-color: #035c28; top: 20px; left: 20px; width: 420px; border-radius: 10px; line-height: 19px; } .sqrnavcart { transform: translateX(20px); } @keyframes navanimate { from { opacity: 0; transform: translateX(20px); } to { opacity: 1; transform: translateY(0); } } .sqrmodenav .sqrnavmain { display: block; animation: 0.3s navanimate; } .sqrnav ul { display: block; margin: 0; padding: 0; list-style: none; } .sqrnav li { margin: 0; padding: 0; display: block; position: relative; } .sqrnav li em.ngshopcartindicator { display: none; background-color: #e1fbea; color: #035c28; font-style: normal; padding-right: 6px; padding-left: 6px; border-radius: 32px; margin-left: 8px; font-weight: normal; } .sqrnav li em.ngshopcartindicatoractive { display: inline-block; } .sqrnav a { padding: 12px 48px 12px 16px; text-decoration: none; color: #e1fbea; border-bottom: 1px dotted rgba(255,255,255,0.3); display: block; text-transform: uppercase; } .sqrnav a:focus-visible { position: relative; z-index: 1001; } .sqrnav>ul>li:last-child>a { border-bottom: none; } .sqrnav>ul>li.sqrnavopen:last-child>a { border-bottom: 1px dotted rgba(255,255,255,0.3); } .sqrnav .active>a { font-weight: bold; } .sqrnav a:hover { color: #05a845; } .sqrnav .sqrnavmore ul { display: none; } @keyframes navanimate2 { from { opacity: 0; } to { opacity: 1; } } .sqrnav .sqrnavopen>ul { display: block; animation: 0.3s navanimate2; } .sqrnav span { display: block; } .sqrnav li li a { padding-left: 32px; } .sqrnav li li li a { padding-left: 48px; } .sqrnav .sqrnavmore>div { position: absolute; top: 0; right: 0; width: 43px; height: 43px; background: url(./../../styles/sunnyvale/img/?f=sprites&ca=05a845&cb=e1fbea&cc=ff7d00) -2px -242px no-repeat; cursor: pointer; transition: transform 0.5s; } .sqrnav .sqrclearmode { position: absolute; top: 0; right: 0; width: 43px; height: 43px; background: url(./../../styles/sunnyvale/img/?f=sprites&ca=05a845&cb=e1fbea&cc=ff7d00) -2px -290px no-repeat; cursor: pointer; transition: transform 0.5s; } .sqrnav .sqrnavopen>div { transform: rotate(90deg); } @media (min-width: 1024px) { .sqrindent { display: block; margin-left: var(--sqrindentleft); margin-right: var(--sqrindentright); } .sqrallwaysboxed, .sqrmobilefullwidth, .sqrdesktopboxed { box-sizing: border-box; padding-left: 30px; padding-right: 30px; margin-left: auto; margin-right: auto; } .sqrallwaysboxed .sqrallwaysboxed, .sqrdesktopboxed .sqrdesktopboxed, .sqrmobilefullwidth .sqrallwaysboxed, .sqrdesktopboxed .sqrallwaysboxed, .sqrdesktopboxed .sqrmobilefullwidth, .sqrdesktopremovebox .sqrallwaysboxed, .sqrdesktopremovebox .sqrmobilefullwidth { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .sqrmain3collr, .sqrmain2coll, .sqrmain2colr { display: table; box-sizing: border-box; table-layout: fixed; width: 100%; } .sqrmain3collr>div { box-sizing: border-box; width: 50%; display: table-cell; vertical-align: top; } .sqrmain3collr>div:first-child { width: 25%; } .sqrmain3collr>div:last-child { width: 25%; } .sqrmain2coll>div { box-sizing: border-box; width: 75%; display: table-cell; vertical-align: top; } .sqrmain2coll>div:first-child { width: 25%; } .sqrmain2colr>div { box-sizing: border-box; width: 75%; display: table-cell; vertical-align: top; } .sqrmain2colr>div:last-child { width: 25%; } .sqrallwaysfullwidth .sqrsuppressborders { border-left: 0 !important; border-right: 0 !important; } } @media (max-width: 1023px) { .sqrpanoramicbackground { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important;; } .sqrallwaysboxed, .sqrmobileboxed { box-sizing: border-box; padding-left: 30px; padding-right: 30px; } .sqrallwaysboxed>.sqrallwaysboxed, .sqrallwaysboxed>.nguiparagraphcontainer>.sqrallwaysboxed { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .sqrmobileboxedimportant { padding-left: 30px !important; padding-right: 30px !important; } .sqrmobilehidden { display: none; } .sqrallwaysfullwidth .sqrsuppressborders, .sqrmobilefullwidth .sqrsuppressborders { border-left: 0 !important; border-right: 0 !important; } } .sqrcommon { margin: 0; padding: 20px 0 0 0; background-color: #05a845; } .sqrcommonnavhierarchical, .sqrcommonnav, .sqrfootertext { margin: 0 auto; padding: 0 30px 30px 30px; box-sizing: border-box; } .sqrcommonnavhierarchical { padding-bottom: 1px; } .sqrfootertext { color: #e1fbea; } .sqrcommonnavhierarchical a, .sqrcommonnav a, .sqrfootertext a { text-decoration: none; color: #e1fbea; transition: color 0.3s; text-decoration: none; font-weight: normal; } .sqrfootertext p { margin: 0; } .sqrcommonnavhierarchical a:hover, .sqrcommonnav a:hover, .sqrfootertext a:hover { color: #000000; text-decoration: none; font-weight: normal; } .sqrcommonnavhierarchical, .sqrcommonnav { display: block; list-style: none; } .sqrcommonnavhierarchical>li, .sqrcommonnav>li { display: block; box-sizing: border-box; list-style: none; padding: 0 0 5px 0; } .sqrcommonnavhierarchical>li>em { font-style: normal; color: #06a848; } .sqrcommonnavhierarchical>li>ul { display: block; margin: 0; padding: 5px 0 15px 0; } .sqrcommonnavhierarchical>li>ul>li { list-style: none; margin: 0; padding: 0 0 2px 0; } .sqrcommonnavhierarchical:after, .sqrcommonnav:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } @media (min-width: 1024px) { .sqrcommonnavhierarchical>li { float: left; padding-right: 5%; } .sqrcommonnavhierarchical2col>li { width: 50%; } .sqrcommonnavhierarchical3col>li { width: 33.3333333%; } .sqrcommonnavhierarchical4col>li { width: 25%; } .sqrcommonnavhierarchical5col>li { width: 20%; } .sqrcommonnav>li { float: left; padding-right: 20px; } .sqrdesktophidden { display: none; } } @media (max-width: 480px) { .sqrnav { width: 100%; border-radius: 0px; } .sqrheader img { max-width: 180px; height: auto; } .sqrmodenav .sqrnavmain { left: 0; top: 0; } .sqrmodecart .sqrnavcart { left: 0; top: 0; } }