body {

  font-family: verdana, helvetica, arial, sans-serif;

  font-size: 0.8em;

  background-color: #F2F2F2;

  margin: 0;}



#frame {

  width: 76em;

  margin: 20px auto;

  background-color: #DBDBDB;

  border: 1px solid #FFF;
padding:20px;
  border-width: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;}