@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; }

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: #EEE; 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: "Myriad Pro","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; }

h1.pageHeading,
h2.pageHeading   { font-size: 2.5em; color: #000; text-transform: capitalize; padding: 0.4em 0em 0.2em; letter-spacing: normal; }
p.pageHeading    { font-size: 1.5em; color: #000; padding: 0.4em 0em 0em; 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 0; }

.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 #777; 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; }
.tick  { background: url(../images/tick.gif) top left transparent; }
.cross { background: url(../images/cross.gif) top left transparent; }

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

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

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

#siteHeader {
    width: 100%;
    height: 110px;
    background: url(../images/bgSiteHeader.gif) repeat-x top #CCC;
}

#homePage #siteHeader { width: 979px; }

#siteHeader #siteLogo {
    float: left;
    width: 430px;
    height: 110px;
    background: url(../images/CWSLogo.jpg) no-repeat top left;
}

#siteHeader #headerFreeMarketing {
	float: right;
    margin: 0px 5px 0px 0px;
    display:none;   
}

#siteHeader #headerGreenBox {
	float:right;
    margin: 0px 5px 0px 0px;;
    display: none;
}

#siteHeader #headerAdSpace2 {
    float: right;
    width: 150px;
    margin: 5px;
    margin-top: 10px;
    margin-bottom: 0px;
    display: none;
}

#siteHeader #headerAdSpace2 img {
    float: left;
	margin-right: 5px;
}

#siteHeader #headerAdSpace2 div {
	padding: 11px 0px;
    padding-left: 5px;
}

#siteHeader #headerAdSpace2 p {
	margin-top: 10px;
    margin-bottom: 0px;
    color: #000;
}

#siteHeader #headerButtons {
    display: none;
	float: right;
    margin: 10px 10px 0 0;
}

#siteHeader #headerButtons img {
    margin: 0 0 0 10px;
}


#siteHeader #livehelp {
	float: right;
    margin: 10px 15px 10px 0;
    height: 40px;
}

#siteHeader #accountLogin {
    clear: right;
    float: right;
    margin: 2px 23px 0 0;
    font-family: "Myriad Pro","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
    padding: 2px 12px;
    background: url(../images/htr_back.png) top repeat-x transparent;
    cursor: pointer;
    height: 35px;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
}
#siteHeader #accountLogin .acclog_left  { position: absolute; top: 0px; left: -9px; background: url(../images/htr_left.png) top left no-repeat transparent; height: 39px; width: 10px; }
#siteHeader #accountLogin .acclog_right { position: absolute; top: 0px; right: -9px; background: url(../images/htr_right.png) top right no-repeat transparent; height: 39px; width: 10px; }
#siteHeader #accountLogin.hover { background-image: url(../images/htr_back_hover.png); }
#siteHeader #accountLogin.hover .acclog_left  { background-image: url(../images/htr_left_hover.png); }
#siteHeader #accountLogin.hover .acclog_right { background-image: url(../images/htr_right_hover.png); }
#siteHeader #accountLogin a { text-decoration: none; }

#siteHeader #headerTelNos {
    float: left;
    margin: 0px 10px 0 0;
}

/*#homePage #container { background: url(../images/bgMainTopStar.gif) 0px 5px no-repeat transparent; }
#homePage #siteHeader #headerButtons { display: block; }
#homePage #siteHeader #headerTelNos { margin-top: 8px; }

#homePage #siteHeader #headerGreenBox { display: block; }
#homePage #siteHeader #headerAdSpace2 { display: block; }
#homePage #siteHeader #headerFreeMarketing { display: block; }
#homePage #siteHeader #headerTelNos   { display: none; }*/

#topMenu {
    margin-bottom: 0px;
}

#topMenu #topMenuCornerBL {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 4px;
    height: 4px;
    background: url(../images/topMenuCornerBL.gif) no-repeat bottom left;
}

#topMenu #topMenuCornerBR {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 4px;
    height: 4px;
    background: url(../images/topMenuCornerBR.gif) no-repeat bottom right;
}

#topMenu table {
    border-collapse: separate;
    border: 1px solid #336644;
    border-top: none;
}

#topMenu table th {
    width: 11%;
    text-align: center;
    font-weight: bold;
    padding: 7px 6px;
    border: none;
    border-left: 1px solid #88AA22;
    border-right: 1px solid #AADD22;
    background: url(../images/bgTopMenuButton.gif) repeat-x top;
    white-space: nowrap;
    text-transform: capitalize;
}

