/* ::: DEROYAL.COM - SCREEN CSS ::: */

/* =============================================== */
/*  STANDARD HTML TAG ELEMENT RULES AND MODIFIERS  */
/* =============================================== */

a 
{
	color: #0067B1;
}

a:hover 
{
	color: #CC6633;
}

body 
{
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-color: #7FA1BD;
	background-image: url(../Images/Backgrounds/bodyBkg.jpg);
	background-repeat: repeat-x;
}

fieldset 
{
	border: solid 1px #C8D2DB;
}

fieldset legend 
{
	color: #0067B1;
}

h1, h2, h3, h4, h5, h6, p, ul, ol {
	text-align: left;
}


h1 
{
	color: #0067B1;
}

h2 {
	color: #CC6633;
}

h3 
{
	color: #666666;
}

h4
{
	color: #777777;
}

/* =============================================================== */
/*  STANDARD PAGE LAYOUT RULES AND MODIFIERS (in PAGE FLOW order)  */
/* =============================================================== */

#customerServiceBanner
{
	display: none;
}

#bodyFrame, #headerBkgFrame, #headerFrame, #webToolsNav, .search,
#contentFrame, #breadcrumbs, #content,
#footerFrame, #footer, #footerLeft, #footerRight,
#address {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#bodyFrame 
{
	background-image: url(../Images/Backgrounds/bodyBkg.jpg);
	background-repeat: repeat-x;
}

#headerBkgFrame 
{
	width: auto;
	overflow: hidden;
	background-image: url(../Images/Backgrounds/pageBkg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#headerFrame {
	width: 990px;
	height: 118px;
	overflow: hidden;
	margin: 0px auto;
}

#webToolsNav, .search {
	width: 990px;
	overflow: hidden;
}

#webToolsNav 
{
	padding-top: 43px;
}

#webToolsNav p
{
	padding: 0px;
	/* color: #A8FFFF; */
	color: #CCFFFF;
	text-align: right;
	font-size: 1.2em;
}

#webToolsNav a 
{
	/* color: #A8FFFF; */
	color: #CCFFFF;
	text-decoration: none;
}

#webToolsNav a:hover 
{
	color: #FFFFFF;
	text-decoration: underline;
}

#contentFrame, #address {
	width: 990px;
	overflow: hidden;
}

.search p
{
	padding-top: 12px;
	padding-bottom: 0px;
	text-align: right;
	color: #FFFFFF;
	font-size: 1.1em;
}

.txtSearch 
{
	height: 15px;
	width: 250px;
}

.search p img, .search p input
{
	display: inline-block;
	vertical-align: top;
}

.search p span.searchCaptions 
{
	/* color: #A8FFFF; */
	color: #CCFFFF;
}

#contentFrame {
	background-color: #FFFFFF;
	padding-bottom: 24px;
}

#breadcrumbs, #content {
	width: 964px;
	overflow: hidden;
}

#breadcrumbs p
{
	font-size: 0.8em;
	padding-left: 2px;
	padding-top: 12px;
	padding-bottom: 10px;
}

#breadcrumbs a 
{
	color: #CC6633;
}

#breadcrumbs a:hover
{
	color: #579ACC;
}

#footer {
	width: 964px;
	overflow: hidden;
}

#footerFrame 
{
	width: 988px;
	background-color: #437FAD;
	overflow: hidden;
	border: solid 1px #FFFFFF;
}

#footer p 
{
	font-size: 0.8em;
	color: #CCFFFF;
	padding-top: 8px;
	padding-bottom: 10px;
}

#footer a 
{
	color: #FFFFFF;
}

#footer a:hover 
{
	color: #FF9966;
}

#footerLeft 
{
	width: 479px;
	float: left;
	clear: right;
}

#footerRight 
{
	width: 479px;
	float: right;
}

#footerRight p 
{
	text-align: right;
}

