@charset "UTF-8";
/* CSS Document For adding additional styles to the sites */

#head-wrap {
	width:auto; 
	padding:0; 
	margin:0; 
	background-image:url(../img/mainarea_bg2.gif); 
	background-position:left bottom; 
	background-repeat:repeat-x; 
	background-colour:#292929;
}

#blue-wrap{	width:100%;	padding:0;	margin:0;	background-image:url(../img/main-bg.jpg);	background-position:center top;	background-repeat:no-repeat;	background-color:#48566D;	overflow:hidden;}
#grey-wrap{	width:100%;	padding:0;	margin:0;	background-image:url(../img/grey-bg.jpg);	background-position:center top;	background-repeat:no-repeat;	background-color:#9b9a99;	overflow:hidden;}
#brown-wrap{ width:100%;	padding:0;	margin:0;	background-image:url(../img/brown-bg.jpg);	background-position:center top;	background-repeat:no-repeat;	background-color:#6C5B51;	overflow:hidden;}
#black-wrap{ width:100%;	padding:0;	margin:0;	background-image:url(../img/black-bg.jpg);	background-position:center top;	background-repeat:no-repeat;	background-color:#000000;	overflow:hidden;}
#dd-wrap { width:100%; padding:0; margin:0; background-color:#daedfe; background-image:url(../img/dd-back.jpg); background-position:center top; background-repeat:repeat-x; overflow:hidden; }

#green-wrap{	width:100%;	padding:0;	margin:0;	background-image:url(../img/green-bg.jpg);	background-position:center top;	background-repeat:no-repeat;	background-color:#1d6a55;	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;}

/*h1, h2, h3, h4, h5, h6 {text-transform:capitalize;}*/


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:5%; vertical-align:middle; padding-left:10px}
td.features{width:35%; vertical-align:middle; padding:10px 20px;}

td.featurebox{width:20%; text-align:center; vertical-align:middle; padding:5px; border-left:1px solid #c9c9c9}
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{border-top: 1px solid #C7C7C7; border-bottom:1px solid white; padding: 10px; text-transform:; margin-bottom:0; margin-top:35px; color:white; background-color:#48566D}
h3.feature-title a{ color:white;}

/* events page table */

td.events{vertical-align:middle; padding:10px 20px;}
td.sitemap{vertical-align:middle; padding:5px 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 */