/* FIX PADDING FOR FONTS ON MAC */
@import url("/scripts/css/fontfix.css.php");

/*//////////////////////////////////////////////////////////
	Clearfix
//////////////////////////////////////////////////////////*/

	.clearfix:after {
	   content:".";
	   display:block;
	   height:0;
	   clear:both;
	   visibility:hidden;
	}
	.clearfix {
		display:inline-block;
	}
	.clearfix {
		display:block;
	}
	
	.clear {
		height:0em;
		font:1px/1px sans-serif;
		text-decoration:none;
		margin:0;
		padding:0;
		clear:both;
	}

/*//////////////////////////////////////////////////////////
	Reset
//////////////////////////////////////////////////////////*/
	
	.hC {
		text-indent:-5999em;
		font:1px/1px sans-serif;
		background-repeat:no-repeat;
		text-decoration:none;
		color :#fff;
	}
	
	* {
		padding:0;
		margin:0;
	}
	
	button {
		background-color:transparent;
		cursor:pointer;
		border:0;
	}
	
	a img{
		border:none;
	}
	
	body, a, ul, li, p, h1, h2, h3, h4, input, select, textarea {
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
	}
	
	a * {
		cursor:pointer;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Fontage
/////////////////////////////////////////////////////////////////////*/

	
	
	h1{
		width:300px;
		background:url(../../images/headings/retailsmart.jpg) no-repeat left bottom;
		float:left;
		height:79px;
	}
	h1 a {
		text-indent:-9999px; 
		line-height:0.001em; 
		font-size:0.001em;
		height:79px;
		display:block;
	}
	
	#innerHead h2{
		color:#fff;
		font-weight:normal;
		text-align:right;
		float:right;
		margin:62px 8px 0 0; padding:0 3px 0 0;
		font-size:1.5em;
	}
	
	div.infoboxInner h3{
		font-size:1em;
		margin:0; padding:0;
	}
	
	#sideNav h3{
		font-size:1.3em;
		line-height:1.4em;
		margin:0; padding:0 0 10px 0;
	}
	div.infobox_med h4, div.infobox_large h4{
		font-weight:normal;
		color:#BD001E;
		margin:8px 0;
	}
	div.infobox_large h3{
		text-indent:0px; 
		line-height:1em; 
		font-size:1.4em;
	}	
	div.infobox_large h3.apollo_dw{
		background:url(../../images/buttons/dwslogo15.gif) no-repeat left;
		text-indent:0px; 
		line-height:1em; 
		font-size:1.4em;
		margin:0; padding:0 0 0 20px;
	}	
	div.infobox_large h3.apollo_ts{
		background:url(../../images/buttons/totalstorelogo.gif) no-repeat left;
		text-indent:0px; 
		line-height:1em; 
		font-size:1.4em;
		margin:0; padding:0 0 0 25px;
		color:#BD001E;
	}
	div.infobox_large h3.apollo_wp{
		background:url(../../images/buttons/apollo_logo.jpg) no-repeat left;
		text-indent:0px; 
		line-height:1em; 
		font-size:1.4em;
		margin:0; padding:0 0 0 25px;
		color:#BD001E;
	}		
	div.infobox_large h3.apollo_pa{
		background:url(../../images/buttons/apollo_logo.jpg) no-repeat left;
		text-indent:0px; 
		line-height:1em; 
		font-size:1.4em;
		margin:0; padding:0 0 0 25px;
		color:#BD001E;
	}		
	
	#content h2{
		padding: 0 0 0 30px;
		color:#bcbcbc;
		font-size: 1.8em;
		font-weight: normal;
		font-style: normal;
		height: 40px;
		line-height: 0.9em;
		}
		
	#content h2.boxSp {
		background: url(../../images/boxes/sp.gif) no-repeat 0 5px; 
		}
		
	#content h2.boxPl {
		background: url(../../images/boxes/planograms.gif) no-repeat 0 2px; 
		}
		
	#content h2.boxActiSku {
		background: url(../../images/boxes/actiSku.gif) no-repeat 0 4px; 
		padding: 0 0 0 86px;
		}
		
	#content h2.boxPA {
		background: url(../../images/boxes/promoAnalysis.gif) no-repeat 0 2px; 
		}
		
	#content h2.boxCM {
		background: url(../../images/boxes/catManagement.gif) no-repeat 0 2px; 
		}
		
	#content h2.boxApollo {
		background: url(../../images/boxes/apollo.gif) no-repeat 0 2px; 
		color:#6f6f6f;
		font-size: 1.4em;
		padding:9px 0 0 30px;
		height: 34px;
		}
		
	#content h2.clientsNews {
		padding: 0;
		padding-bottom:4px;
		height: 30px;
		line-height:30px;
		}
			
	#content h2 span.h2secondLine {
		font-size: 0.7em;
		color:#bcbcbc;
		display:block;
		height:25px;
		line-height:20px;
		padding-bottom:2px;
		}
		
	#content h2 span.changeColour {
		color:#6f6f6f;
		}
		
	h4 span {
		color:#6f6f6f;
	}
	
	
	#content h4.apollo {
		font-style: italic;
		}
		
	#content h4.apollo span {
		color: #6f6f6f;
		font-weight: bold;
		font-style: normal;
		}	
	
	h3{
		color:#bcbcbc;
		font-size: 1.4em;
		padding: 0 0 13px 15px;
	}
	
	h3 span {
		color:#6f6f6f;
	}
	
	
	#content h4 {
		color: #c00000;
		font-size: 1.2em;
		padding: 0 0 8px 15px;
		font-weight: normal;
	}

	p{
		font-size:1.2em;
		line-height:16px;
		padding:10px 0;
	}

	div.infoboxInner ul, div.infoboxInner ol{
		margin:0 18px; padding:0;
	}
	div.infoboxInner ul li, div.infoboxInner ol li{
		margin:0; padding:5px 0;
	}	
	
	#sideNav p{
		font-size:1.2em;
	}
	
	#clientbox a{
		color:#999;
	}
	#clientbox a:hover{
		color:#666;
	}
	
	#content ul {
		list-style-type: none;
		}
	
	#content li {
		background: url(../../images/layout/bullet.gif) no-repeat 0 7px;
		font-size:1.2em;
		padding:0 0 14px 16px;
		}
		

		
	#content ul.padMe {
		padding: 45px 0 0 0;
		}
		
		
	#content p.downloadLink {
		text-align: right;
		padding: 0 0px 20px 0;
		}
		
	#content p.downloadLink a {
		color:#bcbcbc;
		text-decoration: none;
		font-weight: bold;
		padding: 0 26px 0px 0;
		background: url(../../images/misc/pdf-icon.gif) no-repeat top right; 
		}	
		
	#content p.downloadLink a span {
		color:#6f6f6f;
		}	
		
	#content p.downloadLink a:hover {
		text-decoration: underline;
		}	
		
	
	
	


	