#address p
{
	font-size: 0.9em;
	text-align: right;
	color: #FFFFFF;
	padding: 12px 0px 36px 0px;
}

/* ================================================================= */
/*  CONTENT SECTION LAYOUT RULES AND MODIFIERS (in PAGE FLOW order)  */
/* ================================================================= */


/*  MASTER PAGE WARNING PANEL IDS CLASSES  */

.headerWarning 
{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 100%;
	overflow: hidden;
	padding-bottom: 3px;
	background-color: #FFFFE0;
}

.headerWarning h4
{
	color: #FF0000;
	padding: 10px 0px;
}

.headerWarning h4, .headerWarning p
{
	text-align: center;
}

/*  COLUMN IDS CLASSES  */

#column_LeftSidebar, .column_LeftSidebar
{
	float: left;
	clear: right;
	width: 226px;
}

#column_Content_LeftMargin, .column_Content_LeftMargin
{
	float: right;
	width: 716px;
}

#column_Content_LeftAndRightMargin, .column_Content_LeftAndRightMargin
{
	float: left;
	clear: right;
	width: 464px;
	margin-left: 22px;
}


#column_Content_RightMargin, .column_Content_RightMargin
{
	float: left;
	clear: right;
	width: 716px;
}

.column_InnerContent_RightMargin
{
	float: left;
	clear: right;
	width: 464px;
}

#column_RightSidebar, .column_RightSidebar
{
	float: right;
	width: 226px;
}


/* =============================== */
/*  GENERAL CLASSES AND MODIFIERS  */
/* =============================== */

.blue_293 
{
    color: #0067B1;
}

.blue_295
{
    color: #00447C;
}

.orange 
{
	color: #CC6633;
}

.white 
{
	color: #FFFFFF;
}

.error {
	color: #FF0000;
	font-weight: bold;
}

.noDisplay, .noScreen, .handheldOnly, .printOnly {
	display: none;
}

.borderBox_Yellow 
{
	border: solid 1px #C8D2DB;
    padding-top: 6px;
    padding-bottom: 9px;
    margin-top: 15px;
    background-color: #FFFFF0;
}

.borderBox_Yellow h3, .borderBox_Yellow h4, .borderBox_Yellow h5, .borderBox_Yellow h6, .borderBox_Yellow p {
    padding-left: 15px;
    padding-right: 15px;
}



/* =============================== */
/*  SIDEBAR CLASSES AND MODIFIERS  */
/* =============================== */

.borderBoxFrame 
{
	border: solid 1px #C8D2DB;
	padding: 4px;
	width: auto;
	overflow: hidden;
	margin-bottom: 10px;
}

.borderBoxContent
{
	width: auto;
	overflow: hidden;
}

.contactPhoneWithDescription
{
		color: #CC6633;
		padding-top: 0px;
}

.infoBox
{
	border: solid 1px #C8D2DB;
	background-color: #FFFFE0;
}

.infoBox h5
{
	padding: 15px 15px 15px 37px;
}

.infoBox h5.infoIcon
{
	background-image: url(../Images/Icons/iconInformation.gif);
	background-repeat: no-repeat;
	background-position: 15px 16px;
}

.sidebar_HorizBkg_Large
{
	background-image: url(../Images/Backgrounds/sidebarBkgHorizLarge.gif);
	background-repeat: repeat-x;
	padding-top: 3px;
	margin-bottom: 10px;
}

.sidebar_HorizBkg_Large h2, .sidebar_HorizBkg_Large h3, .sidebar_HorizBkg_Large h4, .sidebar_HorizBkg_Large h5, .sidebar_HorizBkg_Large h6, .sidebar_HorizBkg_Large p, .sidebar_HorizBkg_Large ul
{
	padding-left: 15px;
	padding-right: 15px;
}

.sidebar_HorizBkg_Large ul li, .sidebar_HorizBkg_Large p
{
	font-size: 0.9em;
}

.sidebar_HorizBkg_Large ul li p
{
	font-size: 1.1em;
}

