/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :  DEROYAL.COM WEB TOOLS - SCREEN LAYOUT CSS - HEADER  : */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */



/* ========================================== */
/*  DEFAULT - FIXED WIDTH FOR IE 8 AND UNDER  */
/* ========================================== */



/* >>>>> NO JAVASCRIPT WARNING <<<<< */

#warning_NoScript
{
	background: #FFE599;
}

#warning_NoScript h6
{
	margin: 0;
	padding: 0.5em 1em;
	text-align: center;
	color: #B20000;
}

/* >>>>> PRINT HEADER CSS <<<<< */

#headerPrintBlock
{
    display: none;
}

/* >>>>> HEADER NOTICE CSS <<<<< */

.headerNotice
{
    background: #FFFBCA;
}

.headerNotice h5
{
    margin: 0;
    padding: 0.625em 0;
    text-align: center;
    color: #CC0000;
	font-size: 1em;
}

.headerNotice h5 span.exclamation_yellow
{
    background-position: left center;
}


/* >>>>> BRANDING <<<<< */

#headerBkgBlock
{
    border-top: solid 5px #364E63;
	background: url(../../../img/webtools/masterpage/webtools_hdrBkg.jpg) repeat-x left top;
	padding: 0 25px;
}

#headerBrandBlock
{
	height: 110px;
	background: url(../../../img/webtools/masterpage/webtools_hdrBrand.jpg) no-repeat center top;
	width:980px;margin:0 auto;
}

#headerBrandBlock ul
{
	margin: 0;
	padding: 0;
	line-height: normal;
	font-weight: bold;
}

#headerBrandBlock ul li
{
	margin: 0;
	list-style: none;
	line-height: 25px;
	padding-top: 20px;
}

#headerBrandBlock ul li a
{
	padding: 0 0 0 22px;
	line-height: 25px;
	color: #FFFFFF;
	background: url(../../../img/webtools/masterpage/webtools_doubleArrowBack.png) no-repeat left center;
	display: inline-block;
}

#headerBrandBlock ul li a:hover
{
	color: #D7E5F3
}


/* >>>>> PRIMARY NAV <<<<< */

#primaryNavBlock
{
	background: #FFFFFF url(../../../img/webtools/masterpage/webtools_primaryNavBkg.gif) repeat-x left top;
	padding: 0 25px;
}

#primaryNavMargin
{
	height: 67px;
	width:980px;margin:0 auto;
}

#primaryNavMargin ul
{
	margin: 0;
	padding: 0;
	line-height: normal;
}

#primaryNavMargin ul li 
{
	position: relative;
	float: left;
	text-align: center;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 67px;
	font-size: 1.3125em;
}

#primaryNavMargin ul li a
{
	display: block;
	line-height: 50px;
	padding: 0 2.5em 0 0;
	color: #98A4B0;
	text-decoration: none;
}

#primaryNavMargin ul li a:hover
{
	color: #70cacb;
	
}

#primaryNavMargin ul li a.here, #primaryNavMargin ul li a.here:hover
{
	/* background: url(../../../img/webtools/masterpage/webtools_primaryNavPointer.gif) no-repeat right 2.65em top 51px; */
	height: 67px;
	color: #003759;
	cursor: default;
	text-decoration: none;
	font-weight: bold;
}

.primaryNavLeft
{
	width: 70%;
	float: left;
	clear: right;
}

.primaryNavRight
{
	width: 30%;
	float: right;
}

.primaryNavRight ul
{
	float: right;
}




@media screen and (min-width: 100px)
{
    
/* >>>>> BRANDING <<<<< */

#headerBkgBlock
{
	padding: 0 20px;
	
}

#headerBrandBlock
{
	width:980px;
}

#headerBrandBlock ul li a
{
	/* font-weight: normal; */
}



/* >>>>> PRIMARY NAV <<<<< */

#primaryNavBlock
{
	padding: 0 20px;
}

#headerBrandBlock ul li
{
	font-size: 1em;
}

#primaryNavMargin
{
	min-width: 690px;
	max-width: 1040px;
}

#primaryNavMargin ul li a
{
	/* font-weight: normal; */
}
	
	
}


div.content {min-height:550px}
iframe.foot {min-height:270px}
iframe.foot .copyright a {color:#70cacb !important;}
div.iframed {overflow:hidden}
iframe.foot, iframe.head-hold {margin-left:-3px;margin-top:-2px;}
.head-nav, .foot-nav {background-image:url(../../../DeRoyalcom_2018/design_master/img/head-bkd.png);background-size:cover;}
.foot-nav {background-position: right -200px;}

/* ===================== */
/*  MEDIUM SCREEN RULES  */
/* ===================== */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

	


#primaryNavMargin
{
margin:0 60px;width:880px !important;
}


	
	
}