/* Global style sheet for screen */

html {padding:0px; margin:0px;}
body {padding:0px; margin:0px; background-color:#ccc; text-align:center; font-size:9pt; color:#666; font-family:verdana, arial, sans-serif;}

a:link, a:visited {color:#00adef;}
a:hover {color:#ccc;}

.none:link, .none:visited {color:#666; text-decoration:none;}


.GreenBtn:link, .GreenBtn:visited {Background-color:#00adef; color:#fff; text-decoration:none; padding:4px 10px 4px 10px;}
.GreenBtn:hover {color:#ccc;}
.BlueBtn:link, .BlueBtn:visited {Background-color:#b7d433; color:#fff; text-decoration:none; padding:4px 10px 4px 10px;}
.BlueBtn:hover {color:#999;}
.WhiteBtn:link, .WhiteBtn:visited {color:#00adef; text-decoration:none; padding:4px 10px 4px 10px; border:1px solid #00adef;}
.WhiteBtn:hover {color:#999;}

p {margin:0px; line-height:130%;}
.txt {font-size:9pt; color:#666; font-family:verdana, arial, sans-serif;}
.txt2 {font-size:11pt; color:#666; font-family:verdana, arial, sans-serif;}
.green {color:#b7d433;}
.blue {color:#00adef;}
.blue2 {color:#00adef; font-size:14pt;}
.red {color:#ec008c;}
.pink {color:#c00;}
.grey2 {font-size:11pt; line-height:150%;}

h3.pink {color:#ec008c; font-size:12pt; margin:5px 0px 5px 0px; font-weight:bold;}

.clear {clear:both;}
table th{color:#b7d433; text-align:left;}
table tr td{vertical-align:top;}

h1 {color:#999; font-size:18pt; border-bottom:1px solid #999; font-weight:normal;}
h1.home {color:#00adef; font-size:16pt; font-weight:normal; margin:5px 0px 5px 0px; border-bottom:none;}
.sub {color:#666; font-size:12pt; font-weight:normal; margin:5px 0px 5px 0px; border-bottom:none;}
h1.pink{background: url(/Images/Global/Bg/BtnRed.gif) no-repeat left; background-color:#ec008c; color:#fff; padding:6px 3px 3px 3px; font-size:11pt; margin:2px; font-weight:normal;}
h1.blue{background: url(/Images/Global/Bg/BtnBlue.gif) no-repeat left; background-color:#00adef; color:#fff; padding:6px 3px 3px 3px; font-size:11pt; margin:2px; font-weight:normal;}
h2 {color:#b7d433; font-size:12pt; margin:5px 0px 5px 0px; font-weight:bold;}
h2.subtitles {color:#b7d433; font-size:12pt; font-weight:bold; margin: 10px 0px 4px 0px;}
h2.Quote {color:#b7d433; font-style:italic; font-size:12pt; line-height:150%; font-weight:normal;}
h2.SmallQuote {color:#b7d433; font-style:italic; font-size:9pt; line-height:150%; font-weight:normal;}
h2 a:link, h2 a:visited {color:#fff; text-decoration:none;}
h2 a:hover {text-decoration:none;}

img {border:none;}
.ipr {float:right; padding-left:10px;}
.ipl {float:left; padding-right:10px;}

.Padding {padding:5px;}

ul {margin:0px; padding:0px 0px 0px 15px;}
ul li {margin:3px 0px 5px 0px;}

/*The main container of all content*/
#Container {position:relative; margin:0px auto 0px auto; padding:0px 0px 0px 0px; width:800px; text-align:left; background-color:#fff;}

/*For pages with no side column*/
#content {padding:10px;}


/*Forming the side column */
#Side {Display:inline; position:absolute; top:150px; left:10px; width:170px; margin:0px 0px 0px 0px; padding:0px 0px 50px 0px; }

/*Forming the right side column used in client login area */
#rSide {Display:inline; position:absolute; top:230px; left:620px; width:170px; margin:0px 0px 0px 0px; padding:0px 0px 50px 0px; }


/*Forming the main text area */
#Main {Display:inline; width:595px; padding:0px 0px 0px 0px; margin:0px 10px 0px 0px;}

/*Forming the main text area on student options page*/
#MainContent {padding:20px; margin:0px;}



#MainHome {width:500px; padding:0px 0px 0px 0px; margin:0px 10px 0px 10px;}
/*A tiny bit of positioning to keep the text in the right flow...*/
#HomeBlurb {position:absolute; top:610px; left:30px; }


/*Styling the footer */
#Footer {font-size:8pt; text-align:right; margin:20px 10px 10px 10px; padding:6px 0px 0px 0px; color:#ccc; clear:both;}
#Chris {font-size:8pt; text-align:right; margin:20px 10px 10px 10px; padding:6px 0px 0px 0px; color:#ccc; clear:both;}

/*Styling the top navigation - this has been replaced by the menu further down with dropdown effect
#TopNav {width:780px; height:30px; padding:3px 0px 3px 0px; margin:0px 10px 5px 10px; font-size:9pt; background: url(../Images/Global/Bg/topnav.png) repeat-x top left;}
#TopNav a:link, #TopNav a:visited {display:inline; color:#fff; text-decoration:none; padding:0px 10px 0px 10px; border-right:1px solid #fff;}
#TopNav .login:link, #TopNav .login:visited {color:#ec008c; font-weight:bold; border-right:none;}
#TopNav a:hover {color:#b7d433;}
*/

/*Styling the top navigation home */
#TopNavhome {width:780px; height:30px; padding:3px 0px 3px 0px; margin:0px 10px 5px 10px; font-size:9pt; background:  url(file:///C|/Inetpub/wwwroot/www.mistservices.co.uk/Images/Global/Bg/topnav.png) repeat-x top left;}
#TopNavhome a:link, #TopNavhome a:visited {display:inline; color:#fff; text-decoration:none; padding:0px 10px 0px 10px; border-right:1px solid #fff;}
#TopNavhome .login:link, #TopNavhome .login:visited {color:#ec008c; font-weight:bold; border-right:none;}
#TopNavhome a:hover {color:#b7d433;}

/*Styling the side navigation.......*/
#SideNav {width:157px; margin:0px 4px 5px 4px; padding:0px;}
#SideNav a:link, #SideNav a:visited {background:  url(file:///C|/Inetpub/wwwroot/www.mistservices.co.uk/Images/Global/GreenDot.gif) no-repeat left; display:block; border-bottom:1px solid #ccc; color:#666; padding: 8px 0px 8px 20px; text-decoration:none; font-size:8pt;}
#SideNav a:hover {color:#b7d433;}
#SideNav .sub:link, #SideNav .sub:visited {background:  url(file:///C|/Inetpub/wwwroot/www.mistservices.co.uk/Images/Global/GreenDotx.gif) no-repeat left; display:block; border-bottom:1px dotted #ccc; color:#999; padding: 8px 0px 8px 8px; text-decoration:none; font-size:8pt;}
#SideNav .sub:hover {color:#b7d433;}


/*Styling for main page navigation of columns */
#mainmenu {width:800px; margin:0px; text-align:left; background:  url(http://www.mistservices.co.uk/Images/Global/Bg/colbg.png) no-repeat top left;}
#mainmenu ul{margin:0px; padding:0px;}
#mainmenu ul li{list-style-type:none; margin:0px 0px 0px 0px; padding:10px 0px 10px 20px; float:left; width:240px;}
#mainmenu h2.home {margin:0px 0px 20px 0px;}
#mainmenu h2.home a:link, #mainmenu h2.home a:visited {color:#fff; font-size:11pt;  font-weight:normal;}


/*Add the arrows to the product meanu on the prduct page*/
.SubNav a:link, .SubNav a:visited {background:  url(file:///C|/Inetpub/wwwroot/www.mistservices.co.uk/Images/Global/GreenDot.gif) no-repeat left; display:block; border-bottom:1px solid #ccc; color:#666; padding: 8px 0px 8px 20px; text-decoration:none; font-size:8pt;}
.SubNav a:hover {color:#b7d433;}


/*Styling the breadcrumbs */
#Bread {Margin:0px 0px 3px 5px; color:#ec008c; font-size:8pt;}
#Bread .Bread:link, #Bread .Bread:visited {background:  url(file:///C|/Inetpub/wwwroot/www.mistservices.co.uk/images/global/SmallGreyArrow.gif) no-repeat right; padding-right:15px; color:#999; text-decoration:none;}
#Bread .Bread:hover {color:#b7d433;}

/*For the little email to a friend and print page links */
#Contacts {text-align:right; float:right;}

/*Styling the sub home page gallery of offers */
#LinkBtn ul {margin:0px; padding:0px; list-style-type:none; }
#LinkBtn {margin:5px 0px 0px 5px; width:500px; height:100%; }
#LinkBtn li {background:  url(file:///C|/Inetpub/wwwroot/www.mistservices.co.uk/Images/Global/Puzz.gif) no-repeat left; float:left; padding:10px 3px 3px 40px; margin:0px 5px 5px 0px; color:#666; width:450px; height:30px; border:1px solid #060; font-size:9pt;}
#LinkBtn a:link, #LinkBtn a:visited {text-decoration:none; color:#666;}
#LinkBtn a:hover {color:#060;}

.PrintOnly {display:none;}

.FindPhrase{height:20px; width:120px; border:none; background: transparent url(file:///C|/Inetpub/wwwroot/www.mistservices.co.uk/css/%22/images/global/FindPhrase.gif%22) no-repeat;}
.Submit{border-style: none;
    border-color: inherit;
    border-width: medium;
    width:120px; height:20px; background: transparent url(file:///C|/Inetpub/wwwroot/www.mistservices.co.uk/css/%22/images/global/Submit.gif%22) no-repeat;
}
.SearchFAQ{height:20px; width:120px; border:none; background: transparent url(file:///C|/Inetpub/wwwroot/www.mistservices.co.uk/css/%22/images/global/search_faqs.gif%22) no-repeat;}
.Search{height:20px; width:120px; border:none; background: transparent url(file:///C|/Inetpub/wwwroot/www.mistservices.co.uk/css/%22/images/global/Search.gif%22) no-repeat;}

.GreyBox {width:100%; border:1px solid #e8e8e8; padding:3px;}
.ImgBox {width:585px; border:1px solid #e8e8e8; padding:3px; margin-left:1px;}
.ImgBox h2 a:link, .ImgBox h2 a:visited {color:#b7d433; text-decoration:underline;}

/*This is the display box for the country/subject on the country/subject pages ex in Brazil you can do: */
#DisBox {float:left; margin:5px 15px 10px 0px; color:#666; width:230px; height:110px; padding:5px; border:1px solid #e8e8e8; display:inline; font-size:10pt; background-color:#f2f6df;}

#DisBox h4 {background-color:#b7d433; color:#fff; font-weight:bold; padding:3px; margin:0px 0px 3px 0px;}
#DisBox h4 a:link, #DisBox h4 a:visited {text-decoration:none; background-color:#b7d433; color:#fff; font-size:11px; font-weight:bold; width:100%; }

/*This is the display box for the page wide lists like the white papers: */
#DisBoxw {}
#DisBoxw ul {list-style-type:none;}
#DisBoxw ul li{margin:10px 0px 10px 0px; color:#666; height:110px; border:1px solid #e8e8e8; font-size:10pt; background-color:#f2f6df;}

#DisBoxw h4 {background-color:#b7d433; color:#fff; font-weight:bold; padding:3px; margin:0px 0px 3px 0px;}
#DisBoxw h4 a:link, #DisBoxw h4 a:visited {text-decoration:none; background-color:#b7d433; color:#fff; font-size:11px; font-weight:bold; width:100%; }

/*This is the diplay for produc page list, ex the tool kits */
#ProdList {}
#ProdList ul {list-style-type:none;}
#ProdList ul li{margin:10px 0px 10px 0px; color:#666; height:140px; border-bottom:1px solid #e8e8e8; font-size:10pt;}

#ProdList h4 {color:#00adef; font-weight:bold; padding:4px; margin:0px 0px 3px 0px; font-size:12pt;}
#ProdList h4 a:link, #ProdList h4 a:visited {text-decoration:none; color:#00adef; font-size:12px; font-weight:bold; width:100%; }


.DotBox {border-bottom:1px dotted #ccc; margin:5px 0px 5px 0px; padding:5px;}
.GreenBox {background-color:#f2f6df; padding:5px; border:1px solid #e8e8e8;}

/*Two colm layout */
.Colm1 {width:45%; float:left; margin-right:20px;}
.Colm2 {width:45%; float:left;}

/*Two colm layout, green box and pink box */
#ColmG {background-color:#b7d433; width:290px;  color:#fff;}
#ColmP {width:280px; float:right; background-color:#ec008c; color:#fff; margin-left:20px;}

#ColmG h2, #ColmP h2 {color:#fff; font-weight:normal; font-size:14pt; margin:10px 0px 10px 0px; padding:0px 0px 4px 8px; border-bottom:1px solid #fff;}
#ColmG a:link, #ColmG a:visited {color:#fff;}
#ColmG a:hover {color:#666;}
#ColmP a:link, #ColmP a:visited {color:#fff;}
#ColmP a:hover {color:#666;}

ul.gbg {margin:0px; padding:0px;}
ul.gbg li {list-style-type:none; background: url(file:///C|/Inetpub/wwwroot/www.mistservices.co.uk/Images/Global/Bg/arrowgreenbg.gif) no-repeat top left; padding:0px 8px 15px 25px;}

#sidebox {width:260px; position:absolute; top:110px; left:530px;}

/*Sidebox that will float anywhere on the page, not absolutely positioned */
#sideboxr {width:260px; float:right; margin-left:15px;}

/*Styling the index pages gallery of offers */
#Gallery {width:540px; margin:0px; text-align:left;}
#Gallery ul{margin:0px; padding:0px;}
#Gallery ul li{list-style-type:none; margin:0px 10px 10px 0px; padding:10px 0px 0px 15px; background: url(/Images/Global/Bg/BlueGreen.png) no-repeat top left; float:left; width:232px; height:70px; color:#fff; border:0px solid #c00;}
#Gallery ul li.pink{background: url(/Images/Global/Bg/BluePink.png) no-repeat top left;}
#Gallery ul li a:link, #Gallery ul li a:visited {text-decoration:none; color:#fff;}
#Gallery ul li h2 {font-family:Century Gothic; font-weight:normal; font-size:14pt;}

/*Styling the training courses page gallery of courses */
#Gallery2 {float:left; margin:0px 15px 15px 0px; color:#666; width:180px; height:280px; padding:5px 0px 0px 0px; display:inline; font-size:9pt; background-color:#f2f6df;}
#Gallery2 a:link, #Gallery2 a:visited{font-size:10pt; color:#fff;}
#Gallery2 h3 a:link, #Gallery2 h3 a:visited {color:#b7d433; font-size:13pt; font-weight:normal; text-decoration:none; border-bottom:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#content2 {padding:0px 10px 10px 10px;}

/*Styling for page navigation of columns with the speach boxes in the bg */
#speachmenu {width:800px; margin:0px; text-align:left; background:  url(file:///C|/Inetpub/wwwroot/www.mistservices.co.uk/Images/Global/Bg/speachbg.png) no-repeat top left; height:210px;}
#speachmenu ul{margin:0px; padding:0px;}
#speachmenu ul li{list-style-type:none; margin:0px 0px 0px 0px; padding:10px 0px 10px 20px; float:left; width:240px; color:#fff;}
#speachmenu h2.home {margin:5px 0px 15px 0px;}
#speachmenu h2.home a:link, #speachnmenu h2.home a:visited {color:#fff; font-size:11pt; font-weight:bold; text-decoration:none;}
#speachmenu h2.home a:hover {color:#efefef; text-decoration:none;}
#speachmenu a:link, #speachmenu a:visited {color:#fff; text-decoration:underline;}
#speachmenu a:hover {color:#999; text-decoration:underline;}


#pad {height:140px;}

table.white tr {color:#fff; font-size:9pt;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#TopNav {background-color:#b7d433; height:43px; margin:0px 0px 8px 0px;}
#menu {padding:0px; margin:0px 0px 15px 0px; list-style:none; height:40px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#menu li {float:left; margin-right:0px;}
#menu li a {display:block; float:left; height:40px; line-height:40px; border-right:1px solid #fff; background:#b7d433; color:#fff; text-decoration:none; font-size:11px; font-weight:bold; padding:0px 30px 0px 20px;}

#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {z-index:200; position:relative;color:#fff; background-color:#b7d433;}
#menu li:hover {position:relative; z-index:200;}

#menu li:hover > a {color:#fff; background:#00adef;}
#menu li:hover > a.sub {color:#fff; background-color:#00adef;}

#menu :hover ul {left:0; top:40px; width:220px; background:#444;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul
{left:120px; top:-1px; background:#222; white-space:nowrap; width:100px; z-index:200; height:auto;}

#menu :hover ul li {margin:0; border-top:1px solid #fff;}
#menu :hover ul li a {width:220px; padding:0; text-indent:10px; background:#b7d433; color:#fff; height:30px; line-height:30px;}
#menu :hover ul li a.fly {background:#333 url(file:///C|/Inetpub/wwwroot/www.mistservices.co.uk/css/right-arrow.gif) no-repeat right center;}

#menu :hover ul :hover {background-color:#00adef; color:#fff;}
#menu :hover ul :hover a.fly {background-color:#c60; color:#fff;}

#menu :hover ul :hover ul li a {width:100px; padding:0; text-indent:10px; background:#3e3e3e; color:#ccc;}
#menu :hover ul :hover ul :hover {background-color:#d70; color:#fff;}

#menu .login:link, #menu .login:visited {color:#ec008c; font-weight:bold;}

/*Gives the green filter bg */
#filter {background: url(/Images/Global/Bg/filterbg.png) no-repeat left; padding:25px 0px 0px 65px; width:350px; height:50px;}