#topMenu table th a {
    color: #163;
}

#topMenu table th.first {
    border-left: none;
}

#topMenu table th.last {
    border-right: none;
}

#topMenu table th.menuhover,
#topMenu table th.selected,
#topMenu table th:hover {
    background: url(../images/bgTopMenuButtonHover.gif) repeat-x top;
    cursor: pointer;
}

#topMenu table th.menuhover a,
#topMenu table th.selected a,
#topMenu table th:hover a {
    text-decoration: none;
    color: #FFF;
}

#topMenu table th.selected {
    border: none;
}

#topMenu #topMenuPageIndicator {
    position: absolute;
    bottom: -13px;
    width: 14px;
    height: 14px;
    background: url(../images/topMenuPageIndicator.png) no-repeat top left;
    display: none;
}

.ie6 #topMenu #topMenuPageIndicator { bottom: -16px; }

#latestSites #topMenuPageIndicator {
    position: absolute;
    top: -1px;
    width: 14px;
    height: 14px;
    background: url(../images/topMenuPageIndicator.png) no-repeat top left;
    display: none;
}

#latestSites {
    margin-bottom: 20px;
    height: 325px;
}

#latestSites .latestSite {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    width: 100%;
}

#latestSites .latestSite .latestSiteImage {
    position: absolute;
    top: 0px;
    left: 0px;
}

#latestSites .siteDesc {
    margin-top: 260px;
    margin-bottom: 25px;
    width: 350px;
}

#latestSites .siteDesc h4 {
    font-size: 1.5em;
    color: #000;
    margin: 5px 0px;
}

#latestSites .siteDesc h4, #latestSites .siteDesc p {
    padding-left: 40px;
}

#latestSites .siteDesc .latestSitesNumber {
    float: left;
    background: url(../images/bgLatestSitesNumber.gif) no-repeat top;
    width: 34px;
    height: 34px;
    font-size: 1.5em;
    font-weight: bold;
    color: #116622;
    text-align: center;
    padding-top: 6px;
    overflow: hidden;
}

#latestSites #latestSitesNav {
    position: absolute;
    top: 300px;
    left: 400px;
    padding: 5px 0px;
    width: 260px;
    text-align: center;
}

#latestSites #latestSitesNav span,
#latestSites #latestSitesNav img {
    float: left;
    margin: 0px 5px;
    cursor: pointer;
}

#latestSites #latestSitesNav span {
    padding-top: 3px;
}

#latestSites #latestSitesNav .latestSitesSmallNumber {
    background: url(../images/bgLatestSitesNumberSmall.gif) no-repeat top;
    width: 24px;
    height: 20px;
    text-align: center;
    padding-top: 4px;
    font-size: 0.9em;
    font-weight: bold;
}

#latestSites #latestSitesNav .latestSitesSmallNumber.selected {
    color: #116622;
}

#latestSites #latestSitesPlayPause {
    text-align: center;
	width: 35px;
}

#mainContent { width: auto; }
#contactPage #mainContent,
#webDesignServicesPage #mainContent,
#shoppingBasketPage #mainContent,
#orderProductsPage #mainContent,
#orderCheckoutPage #mainContent { width: 725px; }

.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;
}

#mainContent .columnLayout {
    float: left;
    width: 235px;
    margin: 20px 5px 0 5px;
}

.ie6 #mainContent .columnLayout { margin: 20px 4px 0 4px; }

#mainContent .columnLayout h1,
#mainContent .columnLayout h2,
#mainContent .columnLayout .mockHeading {
    margin-bottom: 10px;
}

#mainContent .columnLayout .homeHeaderBox {
    margin-bottom: 10px;
}

#mainContent .columnLayout .columnContent {
    padding: 0px 0px;
}

#mainContent .columnLayout .columnContent .icon {
    float: left;
    width: 60px;
    height: 80px;
    margin-right: 10px;
}

#mainContent .columnLayout .columnContent p {
    margin-top: 10px;
}

#mainContent .columnLayout .columnContent ol {
    margin: 0px;
    padding: 0 0 0 18px;
}

#mainContent .columnLayout .columnContent ol li {
	padding: 3px 0px;
}

.ie6 #mainContent .columnLayout .columnContent ol { padding: 0 0 0 23px; }