.sidebar_HorizBkg_Large h2.dottedUnderlineHeading, .sidebar_HorizBkg_Large h3.dottedUnderlineHeading, .sidebar_HorizBkg_Large h4.dottedUnderlineHeading
{
	margin: 0px 15px 6px 15px;
	padding: 7px 0px 6px 0px;
	border-bottom: dotted 1px #7FA1BD;
	color: #CC6633;
}

.sidebar_HorizBkg_Medium
{
	background-image: url(../Images/Backgrounds/sidebarBkgHorizMedium.gif);
	background-repeat: no-repeat;
}

.sidebar_HorizBkg_Small
{
	background-image: url(../Images/Backgrounds/sidebarBkgHorizSmall.gif);
	background-repeat: no-repeat;
}

.columnFrame_vertMenuBkg
{
	width: 100%;
	overflow: hidden;
	background-image: url(../Images/Backgrounds/sidebarBkgVert.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

/* ===================================== */
/*  ROTATOR IMAGE CLASSES AND MODIFIERS  */
/* ===================================== */

.btnNextImage, .btnNextImage:hover, .btnPrevImage, .btnPrevImage:hover
{
	height: 20px;
	width: 24px;
	background-position: center center;
	background-repeat: no-repeat;
	border: none;
	background-color: #EEF5FB;
	margin-top: 5px;
}

.btnNextImage
{
	background-image: url(../Images/Buttons/btnNext_Small.gif);
}

.btnNextImage:hover 
{
	background-image: url(../Images/Buttons/btnNext_Small_Over.gif);
	cursor: pointer;
}

.btnPrevImage
{
	background-image: url(../Images/Buttons/btnPrev_Small.gif);
}

.btnPrevImage:hover 
{
	background-image: url(../Images/Buttons/btnPrev_Small_Over.gif);
	cursor: pointer;
}

.imageFrame 
{
	width: auto;
	overflow: hidden;
	margin-bottom: 10px;
	border: solid 1px #C8D2DB;
	background-color: #EEF5FB;
	padding: 4px 0px;
}

.imageFrame h4
{
	padding: 0px 3px 6px 3px;
	color: #00447C;
}

.imageFrame table tr td 
{
	vertical-align: middle;
}

.imageContent
{
	width: 224px;
	height: 218px;
	margin: 0px auto;
	overflow: hidden;
}

.imageRotatorContent
{
	width: 224px;
	height: auto;
	margin: 0px auto;
	overflow: hidden;
}

.imageContent img, .imageRotatorContent img
{
	border: solid 1px #C8D2DB;
}


.imageNav td
{
	text-align: center;
	vertical-align: center;
}

.imageNavButton
{
	width: 24px;
	vertical-align: middle;
}

.imageCaption 
{
	min-height: 24px;
	margin: 0px auto;
}

* html .imageCaption
{
	height: 24px;
}

.imageCaption h5, .imageNavCaption h5
{
	text-align: center;
	font-size: 0.9em;
	color: #00447C;
	padding: 8px 4px 4px 4px;
}

/* ============================ */
/*  FORM CLASSES AND MODIFIERS  */
/* ============================ */

h6.controlLabel 
{
	padding-top: 6px;
}

p.formButtons
{
	padding: 6px 9px 7px 9px;
	margin: 10px 0px;
	border-top: solid 1px #C8D2DB;
	background-color: #F0F6FB;
	text-align: center;
}

.formFrame h5 
{
	color: #777777;
}

.formFrame .subtext, .formFrame .subtextRequired{
	color: #777777;
	font-size: 0.9em;
}

.formFrame .subtextRequired {
	padding-left: 8px;
	font-size: 0.9em;
}

span.required, .formFrame h5.required
{
	color: #323232;
	font-weight: bold;
}

.errorNotice, .formFrame h5.errorNotice
{
	background-color: #FFFEDF;
	border: solid 1px #CCCCCC;
	color: #000000;
	padding: 6px 9px;
	margin: 6px 0px;
}

.redirectNotice
{
	border: solid 1px #CCCCCC;
	background-color: #FFFEDF;
	padding: 9px;
	margin-top: 12px;
	margin-bottom: 24px;
	color: #00447C;
	text-align: center;
}

.requiredNotice
{
	padding: 6px 9px 7px 9px;
	margin: 6px 0px;
	border-top: solid 1px #C8D2DB;
	background-color: #F0F6FB;
}

.successNotice
{
	font-size: 1.2em;
}


.validationError, .validationError_Indented 
{
    color: #CC0000;
    background-image: url(../Images/Icons/iconExclamation.gif);
    background-repeat: no-repeat;
}

.validationError
{
    color: #CC0000;
    padding: 6px 0px 0px 20px;
    background-position: 0px 3px;
}

.validationError_Indented 
{
    padding: 6px 0px 0px 180px;
    background-position: 160px 3px;
}

.validationSummary
{
    padding-left: 20px;
    color: #CC0000;
    font-weight: bold;
    background-image: url(../Images/Icons/iconExclamation.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

/* ==================================== */
/*  MODAL POP-UP CLASSES AND MODIFIERS  */
/* ==================================== */

.modalBackground {
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup {
	background-color: #666666;
	border-width: 2px;
	border-style: solid;
	border-color: #cccccc;
	width: 490px;
	padding: 0px 0px 9px 0px;
}

.modalPopup h4.error 
{
	padding: 10px;
	color: #FFCC99;
}

.modalPopup p {
    padding: 0px;
	text-align: center;
}

.modalPopup p.flashLink a {
    color: #FFFFFF;
}

.modalPopup p.flashLink a:hover {
    color: #FFCC99;
}

.modalPopup h5 {
    padding: 6px 10px 6px 0px;
    text-align: right;
}

/* ========================= */
/*  ICONIC BUTTONS AND TEXT  */
/* ========================= */

.iconFlag_Spain
{
	padding-left: 22px;
	background-image: url(../Images/Icons/iconFlag_Spain.gif);
    background-repeat: no-repeat;
    background-position: left center;
}

.iconFlag_UK
{
	padding-left: 22px;
	background-image: url(../Images/Icons/iconFlag_UK.gif);
    background-repeat: no-repeat;
    background-position: left center;
}

.iconLogOut
{
	padding-left: 22px;
	background-image: url(../Images/Icons/iconDoorOut.gif);
    background-repeat: no-repeat;
    background-position: left center;
}

.iconReturnToPrevious
{
	padding-left: 22px;
	background-image: url(../Images/Icons/iconArrowReturnLeft.gif);
    background-repeat: no-repeat;
    background-position: left center;
}

/* ====================== */
/*  MODAL POP-UP CLASSES  */
/* ====================== */

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color: #FAFAFA;
    border-color:#666666;
	border-width:2px;
	border-style:solid;
	padding: 0px;
}

.modalPopup h5, .modalPopup p {
    padding: 5px 20px 5px 20px;
}

.modalPopup h5.iconExclamation 
{
	margin-left: 20px;
}

.modalPopup h4 {
    padding: 10px 20px 5px 20px;
}

.modalPopup h4.iconInformation
{
	margin-left: 20px;
	background-position: left 10px;
}

h4.modalPopupTitle {
    padding: 8px 10px 8px 10px;
    margin-bottom: 10px;
    text-align: center;
    background-color: #0067B1;
    border-bottom: 1px solid #BABABA;
    color: #FFFFFF;
    font-style: normal;
    font-size: 1.0em;
}

.modalPopupButtons {
    border-top: 1px solid #BABABA;
    margin: 7px 20px 0px 20px;
    padding: 5px 0px 5px 0px;
    text-align: center;
}

.modalPopupGridFrame 
{
	width: 510px;
	margin-left: 20px;
}