/* Elements and Specifics */
fieldset {padding: 10px;}
legend {color: #006AAA;margin-left: 10px;}
a {color: #4488bb;}	
a:hover {color: #6cb8ff;}	
#footer a {color: #6cb8ff;}	
#footer a:hover {color: #99CEFF;}	
#header a {color: #fff;text-decoration:none;}	
#header a:hover {text-decoration:underline;}	
#header, #header input {font-size: 12pt;}
#header span {color:#fff;padding-right:75px;font-size:14pt;}
p {margin-bottom: 15px;}
td {vertical-align:top;}
h1, h2, h3, h4, h5, h6 {padding-bottom:10px;}
h1 {font-size:14pt;text-decoration:underline;}
h2 {font-size:12pt;}

/* Top Menu */
 ul#topmenu { width:800px;float:left;height:37px;list-style:none; }
 ul#topmenu li { float:left;text-align:center;margin:0;list-style:none;padding:0;line-height:18px;font-size:14px;border-left:solid 1px #c0c0c0; }
 ul#topmenu li a { text-decoration:none;color: #000;padding:10px 15px;float:left;}
 ul#topmenu li a:hover {background-color:#fff;color:#6cb8ff;}
 ul#topmenu li a.selected { background-color:#fff; }
 ul#topmenu li.contact a { border-right:solid 1px #c0c0c0; }
 
/* Forms */
.formpair {margin-bottom: 5px}
.formpair label {width: 10em;float: left;text-align: right;margin-right: 1em;display: block}

/* Generic Layout Classes */
.fullWidth {width: 100%;}
.alignCenter {margin: 0 auto; text-align: center;}
.alignRight {text-align:right;}
.smallMarginTop {margin-top: 10px;}
.smallMarginBottom {margin-bottom: 10px;}
.smallMarginRight {margin-right: 10px;}
.smallMarginLeft {margin-left: 10px;}
.smallPaddingRight {padding-right: 10px;}
.smallPaddingTop {padding-top: 10px;}
.smallPaddingBottom {padding-bottom: 10px;}
.smallPaddingLeft {padding-left: 10px;}
.smallTextBox {width: 100px;}
.smallDropDownList {width: 100px;}
.mediumMarginTop {margin-top: 20px;}
.mediumMarginBottom {margin-bottom: 20px;}
.mediumMarginRight {margin-right: 20px;}
.mediumPaddingTop {padding-top: 20px;}
.mediumPaddingBottom {padding-bottom: 20px;}
.mediumPaddingLeft {padding-left: 20px;}
.mediumPaddingRight {padding-right: 20px;}
.largeMarginRight {margin-right: 40px;}
.largePaddingTop {padding-top: 40px;}
.largePaddingLeft {padding-left: 40px;}
.largePaddingRight {padding-right: 40px;}
.largeTextBox {width: 300px;}
.floatRight {float: right;}
.floatLeft {float: left;}

/* Generic Style Classes */
.borderless {border: 0;}
.block {display:block;}
.errorText {color: Red;}
.confirmText {color: Green;}
.boldText {font-weight: bold;}
.emphasis {font-weight: bold;text-decoration:underline;}
.defaultButton {border: outset 2px #6cb8ff;background-color:#fff;color: #666;}
.cancelButton {border: outset 2px #000;background-color:Red;color: #fff;}
.gridView {width: 100%;font-size:0.8em;}
.gridView th a {color:#fff;}
.gridViewHeader {background-color:#62A40F;color:#fff;}
.gridViewRow {background-color:#EDF4FF;}
.gridViewRowAlternate {background-color:#fff;}
.imageFloatedLeft {margin: 0 10px 10px 0;border: 1px solid #666;padding: 2px;}
.imageFloatedRight {margin: 0 0 10px 10px;border: 1px solid #666;padding: 2px;}
.unstyledlist {list-style-type: none;}
.smallprint {font-size:80%;}
.infoError {background-color: #ffffd9;background-image: url('http://cms.mdssolutions.co.uk/images/error.png');background-repeat: no-repeat;background-position:left center;padding: 0.4em 0.4em 0.4em 40px;margin: 1em 0 1em 0;border: solid 1px #a7a772;}
.infoWarning {background-color: #ffffd9;background-image: url('http://cms.mdssolutions.co.uk/images/warning.gif');background-repeat: no-repeat;background-position:left center;padding: 0.4em 0.4em 0.4em 40px;margin: 1em 0 1em 0;border: solid 1px #a7a772;}
.infoInformation {background-color: #ffffd9;background-image: url('http://cms.mdssolutions.co.uk/images/information.png');background-repeat: no-repeat;background-position:left center;padding: 0.4em 0.4em 0.4em 40px;margin: 1em 0 1em 0;border: solid 1px #a7a772;}

/* Clearfix methods*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;} /* Hides from IE-mac \*/
.clearfix {display: block;} /* End hide from IE-mac */

/* Main Layout */
* {padding:0;margin:0;}
body {background-image:url('../images/bodybg.jpg');background-repeat:repeat-x;font-family:"Trebuchet MS", Verdana, Helvetica, Arial;font-size:14px;background-color:#fff;color:#000;}
#header {height:110px;}
#headertop {height:67px;padding-top:5px;}
#container, #footer {width:1000px;margin:0 auto;}
#content {padding:20px 3px;}
#footercontainer {background-color:#fff;color:#000;min-height:225px;padding:10px 0;border-top:solid 3px #2A3F62;width:100%;}
#footerlinks, #footerother, #footernewsletter, #footerfeedback {width:230px;padding:10px;float:left;}
#footerlinks h4, #footerother h4, #footernewsletter h4, #footerfeedback h4 {padding-bottom:3px;margin-bottom:10px;}
#skiptomain {display:none;}

/* Application Specific */
#headertop h1 {color:#fff;text-decoration:none;padding-right:75px;}
#intro {position:relative;width:995px;height:350px;background-image:url('../images/hometopintro.jpg');background-repeat:no-repeat;padding-bottom:20px;}
#introsignup {position:absolute;top:270px;left:800px;}
.homebox {width:298px;height:175px;background-color:#191919;color:#fff;float:left;padding:9px;border:solid 1px #ccc;text-align:justify;font-size:10pt;}
.homebox h2 {text-align:center;font-size:14pt;text-decoration:underline;}
.homeboxupdates {width:450px;min-height:430px;}
.homeboxupdates ul {padding-left:20px;}
.homeboxupdates ul li {list-style-type:none;}
#homefeatures {font-size:0.9em;}
#homedescription {padding:0 0 15px 0;}
#homedescription h1 {font-size:14pt;}
#homeapproach {background-color:#F4EAF3;border:solid 1px #C28DC0;padding:10px;margin-bottom:40px;}
#homeapproach h4 {font-size:14pt;}
.approachstage {float:left;width:205px;height:545px;background-color:#fff;border:solid 1px #C28DC0;margin-right:20px;padding:10px;text-align:justify;}
#laststage {margin-right:0;}
#boxIntro, #boxPackages {margin-right:20px;}
#boxPackages {background-color:#fff;color:#000;}
#boxFeatures {float:right;}
#boxFeatures ul {padding:5px 0 10px 20px;}
#boxFeatures ul li {float:left;width:110px;padding-right:25px;}
#boxFeatures p {float:right;}
#boxBlogs {float:left;padding:10px;border:solid 1px #CBCCFF;background-color:#F1F1FF;min-height:840px;background-image:url('../images/largerss.png');background-position:right bottom;background-repeat:no-repeat;}
#boxBlogs h5 {background-image:url('../images/rss_icon.png');background-position:left center;background-repeat:no-repeat;height:50px;line-height:50px;margin-bottom:15px;text-align:center;font-size:14pt;}
#boxTwitter {float:right;padding:10px;border:solid 1px #C2EAC2;background-color:#F1FFF1;min-height:840px;background-image:url('../images/twitterbird.png');background-position:right bottom;background-repeat:no-repeat;}
#boxTwitter ul {padding-left:0;}
#boxTwitter li {padding-bottom:10px;}
#boxTwitter h5 {background-image:url('../images/twitter_logo.png');background-position:left center;background-repeat:no-repeat;height:50px;line-height:50px;margin-bottom:15px;text-align:center;font-size:14pt;}
.portfolio {padding:10px 10px 20px 10px;margin:0 auto;}
.portfolionumber {float:left;font-size:120pt;color:#ccc;padding-right:20px;}
.portfoliosection {float:left;width:275px;padding:10px;margin:0 10px;text-align:center;} 
.portfoliosection p {text-align:justify;}
.portfoliosection h4, .portfoliosection dl {text-align:left;padding-left:20px;}
.portfoliosection dl {padding-left:40px;}
.portfoliosite {border:solid 3px #000;}
.portfoliosite:hover {border:solid 3px #6cb8ff;}
.portfoliolink {font-size: 80%; font-style: italic;text-align: right;margin-bottom: 5px;padding-right: 5px;}
.portfoliolink a {text-decoration: none;}
.portfolioaddress {font-weight: bold;font-style: italic}
.prev {float:left;width:100px;height:32px;background-image:url('../images/previous.jpg');background-repeat:no-repeat;color:#454545;cursor:pointer;text-indent: -1500px;margin:20px 0;}
.next {float:right;width:100px;height:32px;background-image:url('../images/next.jpg');background-repeat:no-repeat;color:#454545;cursor:pointer;text-indent: -1500px;margin:20px 0;}
.seperator {margin-bottom: 20px;padding-bottom: 20px;border-bottom: dotted 1px #000;}
#companylogo {padding-top: 10px;margin-left: 10px;}
#contactlist {list-style-type: none;}
#featuredsite {margin:0 0 0 25px;}
#websitebuilder {margin:0 0 0 40px;}
#tblAccessKeys {width: 100%; font-size: 95%;}
#tblAccessKeys th, #tblAccessKeys td {text-align: left;padding-right: 10px;}
#packages {margin:0 auto;width:1000px;}
.packageset {float:left;width:228px;padding:10px;}
.packageset ul li {list-style-position:inside;list-style-type:square;padding:5px 0 5px 5px;}
ul.feature li {font-size:10pt;cursor:help;}
#hostingdetails {margin:0 auto;background-color:#fff;color:#000;}
#hostingpackages .feature {padding-right:20px;cursor:pointer;}
#hostingpackages .bronze {background-color:#d29300;color:#fff;text-align:center;padding:1px 4px;width:6em;}
#hostingpackages .silver {background-color:#b7b7b7;color:#fff;text-align:center;padding:1px 4px;width:6em;}
#hostingpackages .gold {background-color:#ceb614;color:#fff;text-align:center;padding:1px 4px;width:6em;}
#hostingpackages .platinum {background-color:#d4d4d4;color:#fff;text-align:center;padding:1px 4px;width:6em;}
#hostingpackages .price {padding-top:20px;}
.purchase {width:800px;margin:0 auto;}
.buypackage {border:0;width:700px;min-height:800px;}
price {vertical-align:top;}
.oldprice {font-weight:bold;text-decoration:line-through;vertical-align:top;}
#roadmap {width:100%;color:#000080;}
#roadmap td {padding:5px;border: solid 1px #15478c;}
.roadmapheader {background-color: #e0e7ef;font-weight:bold;color:#000;}
.roadmapplanned {color:#007F46;}
#wbscreenshots {width:700px;padding:20px 0 0 20px;}
#wbscreenshots img {border: solid 1px #6cb8ff; margin: 2px; padding: 2px; background-color: #6cb8ff;}
.testimonial {padding-bottom:40px;}
.testimonial span {font-style:italic;}
#contactform {width:700px;margin:0 auto;}
#footercontainer {background-image:url('../images/footer.jpg');background-repeat:repeat-x;color:#fff;}
#footer ul {list-style-type:none;padding-left:10px;}  
.Offline {color:#f00;}
.Online {color:#0f0;}
.publishDate {color:#bbb;}

/* Floating tooltips */
#tooltip {position: absolute;z-index: 3000;padding:5px;font-size:1em;color:#000;}
#tooltip h3, #tooltip div {margin: 0;width:500px;}
#tooltip h3 {color:#4488bb;}
#tooltip.pretty {border: none;width: 500px;background-color:#fcfcfc;border: solid 2px #ddd;}
#tooltip.pretty h3 {margin-bottom: 0.25em;width: 500px;text-align: center;text-decoration:underline;}
#tooltip.pretty div { width: 500px; text-align:left;}

#TownList {display:block;padding:15px;}
.TownListTitle {clear:both;}
a.TownLink{display:block;width:170px;background-image:url('../images/tick.png');background-repeat:no-repeat;background-position:left center;padding-left:20px;}
.Letter {font-size:22px;font-weight:bold;padding:10px 0px;display:block;clear:both;}