/* @import ... font ..  moved to editor.css */

.clearfix:before, .clearfix:after	{content:""; display:table;}
.clearfix:after		{clear:both;}
.clearfix			{zoom:1;}


/****************************  Main Elements ***************************/
HTML					{font-size:62.5%; line-height:62.5%; overflow-y:scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}/* 62.5% so each 0.1 rem is 1px */
BODY					{text-align:center; color:#5b5b5b; height:100%; font-size:2rem; line-height:135%; font-family:'assistant', arial, helvetica, sans-serif; margin:0; padding:0;}
body *					{max-height:99999px;} /* fix Android chrome font size bug */
HTML#virtual			{overflow:hidden;}
#virtual BODY			{overflow:hidden;}
/*@media screen and (max-width: 990px) {
	BODY		{font-size:2.1rem; color:#5b5b5b;}
}
@media screen and (max-width: 768px) {
	BODY		{font-size:1.8rem; color:#5b5b5b;}
}
@media screen and (max-width: 480px) {
	BODY		{font-size:1.5rem; color:#5b5b5b;}
}*/

H1, H2, H3, H4, H5, H6	{padding:0; margin:0;}
P						{padding:0; /* margin:0;*/ margin-top:0px; font-size:inherit;}
SMALL					{font-size:75%;}
UL						{font-size:inherit;}
LI						{margin:0; padding:0; font-size:inherit;}
UL LI					{list-style:disc; /*list-style:circle url('../ListIconLevel1.png');*/}
OL LI					{padding:0 4px;}
TABLE					{font-size:inherit; line-height:inherit;}
TD						{font-size:inherit;}
HR						{border:0; border-top:1px solid #d6d6d6; height:1px; width:100%; background-color:transparent;}
IMG						{border:0; padding:0; margin:0; -ms-interpolation-mode:bicubic;}

A						{text-decoration:underline; color:#003473; -webkit-tap-highlight-color:rgba(103,199,245,0.4);}
A:hover					{text-decoration:none; color:#e40514;}
A:active, A:focus		{}



/****************************** Form stuff ***********************************/
FORM						{display:inline; margin:0px;}
FIELDSET					{border:1px solid #cccccc; padding:.35rem .625rem .75rem; margin-bottom:20px; background-color:rgba(255,255,255,0.3);}
LEGEND						{border:1px solid #ddd; margin-bottom:10px; padding:5px 30px; font-weight:bold; white-space:normal; background-color:rgba(0,0,0,0.1);}
TEXTAREA					{border-style:none; background-color:#e9e8e8; overflow:auto; vertical-align:top; font-size:1.5rem; padding:4px 10px 4px 10px; margin:0; font-family:'Assistant', Arial, helvetica, sans-serif; box-sizing:border-box;}
SELECT						{height:30px; margin:0; background-color:#e9e8e8; vertical-align:top; font-size:1.5rem; border-style:none; font-family:'Assistant', Arial, helvetica, sans-serif; box-sizing:border-box;}
/* fixes for IE in case of round corners / background */
/*@media all and (-ms-high-contrast: none) {SELECT	{padding:4px 5px 4px 5px;}}*/ /** only for IE10 and newer: **/
/*SELECT.selectIE9			{padding:3px 5px 3px 5px;}*/ /** only for IE9 and lower **/

INPUT						{line-height:normal; margin:0px; padding:0; vertical-align:top; font-size:100%; font-family:'Assistant', Arial, helvetica, sans-serif;}
INPUT::-moz-focus-inner		{border:0; padding:0}

INPUT.input					{/*height:60px; line-height:58px;*/ height:40px; line-height:38px; padding:0px 10px 0px 10px; background-color:#e9e8e8; color:#333; border-style:none; box-sizing:border-box;}
@media screen and (max-width: 990px) {
	INPUT.input		{height:40px; line-height:38px;}
}
INPUT:-webkit-autofill		{-webkit-box-shadow:0 0 0px 1000px #fff inset; -webkit-text-fill-color:#666; padding:0px 10px 0px 10px; box-sizing:border-box;}
::-ms-clear					{display:none !important;}

INPUT[type="text"]			{vertical-align:top;}
INPUT[type="password"]		{vertical-align:top;}
INPUT[type="reset"]			{cursor:pointer; -webkit-appearance:button;}
INPUT[type="submit"]		{cursor:pointer; -webkit-appearance:button;}
INPUT[type="checkbox"]		{margin:0px 4px 0px 4px; padding:0; position:relative; top:2px; vertical-align:baseline; box-sizing:border-box;}
INPUT[type="radio"]			{margin:0px 4px 0px 4px; padding:0; position:relative; top:2px; vertical-align:baseline; box-sizing:border-box;}
INPUT[type="search"]									{-webkit-appearance:textfield; box-sizing:content-box;}
INPUT[type="search"]::-webkit-search-decoration			{-webkit-appearance:none}
INPUT[type="search"]::-webkit-search-cancel-button		{-webkit-appearance:none;}
INPUT[type="image"]			{display:block;}
INPUT[type="button"]		{cursor:pointer; -webkit-appearance:button;}
BUTTON						{font-size:100%; line-height:100%; margin:0; vertical-align:top; cursor:pointer; -webkit-appearance:button; font-family:'Assistant', Arial, Helvetica, sans-serif;}
BUTTON::-moz-focus-inner	{border:0; padding:0}

INPUT.button		{background:#192f54; color:#fff; /*height:60px;*/ height:40px; border-style:none; padding:0px 20px 0px 20px; vertical-align:top; text-align:center; font-weight:bold; font-size:115%; line-height:100%; cursor:pointer; font-family:'Assistant', Arial, Helvetica, sans-serif;}
INPUT.button:hover	{background:#e40514; color:#fff;}
A.button			{display:table; background:#192f54; color:#fff; /*height:60px; line-height:60px;*/ height:40px;line-height:40px; border-style:none; padding:0px 20px 0px 20px; text-align:center; font-weight:bold; font-size:115%; text-decoration:none;}
A.button:hover		{background:#e40514; color:#fff; text-decoration:none;}
@media screen and (max-width: 990px) {
	INPUT.button		{height:40px;}
	A.button			{height:40px; line-height:40px;}
}

INPUT:focus, SELECT:focus, TEXTAREA:focus	{box-shadow:inset 0px 0px 10px rgba(0,0,0,0.2); outline:none;}


/**************************** Ruling Colors ***************************/
/** Used in complex modules and modules that have 'light' text on 'dark' background**/
.box1Background					{background-color:#d7d5d6; color:#003473; text-decoration:none;}
.box1Color						{color:#003473; text-decoration:none;}
A.box1Color:hover				{color:#e40514; text-decoration:underline;}
A.box1Color:active				{}

.box1Background_LightVersion	{background-color:#f5f5f5; color:#003473; text-decoration:none;}
.box1Color_LightVersion			{color:#003473; text-decoration:none;}
A.box1Color_LightVersion:hover	{color:#e40514; text-decoration:underline;}
A.box1Color_LightVersion:active	{}


/** Used in titles and captions**/
.titlesColor					{color:#003473;}
.titlesColor:hover				{color:#e40514;}
.pageTitleColor					{color:#e40514;}
.pageTitleColor:hover			{color:#e40514;}


/*******************************************************************/
DIV.body			{margin-bottom:25px;}
DIV.bodyItem		{}
DIV.bodyProduct		{}
DIV.bodyList		{}

/** Bread Crumbs **/
DIV.navigationTabContainer	{margin-bottom:20px;}
A.navigationTab				{text-decoration:none;}
A.navigationTab:hover		{text-decoration:underline;}
UL.NavigationTab			{font-size:95%; padding:0px !important; margin:0px; font-weight:normal;}
UL.NavigationTab LI			{display:inline; list-style-image:none; list-style-type:none;}


/** Page Title & Description **/
TD.PageTitle				{}
DIV.PageTitle				{color:#e40514; font-weight:bold; font-size:3rem; line-height:115%; margin:0px 0px 20px 0px;}
#zoom-inner DIV.PageTitle	{color:#e40514; margin:0px 0px 30px 0px; padding:20px 45px 0px 40px;} /* title on product img */
#HomePage DIV.PageTitle		{display:none;}
TD.PageCategoryTitle		{}
DIV.PageCategoryTitle		{}
H1.PageTitle				{font-weight:bold; font-size:100%; color:#e40514;}
H2.PageTitle				{font-weight:bold; font-size:100%; color:#e40514;}

/* title on one color strip */
#page-title DIV.PageTitle {
	text-align:right; align-self:center;
    color: #fff; border-bottom:#e40514 1px solid;
    font-weight:bold; font-size:50px; line-height:105%;
    padding:0px 3.5% 15px 0px; margin:0px;
}
#page-title H1.PageTitle,
#page-title H1.ArticleTitle	{display:block; color:#fff; margin:0px; padding:0px;}
#page-title H2.PageTitle,
#page-title H2.ArticleTitle	{display:block; color:#fff; margin:0px; padding:0px;}
.emergency #page-title DIV.PageTitle	{border-bottom-color:#fff;}

H1.PageCategoryTitle		{font-weight:bold; font-size:100%; color:#e40514;}
H2.PageCategoryTitle		{font-weight:bold; font-size:100%; color:#e40514;}
TD.description				{padding-bottom:15px; color:#003473;}
DIV.description				{padding-bottom:15px; color:#003473;}

/** Copyright **/
SPAN.Copyright				{color:#fff;}
A.Copyright					{text-decoration:none; color:#fff;}
A.Copyright:hover			{text-decoration:underline; color:#fff;}

.hidden			{position:absolute; top:-10000px; width:1px; height:1px; overflow:hidden;}
.red			{color:red;}


/** Site Message **/
DIV.SiteMessageContainer	{border-bottom:solid 1px gray; text-align:center; padding:5px;}


/************************** Pop-up windows ******************************************/
BODY.Popup			{font-size:1.7rem;}

/** Talkbacks **/
INPUT.Response		{width:220px;}
TEXTAREA.Response	{width:220px; height:200px;}

/** Tell a Friend **/
INPUT.Friend		{width:220px;}
TEXTAREA.Friend		{width:220px; height:200px;}