@charset "UTF-8";
/* CSS Document For adding additional styles to the sites */

#head-wrap {
	width:auto; 
	padding:0; 
	margin :0; 
	background-color:#d0d0d0; 
	background-position:left bottom; 
	background-repeat:repeat-x; 
	
	
}



.red-section{	width:100%; padding-top:44px; padding-bottom:44px;	background-position:center top;	background-repeat:no-repeat;	background-color:#d9232e;	overflow:hidden; }
.green-section{	width:100%; padding-top:44px; padding-bottom:44px;	background-position:center top;	background-repeat:no-repeat;	background-color:#00aaad;	overflow:hidden; }
.white-section{	width:100%; padding-top:44px; padding-bottom:44px;	background-position:center;	background-repeat:no-repeat;	background-color:#ffffff;	overflow:hidden;}
.light-grey-section{	width:100%; padding-top:44px; padding-bottom:44px;	background-position:center top;	background-repeat:no-repeat;	background-color:#e6e7e8;	overflow:hidden;}
.medium-grey-section{	width:100%; padding-top:44px; padding-bottom:44px;	background-position:center top;	background-repeat:no-repeat;	background-color:#d1d3d4;	overflow:hidden;}
.dark-grey-section{	width:100%; padding-top:44px; padding-bottom:44px;	background-position:center top;	background-repeat:no-repeat;	background-color:#808285;	overflow:hidden;}
.banner-section{	width:100%; /*padding-top:44px; padding-bottom:44px;*/	background-position:center top;	background-repeat:no-repeat;	background-color:#e6e7e8;	overflow:hidden;}



#title-area{margin:0 auto; padding-top:40px; /*width:940px; */position:relative;}

.page-title{color:#FFFFFF; font-size:36px; text-align:center; margin:0 auto;}

.slogan {color:#FFFFFF; margin-left:auto; margin-right: auto;}




p a:link{color:#48566D; text-decoration:none;font-weight:bold; border-bottom:1px dashed #48566D;}
p a:hover{text-decoration:none; color:#48566D; font-weight:bold;  border-bottom:1px solid #48566D; }
p a:visited {color:#48566D; text-decoration:none; border-bottom:1px dashed #48566D; font-weight:bold;}



p a.button {color:#FFFFFF; text-decoration:none;font-weight:normal; border-bottom:none;}
/*a.button a:hover{text-decoration:underline; color:#FFFFFF; font-weight:normal; }
a.button a:visited {color:#FFFFFF; text-decoration:none;font-weight:normal;}*/


h2 a:link{color:#48566D !important; text-decoration:none;}
h2 a:hover{color:#48566D; text-decoration:underline;}
h2 a:visited{color:#48566D; text-decoration:none;}

h2.page-subdescription a:link{color:#48566D; text-decoration:none;}
h2.page-subdescription a:hover{color:#48566D; text-decoration:underline;}
h2.page-subdescription a:visited {color:#48566D; text-decoration:none;}

p strong{color:#48566D;font-weight:bold;}
/* Menu list styles */

/*Cog*/
#main-nav ul ul li.cog {background:url(../img/list-images/cog.png) no-repeat 9px 11px;}
#main-nav ul ul li.cog a:hover{background:url(../img/list-images/cog.png) no-repeat 9px 10px #48566D; }

/*Question Mark*/
#main-nav ul ul li.question {background:url(../img/list-images/question.png) no-repeat 9px 11px;}
#main-nav ul ul li.question a:hover{background:url(../img/list-images/question.png) no-repeat 9px 10px #48566D; }

/*Download*/
#main-nav ul ul li.dl {background:url(../img/list-images/dl.png) no-repeat 9px 11px;}
#main-nav ul ul li.dl a:hover{background:url(../img/list-images/dl.png) no-repeat 9px 10px #48566D; }

/*Alert exclamation mark*/
#main-nav ul ul li.exmark {background:url(../img/list-images/exmark.png) no-repeat 9px 11px;}
#main-nav ul ul li.exmark a:hover{background:url(../img/list-images/exmark.png) no-repeat 9px 10px #48566D; }

/*speech bubble*/
#main-nav ul ul li.forum {background:url(../img/list-images/forum.png) no-repeat 9px 11px;}
#main-nav ul ul li.forum a:hover{background:url(../img/list-images/forum.png) no-repeat 9px 10px #48566D;}

/*play button*/
#main-nav ul ul li.play {background:url(../img/list-images/play.png) no-repeat 9px 11px;}
#main-nav ul ul li.play a:hover{background:url(../img/list-images/play.png) no-repeat 9px 10px #48566D; }

/*star - latest version*/
#main-nav ul ul li.star {background:url(../img/list-images/star.png) no-repeat 9px 11px;}
#main-nav ul ul li.star a:hover{background:url(../img/list-images/star.png) no-repeat 9px 10px #48566D;}

/* screen */
#main-nav ul ul li.screen {background:url(../img/list-images/screen.png) no-repeat 9px 11px;}
#main-nav ul ul li.screen a:hover{background:url(../img/list-images/screen.png) no-repeat 9px 10px #48566D;}

/* tick */
#main-nav ul ul li.tick {background:url(../img/list-images/tick.png) no-repeat 9px 11px;}
#main-nav ul ul li.tick a:hover{background:url(../img/list-images/tick.png) no-repeat 9px 10px #48566D;}

/* jigsaw piece */
#main-nav ul ul li.jigsaw {background:url(../img/list-images/jigsaw.png) no-repeat 9px 11px;}
#main-nav ul ul li.jigsaw a:hover{background:url(../img/list-images/jigsaw.png) no-repeat 9px 10px #48566D;}

/* Social @ */
#main-nav ul ul li.social {background:url(../img/list-images/at.png) no-repeat 9px 11px;}
#main-nav ul ul li.social a:hover{background:url(../img/list-images/at.png) no-repeat 9px 10px #48566D;}

/* globe */
#main-nav ul ul li.globe {background:url(../img/list-images/globe.png) no-repeat 9px 11px;}
#main-nav ul ul li.globe a:hover{background:url(../img/list-images/globe.png) no-repeat 9px 10px #48566D;}

/* person */
#main-nav ul ul li.person {background:url(../img/list-images/person.png) no-repeat 9px 11px;}
#main-nav ul ul li.person a:hover{background:url(../img/list-images/person.png) no-repeat 9px 10px #48566D;}

/* key */
#main-nav ul ul li.key {background:url(../img/list-images/key.png) no-repeat 9px 11px;}
#main-nav ul ul li.key a:hover{background:url(../img/list-images/key.png) no-repeat 9px 10px #48566D;}

/* badge */
#main-nav ul ul li.badge {background:url(../img/list-images/badge.png) no-repeat 9px 11px;}
#main-nav ul ul li.badge a:hover{background:url(../img/list-images/badge.png) no-repeat 9px 10px #48566D;}

/* flag */
#main-nav ul ul li.flag {background:url(../img/list-images/flag.png) no-repeat 9px 11px;}
#main-nav ul ul li.flag a:hover{background:url(../img/list-images/flag.png) no-repeat 9px 10px #48566D;}

/* news */
#main-nav ul ul li.news {background:url(../img/list-images/news.png) no-repeat 9px 11px;}
#main-nav ul ul li.news a:hover{background:url(../img/list-images/news.png) no-repeat 9px 10px #48566D;}

/* info */
#main-nav ul ul li.about {background:url(../img/list-images/info.png) no-repeat 9px 11px;}
#main-nav ul ul li.about a:hover{background:url(../img/list-images/info.png) no-repeat 9px 10px #48566D;}

/* friends */
#main-nav ul ul li.friends {background:url(../img/list-images/friends.png) no-repeat 9px 11px;}
#main-nav ul ul li.friends a:hover{background:url(../img/list-images/friends.png) no-repeat 9px 10px #48566D;}

/* compass */
#main-nav ul ul li.compass {background:url(../img/list-images/compass.png) no-repeat 9px 11px;}
#main-nav ul ul li.compass a:hover{background:url(../img/list-images/compass.png) no-repeat 9px 10px #48566D;}

/* tool */
#main-nav ul ul li.tool {background:url(../img/list-images/tool.png) no-repeat 9px 11px;}
#main-nav ul ul li.tool a:hover{background:url(../img/list-images/tool.png) no-repeat 9px 10px #48566D;}

/* advantage */
#main-nav ul ul li.advantage {background:url(../img/list-images/advantage.png) no-repeat 9px 11px;}
#main-nav ul ul li.advantage a:hover {background:url(../img/list-images/advantage.png) no-repeat 9px 10px #48566D;}

/* pen */
#main-nav ul ul li.pen {background:url(../img/list-images/pen.png) no-repeat 9px 11px;}
#main-nav ul ul li.pen a:hover {background:url(../img/list-images/pen.png) no-repeat 9px 10px #48566D;}



/* Product sub-menus */

#main-nav ul li ul li.screen ul li.star a:hover {background:url(../img/list-images/star.png) no-repeat 9px 10px #48566D;}
#main-nav ul li ul li.screen ul li.tool a:hover {background:url(../img/list-images/tool.png) no-repeat 9px 11px;}
#main-nav ul li ul li.screen ul li.jigsaw a:hover{background:url(../img/list-images/jigsaw.png) no-repeat 9px 10px #48566D;}
#main-nav ul li ul li.screen ul li.play a:hover{background:url(../img/list-images/play.png) no-repeat 9px 10px #48566D; }
#main-nav ul li ul li.screen ul li.person a:hover{background:url(../img/list-images/person.png) no-repeat 9px 10px #48566D;}
#main-nav ul li ul li.screen ul li.dl a:hover{background:url(../img/list-images/dl.png) no-repeat 9px 10px #48566D; }
#main-nav ul li ul li.screen ul li.tool a:hover{background:url(../img/list-images/tool.png) no-repeat 9px 10px #48566D;}
#main-nav ul li ul li.screen ul li.key a:hover{background:url(../img/list-images/key.png) no-repeat 9px 10px #48566D;}
#main-nav ul li ul li.screen ul li.forum a:hover{background:url(../img/list-images/forum.png) no-repeat 9px 10px #48566D;}
#main-nav ul li ul li.screen ul li.question a:hover{background:url(../img/list-images/question.png) no-repeat 9px 10px #48566D; }
#main-nav ul li ul li.screen ul li.about a:hover{background:url(../img/list-images/info.png) no-repeat 9px 10px #48566D;}
#main-nav ul li ul li.screen ul li.pen a:hover{background:url(../img/list-images/pen.png) no-repeat 9px 10px #48566D;}

/* Feature Comparison Table */

table.description {width:100%; border:1px solid #c9c9c9;}
td.newnot{width:2%; vertical-align:middle; padding-left:10px}
td.features{width:35%; vertical-align:middle; padding:10px 20px;}
td.intro{width:35%; vertical-align:middle; padding:10px 20px; font-size:14px; font-weight:bold;}

td.featurebox{width:20%; text-align:center; vertical-align:middle; padding:5px; border-left:1px solid #c9c9c9; font-size:12px;}
td.featurebox-e{width:20%; text-align:center; vertical-align:middle; padding:5px; background-color:#dfdfdf;}
td.featurebox-i{width:20%; text-align:center; vertical-align:middle; padding:5px; background-color:#c9b5ab;}
td.featurebox-p{width:20%; text-align:center; vertical-align:middle; padding:5px; background-color:#aebfd4;}


table.description img {vertical-align:middle; margin:0;}

table.description tr:nth-child(even) {background-color:#F8F8F8;}
table.description tr:nth-child(odd) {background-color:#F0F0F0; border-top:1px solid white;}

h3.feature-title{ padding: 1px; text-transform:; margin-bottom:0;  color:white; background-color:#838383}

/* events page table */

td.events{vertical-align:middle; padding:10px 20px;}

/* large list styles */

ul.largelist {list-style:circle; font-family:'Open Sans'; margin-left:20px; margin-bottom:20px; margin-right:20px; }
ul.largelist li {margin-left:30px; color:#48566D; font-size: 18px; font-weight:lighter; line-height:30px; padding-left:10px; padding-bottom:10px}

ul.largelistplain {list-style:none; font-family:'Open Sans'; margin-left:20px; margin-bottom:20px; margin-right:20px; }
ul.largelistplain li {margin-left:30px; color:#48566D; font-size: 18px; font-weight:lighter; line-height:30px; padding-left:10px;}

ul.largelistplain li a:link {color:#48566D; text-decoration:none;}
ul.largelistplain li a:hover {color:#48566D; text-decoration:underline;}
ul.largelistplain li a:visited {color:#48566D; text-decoration:none;}

/* Medium list styles */

ul.mediumlist {list-style:circle; font-family:'Open Sans'; margin-left:0px; margin-bottom:20px; margin-right:20px; }
ul.mediumlist li {margin-left:0px; color:#48566D; font-size: 14px; font-weight:lighter; line-height:auto; padding-left:0; padding-bottom:10px}

ul.mediumlistplain {list-style:none; font-family:'Open Sans'; margin-left:0px; margin-bottom:20px; margin-right:20px; }
ul.mediumlistplain li {margin-left:0px; color:#48566D; font-size: 14px; font-weight:lighter; line-height:auto; padding-left:0;}

ul.mediumlistpad {list-style:circle; font-family:'Open Sans'; margin-left:20px; margin-bottom:20px; margin-right:20px; }
ul.mediumlistpad li {margin-left:30px; color:#48566D; font-size: 14px; font-weight:normal; line-height:25px; padding-left:10px; padding-bottom:10px}
/* Sub menu */
ul.mediumlistpad li ul {margin-left:-39px; font-weight:normal; padding-left:0; padding-bottom:10px; list-style:none; margin-bottom:0;}
ul.mediumlistpad li ul li{/*margin-left:30px;*/ color:#000000; font-size: 11px; font-weight:normal; line-height:20px; padding-left:10px; padding-bottom:0; list-style:none;}





/* Main Section Image Padding */

section#main img {padding:0 0 10px;}

/* Home page news */

ul.news {list-style:circle; font-family:'Open Sans'; margin-left:10px; margin-bottom:20px;}
ul.news li{color:#48566D; font-size: 15px; font-weight:lighter; padding-left:10px;}
ul.news li.morenews{list-style:none; padding-top:20px; padding-left:0;}

/* Press article page */

div#newsimg,newsimg2 img{float:left; padding:0 30px 15px 0 }

/* Press Release page */

table.presstable { /*padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;*/}

#infolist {color: #48566D; font-size: 12px; line-height: 35px; text-align: left; padding:0; margin:0px; line-height:40px;}
#infolist a { -moz-text-blink: none; -moz-text-decoration-color: -moz-use-text-color;  -moz-text-decoration-line: none; -moz-text-decoration-style: solid; font-weight: normal; padding-left: 15px;}
#infolist a:hover { -moz-text-blink: none; -moz-text-decoration-color: -moz-use-text-color; -moz-text-decoration-line: underline; -moz-text-decoration-style: solid;}
#infolist tbody tr {background-color: #F0F0F0;}
#infolist tbody tr td {font-weight: bold;}
#infolist tbody tr.odd td {background-color: #F8F8F8;}

/* css main submenu messing about */
nav#main-nav ul li ul li.news ul {background-image:url(../img/list-images/sub.png); background-repeat:no-repeat; background-position:left -50px top 10px; }
/* end submenu messing about */





.second-nav {

}

.second-nav > .tiles-block {
    max-width: 940px;
    margin: 0px auto;
   
    text-align: center;
}

.second-nav > .tiles-block.home {

}

.second-nav > .tiles-block > a {
    text-decoration: none;
    display: inline-block;
	margin: 45px 24px;
    width: 100px;
    
  
}





