body {
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 0.8em;
  background-color: #F2F2F2;
  margin: 0;}

#pageFrame {
  width: 76em;
  margin: 0 auto;
  background-color: #DBDBDB;
  border: 1px solid #FFF;
  border-width: 0 10px;}

/***********************************
Global
***********************************/

h1, h2, h3, p {margin-top: 0;}
h1, h2 {font-size: 1.3em}
h3 {font-size: 1.1em}

a {color: #B71B0E;}
a:hover {color: #EE3424;}
a img {border: 0;}

.error {color: #F00;}
.notice {color: #F60;}

.disclaimer {font-size: 0.8em;}

.floatLeft {float: left;}
.floatRight {float: right;}
img.floatRight {margin: 0 0.5em 0.5em 0;}
img.floatRight {margin: 0 0 0.5em 0.5em;}

.alignLeft {text-align: left;}
.alignRight {text-align: right;}
.alignCenter {text-align: center;}

dl.floatSmall dt {
  float: left;
  width: 5em;}
dl.floatSmall dd {
  margin-left: 5em; 
  margin-bottom: 0.3em}
 
dl.floatMedium dt {
  float: left; 
  width: 11em;}
dl.floatMedium dd {
  margin-left: 11em; 
  margin-bottom: 0.3em}

.clearFix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;}
.clearFix {display: inline-block;}
* html .clearFix {height: 1%;}
.clearFix {display: block;}

/***********************************
Header
***********************************/

#headerContent {
  position: relative;
  background: transparent url(http://webbedit.co.uk/style/images/pageHeaderBg.png) repeat-x 0 0;}

p#siteTitle {
  margin: 0;}
p#siteTitle a {
  text-indent: -5000px;
  margin: 0 5px;
  display: block;
  width: 338px; height: 100px;
  background: transparent url(http://webbedit.co.uk/style/images/logo.png) no-repeat 0 0;}

p#siteTagline,
ul#siteContact {
  position: absolute;
  font-size: 0.9em;
  color: #FFF;
  margin: 0;
  padding: 0;
  right: 5px;}
p#siteTagline {
  top: 5px;}

ul#siteContact {
  bottom: 5px;
  list-style: none;}
ul#siteContact li {
  float: left;
  padding-left: 18px;
  margin-left: 4px;}
ul#siteContact li span {
  display: none;}
ul#siteContact li.t {background: transparent url(http://webbedit.co.uk/style/images/phone.png) no-repeat 0 50%;}
ul#siteContact li.m {background: transparent url(http://webbedit.co.uk/style/images/mobile.png) no-repeat 0 50%;}
ul#siteContact li.e {background: transparent url(http://webbedit.co.uk/style/images/email.png) no-repeat 0 50%;}

/***********************************
Main Menu
***********************************/

ul#mainMenu {
  margin: 0;
  padding: 0 0 0 5px;
  list-style-type: none;
  background: transparent url(http://webbedit.co.uk/style/images/mainMenuBg.gif) repeat-x 0% 100%;
  border-bottom: 1px solid #FFF;}
ul#mainMenu li {
  float: left;}
ul#mainMenu li a {
  display: block;
  margin-right: 12px;
  padding: 10px 5px;
  font-weight: bold;
  text-decoration: none;}

/***********************************
Breadcrumbs
***********************************/

p#breadcrumbs {
  margin: 5px 10px 0 10px; 
  font-size: 0.8em; 
  padding-bottom: 5px; 
  border-bottom: 1px dotted #5A742D;}

/***********************************
2 Column Left Layout
***********************************/

.twoColumnLeftOuter .twoColumnLeftInner {
  width: 100%;
  float: right;
  margin-left: -33.5%;}
.twoColumnLeftOuter .column1 {
  width: 32.5%;
  float: left;
  display: inline;}
.twoColumnLeftOuter .twoColumnLeftInner .column2 {
  margin-left: 33.5%;}

/***********************************
2 Column Left Alternate Layout
***********************************/

.twoColumnLeftAltOuter .twoColumnLeftAltInner {
  width: 100%;
  float: right;
  margin-left: -21%;}
.twoColumnLeftAltOuter .column1 {
  width: 20%;
  float: left;
  display: inline;}
.twoColumnLeftAltOuter .twoColumnLeftAltInner .column2 {
  margin-left: 21%;}
 
/***********************************
2 Column Right Layout
***********************************/

.twoColumnRightOuter .twoColumnRightInner {
  width: 100%;
  float: left;
  margin-right: -26.5%;}
.twoColumnRightOuter .twoColumnRightInner .column1 {
  margin-right: 26.5%;}
.twoColumnRightOuter .column2 {
  width: 25%;
  float: right;
  display: inline;}

