/* Marketo Styles */

#bodyId {
	background: #ffffff;
	font-family: Arial, sans-serif;
	font-size: 11px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	}

div#outerWrapDiv {
	position: relative;
	height: 100%;
	width: 100%;
	}

div#innerWrapDiv {
	/*position: relative;*/
	background: #ffffff;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	}
/* Width of Full Page */
	div#innerWrapDiv { width: 942px; width:940px; }


/* Quintiq Styles */
a:link { color:#000000; text-decoration:none;}
a:visited {	color:#000000;text-decoration:none;}
a:hover {	color:#000000;text-decoration:underline;}
a:active {	color:#000000;text-decoration:none;}
img {	border:none;}

/* Main Header Area  */

div#mktHeader {
	background: #ffffff;
	height: 128px;
	height: 92px;
	position:relative;  
	}
	
.logo {
	border: 0px;
	left:20px;
	position:relative;
	top:29px;top:34px;
	}
	
.blueBar {
	background-image: url(/rs/quintiq/images/blueRpt.png);
	background-repeat: repeat-x;
	height: 39px;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.leftCap {
	background-image: url(/rs/quintiq/images/leftCap.png);
	background-repeat: no-repeat;
	height: 39px;
	width: 20px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.rightCap {
	background-image: url(/rs/quintiq/images/rightCap.png);
	background-repeat: no-repeat;
	height: 39px;
	width: 20px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.headerText {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #0f2757;
	position: absolute;
	left: 207px;
	top:60px;
}
div#menubar {

}

ul.mainnav {
    background: url("/rs/quintiq/images/bg_mainnav.png") no-repeat scroll left top transparent;
    margin: 0 -3px;
    overflow: hidden;
    padding: 0 20px;
    width: 946px;
		/* DJR - moved */
		list-style: none outside none;
		/* DJR new */
		height: 39px;
		left:0px;
		bottom:0px;
}
ul.mainnav li {
	float: left;
	height: 40px;
	padding: 0;
	background: none;
	font-size: 0.909em;
	line-height: 1.5em;
	text-transform: uppercase;
	background: url("/rs/quintiq/images/seperator_mainnav.png") no-repeat left 4px;
	color: #ffffff;
}

ul.mainnav li span, 
ul.mainnav li a {
	color: #ffffff;
	display: block;
	margin-left: 2px;
	padding: 11px 15px 9px 15px;
}

ul.mainnav li:hover a,
ul.mainnav li:hover span,
ul.mainnav li.active a,
ul.mainnav li.active span {
	text-decoration: none;
	background: url("/rs/quintiq/images/bg_mainnav_hover.png") repeat-x left top;
} 

ul.mainnav li ul {
	position: absolute;
	z-index: 30;
	left: -999em;
	border: 1px solid #0f2757;
	border-top: 0;
	padding: 0;
	margin: 0;
	background: url(/rs/quintiq/images/bg_mainnav_sub_hover.png) repeat-x left top #ffffff;
	min-width: 188px;
}

ul.mainnav li:hover ul {
	left: auto;
}

ul.mainnav li ul li, 
ul.mainnav li.active ul li {
	background: none;
	float: none;
	height: auto;
	font-size: 1.1em;
	line-height: 2.272em;
	padding: 0 10px;
	list-style:none;
}

ul.mainnav li ul li:first-child a {
	border: 0;
}

ul.mainnav li:hover ul li a,
ul.mainnav li.active ul li a,
ul.mainnav li ul li a {
	background: none;
	color: #0f2757;
	text-transform: none;
	border-top: 1px solid #dedede;
	padding: 0;
}

ul.mainnav li ul li:hover a {
	background: none;
	text-decoration: underline;
}

/* Main Content Area - Controls height of page */

div#mktContent {
	background: #ffffff;
	height: 450px;
	position: relative;
	}
  
/* Thin Column in Content */

div#mktColumn {
	border:#E6E6E6 1px solid;
	height: 439px;
	position: absolute;
	right: 61px;
	top: 3px;
	width: 243px;
}

/* Footer Area */

div#mktFooter {
	background: #ffffff;
	color:#aaaaaa;
	font-size:12px; 
	height: 95px;
	position: relative;
	}
	
.footerRpt {
	background-image: url(/rs/quintiq/images/footerRpt.png);
	background-repeat: repeat-x;
	height: 20px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

.footerLeftCap {
	background-image: url(/rs/quintiq/images/leftCapFooter.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 220px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
}

.footerRightCap {
	background-image: url(/rs/quintiq/images/rightCapFooter.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 220px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 2;
}

/* Footer links and Copyright */

.copyright{ left: 18px;	position: absolute;	top: 5px;	}

.footerlinks {
	position: absolute;
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #646669;
	text-align: right;
	right: 0px;
	bottom: 63px;
	}
	
.footerlinks a { color:#646669;	text-decoration:none; }
.footerlinks a:hover { color:#646669; text-decoration:underline; }
	
.socialLinks {
	position: absolute;
	width: 171px;
	height: 34px;
	text-align: right;
	right: 0px;
	bottom: 11px;
}

/* LP */ 
	/* contact-us pages */
div.contacts div { width: 160px; height:80px; border-bottom: 1px solid #ccc; padding: 15px 0 0 80px;}
div.contacts div.call-me { background: transparent url("/rs/quintiq/images/call.png") -10px -14px no-repeat; }
div.contacts div.call-mepage { background: transparent url("/rs/quintiq/images/call.png") -10px -236px no-repeat; }
div.contacts div.call-me:hover { background-position: -10px -125px; }
div.contacts div.enquiry {  background: transparent url("/rs/quintiq/images/enquiry.png") -10px -14px no-repeat; }
div.contacts div.enquirypage {  background: transparent url("/rs/quintiq/images/enquiry.png") -10px -236px no-repeat; }
div.contacts div.enquiry:hover { background-position: -10px -125px; }
div.contacts div.location {  background: transparent url("/rs/quintiq/images/location2.png") -10px -14px no-repeat; border-bottom: none;}
div.contacts div.locationpage {  background: transparent url("/rs/quintiq/images/location2.png") -10px -236px no-repeat; }
div.contacts div.location:hover { background-position: -10px -125px; }
div.contacts div span {color:#606060; width: 135px;}
div.contacts div span b {color:#003366;padding-top:0px;}
div.contacts div.call-mepage span b, div.contacts div.enquirypage span b,div.contacts div.locationpage span b {color:#333;} 
div.contacts div a {width:100%; height:100%; border:1px solid 339f; text-decoration:none;}
div.call-me a {width:100%; height:100%; background: transparent url("/rs/quintiq/images/call.png") 0 0 no-repeat;  }
div.call-me a:hover {text-decoration:none;}
div.call-me strong a:hover {text-decoration:underline;}
div.enquiry a { background: transparent url("/rs/quintiq/images/enquiry.png") 50px 0 no-repeat; }
div.location a {background: transparent url("/rs/quintiq/images/location2.png") 50px 0px no-repeat; }