#mainContent .columnLayout .columnContent p.mockHeading {
    margin-top: 0px;
}

#mainContent .columnLayout .columnContent p.siteIntro {
    min-height: 7em;
    _height: 7em;
}

#mainContent .columnLayout .columnContent p.tagLine {
	line-height: 17px;
}

#mainContent .columnLayout.similarQuoteBox .similarQuoteImage {
    position: absolute;
    top: 0px;
    left: 0px;
}

#mainContent .columnLayout.similarQuoteBox .columnContent {
    margin-top: 195px;
}

.shadowedBox {
    margin: 0px;
    padding: 0px;
    background: #FFF;
    border: 1px solid #777;
    overflow: hidden;
}

.shadowedBox .content {
    padding: 0 10px;
    z-index: 10;
}

.shadowedBox .content p {
    margin-top: 1em;
}

.shadowedBox1 {
    margin: 0px;
    padding: 0px;
    background: #FFF;
    border: 0px solid #777;
    overflow: hidden;
}

.shadowedBox1 .content {
    padding: 0 10px;
    z-index: 10;
}

.shadowedBox1 .content p {
    margin-top: 1em;
}

.homeBigBox1, .homeBigBox2, .homeBigBox3, .homeBigBox4 {
    float: left;
    width: 480px;
}

.homeBigBox1, .homeBigBox2 {
    margin-bottom: 15px;
    height: 410px;
}

.homeBigBox1, .homeBigBox3 {
    margin-right: 15px;
}

.homeBigBox3, .homeBigBox4 {
    height: 410px;
}

.homeBigBox1 .image {
    float: right;
    margin-top: 10px;
    margin-left: 10px;
}

.homeBigBox2 .image {
    margin: 10px 0 0 10px;
}

.homeBigBox3 .image {
    float: right;
    margin: 10px 10px 5px 15px;
}

.homeBigBox4 .leftCol {
    float: left;
    width: 220px;
}

.homeBigBox4 .rightCol {
    width: 220px;
    float: right;
}

/* Lower Boxes */
#lowerBoxes { clear: both; margin-bottom: 20px; margin-top: 15px; }
.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; }
/* End Lower Boxes */

/* Footer */
/*
#footerOuter { position: absolute; display: none; width: 100%; height: 150px; clear: both; background: url(../images/footerbg.png) repeat-x top left transparent; }
#footer { width: 940px; margin: 0px auto; color: #FFF; }
#footer #footerLinks { padding: 40px 0px 20px; font-size: 1.3em; }
#footer #footerLinks ul { margin: 0px; padding: 0px; list-style: none; }
#footer #footerLinks ul li { display: inline; border-left: 1px solid #FFF; padding: 0px 5px 0px 10px; }
#footer #footerLinks ul li.first { border: none; padding-left: 0px; }
#footer #footerLinks ul li a { color: #FFF; }
#footer #footerLeft { font-size: 1.2em; width: 50%; float: left; }
#footer #footerRight { font-size: 1.2em; width: 50%; float: right; text-align: right; }
#footer #footerRight a { color: #FFF; }
*/
#siteFooter { width: 100%; height: 150px; clear: both; padding: 20px 0px; }
#siteFooter p { text-align: center; }
#siteFooter #footerCheckRate { position: absolute; top: 8px; left: 35px; width: 119px; height: 45px; }
#siteFooter #footerLinks { margin-bottom: 20px; color: #116633; }
#siteFooter #footerLogos   { text-align: center; margin-bottom: 20px; }
#siteFooter #footerLogos a { padding: 0 10px; }

#webDesignPage #siteFooter {  }
/* End Footer */

/* Paging */
.paging { padding: 5px 0px 4px; border: 1px solid #777; border-left: none; border-right: none; margin-bottom: 20px; height: 25px; }
.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; width: 725px; }
.shadedBox a { padding: 0 29px; }
.ie6 .shadedBox, .ie7 .shadedBox { width: 715px; }
/* End Shaded Box */