/***********************************
pageContent
***********************************/

#pageContent {padding: 10px;}

/***********************************
SubMenu
***********************************/

ul.subMenu {
  margin: 0 0 0.3em 1em;
  padding: 0;}
ul.subMenu li {
  margin-bottom: 0.3em;}

/***********************************
pageContent > box
***********************************/

#pageContent .box {
  color: #333;
  margin-bottom: 10px;
  background-color: #FFF;}
#pageContent .box .top div,
#pageContent .box .bottom div {
  height: 5px;
  background-color: #FFF;}
#pageContent .box .top .left {background: transparent url(http://webbedit.co.uk/style/images/boxContentTL.gif) no-repeat 0 0;}
#pageContent .box .top .right {background: transparent url(http://webbedit.co.uk/style/images/boxContentTR.gif) no-repeat top right;}
#pageContent .box .boxHeader {background: transparent url(http://webbedit.co.uk/style/images/boxFooterHeaderBg.png) repeat-x bottom left;}
#pageContent .box .boxHeader h1,
#pageContent .box .boxHeader h2,
#pageContent .box .boxHeader p.title {
  margin: 0;
  padding: 0 5px 5px 5px;
  border-bottom: 1px solid #CCC;}
#pageContent .box .boxHeader p.title {
  font-size: 1.3em;
font-weight: bold;}
#pageContent .boxContent {
  font-size: 0.9em;
  padding: 10px 10px 1px 10px;
  background: transparent url(http://webbedit.co.uk/style/images/boxFooterContentBg.png) repeat-x bottom left;}
#pageContent .box .bottom {
  background-color: #EAE9EA;}
#pageContent .box .bottom .left {background: transparent  url(http://webbedit.co.uk/style/images/boxContentBL.gif) no-repeat 0 0;}
#pageContent .box .bottom .right {background: transparent  url(http://webbedit.co.uk/style/images/boxContentBR.gif) no-repeat top right;}

#pageContent .box.red .top {
  background-color: #EE3424;}
#pageContent .box.red .top .left {background: transparent url(http://webbedit.co.uk/style/images/boxContentRedTL.gif) no-repeat 0 0;}
#pageContent .box.red .top .right {background: transparent url(http://webbedit.co.uk/style/images/boxContentRedTR.gif) no-repeat top right;}
#pageContent .box.red .boxHeader {background: #EE3424 url(http://webbedit.co.uk/style/images/boxHeaderRedBg.png) repeat-x bottom left;}
#pageContent .box.red .boxHeader h1 {
  border-bottom: 1px solid #CCC;
  color: #FFF;}
#pageContent .box.red .boxContent p {
  font-size: 1em;}

#pageContent .contentHolder .contentHolder .box {
  margin-bottom: 0;
  background: transparent;}
#pageContent .contentHolder .contentHolder .box .top,
#pageContent .contentHolder .contentHolder .box .bottom {display: none;}

#pageContent .contentHolder .contentHolder .box .boxHeader {background: transparent;}
#pageContent .contentHolder .contentHolder .box .boxHeader h1,
#pageContent .contentHolder .contentHolder .box .boxHeader h2 {
  margin: 0 0 1em 0;
  padding: 0;
  border-bottom: 0;}
#pageContent .contentHolder .contentHolder .boxContent {
  background: transparent;
  padding: 0;
  font-size: 1em;}
#pageContent .contentHolder .contentHolder .boxContent p {
  margin-bottom: 1em;}

/***********************************
home frogBlog
***********************************/