/*///////////////////////////////////////////////////////////////////////
	Menu
///////////////////////////////////////////////////////////////////////*/

	#topNav {
		background:url(../../images/nav/nav_bg_right.gif) no-repeat right top #999;
		display:block;
		height:28px;
		overflow:hidden;
		margin:13px 0 0 0; padding:0;
	}
	#topNav, #topNav ul {
		list-style-type:none;
	}
	
	
	
	#topNav a {
		color:#fff;
	}
	/*
	#topNav ul {
		position:absolute; 
		top:0; left:-999em;
		z-index:10;
		width:100%; height:auto;
		margin:20px auto auto auto;
		background-color:#888787;
	}
	#topNav ul ul {
		margin:auto auto auto 100%;
	}
	*/
	#topNav li {
		position:relative; height:auto;
		background-color:#888787;
		float:left;
	}
	/*
	#topNav li li {
		width:auto;
		float:none;
	}
	*/	
	#topNav li a {
		color:#ffffff;
		text-transform:uppercase;
		text-decoration:none;
		display:block;
		float:left;
		padding:0 0 0 5px;
		height:28px;
		line-height:28px;
		text-align:center;
		cursor:pointer;
		background:url(../../images/nav/nav_bg_left.gif) no-repeat top left;		
	}
	/*
	#topNav ul li a {
		line-height:28px;
		min-height:28px;
		height:auto !important;
		height:28px;
		text-transform:capitalize !important;
		font-weight:bold;
	}
	#topNav li li a {	
		background:#636363;
		float:none;
		clear:both;
		text-align:left;
		padding-right:2px;
		line-height:1.4em;
	}
	*/
	#topNav li a span {
		float:left;
		display:block;
		padding:0 10px 0 7px; /*Padding of menu items*/
		background:url(../../images/nav/nav_bg_right.gif) no-repeat right top; /*right tab image path*/
	}	
	#topNav li a:hover {
		background:url(../../images/nav/nav_bg_left_on.gif) no-repeat top left;		
	}
	#topNav li a:hover span {
		background:url(../../images/nav/nav_bg_right_on.gif) no-repeat right top; /*right tab image path*/
	}
	
	
	/* last tab - special case */
	#topNav li#t8 a span{
		background:url(../../images/nav/nav_bg_right.gif) no-repeat left top;
		padding-right:7px;
	}
	#topNav li#t8 a:hover {
		background:url(../../images/nav/nav_bg_left_on.gif) no-repeat top left;		
	}
	#topNav li#t8 a:hover span {
		background:url(../../images/nav/nav_bg_right_on.gif) no-repeat left top; /*right tab image path*/
	}
		
