/*

AFM Web Design
Unit F16, BTC
Bessemer Drive
Stevenage
Hertfordshire
SG1 2DX

t: 0845 078 0193

e: info@afmwebdesign.com

*/



/* Generic classes */
/* =============== */

BODY {
  font-family:                          verdana, arial, sans-serif;
  font-size:                            90%;
  font-weight:                          normal;
  color:                                #444444;
  margin:                               0px;
  padding:                              0px;
  border:                               0px}

DIV {
  background:                           transparent;
  position:                             relative;
  display:                              block;
  border:                               0px;
  margin:                               0px;
  padding:                              0px}

DIV.ClearLeft {
  clear:                                left;
  height:                               1px;
  overflow:                             hidden}

DIV.ClearRight {
  clear:                                right;
  height:                               1px;
  overflow:                             hidden}

DIV.ClearBoth {
  clear:                                both;
  height:                               1px;
  overflow:                             hidden}

TABLE {
  border:                               0px;
  margin:                               0px;
  padding:                              0px}

TD {
  border:                               0px;
  margin:                               0px;
  padding:                              0px}

FORM {
  border:                               0px;
  margin:                               0px;
  padding:                              0px}

INPUT {
  margin:                               0px;
  padding:                              0px}

P {
  background-color:                     transparent;
  margin:                               0px;
  border:                               0px;
  padding-top:                          10px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       0px}

P.Quote {
  text-align:                           center;
  font-size:                            100%;
  font-weight:                          normal;
  padding-top:                          50px;
  padding-left:                         60px;
  padding-right:                        60px;
  padding-bottom:                       0px}

A:link {
  color:                                #444444;
  text-decoration:                      none}
A:visited {
  color:                                #444444;
  text-decoration:                      none}
A:active {
  color:                                #444444;
  text-decoration:                      underline}
A:hover {
  color:                                #444444;
  text-decoration:                      underline}

IMG {
  margin:                               0px;
  padding:                              0px;
  border:                               0px}

IMG.FloatLeft {
  float:                                left;
  margin-top:                           20px;
  margin-left:                          10px;
  margin-right:                         20px;
  margin-bottom:                        20px;
  padding:                              0px;
  border:                               0px}

IMG.FloatRight {
  float:                                right;
  margin-top:                           20px;
  margin-left:                          20px;
  margin-right:                         10px;
  margin-bottom:                        20px;
  padding:                              0px;
  border:                               0px}

OBJECT {
  margin:                               0px;
  padding:                              0px;
  border:                               0px}

EMBED {
  margin:                               0px;
  padding:                              0px;
  border:                               0px}

H1 {
  text-align:                           center;
  color:                                #0C1445;
  font-size:                            120%;
  font-weight:                          bold;
  background-color:                     transparent;
  margin:                               0px;
  border:                               0px;
  padding-top:                          20px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       10px}

A.H1:link {
  color:                                #0C1445;
  text-decoration:                      none}
A.H1:visited {
  color:                                #0C1445;
  text-decoration:                      none}
A.H1:active {
  color:                                #0C1445;
  text-decoration:                      none}
A.H1:hover {
  color:                                #0C1445;
  text-decoration:                      none}

H2 {
  text-align:                           left;
  color:                                #0C1445;
  font-size:                            110%;
  font-weight:                          bold;
  background-color:                     transparent;
  margin:                               0px;
  border:                               0px;
  padding-top:                          30px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       0px}

H3 {
  text-align:                           left;
  color:                                #0C1445;
  font-size:                            105%;
  font-weight:                          bold;
  background-color:                     transparent;
  margin:                               0px;
  border:                               0px;
  padding-top:                          20px;
  padding-bottom:                       0px;
  padding-left:                         10px;
  padding-right:                        10px}

H4 {
  text-align:                           left;
  color:                                #0C1445;
  font-size:                            100%;
  font-weight:                          bold;
  background-color:                     transparent;
  margin:                               0px;
  border:                               0px;
  padding-top:                          20px;
  padding-bottom:                       0px;
  padding-left:                         10px;
  padding-right:                        10px}

UL {
  list-style-image:                     url("bullet-level-1.jpg");
  list-style-position:                  outside;
  margin:                               0px;
  padding-top:                          2px;
  padding-left:                         50px;
  padding-right:                        10px;
  padding-bottom:                       2px;
  border:                               0px}

LI {
  margin:                               0px;
  padding-top:                          5px;
  padding-left:                         5px;
  padding-right:                        10px;
  padding-bottom:                       5px;
  border:                               0px}

HR {
  width:                                85%;
  padding:                              0px;
  border-top:                           1px solid #444444;
  border-left:                          0px;
  border-right:                         0px;
  border-bottom:                        0px;
  margin-top:                           1px;
  margin-bottom:                        1px}

