/* ============================================================================= =Global Styles ========================================================================== */ /* body { background: #ededed url(../../resources/images/body_bg.jpg) 0 0 repeat; } */ body { background-color: #f9f9f9; background-image: url("data:image/svg+xml,%3Csvg width='304' height='304' viewBox='0 0 304 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.1 224c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h44.1zm160 48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H82v-2h122.1zm57.8-46c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm0 16c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm6.2-114c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2zm-256-48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h12.1zm185.8 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2zM258 12.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V0h2v12.1zm-64 208c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-54.2c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9v54.2zm48-198.2c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V82h64v-2h-62V21.9zm16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V66h48v-2h-46V37.9zm-128 96c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V210h16v10.1c-2.282.463-4 2.48-4 4.9 0 2.76 2.24 5 5 5s5-2.24 5-5c0-2.42-1.718-4.437-4-4.9V208h-16v-74.1zm-5.9-21.9c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H114v48H85.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H112v-48h12.1zm-6.2 130c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H176v-74.1c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V242h-60.1zm-16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H114v48h10.1c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H112v-48h-10.1zM66 284.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V274H50v30h-2v-32h18v12.1zM236.1 176c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H274v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V146h-10.1zm-64 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H208v-80h16v-14h-42.1c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H226v18h-16v80h-12.1zm86.2-210c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H272V0h2v32h10.1zM98 101.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V144H53.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H98v-44.1zM53.9 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80V0h2v34H53.9zm60.1 3.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V64H80v64H69.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H82V66h32V37.9zM101.9 82c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H128V37.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-28.1zm16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H146v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V18h-26.1zm102.2 270c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H98v14h-2v-16h124.1zM242 149.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V162h16v30h-16v66h48v46h2v-48h-48v-62h16v-34h-16v-10.1zM53.9 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64V2H48V0h18v18H53.9zm112 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H192V0h50v2h-48v48h-28.1zm-48-48c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5 0-.342.034-.677.1-1h2.07c-.11.313-.17.65-.17 1 0 1.657 1.343 3 3 3s3-1.343 3-3c0-.35-.06-.687-.17-1H178v34h-18V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V32h14V2h-58.1zm0 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H137l32-32h39V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V66h-40.172l-32 32H117.9zm28.1 90.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-76.513L175.586 80H224V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-49.586L146 112.414V188.1zm16 32c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-99.513L184.586 96H300.1c.398-1.96 1.94-3.502 3.9-3.9v2.07c-1.165.413-2 1.524-2 2.83s.835 2.417 2 2.83v2.07c-1.96-.398-3.502-1.94-3.9-3.9H185.414L162 121.414V220.1zm-144-64c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-3.513l48-48V48h32V0h2v50H66v55.413l-48 48v2.687zM50 53.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v42.686l-48 48V210h28.1c.463 2.282 2.48 4 4.9 4 2.76 0 5-2.24 5-5s-2.24-5-5-5c-2.42 0-4.437 1.718-4.9 4H2v-62.586l48-48V53.9zm-16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v18.686l-32 32v2.828l34-34V69.9zM12.1 32c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H9.414L0 43.414v-2.828L8.586 32H12.1zm265.8 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h18.686L304 40.586v2.828L297.414 50H277.9zm-16 160c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H288V136.587l16-16v2.827l-14 14V210h-28.1zm-208 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64v-22.586L40.586 194H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.513L66 216.586V242H53.9zm150.2 14c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H96v-56.598L56.598 162H37.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.502L98 200.598V256h106.1zm-150.2 2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80v-46.586L48.586 178H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h27.513L82 208.586V258H53.9zM97 100c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-48 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 96c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-144c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM49 36c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM33 68c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 240c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm80-176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm112 176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 180c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 84c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 39.793V0h-2v40.586L8.586 64H0v2h9.413L34 41.414v-1.62zM2 300.1V258h14v46h2v-48H0V302.17c.313-.11.65-.17 1-.17 1.306 0 2.417.835 2.83 2H5.9c-.398-1.96-1.94-3.502-3.9-3.9zM34 241v63h-2v-62H0v-2h34v1zM17 18h1V0h-2v16H0v2h17zm273-2V0h-2v18h16v-2h-14zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1c.323-.066.658-.1 1-.1 2.76 0 5 2.24 5 5s-2.24 5-5 5c-.342 0-.677-.034-1-.1v-2.07c.313.11.65.17 1 .17 1.657 0 3-1.343 3-3s-1.343-3-3-3c-.35 0-.687.06-1 .17V92.1zM80 272h2v32h-2v-32zm37.9 32c-.463-2.282-2.48-4-4.9-4-2.42 0-4.437 1.718-4.9 4h2.07c.413-1.165 1.524-2 2.83-2s2.417.835 2.83 2h2.07zM5.9 0c.066.323.1.658.1 1 0 2.76-2.24 5-5 5-.342 0-.677-.034-1-.1V3.83C.313 3.94.65 4 1 4c1.657 0 3-1.343 3-3 0-.35-.06-.687-.17-1H5.9zm294.2 0c-.066.323-.1.658-.1 1 0 2.42 1.718 4.437 4 4.9V3.83c-1.165-.413-2-1.524-2-2.83 0-.35.06-.687.17-1h-2.07zm3.9 300.1c-1.96.398-3.502 1.94-3.9 3.9h2.07c.302-.852.978-1.528 1.83-1.83v-2.07z' fill='%23e5e5e5' fill-opacity='0.53' fill-rule='evenodd'/%3E%3C/svg%3E"); } #header_wrapper, #search, #content_wrapper, #footer_wrapper { margin: 0 auto; width: 980px; } #header_wrapper { -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.15); } #content_wrapper { -webkit-box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.15); } #footer_wrapper { -webkit-box-shadow: 0px 20px 10px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 20px 10px 3px rgba(0, 0, 0, 0.15); box-shadow: 0px 20px 10px 3px rgba(0, 0, 0, 0.15); } /* ============================================================================= =Fonts ========================================================================== */ @font-face { font-family: 'OpenSansBoldItalic'; src: url('../../resources/fonts/OpenSans/OpenSans-BoldItalic-webfont.eot'); src: url('../../resources/fonts/OpenSans/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../../resources/fonts/OpenSans/OpenSans-BoldItalic-webfont.woff') format('woff'), url('../../resources/fonts/OpenSans/OpenSans-BoldItalic-webfont.ttf') format('truetype'), url('../../resources/fonts/OpenSans/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansBold'; src: url('../../resources/fonts/OpenSans/OpenSans-Bold-webfont.eot'); src: url('../../resources/fonts/OpenSans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../resources/fonts/OpenSans/OpenSans-Bold-webfont.woff') format('woff'), url('../../resources/fonts/OpenSans/OpenSans-Bold-webfont.ttf') format('truetype'), url('../../resources/fonts/OpenSans/OpenSans-Bold-webfont.svg#OpenSansBoldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansCondBold'; src: url('../../resources/fonts/OpenSans/OpenSans-CondBold-webfont.eot'); src: url('../../resources/fonts/OpenSans/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'), url('../../resources/fonts/OpenSans/OpenSans-CondBold-webfont.woff') format('woff'), url('../../resources/fonts/OpenSans/OpenSans-CondBold-webfont.ttf') format('truetype'), url('../../resources/fonts/OpenSans/OpenSans-CondBold-webfont.svg#OpenSansCondBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansItalic'; src: url('../../resources/fonts/OpenSans/OpenSans-Italic-webfont.eot'); src: url('../../resources/fonts/OpenSans/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../../resources/fonts/OpenSans/OpenSans-Italic-webfont.woff') format('woff'), url('../../resources/fonts/OpenSans/OpenSans-Italic-webfont.ttf') format('truetype'), url('../../resources/fonts/OpenSans/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansRegular'; src: url('../../resources/fonts/OpenSans/OpenSans-Regular-webfont.eot'); src: url('../../resources/fonts/OpenSans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../resources/fonts/OpenSans/OpenSans-Regular-webfont.woff') format('woff'), url('../../resources/fonts/OpenSans/OpenSans-Regular-webfont.ttf') format('truetype'), url('../../resources/fonts/OpenSans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansSemiBoldIt'; src: url('../../resources/fonts/OpenSans/OpenSans-SemiboldItalic-webfont.eot'); src: url('../../resources/fonts/OpenSans/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../../resources/fonts/OpenSans/OpenSans-SemiboldItalic-webfont.woff') format('woff'), url('../../resources/fonts/OpenSans/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), url('../../resources/fonts/OpenSans/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiBoldIt') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansSemiBold'; src: url('../../resources/fonts/OpenSans/OpenSans-Semibold-webfont.eot'); src: url('../../resources/fonts/OpenSans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../../resources/fonts/OpenSans/OpenSans-Semibold-webfont.woff') format('woff'), url('../../resources/fonts/OpenSans/OpenSans-Semibold-webfont.ttf') format('truetype'), url('../../resources/fonts/OpenSans/OpenSans-Semibold-webfont.svg#OpenSansSemiBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansCondLight'; src: url('../../resources/fonts/OpenSans/OpenSans-CondLight-webfont.eot'); src: url('../../resources/fonts/OpenSans/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'), url('../../resources/fonts/OpenSans/OpenSans-CondLight-webfont.woff') format('woff'), url('../../resources/fonts/OpenSans/OpenSans-CondLight-webfont.ttf') format('truetype'), url('../../resources/fonts/OpenSans/OpenSans-CondLight-webfont.svg#OpenSansSemiBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Pictos'; src: url('../../resources/fonts/Pictos/pictos-web.eot'); src: url('../../resources/fonts/Pictos/pictos-web.eot?#iefix') format('embedded-opentype'), url('../../resources/fonts/Pictos/pictos-web.woff') format('woff'), url('../../resources/fonts/Pictos/pictos-web.ttf') format('truetype'), url('../../resources/fonts/Pictos/pictos-web.svg#Pictos') format('svg'); font-weight: normal; font-style: normal; } /* ============================================================================= =Links + Buttons + Images + Misc ========================================================================== */ a { color: #0054A0; text-decoration: none; } a:hover { color: #2E3C4D; } strong { font-family: OpenSansBold; } em { font-family: OpenSansItalic; } strong em, em strong { font-family: OpenSansBoldItalic; } .btn_dkblue, .formSubmit a, .paging .current { background: #2E3C4D; color: #fff; display: inline-block; font-family: OpenSansRegular; padding: 5px 15px; } .btn_dkblue:hover, .formSubmit a:hover { color: #FFE08C; } .btn_dkblue, .formSubmit a, .paging .current { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.75); -moz-box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.75); box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.75); } .btn_dkblue, .upload_bom .button.btn_dkblue, #member_login input[type="submit"].btn_dkblue, #tabs ul.tabNav li.ui-state-active a, .formSubmit a, .paging .current { background: -moz-linear-gradient(top, #2e3c4d 0%, #1c232e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e3c4d), color-stop(100%,#1c232e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2e3c4d 0%,#1c232e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2e3c4d 0%,#1c232e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2e3c4d 0%,#1c232e 100%); /* IE10+ */ background: linear-gradient(to bottom, #2e3c4d 0%,#1c232e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e3c4d', endColorstr='#1c232e',GradientType=0 ); /* IE6-8 */ } .btn_dkblue:hover, .upload_bom .button.btn_dkblue:hover, #member_login input[type="submit"].btn_dkblue:hover, #tabs ul.tabNav li.ui-state-active a:hover, .formSubmit a:hover { background: -moz-linear-gradient(top, #1c232e 0%, #2e3c4d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c232e), color-stop(100%,#2e3c4d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1c232e 0%,#2e3c4d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1c232e 0%,#2e3c4d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1c232e 0%,#2e3c4d 100%); /* IE10+ */ background: linear-gradient(to bottom, #1c232e 0%,#2e3c4d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c232e', endColorstr='#2e3c4d',GradientType=0 ); /* IE6-8 */ } a.btn_dkblue.big, .mini_container a.btn_dkblue.big { font-size: 175%; padding: 10px 0; text-align: center; width: 100%; } .imageLeft, .ImageAlignLeft { /*border: 2px solid #c4c4c4;*/ float: left; margin: 0 20px 20px 0; } .imageRight, .ImageAlignRight { /*border: 2px solid #c4c4c4;*/ float: right; margin: 0 0 20px 20px; } .box_placeholder { background: #d9d9d9; border: 2px solid #bfbfbf; color: #aaa; font: 16px/1em OpenSansBold; padding: 200px 0; text-align: center; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75); } .box_placeholder { -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.75); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.75); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.75); } hr { background: transparent; border: none; border-bottom: 1px solid #fff; border-top: 1px solid #d6d6d6; clear: both; height: 0; margin: 0; } .paging { color: #707070; font: 1.2em/1em OpenSansRegular; margin: 30px 0 10px 0; text-align: right; } .paging.left { text-align: left; } .paging.inline { float: right; margin-top: -5px; } .paging.inline + .blue_subtext, .paging.inline + .grey_subtext { float: left; } .paging a { margin: 0 8px; } .paging .current { padding: 4px 7px 7px 7px; } .paging .current:hover { cursor: default; } /* ============================================================================= =Custom Type Styles for Client ========================================================================== */ .grey_subtext { color: #404040; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; font-style: italic; } h1 + .grey_subtext { margin-top: -10px; } .blue_subtext { color: #0e4f8c; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; font-style: italic; } h1 + .blue_subtext { margin-top: -10px; } /* ============================================================================= =Forms ========================================================================== */ .CLFormContainer { clear: both; margin-bottom: 40px; } .mini_container .CLFormContainer { margin-bottom: 0; } .formRow, .formFooter{ border-bottom: 1px solid #cdcdcd; border-top: 1px solid #fff; overflow: hidden; padding: 18px; } .formRow:first-child { border-top: none; } .formRow.active { background: #fff; } .formFooter { border-bottom: none; } .formSubmit { margin-left: 215px; } .formSubmit a { /* Added to btn_dkblue styles */ margin-right: 10px; padding: 3px 35px; } .required { color: #c72832; } .labelItems { float: left; font: 0.95em/1.45em OpenSansBold; margin-right: 20px; text-align: right; text-transform: uppercase; width: 195px; } /* Text Field, Text Area and Select Inputs */ .formTextBox, .formTextarea, textarea, select { border: 2px solid #cdcdcd; font: 15px/15px OpenSansRegular; padding: 9px 10px; width: 255px; } select { width: 279px; } .formRow .formTextarea, .formRow textarea { min-height: 150px; min-width: 395px; } /* Radio Buttons and Checkboxes */ .formRadioButton, .formCheckBox { color: #888; font: 1em/1em OpenSansRegular; padding-left: 215px; } .fullWidth .formRadioButton, .fullWidth .formCheckBox { padding-left: 0; } .formRadioButton span, .formCheckBox span { display: block; margin-top: 20px; } .formRadioButton span:first-child, .formCheckBox span:first-child { margin-top: 0; } input[type="radio"], input[type="checkbox"] { margin-right: 5px; } .formRadioButton label, .formCheckBox label { line-height: 20px; } .form2ColBody .formRow {width:424px;float:left;} .form2ColBody .labelItems {text-align:left; width:424px;} .form2ColBody .formSingleRow{width:848px;float:left;} :focus { border-color: #F2CF6D; outline: none; } /* Job Application Form */ .jobApp .formRow.active { background: transparent; } .jobApp .formTextBox { width: 575px; } .jobApp .labelItems { display: block; float: none; margin: 0 0 5px 0; text-align: left; width: auto; } .jobApp .formRow .left .formTextBox, .jobApp .formRow .right .formTextBox { width: 297px; } .jobApp .formRow .formTextBox.third { width: 75px; } .jobApp p.subText { font-size: .85em; margin-bottom: 5px; } /* Generic 2 Column Form */ .formRow .left, .formRow .right { float: left; padding: 0; width: 405px; } .formRow .right { float: right; } .twoCol .labelItems { display: block; float: none; margin: 0 0 5px 0; text-align: left; width: auto; } .twoCol .formTextBox, .twoCol .formTextarea, .twoCol textarea, .twoCol select { width: 297px; } .formRow.twoCol .formTextarea, .formRow.twoCol textarea { min-width: 350px; } .twoCol .formRadioButton, .twoCol .formCheckBox { padding-left: 0; } .twoCol .formRadioButton span, .twoCol .formCheckBox span { margin-top: 10px; } .twoCol .formRadioButton span:first-child, .twoCol .formCheckBox span:first-child { margin-top: 15px; } .twoCol .formRadioButton span.radio, .twoCol .formCheckBox span.checkbox { margin-top: 0; } .formRow.separator { background: #2E3C4D; border-top: none; clear: both; padding: 10px 18px; } .formRow.separator p { color: #ffffff; line-height: 1; margin-bottom: 0; } .formFooter.fullWidth { clear: both; } .formFooter.fullWidth .formSubmit { margin-left: 0px; } /* RFQ Form */ .formTable table { width: 100%; } .formTable .formTextBox, .formTable .formTextarea, .formTable textarea, .formTable select { width: 70%; } /* BOM Form */ .formfile { width: 500px; } .formfile #fileField_img { float: right; } /* CSS3 */ .formTextBox, .formTextarea, textarea, select { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.75); -moz-box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.75); box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.75); } /* Three Column Page Forms */ .threeCol .content .content_right .formRow, .threeCol .content .content_right .formFooter { border: none; padding: 0; } .threeCol .content .content_right .formRow { margin-bottom: 15px; } .threeCol .content .content_right .formRow.active { background: none; } .threeCol .content .content_right .labelItems { font: 1.25em/1.4em OpenSansRegular; margin-bottom: 10px; text-align: left; } .threeCol .content .content_right .formRadioButton span, .threeCol .content .content_right .formCheckBox span { display: block; left: 2px; margin: 0 0 15px 0; padding-left: 20px; position: relative; } .threeCol .content .content_right .formRadioButton span input[type="radio"], .threeCol .content .content_right .formCheckBox span input[type="checkbox"] { left: 0px; position: absolute; top: 1px; } .threeCol .content .content_right .formRadioButton span label, .threeCol .content .content_right .formCheckBox span label { display: block; font: 1em/1.5em OpenSansRegular; } .threeCol .content .content_right textarea { max-width: 186px; min-width: 100px; } .threeCol .content .content_right .formTextBox, .threeCol .content .content_right .formTextarea, .threeCol .content .content_right textarea { min-height: 85px; padding: 4px 5px; width: 195px; } .threeCol .content .content_right select { padding: 5px; width: 210px !important; } .threeCol .content .content_right #questionSnippet {} .threeCol .content .content_right #questionSnippet p { font: 1.25em/1.5em OpenSansRegular; } .threeCol .content .content_right .formRadioButton, .threeCol .content .content_right .formCheckBox { clear: both; color: #333; padding: 0; } .threeCol .content .content_right .formSubmit { margin: 0; } .threeCol .content .content_right .formSubmit a { display: block; float: right; margin: 0 0 10px 0; padding: 5px 20px; text-align: center; width: 80%; } .threeCol .content .content_right .formDate input.hasDatepicker { float: left; } .ui-datepicker { background: #fff; border: 2px solid #aaa; padding: 10px; width: 225px; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35); } .ui-datepicker select { margin: 2.5%; padding: 2px; width: 45%; } .ui-datepicker-prev { float: left; } .ui-datepicker-prev:before { content: '«'; padding-right: 4px; } .ui-datepicker-next { float: right; } .ui-datepicker-next:before { content: '»'; padding-left: 4px; } .ui-datepicker-title { clear: both; } .ui-datepicker table { width: 100%; } .ui-datepicker td { border: 1px solid #ececec; text-align: center; } /* Custom Checkboxes */ .checkbox, .formCheckBox span.checkbox { background: url(../../resources/images/checkboxes.png) 0 0 no-repeat; display: inline-block; float: left; height: 19px; margin-right: 10px; width: 19px; } .formRadioButton span.radio { background: url(../../resources/images/radiobuttons.png) 0 0 no-repeat; display: inline-block; float: left; height: 19px; margin-right: 10px; width: 19px; } /* ============================================================================= =Header ========================================================================== */ #header_wrapper { } #headerlinks { float: right; min-width: 550px; } .headerlinksnav{ float: right; } #headerlinks li { font: 16px OpenSansRegular; padding: 0 .5em 0 0; display: inline-block; vertical-align: middle; text-align: right; float: left; cursor:pointer; } #headerlinks li::after { content: ''; height: 100%; text-align: justify; } #headerlinks li:first-child { content: ''; cursor: inherit; height: 100%; } #headerlinks li:last-child { content: ''; cursor:pointer; height: 100%; } #headerlinks li:last-child::after { content: ''; height: 100%; } #header_wrapper.interior { background: #f0f0f0; padding-bottom: 20px; } #header { background: #fff; min-height: 110px; position: relative; } .logo { background: transparent url(http://www.americaii.com/resources/images/logos/A2Elogo.png) 0 0 no-repeat; display: block; float: left; height: 80px; margin: 15px 0 0 20px; text-indent: -9999px; width: 320px; } .phone_number, #member_login, #region_switcher { float: right; } .phone_number { color: #0e4f8c; font: 15px/1em OpenSansRegular; margin: 12px 350px 0 0; } .phone_number a { color: #0e4f8c; } .phone_number a:hover { color: #0e4f8c; } .country { color: #0e4f8c; font: 15px/1em OpenSansRegular; margin: 15px 50px 0 0; float: right; } .country a { color: #0e4f8c; float: right; } .country a:hover { color: #0e4f8c; float: right; } #region_switcher { position: absolute; top: -117px; z-index: 888; } #member_login, { position: absolute; top: 50px; z-index: 999999; } #member_login .inner_container, #region_switcher .inner_container { background: #fef2d4; border: 4px solid #f3d37d; padding: 25px 15px 15px 15px; width: 400px; } #member_login input[type="text"], #member_login input[type="password"], #region_switcher select { border: 1px solid #f3d37d; margin-bottom: 10px; padding: 4px 10px; width: 160px; } #member_login input[type="text"]:first-child, #region_switcher select:first-child { margin-right: 20px; } .hide {display:none; } .register, .forgot_pass { color: ; font: 1em/1em OpenSansRegular; } .forgot_pass { margin-left: 65px; } #member_login input[type="submit"] { background: #2e3c4d; border: none; clear: both; color: #fff; font: 1.16em/30px OpenSansRegular; height: 30px; margin-right: 5px; padding: 0 20px; } .member_trigger, { /*background: #fef2d4; border: 1px solid #f3d37d; border-top: none;*/ color: #0e4f8c; float: right; font: 15px/1em OpenSansRegular; margin-top: -1px; padding: 20px 11px 10px 11px; position: absolute; right: 0; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.65); } .member_trigger .icon { background: transparent url(../../resources/images/pictos_icons.png) 0 -200px no-repeat; display: block; float: right; height: 15px; margin-left: 10px; width: 10px; } .lock_icon { background: transparent url(../../resources/images/pictos_icons.png) 0 -200px no-repeat; display: block; float: right; height: 15px; margin-left: 5px; margin-top: 3px; width: 10px; } .member_trigger:hover, .region_trigger:hover { cursor: pointer; } #region_switcher { margin-right: 0; right: 20px; top: -88px; } #region_switcher .inner_container { height: 43px; } .region_trigger { padding: 12px 20px 0px 0px; } .region_trigger .text { display: none; } .region_trigger .icon { background: transparent url(http://www.americaii.com/images/flags/Transparent.png) 0 -100px no-repeat; display: block; height: 24px; text-indent: -9999px; width: 24px; } #region_switcher.active, #member_login.active { background: #fef2d4; border: 1px solid #f3d37d; border-top: none; top: 0; } #change_region { background-color:#fff; border-radius:15px; color:#000; display:none; padding:20px; min-width:400px; min-height: 180px; } #member_login_popup { background-color:#fef2d4; /* border-radius:15px; */ color:#000; display:none; /* width:440px; */ height: 100px; position: fixed; margin: 30px 10px 10px 540px; z-index: 999999 } .b-close{ cursor:pointer; position:absolute; right:10px; top:5px; } #close{ cursor:pointer; position:absolute; right: 3px; top: 3px; font-weight: bold; color: #00539F; } /* CSS3 */ #region_switcher.active .inner_container, #member_login.active .inner_container { -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.15); } /* ******* Change Header Styles per AWURR 1/14/16 ********* .member_trigger, .region_trigger { -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background: -moz-linear-gradient(top, #fef2d4 0%, #f2cf6d 100%); /* FF3.6+ */ /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fef2d4), color-stop(100%,#f2cf6d)); /* Chrome,Safari4+ */ /* background: -webkit-linear-gradient(top, #fef2d4 0%,#f2cf6d 100%); /* Chrome10+,Safari5.1+ */ /* background: -o-linear-gradient(top, #fef2d4 0%,#f2cf6d 100%); /* Opera 11.10+ */ /* background: -ms-linear-gradient(top, #fef2d4 0%,#f2cf6d 100%); /* IE10+ */ /* background: linear-gradient(to bottom, #fef2d4 0%,#f2cf6d 100%); /* W3C */ /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef2d4', endColorstr='#f2cf6d',GradientType=0 ); /* IE6-8 */ /* -webkit-box-shadow: inset 0px -1px 1px #fff; /* -moz-box-shadow: inset 0px -1px 1px #fff; /* box-shadow: inset 0px -1px 1px #fff; } */ /* .member_trigger:hover, .region_trigger:hover { /* background: -moz-linear-gradient(top, #fef2d4 0%, #e5c15c 100%); /* FF3.6+ */ /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fef2d4), color-stop(100%,#e5c15c)); /* Chrome,Safari4+ */ /* background: -webkit-linear-gradient(top, #fef2d4 0%,#e5c15c 100%); /* Chrome10+,Safari5.1+ */ /* background: -o-linear-gradient(top, #fef2d4 0%,#e5c15c 100%); /* Opera 11.10+ */ /* background: -ms-linear-gradient(top, #fef2d4 0%,#e5c15c 100%); /* IE10+ */ /* background: linear-gradient(to bottom, #fef2d4 0%,#e5c15c 100%); /* W3C */ /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef2d4', endColorstr='#e5c15c',GradientType=0 ); /* IE6-8 */ /* } */ #member_login, #member_login input { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* Fallbacks */ .fallback .phone_number { float: none; margin: 0 0 12px 0; padding: 15px 15px 0 0; text-align: right; } .fallback #region_switcher, .fallback #member_login { height: auto; padding: 5px 10px; position: static; width: auto; } .fallback #member_login { border-top: 1px solid #cecece; padding: 10px; } .fallback #region_switcher .inner_container, .fallback #member_login .inner_container { background: none; border: none; height: auto; padding: 0; width: auto; } .fallback #region_switcher .region_trigger, .fallback #member_login .member_trigger { display: none; } .fallback #member_login input[type="text"], .fallback #member_login input[type="password"] { border-color: #aaa; margin: 0 0 5px 0; padding: 4px 10px; width: 135px; } .fallback #region_switcher select { border-color: #aaa; margin-bottom: 5px; padding: 4px 10px; width: 160px; } .fallback .forgot_pass { margin-left: 5px; } .fallback .forgot_pass:before { content: '|'; padding-right: 10px; } /* Change region Flag */ .us_flag { background: transparent url(http://www.americaii.com/images/flags/United_States.png) 0 0px no-repeat; background-size: 100%; display: block; height: 24px; text-indent: -9999px; width: 24px; float: right; margin-left: 5px; } .uk_flag { background: transparent url(http://www.americaii.com/images/flags/United_Kingdom.png) 0 0px no-repeat; background-size: 100%; display: block; height: 24px; text-indent: -9999px; width: 24px; float: right; margin-left: 5px; } .mx_flag { background: transparent url(http://www.americaii.com/images/flags/Mexico.png) 0 0px no-repeat; background-size: 100%; display: block; height: 24px; text-indent: -9999px; width: 24px; float: right; margin-left: 5px; } .gmbh_flag { background: transparent url(http://www.americaii.com/images/flags/Germany.png) 0 0px no-repeat; background-size: 100%; display: block; height: 24px; text-indent: -9999px; width: 24px; float: right; margin-left: 5px; } .sg_flag { background: transparent url(http://www.americaii.com/images/flags/Singapore.png) 0 0px no-repeat; background-size: 100%; display: block; height: 24px; text-indent: -9999px; width: 24px; float: right; margin-left: 5px; } .cn_flag { background: transparent url(http://www.americaii.com/images/flags/China.png) 0 0px no-repeat; background-size: 100%; display: block; height: 24px; text-indent: -9999px; width: 24px; float: right; margin-left: 5px; } .jp_flag { background: transparent url(http://www.americaii.com/images/flags/Japan.png) 0 0px no-repeat; background-size: 100%; display: block; height: 24px; text-indent: -9999px; width: 24px; float: right; margin-left: 5px; } /* ============================================================================= =Navigation ========================================================================== */ /* If you make the main links vertical, it's best to supply a static width */ .mainNav {/* width:120px; */ background: #0e4f8c; border-bottom: 0px solid #cdcdcd; border-top: 0px solid #cdcdcd; font: 20px/20px OpenSansCondBold; margin: 0 auto; padding: 0px; width: 980px; } /* Comment out float:left; to make the main links vertical */ ul.mainNav {text-align: center; width:auto; /* */ } ul.mainNav li {display: inline-block; margin: 0 8.5px 0 8.5px; /* */ } /* Level 2 Positioning */ .mainNav li ul { background: #fff; border-bottom: 2px solid #0457a1; border-left: 2px solid #0457a1; border-right: 2px solid #0457a1; border-top: 2px solid #0457a1; font: 13px/14px OpenSansRegular; left: 0px; list-style: none; margin: 0; padding: 0; top: 39px; /* top:0px; left:70px; */} /*.mainNav li.hasChildren ul:before { background: #fc0; content: ''; display: block; height: 2px; left: 0; position: absolute; right: 0; top: 0; }*/ .mainNav li.right ul, .mainNav > li.last ul { left: auto; right: 0; } .mainNav li ul { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* Level 3 Positioning */ .mainNav li ul li ul {left: 210px; top: -2px;} .mainNav li.right ul li ul { left: auto; right: 210px; } /* Level 1 Link Style */ .mainNav li a { text-align: center; padding: 10px; color: #fff; display: block; background: #0E4F8C; text-decoration: none;} .mainNav li a:hover { background: #efefef; color: #0e4f8c; } .mainNav > li.hasChildren:hover { background: #efefef;} .mainNav > li.hasChildren:hover > a { color: #0e4f8c; background: #efefef; } .mainNav > li.hasChildren:hover:before { background: #0e4f8c;; bottom: -1px; content: ''; display: block; height: 2px; left: 2px; position: absolute; right: 2px; top: auto; z-index: 999; } /* Level 2 Link Style */ .mainNav li ul li a { background: #fff; border-top: 1px solid #e1e1e1; width: 200px; text-align: left; padding: 10px 16px 10px 16px; color: #0e4f8c; display: block; text-decoration: none;} .mainNav li ul li:first-child a { border-top: none; } .mainNav li ul li a:hover { background: #e1e1e1; } /* Level 3 Link Style */ .mainNav li ul li ul li a {width: 180px; text-align: left; padding: 7px 10px 7px 10px; color: #0e4f8c; display: block; background: #fff; text-decoration: none;} .mainNav li ul li ul li a:hover {text-decoration: none;} /* Function - Do not change */ .mainNav {list-style: none;} .mainNav li {position: relative;} .mainNav li ul {position: absolute; display: none;z-index: 888;} .mainNav li:hover ul, .mainNav li.over ul {display: block;} .mainNav li ul li { } .mainNav li ul li ul { } .mainNav li:hover ul li ul, .mainNav li.over ul li ul {display: none;} .mainNav li:hover ul li ul a, .mainNav li.over ul li ul a {display: none;} .mainNav li:hover ul li:hover ul, .mainNav li.over ul li.over ul {display: block;} .mainNav li:hover ul li:hover ul a, .mainNav li.over ul li.over ul a {display: block;} .mainNav li ul li ul li { } /* Fix IE. Hide from IE Mac \*/ * html .mainNav li ul li {float: none;} * html .mainNav li a {height: 1%;} /* End */ /* CSS3 */ .mainNav { -webkit-box-shadow: 0px 5px 15px -1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 5px 15px -1px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 15px -1px rgba(0, 0, 0, 0.15); } /* ============================================================================= =Search ========================================================================== */ #search_wrapper { background: #fef2d4; border-top: 2px solid #efc34e; border-bottom: 2px solid #efc34e; /*position: relative;*/ z-index: 777; } #search { } .site_search { visibility:hidden; } .upload_bom { float: right; } .part_search { float: left; } .fallback .tooltip { display: none; } /* Hide Site search per AWURR 12/29/15 */ .site_search { position: relative; float: left; } .fallback .site_search .tooltip { display: none; } .site_search .tooltip { background: #FEF2D4; border: 2px solid #EFC34E; border-radius: 3px; left: 0; padding: 10px; position: absolute; top: 100%; width: 550px; z-index: 999; } .site_search .tooltip p { margin: 0; } .site_search .tooltip p strong { font-weight: normal; } .site_search .tooltip .tooltip_arrow, .site_search .tooltip .tooltip_arrow_back { border: 8px solid transparent; border-bottom-color: #FEF2D4; display: block; height: 0; left: 10px; position: absolute; top: -16px; width: 0; } .site_search .tooltip .tooltip_arrow_back { border-bottom-color: #EFC34E; border-width: 12px; left: 6px; top: -24px; } .site_search { border-right: 1px solid #efc34e; padding: 13px 20px 13px 10px; width: 325px; } .upload_bom { border-left: 1px solid #ffe5a4; padding: 12px 15px 12px 15px; border-right: 1px solid #efc34e; height: 40px; position: relative; text-align: center; top: 2px; width: 200px; } .part_search { border-left: 1px solid #ffe5a4; padding: 12px 10px 12px 30px; width: 700px; } #search input[type="text"] { border: 2px solid #dfb541; font: 15px/15px OpenSansRegular; padding: 9px 10px; width: 480px; } #search input[type="submit"], #search input[type="submit"].btn_dkblue { background: transparent url(../../resources/images/pictos_icons.png) 0 -400px no-repeat; border: none; filter: none; float: right; height: 36px; position: relative; text-indent: -9999px; top: 2px; width: 36px; } #search input[type="submit"]:hover, #search input[type="submit"].btn_dkblue:hover { background: transparent url(../../resources/images/pictos_icons.png) 0 -436px no-repeat; } #search input { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.75); -moz-box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.75); box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.75); } #search input[type="file"] { height: 40px; margin-left: -1px; opacity: 0; position: absolute; width: 91px; z-index: 999; } #search input[type="file"] { display: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .upload_bom .button { background: #2e3c4d; color: #fff; display: block; font: 14px/1.75em OpenSansRegular; padding: 8px 4px 8px 36px; position: absolute; width: 150px; z-index: 555; } .upload_bom .button:before { background: url(../../resources/images/pictos_icons.png) 0 -300px no-repeat; content: ''; display: block; height: 27px; left: 6px; position: absolute; top: 6px; width: 28px; } .upload_bom .button:hover, #search input[type="file"]:hover { cursor: pointer; } .upload_bom .button strong { display: block; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; } .upload_bom .button { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.75); -moz-box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.75); box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.75); } .part_search { position: relative; } .part_search > p { color: #2e3c4d; float: left; font: 20px/1em OpenSansBold; margin: 0 20px 0 0; text-align: right; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.45); width: 120px; } .part_search > p span { color: #8a6706; font: 15px/1em OpenSansRegular; } .part_search > p span a { color: #8a6706; display: block; } .part_search > p span a:hover { color: #000; } .past_search_popup { display: none; float: left; padding-top: 21px; position: absolute; left: 0px; top: 45px; z-index: 555; } .past_search_popup.active { display: block; } .past_search_popup .inner_container { background: #FEF2D4; border: 2px solid #EFC34E; max-width: 437px; padding: 15px 15px 20px 15px; } .past_search_popup .inner_container p { margin-bottom: 10px; } .past_search_popup .inner_container ul { list-style: none; padding: 0; } .past_search_popup .inner_container a { color: #8a6706; } .past_search_popup .inner_container a:hover { color: #2E3C4D; } .past_search_popup .close_popup { bottom: 10px; font-size: 0.9em; position: absolute; right: 10px; } /* CSS3 */ #search_wrapper { background: -moz-linear-gradient(top, #ffe08c 0%, #f2cf6d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe08c), color-stop(100%,#f2cf6d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffe08c 0%,#f2cf6d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffe08c 0%,#f2cf6d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffe08c 0%,#f2cf6d 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffe08c 0%,#f2cf6d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe08c', endColorstr='#f2cf6d',GradientType=0 ); /* IE6-8 */ } .upload_bom .button { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .past_search_popup .inner_container { -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } /* ============================================================================= =Banner ========================================================================== */ #banner { /* background: transparent url(../../resources/images/bottom_curve.png) 0 0 no-repeat; */ height: 230px; position: relative; display: none; } .curve { /* background: transparent url(../../resources/images/bottom_curve.png) 0 0 no-repeat; */ display: block; height: 210px; left: 0; position: absolute; top: 0; width: 210px; } #banner .slide { position: relative; visibility: visible; } #banner .slide img { float: left; } #banner .slide a { } #banner .slide .line_one, #banner .slide .line_two { color: #333; font: 30px/1em "OpenSansRegular"; margin-bottom: 0; position: absolute; text-align: right; } #banner .slide .line_one { bottom: 70px; left: 30px; } #banner .slide .line_two { bottom: 20px; font-size: 45px; left: 30px; } /* BX Slider Customizations */ div.hidden { visibility:hidden; } .bx-window { height: 230px !important; } .slider_controls { background: #f8f8f8; border: 2px solid #fff; padding: 5px 9px; position: absolute; right: 20px; top: 0px; z-index: 555; } .bx-pager { float: right; } .pager-link { background: transparent url(../../resources/images/pager_btns.png) 0 -20px no-repeat; display: block; float: left; height: 20px; margin-left: 6px; text-indent: -9999px; width: 19px; } .pager-link.current { background-position: 0 0; } .bx-auto { float: left; } .bx-start { background: transparent url(../../resources/images/pause_btns.png) 0 -20px no-repeat; display: block; float: left; height: 20px; text-indent: -9999px; width: 20px; } .bx-start.start { background-position: 0 0; } /* CSS3 */ .slider_controls { background: -moz-linear-gradient(top, #f8f8f8 0%, #e6e6e6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f8f8f8 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f8f8f8 0%,#e6e6e6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f8f8f8 0%,#e6e6e6 100%); /* IE10+ */ background: linear-gradient(to bottom, #f8f8f8 0%,#e6e6e6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-8 */ -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } /* ============================================================================= =Home Page ========================================================================== */ #content_wrapper.home { background: #f0f0f0; padding: 20px 20px 0px 20px; width: 940px; } .home #content { background: #ccc; padding: 25px 0; position: relative; } .home .content_left { color: #3b3b3b; float: left; width: 560px; } .home .content_left h2 { background: url(../../resources/images/grey_blue_separator.png) 0 bottom repeat-x; font-size: 1.6em; font-style: normal; color: #3b3b3b; margin-bottom: 20px; padding: 0 25px 25px 25px; } .home .content_left h2 em { color: #00539f; font-family: Georgia, "Times New Roman", Times, serif; } .home .content_left p { margin-bottom: 45px; padding: 0 28px 0 60px; } .home .content_left a { color: #00539f; font-family: OpenSansSemiBold; } .home .content_left a:after { content: '>'; padding-left: 4px; } .home .content_left a:hover { color: #1b232e; } .home .content_left .content_callout { background: #1b232e; bottom: 0; margin: 0 0 0 60px; padding: 0; position: absolute; max-width: 500px; } .home .content_left .content_callout a { color: #fff; display: block; font: 14px/1.5em OpenSansItalic; padding: 12px; } .home .content_left .content_callout a:hover { background: #f2cf6d; color: #1b232e; } .home .content_left .content_callout a:after { content: ''; } .home .content_left .content_callout a:before { content: 'i'; display: block; float: left; font-family: Pictos; padding: 0 8px 5px 0; } .home .content_right { background: #fff; float: right; margin-right: -30px; position: relative; width: 370px; } .home .content_right .inner_container { border: 1px solid #ccc; overflow: hidden; } .home .content_right h3 { margin: 0; } .home .content_right h3 a { background: #0e4f8c; border: 1px solid #1064ae; color: #fff; display: block; font: 20px/48px OpenSansRegular; padding: 0 20px; text-shadow: 1px 1px 0px #2e3c4d; } .home .content_right h3 a:hover { background: #064580; } .home .content_right ul { list-style: none; margin: 0; padding: 0; } .home .content_right ul li { } .home .content_right ul li a { background: #fff; color: #2e3c4d; display: block; margin-top: 1px; padding: 10px 20px 12px 100px; position: relative; } .home .content_right ul li a:hover { background: #f0f0f0; color: #000; } .home .content_right ul li a span { color: #0e4f8c; font-family: OpenSansBold; position: absolute; right: 280px; top: auto; } .home .content_right ul li:first-child a { margin-top: 0; } .home .content_right a.view_all { color: #0e4f8c; display: block; text-align: right; font-family: OpenSansBold; padding: 0px 30px 10px 0px; } .home .content_right a.view_all:hover { color: #000; } .home .content_right:after { border-style: solid; border-color: #636363 transparent transparent transparent; border-width: 10px 10px 0 0; bottom: -9px; content: ''; display: block; position: absolute; right: 0; } #tweet a { background: transparent url(../../resources/images/twitter_logo.png) 65px 0 no-repeat; color: #2e3c4d; display: block; font: 18px/25px OpenSansRegular; margin: 30px 0 10px 0; min-height: 50px; padding: 0 50px 0 160px; } #tweet a:hover { background-position: 65px -50px; color: #0E4F8C; } /* CSS3 */ .home #content { /* -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 1); -moz-box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 1); box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 1); */ } .home .content_left .content_callout a { /* Below was adding an undesired slight border around yellow hover -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-topleft: 3px; border-top-right-radius: 3px; border-top-left-radius: 3px; */ } .home .content_right { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75); } .home .content_right h3 a { -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-topleft: 3px; border-top-right-radius: 3px; border-top-left-radius: 3px; } .home .content_right .inner_container { -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .home .content_right ul { background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(left, #ffffff 0%, #d4d4d4 50%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(50%,#d4d4d4), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #ffffff 0%,#d4d4d4 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #ffffff 0%,#d4d4d4 50%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #ffffff 0%,#d4d4d4 50%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to right, #ffffff 0%,#d4d4d4 50%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */ } /* Transitions */ .home .content_left .content_callout a:hover, .home .content_right h3 a:hover, .home .content_right ul li a:hover { -webkit-transition: background 0.25s ease-in, color 0.25s ease-in; -moz-transition: background 0.25s ease-in, color 0.25s ease-in; -o-transition: background 0.25s ease-in, color 0.25s ease-in; transition: background 0.25s ease-in, color 0.25s ease-in; } #scroll_logo { width:70px; height:70px; position:fixed; background: transparent url(http://www.americaii.com/images/scroll_logo.png) no-repeat; margin-top: 10px; margin-left: -80px; z-index: 9999; } /* ============================================================================= =Interior Pages ========================================================================== */ /* ADDED style for Table Headers -------- KSTRONG 3/23/15 -----*/ th { padding: 1em !important; background: #00539F !important; color: #FFF !important; font: 1.25em/1em OpenSansCondBold !important; text-align: center; text-shadow: none !important; } #content_wrapper.interior { background: #f2f2f2; padding: 35px 30px 20px; width: 920px; } /* Two Column Styles with Blue Sidebar */ .twoCol .content { float: right; width: 680px; } #left_sidebar { background: #2e3c4d; border: 1px solid #69798c; color: #fff; float: left; font-size: 0.9285em; margin: -12px 0 20px -40px; padding: 15px 20px; position: relative; width: 208px; line-height: 16pt; } #left_sidebar h2 { background: url(../../resources/images/grey_blue_separator.png) 0 bottom repeat-x; color: #fff; margin: 0 0 20px -20px; padding: 0 0 12px 20px; } #left_sidebar img { border: 2px solid #232c39; margin-bottom: 10px; max-width: 100%; } #left_sidebar a { color: #ffe08c; } #left_sidebar a:hover { color: #fff; } #left_sidebar:before { border-style: solid; border-color: #030e1a transparent transparent transparent; border-width: 10px 0 0 10px; bottom: -8px; content: ''; display: block; position: absolute; left: -1px; } /* Two Column Styles with Inner Grey Sidebar */ #content_wrapper.interior.innerCol { background: #f2f2f2 url(../../resources/images/faux-col-bg.jpg) right top repeat-y; } .innerCol .content_left { float: left; width: 670px; } .innerCol .content_right, .threeCol .content_right { float: right; margin: 0 -30px 20px 0; width: 250px; } .innerCol .content_right h3, .threeCol .content .content_right h3 { font: 1.4em/1.4em OpenSansRegular; margin-bottom: 10px; } /* Three Column Styles */ #content_wrapper.interior.threeCol { background: #f2f2f2 url(../../resources/images/faux-col-bg.jpg) right top repeat-y; } .threeCol .content { float: right; width: 680px; } .threeCol .content .content_left { float: left; width: 440px; } .threeCol .content .content_right { } .threeCol .content .content_right h3 { } /* Mini Container */ .mini_container { border-top: 1px solid #d1d1d1; font: 0.9em/1.45em OpenSansRegular; overflow: hidden; padding: 20px; } .mini_container:first-child { border-top: none; padding-top: 0; } .mini_container p { margin-bottom: 35px; } .mini_container a { font-family: OpenSansSemiBold; } .mini_container a.btn_dkblue { font: 1.25em/1.45em OpenSansRegular; } .mini_container em { color: #8c8c8c; font-family: Georgia, "Times New Roman", Times, serif; } .mini_container { -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.75); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.75); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.75); } .mini_container:first-child { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* CSS 3 */ #left_sidebar { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #left_sidebar img { -webkit-box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.35); -moz-box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.35); box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.35); } /* Contact Page ------------------------------------------------------------------------- */ .location_block { float: left; font-size: 0.9em; line-height: 1.75em; margin: 15px 0 25px; padding-right: 35px; width: 300px; } .established { color: #404040; font-family: OpenSansBold; margin-bottom: 0; } .geography { color: #697c8c; font-family: OpenSansRegular; margin-bottom: 0; } .intro { margin-bottom: 0; } .location_block a { color: #0054a0; font-family: OpenSansBold; } .location_block a:hover { color: #000; } .location_block a:after { content: '»'; padding-left: 4px; } .google_map { border: 2px solid #989898; margin: -20px 0 10px 0; } /* Press Release Pages ------------------------------------------------------------------------- */ .pr_listing { padding: 30px 0 0 110px; position: relative; } h1 + .pr_listing { padding-top: 0; } h1 + .pr_listing p.post_date { top: 0; } .pr_listing.details { min-height: 200px; } .pr_listing p { font-size: 0.95em; } .pr_listing p.post_date { left: -15px; position: absolute; text-align: right; top: 30px; width: 110px; } .post_date span { display: block; font-family: OpenSansCondLight; } .pr_listing a { font-family: OpenSansBold; } .pr_listing hr { margin-top: 30px; } /* Add This Buttons */ .addthis_toolbox { left: 60px; position: absolute; top: 70px; width: 32px; } .addthis_toolbox a { margin-bottom: 5px; height: 36px; } /* Careers Pages ------------------------------------------------------------------------- */ .content table { font-family: OpenSansRegular; } .content table tr.heading { } .content table th { background: #e8e8e8; color: #737373; font: 1.25em/1em OpenSansCondBold; padding: 0 0 0 0; text-align: left; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.45); } .content table tr { border-bottom: 1px solid #4f4f4f; } .content table tr.alt { background: #e8e8e8; } .content table td { padding: 15px 15px 15px 15px; } .content table .btn_dkblue { padding: 3px 20px } /* Careers Table */ .content table.careers { margin-bottom: 40px; } .content table th.posted_title { width: 170px; } .content table th.position_title { width: 270px; } .content table th.location_title { width: 240px; } .content table td {} .content table td.posted { width: 175px; } .content table td.position { width: 300px; } .content table td.location { color: #737373; font-family: OpenSansRegular; width: 240px; } .content table td.details { width: 105px; } /* Career Details */ .mini_container p.job_perks { color: #0e4f8c; font: 1.3em/1.5em OpenSansBold; margin: 15px 0; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.45); } .btn_dkblue.apply { margin-bottom: 15px; } .btn_dkblue.apply .icon { background: transparent url(../../resources/images/pictos_icons.png) 0 0 no-repeat; display: inline-block; height: 20px; margin-right: 10px; position: relative; top: 3px; width: 23px; } .btn_dkblue.apply:hover .icon { background: transparent url(../../resources/images/pictos_icons.png) 0 -20px no-repeat; } /* Leadership Page ------------------------------------------------------------------------- */ #content_wrapper.interior.leadership { position: relative; } .leadership_container { margin-bottom: 40px; overflow: hidden; } .leadership_block { border-bottom: 1px solid #fff; float: left; width: 450px; } .leadership_block.alt { margin-left: 20px; } .leadership_block a.trigger { border-bottom: 1px solid #ccc; display: block; padding: 15px 4px; position: relative; z-index: 555; } .leadership_block a.trigger:hover { background: #fbfbfb; } .leadership_block a.trigger:hover:after { color: #FFE08C; content: '»'; font: 50px/1em Georgia, "Times New Roman", Times, serif; position: absolute; right: 20px; top: 10px; } .leadership_block a.trigger h3 { margin-bottom: 0; } .leadership_block a.trigger:hover h3 {} .leadership_block a.trigger h4 { color: #727272; margin-bottom: 0; } .leadership_popup { border-bottom: 1px solid #bbb; border-left: 1px solid #bbb; border-right: 1px solid #bbb; display: none; left: 80px; position: absolute; top: 0; width: 820px; z-index: 666; } .leadership_popup .inner_container { height: 385px; overflow: hidden; overflow-y: scroll; padding: 30px 265px 30px 30px; } .leadership_popup.fixed { position: fixed; left: 50%; margin-left: -410px; } .leadership_popup h3 { color: #0e4f8c; font-size: 1.4285em; margin-bottom: 0; } .leadership_popup h4 { color: #727272; } .leadership_popup .imageRight, .leadership_popup .ImageAlignRight { position: absolute; right: 44px; top: 30px; width: 100px; } a.close_popup { /* bottom: 10px; */ color: #0e4f8c; font: 1.1428em/1em OpenSansRegular; position: absolute; /* right: 30px; */ } a.close_popup:after { content: 'D'; font-family: Pictos; font-size: 1.25em; font-style: normal; padding-left: 4px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.45); } /* CSS3 */ .leadership_popup { background: #fefefe; /* Old browsers */ background: -moz-linear-gradient(top, #fefefe 0%, #e8e8e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* IE10+ */ background: linear-gradient(to bottom, #fefefe 0%,#e8e8e8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-8 */ -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -webkit-box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.15); } .leadership_popup .inner_container { -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } /* Downloads Page ------------------------------------------------------------------------- */ table.downloads { margin-bottom: 40px; } table.downloads tr { border-bottom: none; } table.downloads tr.alt { background: none; } table.downloads td { background: none; border-left: none; border-right: none; } table.downloads tr.alt td { background: #e8e8e8; } table.downloads tr:first-child td { border-top: 1px solid #4F4F4F; } .downloads td { border-bottom: 1px solid #4F4F4F; } .downloads td.title { width: 275px; } .downloads td.spacer, .downloads tr.alt td.spacer, table.downloads tr:first-child td.spacer { background: none; border: none; padding: 0; width: 20px; } /* Parts Results Page ------------------------------------------------------------------------- */ #content_wrapper.interior.partresults { position: relative; } .parts_results { margin-bottom: 20px; } .parts_results td.checkbox_td { padding: 15px 0 15px 10px; } .parts_results td.part_num { width: 255px; } .parts_results td.part_num a.trigger { color: #2E3C4D; } .parts_results td.part_num a.trigger .icon { background: transparent url(../../resources/images/pictos_icons.png) 0 -500px no-repeat; color: #c72832; display: inline-block; font-family: Pictos; height: 11px; margin-left: -19px; padding-right: 6px; width: 12px; } .parts_results td.qty { width: 275px; } .parts_results td.mfr { width: 270px; } /* Added TR Hover effect to parts result rows KSTRONG 3/23/15 -------------- */ .parts_results tr:hover {background: #A3BCD8; } .parts_results tr.alt:hover {background: #A3BCD8; } /* -------------------- */ .btn_dkblue.rfq { float: right; text-align: center; width: 180px; } /*p.instructions { font-size: 0.95em; margin-top: -20px; }*/ p.instructions { margin-top: -23px; } .partresults p.instructions { color: #c72832; font-size: 1.2em; padding-right: 250px; } .part_info { border-bottom: 1px solid #bbb; border-left: 1px solid #bbb; border-right: 1px solid #bbb; display: none; font-family: OpenSansRegular; left: 80px; position: absolute; top: 107px; width: 700px; z-index: 666; } .part_info .inner_container { /* background: transparent url(../../resources/images/leadership_popup_curve.png) bottom right no-repeat; */ overflow: hidden; padding: 30px; } .part_info.fixed { position: fixed; left: 50%; top: 100px; margin-left: -410px; } .part_info h3 { color: #0e4f8c; font-size: 1.4285em; } .part_info h4 { color: #727272; } .part_info ul { list-style: none; /*position: relative;*/ } .part_info .imageLeft { width: 250px; } .part_info .imageLeft img { border-bottom: 0px solid #C4C4C4; display: block; max-width: 250px; } .part_info .imageLeft p { font-size: 0.75em; line-height: 1.75em; margin: 0; padding: 5px; } /* CSS3 */ .part_info { background: #fefefe; /* Old browsers */ background: -moz-linear-gradient(top, #fefefe 0%, #e8e8e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* IE10+ */ background: linear-gradient(to bottom, #fefefe 0%,#e8e8e8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-8 */ -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -webkit-box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.15); } .part_info .inner_container { -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } /* Search Results Page ------------------------------------------------------------------------- */ .search_result a.result_block { display: block; overflow: hidden; margin: 0 -30px; padding: 10px 35px 0 35px; } .search_result a.result_block:hover { background: #fbfbfb; } .search_result a.result_block h3 { margin: 10px 0 0 0; } .search_result a.result_block p { color: #2E3C4D; } /* Tabs Module ------------------------------------------------------------------------- */ #tabs { background: #ebebeb; border: 1px solid #cdcdcd; clear: both; margin: 20px auto 40px auto; width: 920px; } #tabs ul.tabNav { /* KSTRONG - 5/9/16 - Change deafault BG to A2 Reflex Blue */ background: #00539F; float: left; font-size: 0.95em; list-style: none; margin: 0; padding: 0; width: 190px; } #tabs ul.tabNav li {} #tabs ul.tabNav li a { border-bottom: 1px solid #cdcdcd; /* KSTRONG - 5/9/16 - Change Color from Grey to White */ color: #FFFFFF; display: block; padding: 15px; /* KSTRONG - 5/9/16 - Remove Shadow from text*/ /*text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);*/ } #tabs ul.tabNav li a:hover { background: #fff; color: #2E3C4D; } #tabs ul.tabNav li.ui-state-active a { /* added to btn_dkblue class */ color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75); } .tab_content.ui-tabs-hide { display: none; } .tab_content { background: #f2f2f2; border-left: 1px solid #cdcdcd; float: right; padding: 30px; width: 669px; } /* CSS3 */ #tabs { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); } /* iFrame ------------------------------------------------------------------------- */ iframe, frameset { border: none; } .iframe { margin-bottom: 40px; overflow: hidden; width: 100%; } /* Interior Page Transitions ------------------------------------------------------------------------- */ .leadership_block a:hover, .search_result a.result_block:hover, #tabs ul.tabNav li a:hover, .formRow { -webkit-transition: background 0.15s ease-in, color 0.15s ease-in; -moz-transition: background 0.15s ease-in, color 0.15s ease-in; -o-transition: background 0.15s ease-in, color 0.15s ease-in; transition: background 0.15s ease-in, color 0.15s ease-in; } /* ============================================================================= =Footer ========================================================================== */ #footer_wrapper { background: #f0f0f0; padding: 0px 0px 10px 0px; } #footer { background: #0e4f8c; margin: 0 -10px 20px; padding: 30px; position: relative; } .footer_bottom { overflow: hidden; } #footer:before { border-style: solid; border-color: #030e1a transparent transparent transparent; border-width: 10px 0 0 10px; bottom: -8px; content: ''; display: block; position: absolute; left: 0; } #footer:after { border-style: solid; border-color: #030e1a transparent transparent transparent; border-width: 10px 10px 0 0; bottom: -8px; content: ''; display: block; position: absolute; right: 0; } #footer .nav { float: left; list-style: none; margin: 0 0 15px 0; padding: 0; width: 400px; } #footer .nav li { float: left; margin-right: 10px; width: 160px; } #footer .nav li a { display: block; text-shadow: 1px 1px 0 #2e3c4d; } .social_links { float: left; list-style: none; margin: 15px 20px 0 0; padding: 0; } .social_links li { float: left; margin-left: 10px; } .social_links li:first-child { margin-left: 0; } .social_links li a { background: transparent url(http://www.americaii.com/resources/images/social_media_icons5.png) 0 0 no-repeat; display: block; float: left; height: 49px; text-indent: -9999px; width: 50px; } .social_links li a.twitter { background-position: 0 0; } .social_links li a.twitter:hover { background-position: 0 -50px; } .social_links li a.linkedin { background-position: -50px 0; } .social_links li a.linkedin:hover { background-position: -50px -50px; } .social_links li a.googleplus { background-position: -100px 0; } .social_links li a.googleplus:hover { background-position: -100px -50px; } .social_links li a.facebook { background-position: -150px 0; } .social_links li a.facebook:hover { background-position: -150px -50px; } .social_links li a.youtube { background-position: -200px 0; } .social_links li a.youtube:hover { background-position: -200px -50px; } #footer a.newsletter_signup { background: #ffe08d; border: 5px solid #0c4478; color: #0e4f8c; display: block; float: right; font-size: 13px; margin: -5px 0 0 0; padding: 5px 5px 8px; text-align: center; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.45); width: 165px; } #footer a.newsletter_signup:hover { background: #fad97d; border-color: #0a3a66; color: #000; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75); } #footer a.newsletter_signup em { display: block; font: 18px/22px OpenSansItalic; } #footer a { color: #fff; } #footer a:hover { color: #ffe08c; } #footer hr { border: none; border-bottom: 2px solid #0c4478; border-top: 1px solid #426f99; clear: both; margin: 0 0 15px 0; } #footer p { color: #f0f0f0; font: 10px/20px OpenSansRegular; margin: 0; } .logos { background: #fff; border: 2px solid #0c4478; float: right; padding: 5px; } .logos img { float: left; margin: 0 2px; } #footer { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #footer a.newsletter_signup { background: -moz-linear-gradient(top, #ffeab2 0%, #ffe08c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffeab2), color-stop(100%,#ffe08c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffeab2 0%,#ffe08c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffeab2 0%,#ffe08c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffeab2 0%,#ffe08c 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffeab2 0%,#ffe08c 100%); /* W3C */ background-clip: padding-box; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.45); -moz-box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.45); box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.45); } #footer a.newsletter_signup:hover { background: -moz-linear-gradient(top, #fad97d 0%, #fae3a2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fad97d), color-stop(100%,#fae3a2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fad97d 0%,#fae3a2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fad97d 0%,#fae3a2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fad97d 0%,#fae3a2 100%); /* IE10+ */ background: linear-gradient(to bottom, #fad97d 0%,#fae3a2 100%); /* W3C */ } .logos { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.45); -moz-box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.45); box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.45); } /* Hide Tracking Code Image Tag */ .tracking_code { display: none; } /* ============================================================================= =Region / Language Adjustments ========================================================================== */ /* Europe -----------------------------------*/ .europe .logo { background: transparent url(http://www.americaii.com/resources/images/logos/UKLogo.png) 0 0 no-repeat; height: 75px; } .europe.english .logo { background: transparent url(http://www.americaii.com/resources/images/logos/UKLogo.png) 0 0 no-repeat; } .europe.german .logo { background: transparent url(http://www.americaii.com/resources/images/logos/GmbH_Logo.png) 0 0 no-repeat; } /* Asia -----------------------------------*/ .asia .logo { background: transparent url(http://www.americaii.com/resources/images/logos/ASIA_Logo.png) 0 0 no-repeat; height: 75px; } /* Japan -----------------------------------*/ .japan .logo { background: transparent url(http://www.americaii.com/resources/images/logos/JAPAN_Logo.png) 0 0 no-repeat; height: 75px; } /* International -----------------------------------*/ .international .logo { background: transparent url(http://www.americaii.com/resources/images/logos/CHINA_Logo.png) 0 0 no-repeat; height: 75px; } /* Chinese -----------------------------------*/ .chinese .phone_number { margin-right: 203px; } .chinese .region_trigger { padding: 12px 6px 7px 7px; } .chinese .forgot_pass { margin-left: 95px; } /* German -----------------------------------*/ .german .logo { background: transparent url(http://www.americaii.com/resources/images/logos/GmbH_Logo.png) 0 0 no-repeat; display: block; float: left; height: 80px; margin: 15px 0 0 20px; text-indent: -9999px; width: 320px; } .german .mainNav { font: 18px/20px OpenSansCondBold; } .german .mainNav li a { padding: 10px 13px; } .german .forgot_pass { margin-left: 34px; } .german .part_search { padding: 12px 10px 12px 10px; } .german .part_search > p { margin: 0 10px 0 0; width: 135px; } .german .part_search > p span { font: 10px/1.75em Georgia, "Times New Roman", Times, serif; } .german #footer a.newsletter_signup { font-size: 13px; } .german #footer p { font: 9px/20px OpenSansRegular; } /* Japanese -----------------------------------*/ .japanese .phone_number { margin-right: 272px; } .japanese .member_trigger { padding: 24px 11px 10px 11px; } .japanese .register, .japanese .forgot_pass { font-size: 0.9em; } .japanese .forgot_pass { margin-left: 20px; } .japanese .upload_bom .button { height: 24px; } .japanese .upload_bom .button strong { padding-top: 4px; } .japanese #footer .nav li a { font-size: 0.9em; } /* Spanish -----------------------------------*/ .spanish .logo { background: transparent url(http://www.americaii.com/resources/images/logos/Mexico_Logo.png) 0 0 no-repeat; display: block; float: left; height: 80px; margin: 15px 0 0 20px; text-indent: -9999px; width: 320px; } .spanish .phone_number { margin-right: 310px; } .spanish .forgot_pass { margin-left: 20px; } .spanish .mainNav { font: 18px/20px OpenSansCondBold; } .spanish .mainNav li a { padding: 10px 12px 10px 12px; } .spanish .home .content_left h2 { font-size: 1.5em; } .spanish #footer .nav li a { font-size: 0.95em; } .spanish .upload_bom .button { top: 0px; } .spanish .upload_bom .button:before { top: 11px; } .spanish .part_search { padding: 12px 10px; width: 700px; } .spanish .part_search > p { font: 16px/1em OpenSansCondBold; padding-top: 2px; width: 130px; } .spanish .part_search > p span a { padding-top: 5px; } /* Chinese and Japanese font overrides to address IE8 bug ---------------------------------------------------------------------- */ body.japanese, .japanese strong, .japanese em, .japanese strong em, .japanese em strong, .japanese .labelItems, .japanese .threeCol .content .content_right .labelItems, .japanese .threeCol .content .content_right .formCheckBox span label, .japanese .part_search > p, .japanese .part_search > p span, .japanese .home .content_left h2 em, .japanese .home .content_left a, .japanese .home .content_left .content_callout a, .japanese .home .content_right h3 a, .japanese .home .content_right ul li a span, .japanese .home .content_right a.view_all, .japanese .innerCol .content_right h3, .japanese .threeCol .content .content_right h3, .japanese .mini_container, .japanese .mini_container a, .japanese .mini_container em, .japanese .mini_container a.btn_dkblue, .japanese .mini_container p.job_perks, .japanese .established, .japanese .geography, .japanese .location_block a, .japanese .post_date span, .japanese .pr_listing a, .japanese .content table, .japanese .content table th, .japanese .content table td.location, .japanese .part_info, .japanese #footer p, .japanese #footer a.newsletter_signup em, .japanese .upload_bom .button, .japanese .upload_bom .button strong, .japanese .btn_dkblue, .japanese .formSubmit a, .japanese .paging, .japanese .paging .current, .japanese .grey_subtext, .japanese .blue_subtext, .japanese .formTextBox, .japanese .formTextarea, .japanese textarea, .japanese select, .japanese .formRadioButton, .japanese .formCheckBox, .japanese .threeCol .content .content_right #questionSnippet p, .japanese .register, .japanese .forgot_pass, .japanese #member_login input[type="submit"], .japanese .member_trigger, .japanese .region_trigger, .japanese #search input[type="text"], .japanese #banner .slide .line_one, .japanese #banner .slide .line_two, .japanese #tweet a, .japanese .leadership_block a.trigger:hover:after, .japanese a.close_popup { font-family: MS Gothic, "MS PGothic", Sans-Serif; font-style: normal; font-weight: normal; } .japanese .mainNav { font: 18px/20px MS Gothic,"MS PGothic",Sans-Serif; } .japanese .mainNav li ul { font-family: MS Gothic,"MS PGothic",Sans-Serif; } .japanese .mainNav li a { font-weight: bold; padding: 12px 15px 8px 15px; } .japanese h1, .japanese h2, .japanese h3, .japanese h4, .japanese h5, .japanese h6, .japanese h1 strong, .japanese h2 strong, .japanese h3 strong, .japanese h4 strong, .japanese h5 strong, .japanese h6 strong { font-family: A-OTF UD新ゴ Pro, A-OTF UD黎ミン, Sans-Serif; } body.chinese, .chinese h1, .chinese h2, .chinese h3, .chinese h4, .chinese h5, .chinese h6, .chinese strong, .chinese em, .chinese strong em, .chinese em strong, .chinese .labelItems, .chinese .threeCol .content .content_right .labelItems, .chinese .threeCol .content .content_right .formCheckBox span label, .chinese .part_search > p, .chinese .part_search > p span, .chinese .home .content_left h2 em, .chinese .home .content_left a, .chinese .home .content_left .content_callout a, .chinese .home .content_right h3 a, .chinese .home .content_right ul li a span, .chinese .home .content_right a.view_all, .chinese .innerCol .content_right h3, .chinese .threeCol .content .content_right h3, .chinese .mini_container, .chinese .mini_container a, .chinese .mini_container em, .chinese .mini_container a.btn_dkblue, .chinese .mini_container p.job_perks, .chinese .established, .chinese .geography, .chinese .location_block a, .chinese .post_date span, .chinese .pr_listing a, .chinese .content table, .chinese .content table th, .chinese .content table td.location, .chinese .part_info, .chinese #footer p, .chinese #footer a.newsletter_signup em, .chinese .upload_bom .button, .chinese .upload_bom .button strong, .chinese .btn_dkblue, .chinese .formSubmit a, .chinese .paging, .chinese .paging .current, .chinese .grey_subtext, .chinese .blue_subtext, .chinese .formTextBox, .chinese .formTextarea, .chinese textarea, .chinese select, .chinese .formRadioButton, .chinese .formCheckBox, .chinese .threeCol .content .content_right #questionSnippet p, .chinese .register, .chinese .forgot_pass, .chinese #member_login input[type="submit"], .chinese .member_trigger, .chinese .region_trigger, .chinese #search input[type="text"], .chinese #banner .slide .line_one, .chinese #banner .slide .line_two, .chinese .leadership_block a.trigger:hover:after, .chinese a.close_popup { font-family: verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; font-style: normal; font-weight: normal; } .chinese .mainNav { font: 20px/20px verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; } .chinese .mainNav li ul { font-family: verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; font-style: normal; font-weight: normal; } .chinese .mainNav li a { padding: 12px 15px 8px 15px } /* ============================================================================= =Master Template Styles ========================================================================== */ .mastertemplate p.instructions { background: #2E3C4D; border-top: none; clear: both; color: #fff; line-height: 1; margin: 20px 0; padding: 10px 18px; } /* ============================================================================= =Clearing ========================================================================== */ #header:after, .mainNav:after, #banner:after, #search:after, #content_wrapper:after, #content:after, #tabs:after { clear: both; content: '.'; display: block; height: 0; visibility: hidden; }