/* Firstly, Debenhams specific styles */

body {font-family: Arial, Helvetica, sans-serif; font-size:0.7em; color:#000; background-color:#000; padding:0; margin:0; text-align:center;}

body div {text-align:left;}

img {border:0; margin:0; padding:0;}
ul, li {margin:0; padding:0;}
p {margin:1em 0 1em 0; padding:0;}

/* all generic styles */
.bold {font-weight:bold;}
.italic {font-style:italic;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.hide {display:none;}
.small {font-size:0.9em;}
.smallwhite {font-size:0.9em; color:#fff;}
.top {padding-top:30px;}
.off-left {position: absolute; left: -999px; width: 990px;}
p.white {color:#fff; font-size:1.2em; padding-right:10px;}
.big {font-size:1.2em;}

h1 {font-size:2.5em; padding:0; color:#fff; margin:0; font-weight:bold;}
h1.h1blankpage {font-size:2.5em; padding:0; color:#000; margin:0; font-weight:bold;}
h1.homepage {font-size:2.7em; padding:0; color:#fff; margin:0; font-weight:bold;}
h2 {font-size:2.7em; padding:0; color:#fff; margin:0; font-weight:bold;}
h3 {font-size:1.3em; color:#000; padding:0; margin:0; font-weight:bold;}
h4 {font-size:1.2em; color:#000; padding:0; margin:0; font-weight:bold;}
h5 {font-size:1.0em; color:#000; padding:0; margin:0; font-weight:bold;}

/* links */
a {color:#000; text-decoration:none;}
a:hover {color:#000; text-decoration:none;}
a.white {color:#fff; text-decoration:none;}
a.white:hover {color:#86D7E8; text-decoration:none;}
a.text {color:#E9193A; text-decoration:none;}
a.text:hover {color:#E9193A; text-decoration:underline;}

/* BEGINNING OF LAYERS */
#container {width:969px; padding:0; margin:0px auto; text-align:left;}

/* Logo */
#logo{float:left; padding:17px 0 11px 8px; margin:0;}

/*topnav*/
#topnav{float:left; width:969px; padding-bottom:0; margin:0; font-family: Tahoma,Trebuchet MS;}
#topnav_top {width:969px; height:14px; font-size:1.2em; font-weight:normal; background-color:#666;  padding:6px 0 10px 0; margin:0; color:#fff;}
#topnav_top a {font-size:0.9em; font-weight:bold; padding:0 12px 0 12px; color:#fff; margin:0; text-decoration:none;}
#topnav_top a:hover {text-decoration:none; background-color:#767676; padding:8px 12px 12px 12px;}
#topnav_top a.active {font-weight:bold; text-decoration:none; background-color:#767676; padding:8px 12px 12px 12px;}
#topnav_top a.active:hover {text-decoration:none;}


#topnav_bottom {font-family: Tahoma,Trebuchet MS; font-size:1.2em; width:969px; height:25px; background-color:#E9193A; padding:0; margin:0;}
#topnav_bottom ul {font-size:1.0em; list-style:none; padding-left:390px;}
#topnav_bottom ul li {float:left; list-style-type:none; display:inline; line-height:24px;}
#topnav_bottom ul li a {padding:4px 12px 6px 12px; color:#fff;}
#topnav_bottom ul li a:hover {text-decoration:none; background-color:#F05E75; padding:4px 12px 6px 12px;}
#topnav_bottom ul li.on a {color:#fff; background-color:#F05E75; padding:4px 12px 6px 12px;}
#topnav_bottom ul li.on a:hover {text-decoration:none;}

/*maincontent*/
#maincontent_topbd {float:left; width:969px; height:1px; background: url("/images/maincontent_topbd.jpg") 0 0 no-repeat; padding:0; margin:0; overflow:hidden;}
#maincontent {float:left; width:969px; background: url("/images/maincontent.jpg") 0 0 repeat-y; padding:0; margin:0;}
#maincontent_bottombd {float:left; width:969px; height:1px; background: url("/images/maincontent_bottombd.jpg") 0 0 no-repeat; padding:0; margin:0; overflow:hidden;}

/*footer*/
#footer {float:left; padding:0; margin:0; height:24px; width:969px; background-color:#333;}
#footer ul {margin:0; padding-top:5px; list-style:none;}
#footer ul li {float:left; list-style-type:none; margin:0; padding-left:15px;}
#footer ul li a {float:left; padding:0; text-decoration:none; color:#fff;}
#footer ul li a:hover {text-decoration:none;}

/*kaonix link */
#poweredBy {clear:both; margin:0; padding-top: 10px; padding-left: 850px;}
#poweredBy a {color: #ffffff;}

/* Forms */
form {padding:0; margin: 0;}
input, select, option, textarea {font-size:1.0em;}

/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1, h2 {
	visibility: hidden;
}

/* Now generic career site styles */
#maincontent { margin: 0; padding: 0; }
#content { background: #ffffff; margin: 0; padding: 0; width: 967px; float: left; margin-left: 1px; }
#kaonixCell { padding: 20px; background: #ffffff; width: 927px; }

#kaonixCell h1, #kaonixCell h2, #kaonixCell h3 { color: #000000; font-size: 2em; margin-bottom: 10px; }
#kaonixCell table { font-size:1em; }
#kaonixCell label { font-weight: bold; }
#kaonixCell a { color: #666666; text-decoration: underline; }
#kaonixCell a:hover { text-decoration: none; }

#kaonixCell li { margin: 10px; padding-bottom: 20px; }
.liNoPadding { padding-bottom: 0px; }

.datatable, #latestjobs { padding: 0px; border-collapse: collapse; width: 100%; }
.dataheader { padding-top: 3px; padding-right: 3px; /*border-bottom: 1px dashed #666666;*/ text-align: left; vertical-align: top; font-family: Arial,Helvetica,sans-serif; font-weight: bold; }
.datacell, #latestjobs td { padding-top: 3px; padding-right: 3px; padding-bottom: 10px; /*border-bottom: 1px dashed #666666;*/ vertical-align: top; }
.datacellmiddle { padding-top: 3px; padding-right: 3px; vertical-align: top; }

tr.oddRow { background-color: #ffccff; }

.labelcell { vertical-align: top; font-weight: bold; width: 200px; }
.fieldcell { vertical-align: top; }
.fieldcell strong { color: #666666; }
.fielddividercell { vertical-align: top; border-bottom: 1px solid #666666; }
.dividercell { line-height: 10px; border: 0px; border-top: 1px solid #666666; }

.questiontable { padding: 0px; border-collapse: collapse; }
.questionlabel { padding-top: 0px; }
.subquestionlabel { padding-top: 25px; }

.required { font-family: Arial,Helvetica,sans-serif; font-weight: bold; color: Red; }
.small { font-family: Arial,Helvetica,sans-serif; font-size: 10px; font-weight: normal; margin: 5px; }
.redbold { font-family: Arial,Helvetica,sans-serif; font-weight: bold; color: Red; }
.errormessage { background-color: #ffcccc; }

.headeralignleft { font-family :Verdana,Arial,Helvetica,sans-serif; font-size : 10px; font-style : normal; font-weight : bold; color : #000000; text-align : left; }
.mycvtop { font-weight : bold; font-size : 111px; font-family :Verdana,Arial,Helvetica,sans-serif; font-style : normal; vertical-align: text-bottom; text-align : right; background-color : #FFFFCC; }
.mycvheaderlarge { font-weight : bold; font-size : 111px; font-family :Verdana,Arial,Helvetica,sans-serif; font-style : normal; vertical-align: bottom; text-align : left; }
.mycvheaderbld { font-weight : bold; font-size : 14px; font-family :Verdana,Arial,Helvetica,sans-serif; font-style : normal; vertical-align: text-top; text-align : left; }
.mycvheadermed { font-weight : normal; font-size : 14px; font-family :Verdana,Arial,Helvetica,sans-serif; font-style : normal; vertical-align: text-top; text-align : left; }
.mycvheadersmlrt { font-weight : bold; font-size : 10px; font-family :Verdana,Arial,Helvetica,sans-serif; font-style : normal; vertical-align: text-top; text-align : right; }
.mycvhdrsmlltnorm { font-weight : normal; font-size : 10px; font-family :Verdana,Arial,Helvetica,sans-serif; font-style : normal; vertical-align: text-top; text-align : left; }
.mycvhdrsmlrtnorm { font-weight : normal; font-size : 10px; font-family :Verdana,Arial,Helvetica,sans-serif; font-style : normal; vertical-align: text-top; text-align : right; }
.mycvheadersmllt { font-weight : bold; font-size : 10px; font-family :Verdana,Arial,Helvetica,sans-serif; font-style : normal; vertical-align: text-top; text-align : left; }
.mycvtextjust { font-family :Verdana,Arial,Helvetica,sans-serif; font-size : 10px; font-style : normal; font-weight : normal; text-align: justify; vertical-align: text-top; }
.mycvtext { font-family :Verdana,Arial,Helvetica,sans-serif; font-size : 11px; font-style : normal; font-weight : normal; text-align: right; vertical-align: text-top; }
.mycvpage { font-family :Verdana,Arial,Helvetica,sans-serif; font-size : 10px; background-color : #999999; margin-left : 0; margin-right : 0; margin-top : 0; margin-bottom : 0; margin : 0; padding-left : 0; padding-right : 0; padding-top : 0; padding-bottom : 0; padding : 0; }
.whitetext { font-size : 10px; font-family :Verdana,Arial,Helvetica,sans-serif; font-style : normal; color : #ffffff; text-align : justify; }