FONT.AFMA {
  color:                                #0000FF}

FONT.AFMF {
  color:                                #FF0000}

FONT.AFMM {
  color:                                #009900}



/* Skip to page content link */
/* ========================= */

DIV.TextBrowserSkipToContent {
  height:                               1px;
  overflow:                             hidden}



/* Page layout construction */
/* ======================== */

/* The division float and width values are set by the index page */

/* BODY contains the background layer for the page */
BODY {
  background-image:                     url("body.jpg");
  background-position:                  center top;
  background-repeat:                    repeat}

/* BodyWrapper contains the top backgound graphic and centers the page */
DIV.BodyWrapper {
  width:                                100%;
  background-position:                  center top;
  background-repeat:                    repeat-x}

/* BodyWrapperClearer forces the BodyWrapper division to stretch to contain the PageWrapper division */
DIV.BodyWrapperClearer {
  clear:                                both}

/* PageWrapper contains the top banner, page contents and bottom banner */
DIV.PageWrapper {
  margin-left:                          auto;
  margin-right:                         auto;
  background-image:                     url("page-wrapper.jpg");
  background-repeat:                    repeat-y}

DIV.PageWrapperTop {
  float:                                left;
  background-image:                     url("page-wrapper-top.jpg");
  background-repeat:                    repeat-x}

DIV.PageWrapperBottom {
  float:                                left;
  background-position:                  bottom left;
  background-image:                     url("page-wrapper-bottom.jpg");
  background-repeat:                    no-repeat}

/* PageWrapperClearer forces the PageWrapper division to stretch to contain all the page components */
DIV.PageWrapperClearer {
  clear:                                both;
  height:                               1px;
  background-image:                     url("body.jpg");
  background-repeat:                    repeat}

/* TopBanner contains the logo and top contact details */
DIV.TopBanner {
  float:                                left;
  height:                               118px;
  background-image:                     url("top-banner.jpg");
  background-repeat:                    no-repeat}

DIV.TopBannerLogo {
  float:                                left;
  width:                                135px;
  height:                               83px;
  padding-top:                          35px;
  padding-left:                         42px}

IMG.TopBannerLogo {
  float:                                left;
  width:                                134px;
  height:                               68px}

DIV.TopBannerEmail {
  float:                                left;
  width:                                391px;
  height:                               118px}

P.TopBannerEmail {
  font-size:                            12pt;
  font-weight:                          bold;
  text-align:                           center;
  color:                                #0C1445;
  padding-top:                          97px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}

A.TopBannerEmail:link {
  color:                                #0C1445;
  text-decoration:                      none}
A.TopBannerEmail:visited {
  color:                                #0C1445;
  text-decoration:                      none}
A.TopBannerEmail:active {
  color:                                #0C1445;
  text-decoration:                      underline}
A.TopBannerEmail:hover {
  color:                                #0C1445;
  text-decoration:                      underline}

DIV.BreadCrumbTrail {
  float:                                left;
  border-top:                           #ffffff solid 3px;
  border-left:                          #ffffff solid 3px;
  background-image:                     url("bread-crumb-trail.jpg");
  background-repeat:                    repeat}

P.BreadCrumbTrail {
  font-weight:                          normal;
  text-align:                           left;
  color:                                #444444;
  padding-top:                          2px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       2px}

A.BreadCrumbTrail:link {
  color:                                #444444;
  text-decoration:                      none}
A.BreadCrumbTrail:visited {
  color:                                #444444;
  text-decoration:                      none}
A.BreadCrumbTrail:active {
  color:                                #444444;
  text-decoration:                      underline}
A.BreadCrumbTrail:hover {
  color:                                #444444;
  text-decoration:                      underline}

DIV.BreadCrumbTrailClearer {
  float:                                left;
  clear:                                both;
  height:                               1px;
  overflow:                             hidden}

DIV.TopBannerButtons {
  float:                                right;
  width:                                385px;
  height:                               63px;
  padding-right:                        6px}

DIV.TopBannerButton {
  float:                                right;
  width:                                63px;
  height:                               60px}

DIV.TopBannerButtonDown {
  float:                                right;
  width:                                63px;
  height:                               60px;
  background-image:                     url("top-button-down.jpg");
  background-repeat:                    no-repeat}

DIV.TopBannerButtonHover {
  float:                                right;
  width:                                63px;
  height:                               60px;
  background-image:                     url("top-button.jpg");
  background-repeat:                    no-repeat}

IMG.TopBannerButtonWebsites {
  float:                                left;
  width:                                48px;
  height:                               46px;
  margin-top:                           6px;
  margin-left:                          6px}

IMG.TopBannerButtonSEO {
  float:                                left;
  width:                                46px;
  height:                               46px;
  margin-top:                           6px;
  margin-left:                          8px}

IMG.TopBannerButtonEcommerce {
  float:                                left;
  width:                                50px;
  height:                               46px;
  margin-top:                           6px;
  margin-left:                          5px}

IMG.TopBannerButtonInfo {
  float:                                left;
  width:                                47px;
  height:                               46px;
  margin-top:                           6px;
  margin-left:                          7px}

IMG.TopBannerButtonAccessibility {
  float:                                left;
  width:                                46px;
  height:                               46px;
  margin-top:                           6px;
  margin-left:                          8px}

IMG.TopBannerButtonDatabases {
  float:                                left;
  width:                                44px;
  height:                               46px;
  margin-top:                           6px;
  margin-left:                          8px}

/* PageContents contains the menu, page and side columns */
DIV.PageContents {
  float:                                left}

/* PageContentsClearer forces the PageContents division to stretch to contain all the column components */
DIV.PageContentsClearer {
  clear:                                both;
  height:                               1px}

/* MenuColumn contains the menu components */
DIV.MenuColumn {
  padding-top:                          0px;
  padding-bottom:                       10px}

DIV.MenuBlockClearer {}  
  
DIV.UnderMenuSpacer {
  clear:                                both;
  height:                               10px;
  overflow:                             hidden;
  background-image:                     url("menu-column-spacer.jpg");
  background-position:                  center top;
  background-repeat:                    no-repeat}

DIV.UnderUnderMenuEntrySpacer {
  clear:                                both;
  height:                               10px;
  overflow:                             hidden}

/* MenuColumnClearer forces the MenuColumn division to stretch to contain all the menu components */
DIV.MenuColumnClearer {
  clear:                                both;
  height:                               123px}

/* ColumnContainer contains the page and side columns */
DIV.ColumnContainer {}

/* ColumnContainerClearer forces the ColumnContainer division to stretch to contain the page and side columns */
DIV.ColumnContainerClearer {
  clear:                                both;
  height:                               1px}

/* PageColumn contains the page contents */
DIV.PageColumn {
  padding-top:                          10px;
  padding-bottom:                       20px}

/* PageColumnClearer forces the PageColumn division to stretch to contain the page cotents */
DIV.PageColumnClearer {
  clear:                                both;
  height:                               10px}

/* SideColumn contains the side column contents */
DIV.SideColumn {
  padding-top:                          0px;
  padding-bottom:                       25px}

H2.SideColumn {
  text-align:                           center;
  padding-top:                          30px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       0px}

P.SideColumn {
  padding-top:                          10px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       0px}

DIV.SideColumnPicture {
  width:                                210px;
  float:                                left;
  padding-top:                          20px;
  padding-left:                         20px;
  padding-right:                        0px;
  padding-bottom:                       10px}

/* SideColumnClearer forces the SideColumn division to stretch to contain the side column cotents */
DIV.SideColumnClearer {
  clear:                                both;
  height:                               1px}

/* BottomBanner contains the bottom contact details */
DIV.BottomBanner {
  float:                                left}

DIV.BottomContactDetailsLogos {
  float:                                right;
  width:                                226px;
  padding-top:                          15px}

IMG.BottomBannerFacebookLogo {
  float:                                right;
  width:                                31px;
  height:                               31px;
  margin-right:                         10px}

IMG.BottomBannerTwitterLogo {
  float:                                right;
  width:                                31px;
  height:                               31px;
  margin-right:                         10px}

IMG.BottomBannerBlogLogo {
  float:                                right;
  width:                                55px;
  height:                               31px;
  margin-right:                         30px}

IMG.ValidHTML {
  float:                                right;
  width:                                88px;
  height:                               31px;
  margin-right:                         20px}

IMG.ValidCSS {
  float:                                right;
  width:                                88px;
  height:                               31px;
  margin-right:                         26px}

DIV.BottomContactDetailsText {
  float:                                right;
  width:                                546px;
  padding-bottom:                       15px}

P.BottomContactDetailsTextLine1 {
  font-size:                            10pt;
  font-weight:                          normal;
  text-align:                           left;
  color:                                #FFFFFF;
  padding-top:                          0px;
  padding-left:                         10px;
  padding-right:                        60px;
  padding-bottom:                       5px}

P.BottomContactDetailsTextLine2 {
  font-size:                            10pt;
  font-weight:                          normal;
  text-align:                           left;
  color:                                #FFFFFF;
  padding-top:                          0px;
  padding-left:                         10px;
  padding-right:                        60px;
  padding-bottom:                       5px}

P.BottomContactDetailsTextLine3 {
  font-size:                            10pt;
  font-weight:                          normal;
  text-align:                           left;
  color:                                #FFFFFF;
  padding-top:                          0px;
  padding-left:                         10px;
  padding-right:                        60px;
  padding-bottom:                       0px}


/* Multi page */
/* ========== */

P.MultiPageLinksEntry {
  color:                                #333333;
  text-align:                           center;
  font-size:                            10pt;
  padding-top:                          5px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       30px}

A.MultiPageLinksEntry:link {
  color:                                #333333;
  text-decoration:                      none}
A.MultiPageLinksEntry:visited {
  color:                                #333333;
  text-decoration:                      none}
A.MultiPageLinksEntry:active {
  color:                                #333333;
  text-decoration:                      underline}
A.MultiPageLinksEntry:hover {
  color:                                #333333;
  text-decoration:                      underline}



/* Menu */
/* ==== */

/* All widths and paddings are set in the menu classes in index.php */

DIV.TopContactNumber {
  float:                                right}

P.TopContactNumber {
  font-size:                            12pt;
  font-weight:                          bold;
  text-align:                           right;
  color:                                #0C1445;
  padding-top:                          1px;
  padding-left:                         8px;
  padding-right:                        8px;
  padding-bottom:                       0px}

DIV.MenuLevelTop {
  background-image:                     url("menu-column-spacer.jpg");
  background-position:                  center top;
  background-repeat:                    no-repeat}

DIV.MenuLevel1 {
  background-image:                     url("menu-item.jpg");
  background-repeat:                    repeat-y}

DIV.MenuLevel1Current {
  background-image:                     url("menu-item-current.jpg");
  background-repeat:                    repeat-y}

DIV.MenuLevel1Active {
  background-position:                  top right;
  background-image:                     url("menu-item-active.jpg");
  background-repeat:                    repeat-y}

DIV.MenuLevel2 {
  background-image:                     url("menu-item.jpg");
  background-repeat:                    repeat-y}

DIV.MenuLevel2Current {
  background-image:                     url("menu-item-current.jpg");
  background-repeat:                    repeat-y}

DIV.MenuLevel2Active {
  background-position:                  top right;
  background-image:                     url("menu-item-active.jpg");
  background-repeat:                    repeat-y}

DIV.MenuLevel3 {
  background-image:                     url("menu-item.jpg");
  background-repeat:                    repeat-y}

DIV.MenuLevel3Current {
  background-image:                     url("menu-item-current.jpg");
  background-repeat:                    repeat-y}

DIV.MenuLevel3Active {
  background-position:                  top right;
  background-image:                     url("menu-item-active.jpg");
  background-repeat:                    repeat-y}

P.MenuLevel1 {
  color:                                #444444;
  font-weight:                          normal;
  padding-top:                          5px;
  padding-left:                         16px;
  padding-right:                        0px;
  padding-bottom:                       2px}

P.MenuLevel1Current {
  color:                                #FFFFFF;
  font-weight:                          normal;
  padding-top:                          5px;
  padding-left:                         16px;
  padding-right:                        0px;
  padding-bottom:                       2px}

P.MenuLevel1Active {
  color:                                #444444;
  font-weight:                          normal;
  padding-top:                          5px;
  padding-left:                         16px;
  padding-right:                        0px;
  padding-bottom:                       2px}

P.MenuLevel2 {
  color:                                #444444;
  font-weight:                          normal;
  padding-top:                          5px;
  padding-left:                         26px;
  padding-right:                        0px;
  padding-bottom:                       2px}

P.MenuLevel2Current {
  color:                                #FFFFFF;
  font-weight:                          normal;
  padding-top:                          5px;
  padding-left:                         26px;
  padding-right:                        0px;
  padding-bottom:                       2px}

P.MenuLevel2Active {
  color:                                #444444;
  font-weight:                          normal;
  padding-top:                          5px;
  padding-left:                         26px;
  padding-right:                        0px;
  padding-bottom:                       2px}

P.MenuLevel3 {
  color:                                #444444;
  font-weight:                          normal;
  padding-top:                          5px;
  padding-left:                         36px;
  padding-right:                        0px;
  padding-bottom:                       2px}

P.MenuLevel3Current {
  color:                                #FFFFFF;
  font-weight:                          normal;
  padding-top:                          5px;
  padding-left:                         36px;
  padding-right:                        0px;
  padding-bottom:                       2px}

P.MenuLevel3Active {
  color:                                #444444;
  font-weight:                          normal;
  padding-top:                          5px;
  padding-left:                         36px;
  padding-right:                        0px;
  padding-bottom:                       2px}

A.Menu:link {
  color:                                #444444;
  text-decoration:                      none}
A.Menu:visited {
  color:                                #444444;
  text-decoration:                      none}
A.Menu:active {
  color:                                #444444;
  text-decoration:                      underline}
A.Menu:hover {
  color:                                #444444;
  text-decoration:                      underline}

H2.UnderMenuEntry {
  text-align:                           center;
  padding-top:                          30px;
  padding-left:                         15px;
  padding-right:                        20px;
  padding-bottom:                       0px}



/* Security login */
/* ============== */

DIV.LoginBoxContainer {
  padding-top:                          50px;
  padding-bottom:                       100px}

DIV.LoginBox {
  width:                                340px;
  margin-left:                          auto;
  margin-right:                         auto;
  background-color:                     #DDDDDD}

P.LoginBoxTitle {
  text-align:                           center;
  padding-top:                          20px;
  padding-left:                         20px;
  padding-right:                        20px;
  padding-bottom:                       10px}

DIV.LoginBoxPasswordBox {
  width:                                180px;
  padding-top:                          3px;
  padding-left:                         40px;
  padding-bottom:                       20px;
  float:                                left}

DIV.LoginBoxLoginButton {
  width:                                80px;
  padding-left:                         20px;
  padding-bottom:                       20px;
  float:                                left}

INPUT.LoginBoxPasswordBox {
  width:                                180px;
  color:                                #444444;
  font-weight:                          normal;
  font-size:                            100%;
  margin:                               0px;
  padding:                              1px}

INPUT.LoginBoxLoginButton {
  color:                                #444444;
  font-weight:                          normal;
  font-size:                            100%;
  margin:                               0px;
  padding:                              2px}

DIV.LoginBoxClearer {
  clear:                                both}



/* Website map */
/* =========== */

DIV.WebsiteMapItem {
  float:                                left}

DIV.WebsiteMapItemArrowLevel1 {
  float:                                left;
  width:                                1px;
  height:                               20px}

DIV.WebsiteMapItemArrowLevel2 {
  float:                                left;
  width:                                50px;
  height:                               20px;
  background-position:                  30px 6px;
  background-image:                     url("website-map-arrow.gif");
  background-repeat:                    no-repeat}

DIV.WebsiteMapItemArrowLevel3 {
  float:                                left;
  width:                                80px;
  height:                               20px;
  background-position:                  60px 5px;
  background-image:                     url("website-map-arrow.gif");
  background-repeat:                    no-repeat}

DIV.WebsiteMapItemEntry {
  float:                                left}

DIV.WebsiteMapItemClearer {
  clear:                                both}

DIV.WebsiteMapBottomSpacer {
  float:                                left;
  height:                               20px}

P.WebsiteMapLevel1 {
  font-size:                            110%;
  padding-top:                          10px;
  padding-left:                         20px;
  padding-right:                        10px;
  padding-bottom:                       0px}

P.WebsiteMapLevel2 {
  font-size:                            105%;
  padding-top:                          5px;
  padding-left:                         0px;
  padding-right:                        10px;
  padding-bottom:                       0px}

P.WebsiteMapLevel3 {
  font-size:                            100%;
  padding-top:                          5px;
  padding-left:                         0px;
  padding-right:                        10px;
  padding-bottom:                       0px}

A.WebsiteMap:link {
  color:                                #444444;
  text-decoration:                      none}
A.WebsiteMap:visited {
  color:                                #444444;
  text-decoration:                      none}
A.WebsiteMap:active {
  color:                                #444444;
  text-decoration:                      underline}
A.WebsiteMap:hover {
  color:                                #444444;
  text-decoration:                      underline}



/* Contact us form */
/* =============== */

DIV.ContactFormContainer {
  text-align:                           center;
  margin-top:                           30px}

DIV.ContactForm {
  width:                                490px;
  margin-left:                          auto;
  margin-right:                         auto;
  text-align:                           left;
  color:                                #444444;
  background-color:                     #E3E8F8}

DIV.ContactFormTop {
  height:                               20px;
  overflow:                             hidden}

DIV.ContactFormTopRow {
  float:                                left;
  overflow:                             hidden;
  height:                               10px;
  width:                                480px}

DIV.ContactFormTopRightShadow {
  float:                                left;
  overflow:                             hidden;
  height:                               10px;
  width:                                10px}

DIV.ContactFormRowContainer {
  float:                                left;
  width:                                490px}

DIV.ContactFormRow {
  float:                                left;
  width:                                480px}

DIV.ContactFormHeadingRow {
  float:                                left;
  width:                                460px;
  padding-top:                          30px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       10px}

DIV.ContactFormLabel {
  float:                                left;
  text-align:                           left;
  width:                                185px;
  padding-left:                         10px;
  padding-right:                        5px;
  padding-bottom:                       20px}

DIV.ContactFormItem {
  float:                                left;
  width:                                260px;
  text-align:                           left;
  padding-left:                         5px;
  padding-right:                        0px;
  padding-bottom:                       20px}

DIV.ContactFormButtonRow {
  float:                                left;
  width:                                480px;
  text-align:                           center;
  padding-top:                          10px;
  padding-bottom:                       20px}

DIV.ContactFormClearLeft {
  clear:                                left;
  height:                               1px;
  overflow:                             hidden}

DIV.ContactFormBottom {
  height:                               10px;
  clear:                                both;
  overflow:                             hidden}

DIV.ContactFormBottomLeftShadow {
  float:                                left;
  overflow:                             hidden;
  height:                               10px;
  width:                                10px}

DIV.ContactFormBottomRightShadow {
  float:                                right;
  overflow:                             hidden;
  height:                               10px;
  width:                                10px}

INPUT.ContactForm {
  font-family:                          verdana, arial, sans-serif;
  width:                                100%}

INPUT.ContactFormPostCode {
  font-family:                          verdana, arial, sans-serif;
  width:                                50%}

TEXTAREA.ContactFormAddress {
  font-family:                          verdana, arial, sans-serif;
  width:                                260px;
  height:                               100px}

INPUT.ContactFormCheckBox {
  margin-left:                          150px}

TEXTAREA.ContactFormSummaryOfRequirements {
  font-family:                          verdana, arial, sans-serif;
  width:                                260px;
  height:                               100px}



/* Home page */
/* ========= */

DIV.HomeYoutubeVideo {
  clear:                                both;
  float:                                left;
  width:                                560px;
  padding-top:                          5px;
  padding-left:                         15px;
  padding-bottom:                       15px}
  
DIV.HomeRow {
  float:                                left;
  width:                                560px;
  padding-left:                         15px;
  background-position:                  15px;
  background-image:                     url("home-row-sides.jpg");
  background-repeat:                    repeat-y}

DIV.HomeRowCol1Text {
  float:                                left;
  width:                                177px;
  padding-left:                         10px}

DIV.HomeRowCol2Text {
  float:                                left;
  width:                                177px;
  padding-left:                         10px}

DIV.HomeRowCol3Text {
  float:                                left;
  width:                                176px;
  padding-left:                         10px}
  
DIV.HomeRowDivider {
  float:                                left;
  width:                                560px;
  height:                               20px;
  padding-left:                         15px;
  background-position:                  15px 5px;
  background-image:                     url("home-row-divider.jpg");
  background-repeat:                    no-repeat}

H1.HomeRowColHeading {
  text-align:                           center;
  color:                                #0C1445;
  font-size:                            100%;
  font-weight:                          bold;
  padding-top:                          10px;
  padding-left:                         5px;
  padding-right:                        5px;
  padding-bottom:                       0px}

A.HomeBoxHeadingLink:link {
  color:                                #0C1445;
  text-decoration:                      none}
A.HomeBoxHeadingLink:visited {
  color:                                #0C1445;
  text-decoration:                      none}
A.HomeBoxHeadingLink:active {
  color:                                #0C1445;
  text-decoration:                      underline}
A.HomeBoxHeadingLink:hover {
  color:                                #0C1445;
  text-decoration:                      underline}

P.HomeRowColText {
  color:                                #444444;
  font-size:                            90%;
  padding-top:                          5px;
  padding-left:                         0px;
  padding-right:                        5px;
  padding-bottom:                       0px}

P.HomeRowColReadMoreLink {
  text-align:                           right;
  font-weight:                          bold;
  font-size:                            90%;
  padding-top:                          5px;
  padding-left:                         5px;
  padding-right:                        15px;
  padding-bottom:                       5px}

A.HomeRowColReadMoreLink:link {
  color:                                #444444;
  text-decoration:                      none}
A.HomeRowColReadMoreLink:visited {
  color:                                #444444;
  text-decoration:                      none}
A.HomeRowColReadMoreLink:active {
  color:                                #444444;
  text-decoration:                      underline}
A.HomeRowColReadMoreLink:hover {
  color:                                #444444;
  text-decoration:                      underline}

DIV.HomeSideColumn {
  float:                                right;
  width:                                165px;
  padding-top:                          0px;
  padding-right:                        20px}
  
H2.SideColumnText {
  text-align:                           center;
  color:                                #0C1445;
  font-size:                            100%;
  font-weight:                          bold;
  padding-top:                          30px;
  padding-left:                         0px;
  padding-right:                        10px;
  padding-bottom:                       10px}

A.HomeCaseStudySite:link {
  color:                                #444444;
  text-decoration:                      none}
A.HomeCaseStudySite:visited {
  color:                                #444444;
  text-decoration:                      none}
A.HomeCaseStudySite:active {
  color:                                #444444;
  text-decoration:                      underline}
A.HomeCaseStudySite:hover {
  color:                                #444444;
  text-decoration:                      underline}

P.SideColumnText {
  color:                                #444444;
  font-size:                            90%;
  padding-top:                          5px;
  padding-left:                         0px;
  padding-right:                        10px;
  padding-bottom:                       0px}

IMG.HomeCaseStudySite1 {
  width:                                165px;
  height:                               119px}



/* Links */
/* ===== */

P.Links {
  padding-top:                          30px}


/* Why a website page */
/* ------------------- */

IMG.WhyAWebSiteChipCone {
  width:                                160px;
  height:                               200px;
  margin-top:                           40px;
  margin-left:                          20px}


/* A normal website page */
/* --------------------- */

IMG.ANormalWebsiteMonitor {
  width:                                180px;
  height:                               198px;
  margin-top:                           40px;
  margin-left:                          15px}


/* E-Commerce page */
/* --------------- */

IMG.ECommerceTrolley {
  width:                                180px;
  height:                               200px;
  margin-top:                           20px;
  margin-left:                          10px}

IMG.ECommerceGACS {
  width:                                200px;
  height:                               172px;
  margin-top:                           20px;
  margin-left:                          10px}

TABLE.Ecommerce2009Trends {
  width:                                200px;
  table-layout:                         fixed;
  margin-top:                           10px;
  margin-bottom:                        10px}

TD.Ecommerce2009TrendsCol1 {
  padding-top:                          5px}

TD.Ecommerce2009TrendsCol2 {
  width:                                16px;
  padding-top:                          5px;
  text-align:                           left}

TD.Ecommerce2009TrendsCol3 {
  width:                                50px;
  padding-top:                          5px}

P.Ecommerce2009TrendsCol1 {
  text-align:                           left;
  padding-top:                          0px;
  padding-left:                         10px;
  padding-right:                        0px;
  padding-bottom:                       0px}

IMG.Ecommerce2009TrendsArrow {
  height:                               16px;
  width:                                16px}

P.Ecommerce2009TrendsCol3Up {
  color:                                #009900;
  text-align:                           center;
  padding-top:                          0px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}

P.Ecommerce2009TrendsCol3Down {
  color:                                #EE0000;
  text-align:                           center;
  padding-top:                          0px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}


/* Online Databases page */
/* --------------------- */

IMG.OnlineDatabasesEMP {
  width:                                180px;
  height:                               120px;
  margin-top:                           40px;
  margin-left:                          10px}

IMG.OnlineDatabasesTrainer {
  width:                                180px;
  height:                               129px;
  margin-top:                           40px;
  margin-left:                          10px}


/* Search Engine Optimisation page */
/* ------------------------------- */

IMG.SEOSearchEngines {
  width:                                180px;
  height:                               325px;
  margin-top:                           40px;
  margin-left:                          20px}


/* Accessibility page  */
/* ------------------- */

IMG.AccessValidXHTML {
  width:                                88px;
  height:                               31px;
  margin-top:                           40px;
  margin-left:                          60px}

IMG.AccessValidCSS {
  width:                                88px;
  height:                               31px;
  margin-top:                           20px;
  margin-left:                          60px}

IMG.AccessLynx {
  width:                                200px;
  height:                               104px;
  margin-top:                           40px;
  margin-left:                          0px}

IMG.AccessEyeStrain {
  float:                                right;
  width:                                210px;
  height:                               159px;
  margin-top:                           40px;
  margin-left:                          20px;
  margin-right:                         40px;
  margin-bottom:                        20px}

IMG.AccessPartialSightLogo {
  float:                                right;
  width:                                185px;
  height:                               140px;
  margin-top:                           40px;
  margin-left:                          20px;
  margin-right:                         40px;
  margin-bottom:                        20px}


/* Portfolio page */
/* -------------- */

DIV.PortfolioItem {
  width:                                750px;
  clear:                                both;
  padding-top:                          50px;
  padding-left:                         20px}

DIV.PortfolioItemLeftText {
  width:                                450px;
  float:                                right}

H2.PortfolioItemLeftTitle {
  text-align:                           left;
  color:                                #0C1445;
  font-size:                            100%;
  font-weight:                          bold;
  margin:                               0px;
  border:                               0px;
  padding-top:                          0px;
  padding-bottom:                       0px;
  padding-left:                         0px;
  padding-right:                        0px}

P.PortfolioItemLeftDescription {
  padding-top:                          5px;
  padding-left:                         0px;
  padding-bottom:                       0px}

IMG.PortfolioLeftImage {
  width:                                288px;
  height:                               208px}

DIV.PortfolioItemRightText {
  width:                                450px;
  float:                                left}

H2.PortfolioItemRightTitle {
  text-align:                           left;
  color:                                #0C1445;
  font-size:                            100%;
  font-weight:                          bold;
  margin:                               0px;
  border:                               0px;
  padding-top:                          0px;
  padding-bottom:                       0px;
  padding-left:                         0px;
  padding-right:                        0px}

P.PortfolioItemRightDescription {
  padding-top:                          5px;
  padding-left:                         0px;
  padding-bottom:                       0px}

IMG.PortfolioRightImage {
  width:                                288px;
  height:                               208px}

A.Portfolio:link {
  color:                                #0C1445;
  text-decoration:                      none}
A.Portfolio:visited {
  color:                                #0C1445;
  text-decoration:                      none}
A.Portfolio:active {
  color:                                #0C1445;
  text-decoration:                      underline}
A.Portfolio:hover {
  color:                                #0C1445;
  text-decoration:                      underline}



/* Articles pages */
/* -------------- */

IMG.ArticlesNewspapers {
  float:                                right;
  width:                                180px;
  height:                               161px;
  margin-top:                           30px;
  margin-left:                          20px;
  margin-right:                         16px;
  margin-bottom:                        10px}

IMG.ArticlesSEOBadTips {
  float:                                right;
  width:                                180px;
  height:                               343px;
  margin-top:                           10px;
  margin-left:                          20px;
  margin-right:                         16px;
  margin-bottom:                        10px}

IMG.ArticlesLegal {
  float:                                right;
  width:                                180px;
  height:                               130px;
  margin-top:                           10px;
  margin-left:                          20px;
  margin-right:                         10px;
  margin-bottom:                        10px}

H2.Articles {
  text-align:                           left;
  color:                                #0C1445}

H3.Articles {
  text-align:                           left;
  color:                                #0C1445}

P.ArticlesQuote {
  text-align:                           center;
  font-size:                            100%;
  font-weight:                          bold;
  padding-top:                          30px;
  padding-left:                         10px;
  padding-right:                        30px;
  padding-bottom:                       0px}

P.ArticlesQuoteName {
  text-align:                           center;
  padding-top:                          5px;
  padding-bottom:                       10px}

A.ArticlesH2:link {
  color:                                #0C1445}
A.ArticlesH2:visited {
  color:                                #0C1445}
A.ArticlesH2:active {
  color:                                #0C1445}
A.ArticlesH2:hover {
  color:                                #0C1445}

HR.Articles {
  margin-top:                          20px;
  margin-bottom:                       10px}


/* Prices page */
/* ----------- */

DIV.PricesAdvert {
  clear:                                both}

H2.PricesAdvert {
  text-align:                           left;
  margin:                               0px;
  border:                               0px;
  padding-top:                          30px;
  padding-bottom:                       0px;
  padding-right:                        20px}

IMG.PricesAdvert {
  float:                                right;
  width:                                180px;
  height:                               210px;
  margin-top:                           5px;
  margin-left:                          10px;
  margin-right:                         20px;
  margin-bottom:                        30px}

P.PricesAdvert {
  padding-top:                          5px;
  padding-right:                        20px;
  padding-bottom:                       0px}


/* Carbon footprint page */
/* --------------------- */

IMG.CarbonFootprintSmoke {
  width:                                190px;
  height:                               126px;
  margin-top:                           40px;
  margin-left:                          10px}

IMG.CarbonFootprintRecycle {
  width:                                190px;
  height:                               143px;
  margin-top:                           40px;
  margin-left:                          10px}

IMG.CarbonFootprintTrees {
  float:                                right;
  width:                                260px;
  height:                               198px;
  margin-top:                           50px;
  margin-left:                          20px;
  margin-right:                         20px;
  margin-bottom:                        20px}


/* Courses page */
/* ------------ */

IMG.CoursesJigsaw {
  width:                                200px;
  height:                               250px;
  margin-top:                           30px;
  margin-left:                          10px}

IMG.CoursesBricks {
  width:                                180px;
  height:                               153px;
  margin-top:                           30px;
  margin-left:                          10px}

HR.Courses {
  margin-top:                          20px;
  margin-bottom:                       10px}



/* How to find us page */
/* ------------------- */

IMG.HowToFindUsMultimap {
  width:                                260px;
  height:                               225px;
  margin-top:                           30px;
  margin-left:                          260px;
  margin-right:                         20px;
  margin-bottom:                        0px}

IMG.HowToFindUsMultimapBTC {
  width:                                190px;
  height:                               118px;
  margin-top:                           40px;
  margin-left:                          10px}


/* Contact us page */
/* --------------- */

IMG.ContactUsMontage {
  width:                                180px;
  height:                               120px;
  margin-top:                           40px;
  margin-left:                          10px}

DIV.ContactFormContainer {
  text-align:                           center;
  margin-top:                           30px}

DIV.ContactForm {
  width:                                490px;
  margin-left:                          auto;
  margin-right:                         auto;
  text-align:                           left;
  color:                                #FFFFFF}

DIV.ContactFormTop {
  height:                               10px;
  overflow:                             hidden}

DIV.ContactFormTopRow {
  float:                                left;
  overflow:                             hidden;
  height:                               10px;
  width:                                480px;
  background-image:                     url(blueshadowblock.jpg);
  background-repeat:                    repeat}

DIV.ContactFormTopRightShadow {
  float:                                left;
  overflow:                             hidden;
  height:                               10px;
  width:                                10px;
  background-image:                     url(blueshadowblocktopright.jpg);
  background-repeat:                    repeat-y}

DIV.ContactFormRowContainer {
  float:                                left;
  width:                                490px;
  background-image:                     url(blueshadowblockright.jpg);
  background-repeat:                    repeat}

DIV.ContactFormRow {
  float:                                left;
  width:                                480px;
  background-image:                     url(blueshadowblock.jpg);
  background-repeat:                    repeat}

DIV.ContactFormHeadingRow {
  float:                                left;
  width:                                460px;
  background-image:                     url(blueshadowblock.jpg);
  background-repeat:                    repeat;
  padding-top:                          30px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       10px}

DIV.ContactFormLabel {
  float:                                left;
  text-align:                           left;
  width:                                185px;
  padding-left:                         10px;
  padding-right:                        5px;
  padding-bottom:                       20px}

DIV.ContactFormItem {
  float:                                left;
  width:                                260px;
  text-align:                           left;
  padding-left:                         5px;
  padding-right:                        0px;
  padding-bottom:                       20px}

DIV.ContactFormButtonRow {
  float:                                left;
  width:                                480px;
  text-align:                           center;
  background-image:                     url(blueshadowblock.jpg);
  background-repeat:                    repeat;
  padding-top:                          10px;
  padding-bottom:                       20px}

DIV.ContactFormClearLeft {
  background-image:                     url(blueshadowclearblock.jpg);
  background-repeat:                    repeat-y;
  clear:                                left;
  height:                               1px;
  overflow:                             hidden}

DIV.ContactFormBottom {
  height:                               10px;
  clear:                                both;
  overflow:                             hidden;
  background-image:                     url(blueshadowblockbottom.jpg);
  background-repeat:                    repeat-x}

DIV.ContactFormBottomLeftShadow {
  float:                                left;
  overflow:                             hidden;
  height:                               10px;
  width:                                10px;
  background-image:                     url(blueshadowblockbottomleft.jpg);
  background-repeat:                    no-repeat}

DIV.ContactFormBottomRightShadow {
  float:                                right;
  overflow:                             hidden;
  height:                               10px;
  width:                                10px;
  background-image:                     url(blueshadowblockbottomright.jpg);
  background-repeat:                    no-repeat}

INPUT.ContactForm {
  font-family:                          verdana, arial, sans-serif;
  width:                                100%}

INPUT.ContactFormPostCode {
  font-family:                          verdana, arial, sans-serif;
  width:                                50%}

TEXTAREA.ContactFormAddress {
  font-family:                          verdana, arial, sans-serif;
  width:                                260px;
  height:                               100px}

INPUT.ContactFormCheckBox {
  margin-left:                          150px}

TEXTAREA.ContactFormAnyOtherInfo {
  font-family:                          verdana, arial, sans-serif;
  width:                                260px;
  height:                               100px}


/* Resources page */
/* -------------- */

IMG.ResourcesTools {
  width:                                180px;
  height:                               151px;
  margin-top:                           40px;
  margin-left:                          10px}

A.Resources:link {
  color:                                #0C1445}
A.Resources:visited {
  color:                                #0C1445}
A.Resources:active {
  color:                                #0C1445}
A.Resources:hover {
  color:                                #0C1445}


/* Resources - Content advice page */
/* ------------------------------- */

P.SearchTermTextBoxLabel {
  margin-top:                           20px;
  margin-left:                          0px}

INPUT.SearchTermTextBox {
  width:                                200px;
  font-size:                            100%;
  margin-top:                           0px;
  margin-left:                          10px;
  margin-right:                         0px;
  margin-bottom:                        0px;
  border:                               #000000 solid 1px}

TEXTAREA.SearchTermTextBlock {
  width:                                90%;
  font-size:                            100%;
  margin-top:                           0px;
  margin-left:                          10px;
  margin-right:                         10px;
  margin-bottom:                        0px;
  border:                               #000000 solid 1px}

P.SearchTermButton {
  text-align:                           center}

INPUT.SearchTermButton {
  margin-top:                           30px;
  margin-left:                          10px;
  margin-right:                         10px;
  margin-bottom:                        20px}

P.ExampleText {
  margin-left:                          40px;
  margin-right:                         40px}


/* Resources - SEO advice page */
/* --------------------------- */


/* Resources - Colour chart */
/* ------------------------ */

TABLE.ResourcesColourChart {
  table-layout:                         fixed;
  width:                                500px;
  margin-top:                           50px;
  margin-left:                          0px;
  margin-right:                         0px;
  margin-bottom:                        50px}

TD.ResourcesColourChart {
  height:                               100px;
  border-right:                         1px solid #FFFFFF;
  border-bottom:                        1px solid #FFFFFF}

P.ResourcesColourChartWhite1 {
  padding-top:                          0px;
  color:                                #FFFFFF}

P.ResourcesColourChartWhite2 {
  padding-top:                          20px;
  color:                                #FFFFFF}

P.ResourcesColourChartBlack1 {
  padding-top:                          0px;
  color:                                #000000}

P.ResourcesColourChartBlack2 {
  padding-top:                          20px;
  color:                                #000000}


/* Glossary page */
/* ------------- */

IMG.GlossaryBooks {
  width:                                180px;
  height:                               133px;
  margin-top:                           40px;
  margin-left:                          10px}

DIV.GlossaryShortcutContainer {
  padding-left:                         10px;
  padding-right:                        10px}

DIV.GlossaryShortcut {
  float:                                left}

P.GlossaryShortcut {
  padding-top:                          0px;
  padding-left:                         3px;
  padding-right:                        3px;
  padding-bottom:                       0px}

P.GlossaryHR {
  text-align:                           center}

HR.Glossary {
  margin-top:                           20px;
  width:                                80%}




/* Useful links pages */
/* ------------------ */

IMG.LinksNetwork {
  width:                                180px;
  height:                               180px;
  margin-top:                           40px;
  margin-left:                          10px}

H2.UsefulLinks {
  font-size:                            100%}

P.UsefulLinksDescription {
  padding-top:                          2px}

P.UsefulLinksDomain {
  padding-top:                          2px;
  font-weight:                          bold}

  

/* Multi entry pages */
/* ----------------- */

HR.MultiItemPages {
  width:                                85%;
  padding:                              0px;
  border-top:                           1px solid #333333;
  border-left:                          0px;
  border-right:                         0px;
  border-bottom:                        0px;
  margin-top:                           30px;
  margin-bottom:                        1px}

DIV.MultiItemPagesCross {
  width:                                20px;
  height:                               20px;
  color:                                #333333;
  font-weight:                          normal;
  font-size:                            100%;
  margin:                               0px;
  padding:                              1px}
  
IMG.MultiItemPagesCross {
  width:                                20px;
  height:                               20px}
  
    

/* Support services pages */
/* ---------------------- */

IMG.SupportTools {
  width:                                180px;
  height:                               151px;
  margin-top:                           40px;
  margin-left:                          10px}
  
    

/* Vacancies page */
/* -------------- */

IMG.Vacancies {
  width:                                180px;
  height:                               173px;
  margin-top:                           40px;
  margin-left:                          10px}
  
    

/* Landing sites */
/* ------------- */

H1.LandingSite {
  clear:                                both;
  text-align:                           center;
  color:                                #0C1445;
  font-size:                            130%;
  font-weight:                          bold;
  background-color:                     transparent;
  margin:                               0px;
  border:                               0px;
  padding-top:                          20px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       0px}



/* ==================== END ==================== */