/*/////////////////////////////////////////////////////////////////////
	Shell
/////////////////////////////////////////////////////////////////////*/

	body {
		font-size:62.5%;
		text-align:center;
		background-color:#fff;
		margin:0; padding:0;
	}
	#container {
		width:922px;
		text-align:left;
		margin:0 auto;
		padding:0;
	}
	#head{
		background:#bfbfbf;
		height:120px;
		overflow:hidden !important;
	}
	#innerHead{
		width:920px;
		text-align:left;
		margin:0 auto 0 auto; padding:0;
	}
	#flashbanner{
		height:135px;
		margin:20px 0;
		text-align:center;
		line-height:135px;
	}
	#footer{
		font-size:1.2em;
	}
	p#footAddress{
		margin:10px 0 0 0; padding:5px 5px;
		letter-spacing:1px;
		background:#bfbfbf; /* #bfbfbf */
		color:#fff;
		text-align:center;
		font-size: 1.0em;
	}
	p#footAddress a{
		color:#fff;
		text-decoration:none;
	}
	ul#footerLinks{
		list-style:none;
		margin-top:20px;
		float:left;
	}
	ul#footerLinks li{
		display:inline;
		color:#000;
	}
	ul#footerLinks li a{
		color:#000;
		padding:0 4px 0 8px;
		border-left:1px solid #000;
	}
	
	#innerContent{
		float:left;
		width:765px;
	}
	
	div.infobox {
		float:left;
		width:290px;
		margin:10px 25px 20px 0; padding:0;
		font-size:1.2em;	
	}
	div.infobox_med{
		float:left;
		width:350px;
		margin:10px 64px 20px 0;padding:0;
		font-size:1.2em;	
	}
	div.infobox_large{
		font-size:1.2em;	
		width:763px;
		margin:0 0 20px 0;
	}
	div.infobox div.infoboxInner{
		border-left:4px solid #f2f2f2;
		border-right:4px solid #f2f2f2;
		height:260px;
		padding:0 6px;
	}
	div.infobox_med div.infoboxInner{
		border-left:4px solid #f2f2f2;
		border-right:4px solid #f2f2f2;
		padding:0 6px;
	}
	div.infobox_large div.infoboxInner{
		border-left:4px solid #f2f2f2;
		border-right:4px solid #f2f2f2;
		padding:0 6px;
	}
	div.infobox div.top{
		height:17px;
		background:url(../../images/layout/curvedbox_top.gif) no-repeat;
	}
	div.infobox div.bot{
		height:17px;
		background:url(../../images/layout/curvedbox_bot.gif) no-repeat;
	}
	div.infobox_med div.top{
		height:17px;
		background:url(../../images/layout/curvedbox_med_top.gif) no-repeat;
	}
	div.infobox_med div.bot{
		height:17px;
		background:url(../../images/layout/curvedbox_med_bot.gif) no-repeat;
	}
	div.infobox_large div.top{
		height:17px;
		background:url(../../images/layout/curvedbox_large_top.gif) no-repeat;
	}
	div.infobox_large div.bot{
		height:17px;
		background:url(../../images/layout/curvedbox_large_bot.gif) no-repeat;
	}
	#iriLogo{
		float:right;
		width:170px;
		text-align:right;
		margin-top:10px;
	}
	#iriLogo p{
		display:inline;
		color:#999;
	}
	#iriLogo img{
		border:none;
	}
	
	#sideNav{
		width:120px;
		margin:50px 30px 30px 0;
		float:left;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Navigation