#pageContent .box.ch1551 .boxContent dl {
  padding-right: 210px;
  background: transparent url(http://webbedit.co.uk/style/images/frogBlogBg.png) no-repeat 100% 50%;}

/***********************************
articles
***********************************/

dl.articlesFeature {margin-top: 0;}
dl.articles dd,
dl.directory dd,
dl.articlesFeature dd {
  margin: 0.5em 0 1em 0;}
dl.articles dd span.published,
dl.directory dd span.published,
dl.articlesFeature dd span.published {
  color: #AAA;}

a.commentPost,
a.complaint,
a.rssFeed {
  padding: 3px 0 3px 20px;
  background: transparent url(http://webbedit.co.uk/style/images/comment.png) no-repeat 0 50%;}
a.complaint {
  background: transparent url(http://webbedit.co.uk/style/images/alert.png) no-repeat 0 50%;}
a.rssFeed {
  background: transparent url(http://webbedit.co.uk/style/images/rssFeed.gif) no-repeat 0 50%;}

/***********************************
directory
***********************************/

dl.directory dd {margin: 0.5em 0 0.5em 1em;}

/***********************************
glossary 
***********************************/

dl.glossary dt {font-weight: bold;}
dl.glossary dd {margin: 0.5em 0 0.5em 1em;}

/***********************************
terms
***********************************/

ol.terms {font-weight: bold;}
ol.terms ol {
  font-weight: normal;
  list-style: lower-alpha;}
ol.terms ol ol {list-style: lower-roman;}

/***********************************
comments
***********************************/

div.commentListItem {
  border-top: 1px solid #CCC;
  padding: 0.75em 0.75em 0 0.75em;}

/***********************************
dl.infoList
***********************************/

dl.infoList dt {
  font-weight: bold;}
dl.infoList dd {
  margin: 0.5em 0 0.5em 1.5em;}

/***********************************
Page Navigation
***********************************/

p.pageNav {
  text-align: center;
  font-size: 0.8em;
  padding: 0.3em;
  border: 1px solid #CCC;}
p.pageNav a {border-bottom: 0;}


	
/***********************************
Quote
***********************************/

.quoteTop,
.quoteTop div,
.quoteTop div div,
.quoteBot,
.quoteBot div,
.quoteBot div div {
  height: 5px;
  overflow: hidden;}
.quoteTop,
blockquote.quote,
.quoteBot {
  background-color: #EEE;}
.quoteTop div {background: transparent url(http://webbedit.co.uk/style/images/quoteTL.gif) no-repeat top left;}
.quoteTop div div {background: transparent url(http://webbedit.co.uk/style/images/quoteTR.gif) no-repeat top right;}
blockquote.quote {
  margin: 0; 
  padding: 0.75em 0 0.1em 0;
  background: #EEE url(http://webbedit.co.uk/style/images/quoteOpen.png) no-repeat 5% 0;}
blockquote.quote p.quote {
  font-family: georgia, serif; 
  font-size: 1.4em; 
  text-align: center; 
  padding: 0 1.5em 1.5em 1.5em; 
  background: transparent url(http://webbedit.co.uk/style/images/quoteClose.png) no-repeat 95% 100%;}
blockquote.quote p.author {
  font-size: 0.8em; 
  padding: 0 2em; 
  margin: 0.5em 0;}
.quoteBot {margin-bottom: 1em;}
.quoteBot div {background: transparent url(http://webbedit.co.uk/style/images/quoteBL.gif) no-repeat top left;}
.quoteBot div div {background: transparent url(http://webbedit.co.uk/style/images/quoteBR.gif) no-repeat top right;}

/***********************************
Footer
***********************************/

#footerContent1 {
  background-color: #A2A4A7;
  color: #FFF;
  padding: 10px 10px 10px 0;}
#footerContent1 .boxWrap {
  float: left;
  width: 33.33%;
  color: #666;}
#footerContent1 .box {
  margin-left: 10px;
  background-color: #FFF;}
#footerContent1 .box .top div,
#footerContent1 .box .bottom div {
  height: 5px;
  background-color: #FFF;}
#footerContent1 .box .top .left {background: transparent url(http://webbedit.co.uk/style/images/boxFooterTL.gif) no-repeat 0 0;}
#footerContent1 .box .top .right {background: transparent url(http://webbedit.co.uk/style/images/boxFooterTR.gif) no-repeat top right;}

#footerContent1 .box .boxHeader {
  background: transparent url(http://webbedit.co.uk/style/images/boxFooterHeaderBg.png) repeat-x bottom left;}
#footerContent1 .box .boxHeader p {
  margin: 0;
  padding: 0 5px 5px 5px;
  border-bottom: 1px solid #CCC;
  font-size: 1.1em;
  font-weight: bold;}

#footerContent1 .boxContent {
  font-size: 0.9em;
  height: 7.25em;
  background: transparent url(http://webbedit.co.uk/style/images/boxFooterContentBg.png) repeat-x bottom left;}
#footerContent1 .boxContent ul,
#footerContent1 .boxContent dl.floatSmall,
#footerContent1 .boxContent p {
  margin: 10px;
  padding: 0;}
#footerContent1 .boxContent ul {
  padding-left: 20px;}
#footerContent1 .boxContent dl.floatSmall dd {margin-bottom: 0}

#footerContent1 .box .bottom {
  background-color: #EAE9EA;}
#footerContent1 .box .bottom .left {background: transparent  url(http://webbedit.co.uk/style/images/boxFooterBL.gif) no-repeat 0 0;}
#footerContent1 .box .bottom .right {background: transparent  url(http://webbedit.co.uk/style/images/boxFooterBR.gif) no-repeat top right;}

#footerContent2 {
  background-color: #313131;
  color: #FFF;
  padding: 10px;}
#footerContent2 p {margin: 0;}