.center
{
    text-align: center;
}
.clear
{
    clear: both;
    height: 0;
    line-height: 0;
}
.floatleft
{
    float: left;
}
.floatright
{
    float: right;
}
.spaced
{
    line-height: 140%;
    margin: 1.3em 0;
}
a
{
    color: #b42c30;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}
a.redarrow
{
    background: url(small-red-arrow.gif) no-repeat left center;
    color: #b42c30;
    font-weight: bold;
    padding-left: 12px;
}
body
{
    background: #fff url(body-bg.gif) repeat-x left top;
    color: #666;
    font-size: 80%;
    font-family: Arial, Lucida Sans, Tahoma;
    margin: 0;
}
div#bottomcta
{
    background: url(bottomcta-bg.gif) no-repeat left top;
    height: 130px;
    margin: 0 -10px;
    padding: 10px;
    width: 910px;
}
div#bottomcta div
{
    float: left;
    height: 100px;
    position: relative;
    padding: 15px 130px 15px 15px;
    width: 160px;
}
div#bottomcta div h3
{
    color: #54576c;
    font-size: 110%;    
}
div#bottomcta div img.button
{
    bottom: 15px;
    left: 15px;
    position: absolute;
}
div#bottomcta div p
{
    line-height: 110%;
    margin: 3px 0 0 0;
    padding: 0;
}
div#bottomcta div.trial
{
    background: url(bottomcta-support-bg.gif) no-repeat left top;
}
div#bottomcta div.businessreview
{
    background: url(bottomcta-businessreview-bg.gif) no-repeat left top;
}
div#bottomcta div.onlineenquiry
{
    background: url(bottomcta-enquireonline-bg.gif) no-repeat left top;
    padding: 15px 120px 15px 15px;
    width: 165px;
}

div.casestudies
{
    margin: 0 40px;
    text-align: center;
}
div.casestudies div.logo
{
    background: url(casestudies-logoholder.gif) no-repeat top left;
    float: left;
    height: 140px;
    margin: 20px 5px 0 5px;
    padding: 10px;
    width: 140px;
}
div.casestudy div.logo
{
    float: right;
    margin: 0 0 20px 20px;
}
div.casestudy div.quote
{
    background: url(leftquote.jpg) no-repeat top left;
    margin: 20px 0;
}
div.casestudy div.quote div.inner
{
    background: url(rightquote.jpg) no-repeat bottom right;
    padding: 15px 5px 5px 20px;
}
div.casestudy div.quote p
{
    margin: 0;
    padding: 0;
}
div.casestudy div.quote p.quote
{
    font-style:italic;
    font-size: 150%;
    line-height: 120%;
    margin: 0 0 5px 0;
    text-indent: 20px;
}

div#container
{
    margin: 0 auto;
    width: 990px;
}
div.contactform
{
    border: solid 1px #e5e5e5;
    padding: 10px;
}
div.contactform h2
{
    font-weight: bold;
    margin-bottom: 10px;
}
div.contactform div.error
{
    color: #c00;
    font-style: oblique;
    font-weight: bold;
    margin-bottom: 20px;
}
div.contactform table tr td
{
    vertical-align: middle;
    border: none;
}
div.contactform table tr td
{
    padding: 0;
}
div.contactform table tr td.label, div.contactform table tr td.field
{
    padding: 7px 20px 7px 0;
}
div.contactform span.required
{
    background-image: url(required.gif);
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 10px;
    padding: 5px;
}
div.contactform input
{
    border: solid 1px #ccc;
    padding: 2px;
}
div.contactform textarea
{
    border: solid 1px #ccc;
    font-family: Arial, Verdana, Tahoma;
    font-size: 100%;
    height: 100px;
    width: 320px;
}
div#content
{
    padding: 30px 25px 10px 25px;
}
div#content div.left
{
    background: url(left-bg.png) no-repeat left top;
    float: left;
    padding: 40px 0 60px 0;
    width: 230px;
}
div#content div.right
{
    background: url(right-bg.png) no-repeat left top;
    float: right;
    padding: 40px 30px 60px 30px;
    width: 620px;
}
div#content div#home div.left
{
    background: url(home-left-bg.png) no-repeat left top;
    padding: 40px 20px 20px 20px;
    width: 490px;
}
div#content div#home div.right
{
    background: url(home-right-bg.png) no-repeat left top;
    padding: 40px 20px 20px 20px;
    width: 340px;
}
div#content div#home div.right h2
{
    border-bottom: solid 1px #e9e9e9;
    color: #333;
    font-size: 170%;
    font-weight: normal;
    margin: 0 0 10px 0;
    padding: 0 0 15px 0;    
}
div#content div#home div.right div.featuredcasestudy div.details
{
    float: right;
    width: 225px;
}
div#content div#home div.right div.featuredcasestudy div.details p.heading
{
    color: #454545;
    font-weight: bold;
    margin: 0;
}
div#content div#home div.right div.featuredcasestudy div.details p.heading a
{
    color: #454545;
}
div#content div#home div.right div.featuredcasestudy div.details p.teaser
{
    margin: 3px 0 0 0;
}
div#content div#home div.right div.featuredcasestudy img
{
    border: solid 1px #666;
    float: left;
    margin-right: 13px;
}
div#content h1
{
    border-bottom: solid 1px #e9e9e9;
    color: #333;
    font-size: 170%;
    font-weight: normal;
    margin: 0 0 10px 0;
    padding: 0 0 15px 0;    
}

div#footer
{
    background: url(footer-bg.gif) no-repeat left top;
    padding: 30px 40px;
}
div#footer div.links
{
}
div#footer div.links ul
{
    list-style-type: none;
    margin: 0 0 13px 0;
    padding: 0;
}
div#footer div.links ul li
{
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div#footer div.links ul li a
{
    color: #5c5c5c;
    font-weight: bold;
    padding-right: 7px;
}
div#footer div.copyright p
{
    color: #999;
    margin: 0 0 3px 0;
}
div#footer div.copyright p a
{
    color: #999;
    text-decoration: underline;
}
div#header
{
    background-color: #fff;
    height: 125px;
    margin-left: 15px;
    position: absolute;
    top: 0;
    width: 960px;
}
div#header div.left
{
    float: left;
    margin-left: 25px;
    width: 510px;
}
div#header div.right
{
    float: right;
    margin-right: 25px;
    width: 210px;
}
div#header div.right div.contact
{
    margin-top: 65px;
    text-align: right;
}
div#header div.right div.contact span.email
{
    display: block;
    font-weight: bold;
}
div#header div.right div.contact span.phone
{
    color: #333;
    display: block;
    font-size: 240%;
    font-weight: normal;
    margin-bottom: -5px;
}

div.homeintropanels
{
    margin-bottom: -10px;
    padding: 20px 10px 0 0;
}
div.homeintropanels div.business, div.homeintropanels div.retail
{
    float: right;
    height: 270px;
    position: relative;
    width: 250px;
}
div.homeintropanels div.business a, div.homeintropanels div.retail a
{
    color: #666;
    text-decoration: none;
}
div.homeintropanels div.business a.more, div.homeintropanels div.retail a.more
{
    bottom: 25px;
    color: #b42c30;
    left: 25px;
    position: absolute;
}
div.homeintropanels div.business a.more:hover, div.homeintropanels div.retail a.more:hover
{
    text-decoration: underline;
}
div.homeintropanels div.business span.inner, div.homeintropanels div.retail span.inner
{
    display: block;
    height: 160px;
    padding: 110px 25px 0 25px;
    width: 200px;
}
div.homeintropanels div.business
{
    background: url(homeintropanels-business-bg.png) no-repeat left top;
}
div.homeintropanels div.business:hover
{
    background: url(homeintropanels-business-hover-bg.png) no-repeat left top;
}
div.homeintropanels div.retail
{
    background: url(homeintropanels-retail-bg.png) no-repeat left top;
}
div.homeintropanels div.retail:hover
{
    background: url(homeintropanels-retail-hover-bg.png) no-repeat left top;
}
    

div#maincontainer
{
    background: url(maincontainer-bg.gif) no-repeat left top;
    padding: 0 15px;
}
div.main
{
    background: no-repeat left top;
}
div#navigation
{
    background: url(navigation-bg.gif) repeat-x left bottom;
    height: 37px;
    margin: 125px 15px 0 15px;
}
div#navigation ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div#navigation ul li
{
    list-style-type: none;
    display: inline;
    margin: 0;
    padding: 0;
}
div#navigation ul li a
{
    color: #5c5c5c;
    float: left;
    font-weight: bold;
    text-decoration: none;
}
div#navigation ul li a:hover
{
    color: #b42c30;
}
div#navigation ul li a span
{
    background: url(nav-item-right.gif) no-repeat right top;
    cursor: pointer;
    line-height: 37px;
    float: left;
    list-style-type: none;
    padding: 0 20px;
    text-align: center;
}
div#navigation ul li.on a span
{
    background: url(nav-item-on.gif) repeat-x left top;
    color: #fff;
}

div.pageintro
{
    height: 80px;
    padding: 30px 0 0 45px;
}
div.pageintro h3
{
    color: #fff;
    font-size: 260%;
    font-weight: normal;
}
div.pageintro p
{
    color: #fff;
    font-weight: bold;
    margin: 7px 0 0 0;
    width: 320px;
}

div#subnavigation
{
    margin: 0 10px 0 20px;
}
div#subnavigation ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div#subnavigation ul li
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div#subnavigation ul li a
{
    color: #5c5c5c;
    display: block;
    font-weight: bold;
    text-decoration: none;
}
div#subnavigation ul li a:hover
{
    color: #b42c30;
}
div#subnavigation ul li a span
{
    background: url(subnav-item.gif) no-repeat left top;
    cursor: pointer;
    float: left;
    line-height: 30px;
    list-style-type: none;
    margin: 0 0 -1px 0;
    padding: 0 15px;
    text-align: left;
    width: 160px;
}
div#subnavigation ul li.on a span
{
    background: url(subnav-item-on.gif) repeat-x left top;
    color: #fff;
    margin: 0;
    width: 170px;
}
div.business div#subnavigation ul li a:hover
{
    color: #59619b;
}
div.business div#subnavigation ul li.on a span
{
    background: url(subnav-business-item-on.gif) repeat-x left top;
}
div.retail div#subnavigation ul li a:hover
{
    color: #5d945b;
}
div.retail div#subnavigation ul li.on a span
{
    background: url(subnav-retail-item-on.gif) repeat-x left top;
}

div.whypiandi
{
    background: url(whypiandi-bg-bottom.gif) no-repeat left bottom;
    margin: 10px 5px;
    width: 210px;
}
div.whypiandi div.inner
{
    background: url(whypiandi-bg-top.gif) no-repeat left top;
    padding: 60px 15px 25px 15px
}
div.whypiandi ul, div.whypiandi ul li
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div.whypiandi ul li span
{
    border-bottom: dotted 1px #ccc;
    float: left;
    line-height: 32px;
    padding: 0 10px;
    width: 170px;
}
div.whypiandi ul li:last-child span
{
    border: none;
}