@charset "utf-8";
/* CSS Document */

html, body, div, table, tr, th, td, span, p, img {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: inherit;
    color: inherit;
}

/* body { background: url('../images/bgMainBottom.gif') repeat-x bottom; font-size: 12px; color: #555; padding: 0px !important; } */
body { background: #EEEFED; font-size: 12px; color: #666; padding: 0px !important; }

div, li, th {
    position: relative;
}

table {
    border-collapse: collapse;
    width: 100%;
}

th, td {
	vertical-align: top;
}

form table th {
	text-align: left;
	font-weight: normal;
}

form table.headingsOnLeft th {
	padding: 2px 0px;
	padding-right: 10px;
	width: 25%;
	white-space: nowrap;
    padding-top: 0.6em;
}

form table.headingsOnLeft td { padding: 2px 0px; }

table.headingsOnTop {  }
table.headingsOnTop th,
table.headingsOnTop td {
    text-align: center;
    padding: 4px 5px;
    border: 1px solid #CCC;
}
table.headingsOnTop th { background: #436C2D; color: #FFF; font-weight: normal; }
table.headingsOnTop td {  }

p { margin-bottom: 10px; line-height: 20px;}
.largeTextBody p { margin-bottom: 15px; }
li {line-height:20px;}

textarea { font-family: Arial, Helvetica, sans-serif; }

h1,
h2,
h3,
.mockHeading {
    font-size: 16px;
    font-weight: bold;
    margin: 0px 0 1px 0;
    color: #000;
    line-height: normal;
}

h1 span,
h2 span,
h3 span,
.mockHeading span {
    font-size: 12px;
    margin: 0px 0 6px 0;
    font-weight: normal;
    color: #000;
    line-height: normal;
}

.pageHeading,
.pageSubHeading { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; }

h1.pageHeading,
h2.pageHeading   { font-size: 2.5em; color: #333; text-transform: capitalize; padding: 0px 0px 5px; margin: 0px; letter-spacing: normal; font-weight: normal; }
p.pageHeading    { font-size: 1.5em; color: #333; padding: 0px; letter-spacing: normal; }
p.pageSubHeading { font-size: 1.5em; padding-bottom: 10px; line-height: 25px; }
p.smallPageSubHeading { font-size: 1.3em; padding-bottom: 10px; line-height: auto; color: #999; }

a:link    { color: #163; text-decoration: none; }
a:active  { color: #163; text-decoration: none; }
a:visited { color: #163; text-decoration: none; }
a:hover   { color: #163; text-decoration: underline; }

a.greenLink:link    { color: #393 !important; text-decoration: none !important; }
a.greenLink:active  { color: #393 !important; text-decoration: none !important; }
a.greenLink:visited { color: #393 !important; text-decoration: none !important; }
a.greenLink:hover   { color: #393 !important; text-decoration: underline !important; }

a.greenGreyLink:link    { color: #163 !important; text-decoration: none !important; }
a.greenGreyLink:active  { color: #163 !important; text-decoration: none !important; }
a.greenGreyLink:visited { color: #163 !important; text-decoration: none !important; }
a.greenGreyLink:hover   { color: #777 !important; text-decoration: underline !important; }

a.blackLink:link    { color: #000 !important; text-decoration: none !important; }
a.blackLink:active  { color: #000 !important; text-decoration: none !important; }
a.blackLink:visited { color: #000 !important; text-decoration: none !important; }
a.blackLink:hover   { color: #000 !important; text-decoration: underline !important; }

.bold      { font-weight: bold !important; }
.italic    { font-style: italic !important; }
.underline { text-decoration: underline !important; }

.leftAlign   { text-align: left !important; }
.rightAlign  { text-align: right !important; }
.centerAlign { text-align: center !important; }

.floatLeft  { float: left; }
.floatRight { float: right; }
.clear      { clear: both; }
.clearLeft  { clear: left; }
.clearRight { clear: right; }
.clear-contact { clear: both;}
.contact-right { clear: both;margin-left:25px;float:right;}

img.floatLeft  { margin: 0px 10px 10px 0px; }
img.floatRight { margin: 0px 0px 10px 10px; }

.green      { color: #162; }
.lightGreen { color: #8A2; }
.grey       { color: #777; }
.black      { color: #000; }
.white      { color: #FFF; }
.red        { color: #B00; }
.yellow     { color: #BA1; }
.purple     { color: #636; }

.horizontalDivider { border-bottom: 1px solid #F4F4F4; height: 1px; width: 100%; margin: 20px 0px; }

.requiredField { color: #F00; font-weight: bold; }

.tick, .cross { width: 17px; height: 13px; margin: 0 auto; margin-top: 2px; }

#bodyTopBg {
    position:absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 500px;
	margin:0;padding:0;
    background: url('../images/bgMainTop.gif') repeat-x top transparent;
}

#homePage #bodyTopBg { background: url('../images/bgMainTopHome.gif') repeat-x top; }

#container { width: 980px; margin: 0px auto; }

#siteHeader { width: 100%; height: 80px; }
#siteHeader #siteLogo { float: left; display: inline-block; padding: 0px; margin: 0px; line-height: 1em; }
#siteHeader #siteLogo img { display: block; padding: 0px; margin: 0px; line-height: 1em; border: none; outline: none; }
#siteHeader #headerright { display: block; float: right; text-align: right; width: 625px; height: 80px; }
#siteHeader #headerright img { margin-left: 5px; }
#siteHeader #accountLogin { margin: 0px 0px 0px; }
#siteHeader #headerTelNos { margin: 0px 0px 0px; }

/* Header Text Rotator */
#headerTextRotator { float: left; margin: 16px 0 0 22px; width: 335px; height: 65px; background: url('../images/htr_back.gif') top repeat-x transparent; 
					 font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; }
#headerTextRotator .htr_left  { position: absolute; top: 0px; left: -9px; background: url('../images/htr_left.gif') top left no-repeat transparent; height: 65px; width: 10px; }
#headerTextRotator .htr_right { position: absolute; top: 0px; right: -9px; background: url('../images/htr_right.gif') top right no-repeat transparent; height: 65px; width: 10px; }
#headerTextRotator.hover { background-image: url('../images/htr_back_hover.gif'); }
#headerTextRotator.hover .htr_left  { background-image: url('../images/htr_left_hover.gif'); }
#headerTextRotator.hover .htr_right { background-image: url('../images/htr_right_hover.gif'); }
#headerTextRotator .htr_item { position: absolute; top: 0px; left: 3px; width: 100%; height: 54px; padding-top: 11px; cursor: pointer; display: none; }
#headerTextRotator .htr_item a { text-decoration: none; }
#headerTextRotator .htr_item span { margin: 0px; padding: 0px; line-height: 1.5em; }
#headerTextRotator .htr_item .htr_title { font-size: 1.3em; font-weight: bold; color: #8DD138; }
#headerTextRotator .htr_item .htr_text { font-size: 1.2em; color: #83B931; }
/* End Header Text Rotator */

#topMenu { margin: 0px 0px 1px; padding: 0px 0px 0px 1px; height: 40px; background: url('../images/topmenudivideright.gif') left no-repeat transparent; }
#topMenu table { height: 40px; background: url('../images/topmenudivideleft.gif') right no-repeat transparent; }
#topMenu table th { text-align: center; border: none; padding: 0px; background: url('../images/topmenudivideright.gif') right no-repeat transparent; }
#topMenu table th a { display: block; color: #163; padding: 0px 6px; white-space: nowrap; text-transform: uppercase; line-height: 40px; font-weight: normal;
					  background: url('../images/topmenudivideleft.gif') left no-repeat transparent; }
#topMenu table th.menuhover,
#topMenu table th.selected,
#topMenu table th:hover { cursor: pointer; background: url('../images/topmenuhover.gif') top repeat-x transparent; }
#topMenu table th.menuhover a,
#topMenu table th.selected a,
#topMenu table th:hover a { text-decoration: none; color: #555; }
#topMenu table th.selected {  }

#topMenu table th.login { width: 70px; background: url('../images/topmenuloginbg.gif') top no-repeat transparent; }

#sociallinks { height: 24px; margin: 10px 0px 10px; text-align: right; }
#sociallinks > div { display: inline-block; }
#sociallinks #socialfacebook { width: 50px; height: 24px; overflow: hidden; }
#sociallinks #socialtwittertweet { width: 55px; height: 20px; overflow: hidden; margin-left: 5px; }
#sociallinks #socialtwitterfollow { width: 123px; height: 20px; overflow: hidden; margin-left: 5px; }

#homePage #sociallinks { display: none; position: absolute; top: 2px; left: 2px; margin-top: 3px; z-index: 1; text-align: left; }

#homescroller { height: 300px; }
#homescroller #slides { position: absolute; top: 0px; left: 0px; width: 980px; height: 300px; overflow: hidden; }
#homescroller #slides .slide { position: absolute; top: 0px; left: 0px; width: 980px; height: 300px; display: none; }
#homescroller #slides .slideimage { position: absolute; top: 20px; right: 0px; height: 270px; width: 550px; }
#homescroller #slides .slidetext { position: absolute; top: 35px; left: 20px; width: 380px; height: 150px; }
#homescroller #slides .slidetext span { font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; color: #333; display: block; }
#homescroller #slides .slidetext .bigtext { font-size: 3em; padding-bottom: 20px; }
#homescroller #slides .slidetext .smltext { font-size: 2em; line-height: 1.5em; }

#homescroller #slidenav { position: absolute; top: 190px; left: 20px; height: 18px; width: 380px; }
#homescroller #slidenav span { display: inline-block; height: 18px; width: 18px; cursor: pointer; }
#homescroller #slidenav #slidenavleft { background: url('../images/homescroller/navleft.png') center center no-repeat transparent; }
#homescroller #slidenav .slidenavdot { background: url('../images/homescroller/navdot.png') center center no-repeat transparent; width: 12px; height: 18px;
									   padding: 0px 1px; text-indent: -50000px; }
#homescroller #slidenav #slidenavright { background: url('../images/homescroller/navright.png') center center no-repeat transparent; }

#homescroller #slidebuttons { position: absolute; top: 240px; left: 0px; height: 40px; width: 400px; }
#homescroller #slidebuttons a {  }
#homescroller #slidebuttons a#slidereadmore { margin-right: 20px; }

#homescroller #slides .slide.current { display: block; }
#homescroller #slidenav .slidenavdot.current { background-image: url('../images/homescroller/navdotcurrent.png'); }

#pagecontent { width: auto; }

.ie6 #mainContent { height: 1px; } /* Because this is only IE6, it gets applied as min-height...  good ol' stupid IE! */

#mainContent a { color: #777; text-decoration: underline; }
#mainContent a:hover { color: #162; }

#homereadmorebar { padding: 10px 0px; border-bottom: 1px solid #D7DADD; line-height: 20px; color: #999; }
#homereadmorebar strong { color: #333; }
#homereadmorebar .star { float: left; margin-right: 5px; }
#homereadmorebar .readmorelink { display: inline-block; float: right; }

#homeseobar { line-height: 25px; height: 25px; padding: 10px 0px 10px; border-bottom: 1px solid #D7DADD; }
#homeseoform { display: inline-block; height: 25px; width: 980px; }
#homeseoform strong { text-transform: uppercase; }
#homeseoform .star { float: left; margin: 3px 5px 0px 0px; }
#homeseoform input { display: inline-block; }
#homeseoform .text-input { padding: 2px 3px; border: 1px solid #BBB; margin-left: 5px; width: 210px; }
#homeseoform .submit { float: right; }

.whitecontainer { background: #FFF; margin: 20px 0px 0px; padding: 20px 10px 10px; }
.whitecontainer_tl { position: absolute; top: 0px; left: 0px; width: 7px; height: 7px; background: url('../images/whitebox-tl.gif'); }
.whitecontainer_tr { position: absolute; top: 0px; right: 0px; width: 7px; height: 7px; background: url('../images/whitebox-tr.gif'); }
.whitecontainer_bl { position: absolute; bottom: 0px; left: 0px; width: 7px; height: 7px; background: url('../images/whitebox-bl.gif'); }
.whitecontainer_br { position: absolute; bottom: 0px; right: 0px; width: 7px; height: 7px; background: url('../images/whitebox-br.gif'); }

.columnlayout {  }
.columnlayout td { width: 225px; padding: 0px 10px; border-left: 1px solid #F4F4F4; }
.columnlayout td.first { padding-left: 0px; border-left: none; }
.columnlayout td.last { padding-right: 0px; }
.columnlayout h1, .columnlayout h2 { font-weight: bold; font-size: 1.65em; color: #333; }
.columnlayout h1 span, .columnlayout h2 span { display: block; font-size: 0.7em; color: #666; line-height: 1.5em; }
.columnlayout .servicepic { display: block; text-align: center; margin-bottom: 20px; }
.columnlayout .strapline { font-weight: bold; }
.columnlayout ul,
.columnlayout ol { margin: 0px; padding: 0px 0px 0px 15px; }

#hometopservices.columnlayout h1,
#hometopservices.columnlayout h2 { text-align: center; }
#hometopservices p.last-child { margin-bottom: 0px; }

#homewelcome { margin-bottom: 20px; }
#homewelcome .hwimage { float: left; }
#homewelcome .hwcontent { float: right; width: 470px; padding-left: 20px; }
#homewelcome h2 { font-weight: bold; font-size: 1.7em; color: #333; margin-bottom: 15px; }
#homewelcome h2 span { display: block; font-size: 0.7em; color: #666; line-height: 1.5em; }
#homewelcome p { margin-bottom: 15px; }

#homewebdesign h2 { font-weight: bold; font-size: 1.7em; color: #333; text-align: center; }
#homewebdesign h2 span { display: block; font-size: 0.7em; color: #666; line-height: 1.5em; }
#homewebdesign p { text-align: center; }

#portfoliocasestudies h2 { font-size: 1.5em; margin-bottom: 20px; }
#portfoliocasestudies h2 a { display: block; font-size: 0.7em; font-weight: normal; }
#portfoliocasestudies td { position: relative; padding: 10px 10px 40px; border-bottom: 1px solid #F4F4F4; }
#portfoliocasestudies td.firstrow { border-top: none; }
#portfoliocasestudies td.lastrow { border-bottom: none; }
#portfoliocasestudies td.firstcol { border-left: none; }
#portfoliocasestudies td.lastcol { border-right: none; }
#portfoliocasestudies .buttons { position: absolute; bottom: 10px; left: 10px; width: 220px; height: 30px; }
#portfoliocasestudies .buttons .viewdetails { float: left; }
#portfoliocasestudies .buttons .getquote { float: right; }

#homeblogposts {  }
#homeblogposts h2 { font-weight: bold; font-size: 1.7em; color: #333; margin-bottom: 15px; text-align: center; }
#homeblogposts h2 span { display: block; font-size: 0.7em; color: #666; line-height: 1.5em; }
#homeblogposts h3 { margin-bottom: 5px; }
#homeblogposts .homeblogpost { margin: 10px 0px 20px; }
#homeblogposts .homeblogpost a { color: #163; text-decoration: none; }
#homeblogposts .homeblogpost a:hover { text-decoration: underline; }
#homeblogposts .homeblogpost .excerpt p { margin-bottom: 0px; }
#homeblogposts .homeblogpost .excerpt a { display: none; }

#howwework h2 { font-weight: bold; font-size: 1.7em; color: #333; margin-bottom: 15px; text-align: center; }
#howwework h2 span { display: block; font-size: 0.7em; color: #666; line-height: 1.5em; }

#designtech h2 { font-weight: bold; font-size: 1.7em; color: #333; margin-bottom: 15px; }

table.cols { width: 960px; }
table.cols td { padding: 0px 10px; }
table.cols td.first { padding-left: 0px !important; }
table.cols td.last { padding-right: 0px !important; }
table.cols h3 { font-weight: bold; font-size: 1.7em; color: #333; margin-bottom: 15px; }
table.cols h3 span { display: block; font-size: 0.7em; color: #666; line-height: 1.5em; }

table.twocols {  }
table.twocols td { width: 470px; }

table.threecols {  }
table.threecols td { width: 300px; padding: 0px 15px; }

table.fourcols {  }
table.fourcols td { width: 225px; }

#webDesignProcessPage h3 { font-weight: bold; font-size: 1.7em; color: #333; margin-bottom: 15px; }
#webDesignProcessPage h3 span { display: block; font-size: 0.7em; color: #666; line-height: 1.5em; }

#webDesignProcessPage table.cols { width: 700px; }
#webDesignProcessPage table.twocols td { width: 340px; }
#webDesignProcessPage table.threecols td { width: 220px; padding: 0px 10px; }
#webDesignProcessPage table.fourcols td { width: 160px; }

#eCommercePage table.cols { width: 700px; }
#eCommercePage table.twocols td { width: 340px; }
#eCommercePage table.threecols td { width: 220px; padding: 0px 10px; }
#eCommercePage table.fourcols td { width: 160px; }

/* Lower Boxes */
#lowerBoxes { clear: both; margin: 15px 0px 20px; }
.ie6 #lowerBoxes { height: 1px; }
#lowerBoxes p  { line-height: normal; }
#lowerBoxes ul { list-style: none; padding-left: 0px; }
#lowerBoxes li { line-height: normal; }
#lowerBoxes .lowerBox { float: left; width: 210px; min-height: 275px; _height: 275px; margin-left: 17px; padding: 10px; }
#lowerBoxes .lowerBox.first { margin-left: 0px; }
#lowerBoxes .lowerBox.last  { margin-left: 18px; }
#lowerBoxes .lowerBox .mockHeading { font-weight: normal; font-size: 1.5em; border-bottom: 1px solid #000; padding-bottom: 2px; margin-bottom: 10px; }

.whitecontainer #lowerboxes { clear: both; margin: 20px 0px 0px; }
.whitecontainer #lowerboxes td { border-left: 1px solid #F4F4F4; }
.whitecontainer #lowerboxes td.first { border-left: none; }
.whitecontainer #lowerboxes h4 { margin: 0px 0px 20px; font-size: 1.7em; text-align: center; }
.whitecontainer #lowerboxes ul { list-style: none; padding-left: 0px; }
.whitecontainer #lowerboxes li { line-height: normal; padding-bottom: 5px; }
/* End Lower Boxes */

/* Footer */
#sitefooter { margin: 20px 0px 0px; padding: 0px 10px; }
#sitefooter #footertop { padding: 10px 0px; border-bottom: 1px solid #F4F4F4; }
#sitefooter #footersociallinks { float: left; line-height: 21px; }
#sitefooter #footersociallinks a { display: block; float: left; padding-right: 5px; }
#sitefooter #footerlinks { float: right; line-height: 21px; color: #CCC; }
#sitefooter #footerlinks a { color: #666; padding: 0px 4px; }
#sitefooter #footerlinks a.first {  }
#sitefooter #footerlinks a.last { padding-right: 0px; }
#sitefooter #footerlogos { text-align: center; padding: 10px 0px; border-bottom: 1px solid #F4F4F4; }
#sitefooter #footerlogos a { display: inline-block; padding: 5px 10px; }
#sitefooter #footerCheckRate { display: inline-block; width: 119px; height: 45px; padding: 5px 10px; }
#sitefooter #cwsdetails { margin: 0px; padding: 20px 0px; text-align: center; color: #666; }
/* End Footer */

/* Paging */
.paging { padding: 5px 0px 4px; border: 1px solid #777; border-left: none; border-right: none; margin-bottom: 20px; height: 25px; }
.paging.hasFilters { border-bottom: 1px dotted #AAA; }
.pagingTop { margin-bottom: 0px; }
.paging .pagingNumber, .paging .pagingPrev, .paging .pagingNext { float: left; margin: 0 3px; }
.paging .pagingPrev, .paging .pagingNext { margin-top: 2px; }
.paging .pagingNumber { background: url(../images/bgPagingNumber.png) no-repeat top; width: 24px; height: 20px; 
						text-align: center; padding-top: 4px; font-size: 0.9em; font-weight: bold; }
.ie6 .paging .pagingNumber { background-image: url(../images/bgPagingNumber.gif); }
.paging .pagingNumber.selected { color: #116622; font-size: 1.1em; padding-top: 3px; padding-bottom: 0px; }
.paging a { text-decoration: none !important; }
/* End Paging */

/* Shaded Box */
.shadedBox { border: 1px solid #777; background: #EEE; padding: 5px 5px; margin-bottom: 10px; text-align: center; }
.shadedBox a { padding: 0 25px; }
.ie6 .shadedBox, .ie7 .shadedBox {  }
/* End Shaded Box */

.quicklinksbar { margin: 20px 0px; border: 1px solid #999; border-width: 1px 0px; padding: 10px 0px; }
.quicklinksbar .heading { float: left; padding-top: 2px; font-weight: bold; font-size: 1.2em; }
.quicklinksbar ul { float: left; list-style: none; margin: 0px 0px 0px 10px; padding: 0px; }
.quicklinksbar li {  }
.quicklinksbar li a { font-weight: bold; }

/* Portfolio */
.portfolio { float: left; width: 230px; margin: 20px 0px 0px 10px; }
.portfolio.first { margin-left: 0px !important; }
.portfolio.last { margin-right: 0px !important; }
.portfolio ul { margin: 0px; padding-left: 25px; }
.portfolio .portfolioImage { position: absolute; top: 0px; left: 0px; }
.portfolio .columnContent { margin-top: 200px; padding: 0px 3px !important; }
.portfolio .columnContent ul { min-height: 9em; _height: 9em; }

.ie6 .portfolios { height: 1px; }
.ie6 .portfolio  { height: 1px; }
.ie7 .portfolios { min-height: 1px; }
.ie7 .portfolio  { min-height: 1px; }

.portfolioFilter { padding: 5px 1px; border: 1px solid #777; border-width: 1px 0px; }
.portfolioFilter .filter { margin-left: 20px; display: inline; }
.portfolioFilter .filter:first-child { margin-left: 0px; }
.portfolioFilter span { color: #666; font-family: "Myriad Pro","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; font-size: 1.5em; }
.portfolioFilter select {  }
.portfolioFilter .reset { float: right; font-family: "Myriad Pro","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; font-size: 1.2em; padding: 1px 5px; }
/* End Portfolio */

/* Portfolio Details */
.portfolioLargeImage { position: absolute; }
.screenshotOverlay { margin: 320px 0px 15px; font-size: 1.2em; color: #000; }
.portfolioFeatures { float: right; width: 210px; padding: 10px; margin: 0px 0px 10px 15px; }
.portfolioFeatures .horizontalDivider { margin: 10px 0px; }
.portfolioFeatures .featureHeading { font-weight: bold; color: #000; padding: 5px 0px 0px; }
.portfolioFeatures .featureDesc { padding: 0px 0px 0px 10px; }
.portfolioFullDesc { }
.portfolioFullDesc p { padding-bottom: 13px; }
.portfolioFullDesc .heading { font-size: 1.4em; font-weight: bold; margin: 0px; margin-bottom: 0px; padding-bottom: 3px; color: #000; }
.portfolioFullDesc .heading span { font-size: 0.7em; margin: 0px; font-weight: normal; color: #000; }
.ie6 .portfolioFullDesc { height: 1px; }
/* End Portfolio Details */

/* Sidebar */
#sidebar { float: left; margin: 20px 0px; padding: 20px 10px 0px; width: 220px; background: #FAF9F6; }
.sidebar_tl { position: absolute; top: 0px; left: 0px; width: 7px; height: 7px; background: url('../images/sidebar-tl.gif'); }
.sidebar_tr { position: absolute; top: 0px; right: 0px; width: 7px; height: 7px; background: url('../images/sidebar-tr.gif'); display: none; }
.sidebar_bl { position: absolute; bottom: 0px; left: 0px; width: 7px; height: 7px; background: url('../images/sidebar-bl.gif'); }
.sidebar_br { position: absolute; bottom: 0px; right: 0px; width: 7px; height: 7px; background: url('../images/sidebar-br.gif'); }

#sidebar + .whitecontainer { float: left; width: 710px; padding: 0px 10px 0px 20px; }
#sidebar + .whitecontainer .whitecontainer_tl { display: none; }

/* Accordion */
.accordionBlock { padding-top: 50px; }
.accordionBlock .accordionHeader { position: absolute; top: 0px; left: -20px; width: 243px; height: 50px; background: url('../images/accordionHeader.png') top left no-repeat; }
.accordion { z-index: 100; padding: 10px; margin: 0px 0px 20px; }
.accordion .accordionEntry { clear: both; margin-top: 10px; padding-top: 10px; }
.accordion .accordionEntry.first { margin-top: 0px; padding-top: 0px; }
.accordion .accordionEntry a { text-decoration: none; }
.ie6 .accordion .accordionEntryTop { height: 50px; }
.ie7 .accordion .accordionEntryTop { height: 55px; }
.accordion .expandSymbol { float: right; width: 20px; height: 25px; }
.accordion .expandSymbol .expandPlus,
.accordion .expandSymbol .expandMinus{ margin-top: 26px; }
.accordion .expandSymbol .expandMinus { display: none; }
.accordion .entryImage { float: left; }
.accordion .entryImage img { margin-right: 10px; }
.accordion ul.accordionContent  { clear: both; display: none; border-top: 1px solid #777; list-style: none; margin: 5px 0px 0px; padding: 4px 0 0; }
.accordion .accordionContent li { background: url(../images/accordionArrow.gif) no-repeat 2px 1px; margin: 0 0 0 5px; padding: 3px 0px 3px 15px; }

.ie6 .accordion .expandSymbol { margin-right: -3px; }
/* End Accordion */

/* Form Errors */
div.formError {  }
tr.formError input[type=text], tr.formError textarea { border: 1px solid #F00; background: #FEE; }
.formErrorText { color: #F00; }
/* End Form Errors */

/* Location page */
#locationPage .contactAddress { width: 200px; }
/* End Location page */

/* Green Form */
.greenForm input[type=text], .greenForm textarea {
	background: #EFC;
    border: 1px solid #364;
    padding: 3px;
    width: 97%;
    font-size: 1.1em;
}
/* End Green Form */

/* Contact Form */
.contactForm table.headingsOnLeft { width: 475px; }
.ie6 #portfolioDetailsPage .contactBox { clear: right; float: left; }
/* End Contact Form */

/* Message Bar */
#messageBar { border-width: 1px; border-style: solid; margin-bottom: 10px; padding: 3px 5px; font-size: 1.1em; text-align: center; }
#messageBar.positive { background: #EFE; border-color: #060; color: #060; }
#messageBar.negative { background: #FEE; border-color: #900; color: #900; }
/* End Message Bar */

/* Package table */
.packageTable { margin: 20px 0px; padding: 0px; width: 715px; }
/* End Package table */

/* Products (Orders) */
#products { }
#products .productGroup { padding-top: 10px; margin-bottom: 10px; border-bottom: 3px double #B00; }
#products .collapsible .packageIntro { cursor: pointer; }

#products .plus,
#products .minus { float: left; margin-right: 10px; margin-top: 3px; }
#products .plus  {  }
#products .minus { display: none; }
#products .groupTitle { margin-bottom: 0px; line-height: 1.25em; }
#products .title { font-size: 1.4em; color: #B00; font-weight: bold; }
#products .titleCaption { font-size: 1.3em; color: #B00; }
#products .subTitle { margin-top: 0px; color: #777; font-weight: bold; line-height: normal; }

#products .productList              { margin-bottom: 0px; }
#products .collapsible .productList { display: none; }
#products .collapsible.showOnLoad .productList { display: block; }
#products .collapsible.showOnLoad .plus  { display: none; }
#products .collapsible.showOnLoad .minus { display: block; }

#products .productList .prodRow   { cursor: pointer; }

#products .productList td         { vertical-align: middle; border-top: 1px solid #B00; }
#products .productList.deposit td { padding: 10px 3px; }
#products .productList.monthly td { padding: 10px 3px; }
#products .productList.simple  td { padding: 0px 3px; }

#products .productList td a { text-decoration: none; }

#products .productList td.prodSummary { width: 260px; text-align: left; }
#products .productList .prodTitle     { font-size: 1.4em; color: #000; font-weight: bold; margin: 0px; }
#products .productList .prodCaption   { color: #777; margin: 0px; }
#products .productList td.staticText  { width: 70px; padding: 0px 5px; color: #8A2; font-weight: bold; font-size: 1.2em; text-align: center; }
#products .productList td.price       { width: 110px; font-size: 3em; text-align: right; padding-right: 20px; }
#products .productList td.rowSelect   { width: 30px; text-align: center; }

#products .productList td.prodDesc    { padding: 0px; border: none; width: 100%; }
#products .productList div.prodDesc   { display: none; padding-top: 10px; border-top: 1px dashed #B00; }

#products .productList.simple td.prodTitle { width: 150px; padding-right: 10px; }

#products .buttons        { text-align: right; }
#products .buttons.bottom { margin-top: 10px; }
/* End Products (Orders) */

/* Basket (Orders) */
#basket { width: 710px; }
#basket .buttons        { text-align: right; }
#basket .buttons.bottom { margin-top: 15px; }

#basket table { margin-top: 10px; }
#basket th { background: #B00; color: #FFF; font-size: 1.5em; text-align: left; padding: 2px 4px; }
#basket th.itemName  { width: 200px; }
#basket th.itemDesc  { width: 480px; }
#basket th.itemPrice { width: 50px; text-align: right; }

#basket td { padding: 5px 4px 3px; border-bottom: 1px solid #B00; font-size: 1.1em; }
#basket td.itemName  { color: #000; }
#basket td.itemDesc  {  }
#basket td.itemPrice { color: #000; text-align: right; }

#basket .totalRow td  { border: none; color: #000; text-align: right; padding-top: 20px; font-size: 1.2em; }
#basket td.total      { padding-right: 50px; }
#basket td.totalPrice {  }
/* End Basket (Orders) */

/* Hover Image */
.hoverImage          { margin-bottom: 10px; }
.hoverImage .default { display: block; }
.hoverImage .hover   { display: none; }
.hoverImage:hover .default { display: none; }
.hoverImage:hover .hover   { display: block; }
/* End Hover Image */

/* RJJ */
#featureList ul { list-style-type: none; padding: 10px 25px; margin: 0px; }
#featureList li { background-image: url(../images/smallTick.png); background-repeat: no-repeat; background-position: 0px 0px; padding: 0px 0px 5px 25px; }
#bg-colour {background-color:#16571b;padding:10px;color:#fff;width:453px;}

/* Blog styles */
#content-body { width: 720px; }
#blog-desc { line-height: 20px; margin-bottom: 10px; }
#breadcrumbs { background: transparent; padding: 0px 0px 10px; margin: 0px; }
span.category { display: block; margin: 0px 0px 8px;}
.cat_tags, .cat_tags_close, .hentry { width: auto; }

#blogPage #mainContent a:link    { color: #163; text-decoration: none; }
#blogPage #mainContent a:active  { color: #163; text-decoration: none; }
#blogPage #mainContent a:visited { color: #163; text-decoration: none; }
#blogPage #mainContent a:hover   { color: #163; text-decoration: underline; }
/* End Blog Styles */

/* Site Designer */
#siteDesignerPage #siteBuilder { width: 734px; }
#progressBar { margin: 0px 0px 8px; }
.tramlines { padding: 8px 0px 5px; border: solid #CCC; border-width: 1px 0px; }
.noResults { margin: 10px 0px; font-style: italic; border: 2px solid #933; background: #FDD; color: #933; padding: 5px; text-align: center; line-height: 20px; }
.noResults a { color: #933 !important; }

.siteBuilderNav { text-align: center; height: 30px; padding-bottom: 5px; line-height: 30px; }
.siteBuilderNav .buttonsLeft,
.siteBuilderNav .buttonsRight { width: 200px; height: 30px; }
.siteBuilderNav .buttonsLeft { float: left; text-align: left; }
.siteBuilderNav .buttonsRight { float: right; text-align: right; }

.siteBuilderErrors { border: 2px solid #933; background: #FDD; padding: 3px 7px; color: #600; }
.siteBuilderErrors a { color: #600 !important; }
.siteBuilderErrors p { margin-bottom: 0px; }
.siteBuilderErrors ul { margin: 0px 0px 0px 20px; padding: 0px; }

.gridLayout { margin: 20px 0px 10px; }
.gridLayout .gridItem { float: left; margin: 0px 0px 0px 22px; text-align: center; }
.gridLayout .gridItem.rowStart { margin-left: 0px; }
.gridLayout .gridItem.rowEnd {  }
.gridLayout .gridItem .itemText { margin: 10px 0px; }
.gridLayout .gridItem .itemText span { display: block; margin-bottom: 5px; }

.siteDesigns .siteDesign .name  {  }
.siteDesigns .siteDesign .price { color: #888; }

.pageTemplate, .siteDesign { width: 230px; }

.greenHeadTable { margin-bottom: 8px; }
.greenHeadTable td, .greenHeadTable th { padding: 8px 10px; vertical-align: middle; }
.greenHeadTable th { background: url(../images/siteDesigner/greenheadtableheaderbg.gif) repeat-x top transparent; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; font-weight: bold; border: 1px solid #152; }
.greenHeadTable th.col-one {  }
.greenHeadTable th.col-two { text-align: center; }
.greenHeadTable th.col-three { text-align: center; }
.greenHeadTable td { border: 1px solid #CCC; }
.greenHeadTable td p { margin: 0px; padding: 0px; line-height: normal; }
.greenHeadTable td .optionTitle { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
.greenHeadTable td .quantityBreakdown { float: right; text-align: right; color: #999; font-size: 0.9em; margin: 9px 0px; }
.greenHeadTable td .optionDesc { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #999; font-size: 0.9em; }
.greenHeadTable td.col-one {  }
.greenHeadTable td.col-two { text-align: center; background: #F9F9F9; }
.greenHeadTable td.col-three { text-align: center; background: #F0F0F0; }
.greenHeadTable td.no-border { border: none; }
.greenHeadTable td.total { background: #F0F0F0; color: #163; font-size: 2em; font-weight: bold; }

.siteBuilderContact { width: 70%; margin: 10px auto; }
.siteBuilderContact .input-text { width: 60%; }
.siteBuilderContact .input-textarea { width: 98%; }

.quoteBreakdown .col-one { width: 70%; }
.quoteBreakdown .col-two { width: 70px; }
.quoteBreakdown .col-three { width: 120px; }

.siteBuilderFinalOption { float: left; width: 30%; margin: 10px 0 10px 5%; }
.siteBuilderFinalOption.first { margin-left: 0%; }
.siteBuilderFinalOption .giantNumber { font-size: 2em; color: #999; }
.siteBuilderFinalOption .title { font-size: 1.5em; }
.siteBuilderFinalOption .desc {  }

/* Site Designer Widget */
.siteDesignerWidget { float: right; width: 230px; margin-top: 10px; margin-left: 15px; }
.siteDesignerWidget p, .siteDesignerWidget span { margin: 0px; padding: 0px; }
.siteDesignerWidget p { margin: 5px 0px; }
.siteDesignerWidget span {  }
.siteDesignerWidget .itemTitle { font-weight: bold; text-decoration: underline; margin-top: 5px; }
.siteDesignerWidget .item {  }
.siteDesignerWidget .price { float: right; text-align: right; margin-left: 10px; }
.siteDesignerWidget .priceBreakdown { padding-left: 10px; color: #999; }
.siteDesignerWidget .total { text-decoration: none; font-weight: bold; color: #163; font-size: 1.2em; }

.righthandSidebar { float: right; width: 245px; border: none; padding: 0px; margin: 0px; }
.righthandSidebar > div { float: none !important; }
/* End Site Designer Styles */

#webDevelopmentPage a.readmore { float: right; padding-left: 10px; }

.messageBox { border: 2px solid #393; background: #EFE; text-align: center; font-size: 1.1em; color: #393; font-weight: bold; padding: 5px; margin-bottom: 15px; }

.ie6#siteDesignerPage .gridLayout,
.ie6#siteDesignerPage #siteBuilder { height: 1px; }
.ie6#siteDesignerPage .siteDesignerWidget { width: 229px; margin-left: 10px; }
.ie6#siteDesignerPage .siteBuilderFinalOption { margin-left: 3%; }

.newsletter_table { width: 710px; }
.newsletter_table th { width: 80px; padding-top: 4px; }
.newsletter_table td {  }

.callback_table { width: 710px; }
.callback_table th { width: 140px; padding-top: 4px; }
.callback_table td { padding-bottom: 5px; }

#termsPage {  }
#termsPage ol { margin: 0px 0px 10px; padding: 2px 0px 0px 20px; }
#termsPage ol li {  }

#termsPage ol.brackets { list-style: none; padding-left: 0px; counter-reset: listCounter; }
#termsPage ol.brackets li { counter-increment: listCounter; }
#termsPage ol.brackets li:before { content: "(" counter(listCounter) ") "; }

.packagelist { margin: 20px 0px 0px; }

.packageitem { margin: 0px 0px 30px; }
.packageitem h2 { font-size: 2em; font-weight: bold; border-bottom: 2px solid #666; color: #666; padding-bottom: 7px; margin-bottom: 15px; }
.packageitem h3 { color: #205A03; font-size: 1.4em; }
.packageitem p { font-size: 1.2em; line-height: 1.5em; }
.packageitem p.focus { font-weight: bold; }

.packageitem ul { list-style: none; padding: 0px; margin: 2px 0px 17px; }
.packageitem ul li { font-size: 1.2em; line-height: 1.5em; }

.packageitem table { margin-bottom: 15px; }
.packageitem table td { padding: 2px 0px; width: 50%; }

.packageterms {  }
.packageterms h2 { font-size: 2em; font-weight: bold; border-bottom: 2px solid #666; color: #666; padding-bottom: 7px; margin-bottom: 15px; }
.packageterms h3 { color: #205A03; font-size: 1.4em; margin: 15px 0px 5px; }
.packageterms p { font-size: 1.2em; line-height: 1.5em; }

#supportPackagesPage .packageitem table { width: 150px; }

.portfoliofacebook { width: 465px; }
.portfoliofacebook h3 { font-size: 1.6em; font-weight: bold; padding: 13px 0px; border-top: 1px solid #CCC;
						font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; }

.clearOnFocus { color: #999; }
.clearOnFocus.hascontent { color: #333; }
.clearOnFocus.hasfocus { color: #333; }

.text-input-wrapper { height: 14px; width: 250px; margin: 0px 0px 7px; background: #FFF; padding: 4px 5px; color: #999; }
.text-input-wrapper input { position: absolute; top: 0px; left: 0px; background: none; color: #333; }

.postcard { background: url('../images/postcardbg.gif') center repeat-y transparent; width: 686px; margin: 10px auto 0px; }
.postcardtop { background: url('../images/postcardbgtop.gif') top no-repeat transparent; width: 686px; margin: 0px; padding: 0px; }
.postcardbase { background: url('../images/postcardbgbase.gif') bottom no-repeat transparent; width: 686px; margin: 0px; padding: 0px 0px 90px; }
.postcard .postcard-left,
.postcard .postcard-right { float: left; width: 250px; margin-top: 120px; }
.postcard .postcard-left { margin-left: 72px; }
.postcard .postcard-left .checkboxes { margin: 18px 0px 20px 40px; }
.postcard .postcard-left .checkbox { margin: 0px 7px 9px 0px; }
.postcard .postcard-right { margin-left: 39px; }
.postcard .postcard-right .text-input { width: 242px; padding: 2px 3px; margin: 0px 0px 7px; border: 1px solid #999; }
.postcard .postcard-right .textarea { height: 130px; }
.postcard .postcard-right .captcha-wrapper { margin: 0px 0px 7px; }
.postcard .postcard-right .submit { float: right; }

.postcard .postcard-lower { width: 550px; margin: 25px auto 0px; padding: 0px; text-align: center; }
.postcard .postcard-lower .captcha-wrapper { width: 318px; margin: 0px auto 10px; padding: 0px; }
.postcard .postcard-lower .submit { float: none; }

.roundedgreybox { background: #FAF9F6; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 20px; margin: 0px 0px 20px; }

.contact-details { width: 541px; margin: 0px auto 20px; color: #333; }
.contact-details table {  }
.contact-details td { width: 250px; }
.contact-details td.first { padding-right: 20px; }
.contact-details td.last { padding-left: 20px; border-left: 1px solid #CCC; }
.contact-details h3 { color: #333; font-size: 1.4em; font-weight: bold; margin-bottom: 10px; }
.contact-details p { color: #333; }
.contact-details .find-us { margin-top: 20px; background: url('../images/contact_map.gif') top left no-repeat transparent; height: 55px; padding-left: 55px; }
.contact-details .find-us .title { font-size: 1.4em; font-weight: bold; padding: 3px 0px 5px; margin: 0px; }
.contact-details .find-us .link { margin: 0px; padding: 0px; }
.contact-details .find-us .link a { padding-right: 14px; background: url('../images/contact_map_arrow.gif') right no-repeat transparent; }
.contact-details .contact-number { background: 0px 16px no-repeat transparent; padding: 16px 0px 16px 55px; height: 52px; border-top: 1px solid #CCC; }
.contact-details .contact-number .title { color: #333; font-size: 1.2em; font-weight: bold; padding: 7px 0px 0px; margin: 0px; line-height: 1em; }
.contact-details .contact-number .number { color: #333; font-size: 1.2em; margin: 5px 0px 0px; }
.contact-details .contact-number.headoffice { background-image: url('../images/contact_h.gif'); background-position: top left; border-top: none; padding-top: 0px; }
.contact-details .contact-number.headoffice .title { padding-top: 0px; }
.contact-details .contact-number.manchester { background-image: url('../images/contact_m.gif'); }
.contact-details .contact-number.london { background-image: url('../images/contact_l.gif'); padding-bottom: 0px; }

.form_complete { text-align: center; font-size: 1.4em; color: #393; }
.form_error { font-size: 1.4em; color: #C66; margin: 0px 200px 20px; padding: 0px; }
.form_error p { margin: 0px 0px 5px; padding: 0px; }
.form_error ul { margin: 0px 0px 0px; }
.form_input_error { color: #F33; }

/* Comm 100 Live Chat */
#comm100_ChatButton { float: right; display: inline-block !important; width: 190px; }
#comm100_track { color: #1AA !important; }
#comm100_track a { color: #099 !important; display: inline-block; }
/* Comm 100 Live Chat */