/* Shadowed Box */
.shadowedBox .decor { position: absolute; background-color: transparent; background-repeat: no-repeat; width: 10px; height: 10px; z-index: 999; }
.shadowedBox .shadowedBoxTL { top:    -2px;  left:  -5px; background: url('../images/shadowedBox/topLeft.png')     top    left;  }
.shadowedBox .shadowedBoxTR { top:    -2px;  right: -5px; background: url('../images/shadowedBox/topRight.png')    top    right; }
.shadowedBox .shadowedBoxBL { bottom: -13px; left:  -5px; background: url('../images/shadowedBox/bottomLeft.png')  bottom left;  height: 13px; }
.shadowedBox .shadowedBoxBR { bottom: -13px; right: -5px; background: url('../images/shadowedBox/bottomRight.png') bottom right; height: 13px; }
.shadowedBox .shadowedBoxTop    { top:    -2px;  left:  0px;  background: url('../images/shadowedBox/top.png')    top    repeat-x; height: 2px; width:  100%; }
.shadowedBox .shadowedBoxRight  { top:    0px;   right: -5px; background: url('../images/shadowedBox/right.png')  right  repeat-y; width:  5px; height: 100%; }
.shadowedBox .shadowedBoxBottom { bottom: -13px; left:  0px;  background: url('../images/shadowedBox/bottom.png') bottom repeat-x; height: 8px; width:  100%; }
.shadowedBox .shadowedBoxLeft   { top:    0px;   left:  -5px; background: url('../images/shadowedBox/left.png')   left   repeat-y; width:  5px; height: 100%; }
/* End Shadowed Box */

/* Portfolio */
.portfolios, #portfolioPage .paging { width: 725px; }
.ie6 .portfolios { height: 1px; }
.ie6 .portfolio  { height: 1px; }
.ie7 .portfolios { min-height: 1px; }
.ie7 .portfolio  { min-height: 1px; }
.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; }
/* End Portfolio */

/* Portfolio Details */
.portfolioLargeImage { position: absolute; }
.screenshotOverlay { margin: 320px 0px 15px; font-size: 1.2em; color: #000; }
.portfolioFeatures { float: left; width: 210px; padding: 10px; margin: 0px 15px 10px 0px; }
.portfolioFeatures .horizontalDivider { margin: 10px 0px; }
.portfolioFeatures .featureHeading { font-weight: bold; color: #000; padding-top: 5px; }
.portfolioFeatures .featureDesc { padding-left: 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 */

/* Accordion */
.accordionBlock { float: right; width: 230px; margin-top: 10px; margin-left: 15px; }
.accordion { z-index: 100; padding: 10px; margin: 20px 0px; }
.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 */

.contactForm { padding: 0px 0px; }
#contactPage .contactForm { float: left; width: 69%; margin-right: 3%; padding-right: 2%; border-right: 1px solid #000; }
#contactPage .contactAddress { float: left; width: 24%; }
#contactPage .contactForm table.headingsOnLeft { width: 95%; }

/* 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; }
.shadowedBox .contactForm { margin: 10px; }
.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-bottom: 15px; width: 730px; }
/* 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 .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;}

.ie #topMenuPageIndicator { display: none; }


/* Blog styles */
#content-body { width: 760px; }
#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 */

/* Header Text Rotator */
#headerTextRotator { float: left; margin: 12px 0 0 20px; width: 360px; height: 39px; background: url(../images/htr_back.png) top repeat-x transparent; font-family: "Myriad Pro","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; }
#headerTextRotator .htr_left  { position: absolute; top: 0px; left: -9px; background: url(../images/htr_left.png) top left no-repeat transparent; height: 39px; width: 10px; }
#headerTextRotator .htr_right { position: absolute; top: 0px; right: -9px; background: url(../images/htr_right.png) top right no-repeat transparent; height: 39px; width: 10px; }
#headerTextRotator.hover { background-image: url(../images/htr_back_hover.png); }
#headerTextRotator.hover .htr_left  { background-image: url(../images/htr_left_hover.png); }
#headerTextRotator.hover .htr_right { background-image: url(../images/htr_right_hover.png); }
#headerTextRotator .htr_item { position: absolute; top: 4px; left: 1px; width: 100%; height: 39px; cursor: pointer; display: none; }
#headerTextRotator .htr_item a { text-decoration: none; }
#headerTextRotator .htr_item span { margin: 0px; padding: 0px; }
#headerTextRotator .htr_item .htr_title { font-size: 1.2em; font-weight: bold; }
#headerTextRotator .htr_item .htr_readmore { float: right; color: #999; }
#headerTextRotator .htr_item .htr_text { color: #666; }
/* End Header Text Rotator */

.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%; }