/////////////////////////////////////////////////////////////////////*/	


	ul#nav{
		margin:13px 0 0 0; padding:0;
	}
	ul#nav li{
		list-style:none;
		float:left;
		margin-right:1px;
	}
	ul#nav li a{
		color:#fff;
		text-transform:uppercase;
		text-decoration:none;
		float:left;
		display:block;
		padding:0 0 0 5px; /*Padding to accomodate left tab image. Do not change*/
		height:20px;
		line-height:20px;
		text-align:center;
		cursor:pointer;
		background:url(../../images/nav/nav_bg_left.gif) no-repeat top left; /*left tab image path*/	
	}
	
	ul#nav li a b{
		float:left;
		display:block;
		padding:0 12px 0 8px; /*Padding of menu items*/
		background:url(../../images/nav/nav_bg_right_on.gif) no-repeat right top; /*right tab image path*/
	}
	
	ul.subNav{
		margin:0; padding:0;
		width:120px;
	}
	#content ul.subNav li{
		list-style:none;
		padding:4px 0 !important;
		border-bottom:1px dotted #bfbfbf;
		background: none !important;
		font-size: 1.0em;
	}
	#content ul.subNav li a{
		color:#000;
		font-size:1.2em;
		line-height:1.4em;
	}

/*/////////////////////////////////////////////////////////////////////
	Page Elements
/////////////////////////////////////////////////////////////////////*/	


	#mic_graphs{
		width:600px;
		margin:15px 0;
	}
	#mic_graphs p{
		float:right;
		width:370px;
	}
	img#mic_graph1{
		float:left;
	}
	img#mic_graph2{
		float:right;
		margin-right:20px;
	}
	#mic_graph5 ul{
		float:left;
		width:370px;
		font-size:0.9em;
	}
	#mic_graph5 ul li{
		padding:2px 10px;
	}		
	#mic_graph5 img{
		float:left;
	}
	
	#prod_img img{
		margin-right:40px;
	}
	
	#ps_planogram img{
		float:left;
		margin-right:20px;
	}
	#ps_planogram ul{
		float:left;
	}
	#ps_planogram ul li{
		padding:2px 10px;
	}
	
	#clientLogos ul{
		
	}
	#clientLogos ul li{
		list-style:none;
	}
	
	#clientLogos {
		display: block;
		width: 570px !important;
		float: left;  
		}
		
		
	#social {
		float: left;
		width: 200px;
		margin: 0 0 0 20px;
		}
		
		
	#social a {
		
		float: right;
		display: block;
		width: 50px;
		height: 50px;
		margin: 0 0 0 10px;
		
		}
		
		
	
		
/* home */

div#flashCon {
	margin: 0 0 10px 0;
}

a#toggleClientLogos {
	font-size: 0.8em;
	font-weight: normal;
	color: #6f6f6f;
	
	}
	
	
/* Clients-News */

	div.newsItem {
		padding: 0 15px 15px 0;
		}


	div.newsText {
		float: left;
		width: 620px;
		}
		
	div.newsImg {
		float: left;
		width: 110px;
		margin: 0 0 0 20px;
		}
		
/* Contact */		
		
	#contactLeft {
		float:left;
		width: 380px;
		}
		
	#contactRigth {
		float:right;
		width: 380px;
		}
		
/* Case studies */
 
	div.caseStudy p.caseBott {
		border-bottom: #bfbfbf 1px solid;
		padding: 0 0 20px 0;
		}
			
	
	div.caseStudy h2 {
		float: left !important;
		width: 445px !important;
		}
	
	
	div.caseStudy p.downloadLink {
		float: right;
		width: 150px;
		}
	
		
/* Downloads */

	div.downloadSubject {
		margin: 0 0 20px 0;
		}

	div.downloadSubject div.links {
		float: right;
		width: 200px;
		}
		
	div.downloadSubject div.desc {
		float: left;
		width: 525px;
		}

	div.downloadSubject div.downCont{
		border-bottom: #bfbfbf 1px solid;
		padding: 0 0 20px 0;
		margin: 0 15px;
		}
		
	div.downloadSubject div.downCont.noBorder {
		border-bottom: none;
		}

	div.downloadSubject p {
		margin: 0;
		}
		
	#content div.downloadSubject h4 {
		padding:0 0 8px 0;
		}
		
	#content div.downloadSubject p.downloadLink {
		padding: 0 26px 8px 0;
		}
		
	div.downloadSubject.bingo{
		background: #f8f8f8;
		padding: 20px 0 0 0;
		}
		
		
/* Site Map */
	h2.repeatedheading{
		visibility:hidden;
	}
	
	ul.sitemap li a{text-decoration:none;}
		ul.sitemap li a:hover{text-decoration:underline;}
		
		
	.download1 .box, .download3 .box{
		margin-top:10px;
	}
	
	
/* VR Vid */


#vrVid {
		margin: 20px 0 0 20px;
		}