@import "reset.css";

html {
  font-size:100%;
}

body {
  background:#000 url('../img/layout/background-gradient.gif') repeat-x 0 0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:75%;
  line-height:1.4em;
}

div#wrapper {
  background:url('../img/layout/man-birds.png') no-repeat -210px 30px;
}

em {
  color:#d51616;
  font-weight:bold;
  font-style:normal;
}

div#container {
  margin:0 auto;
  padding:10px 0;
  width:960px;
}

div#container p#billing {
  color:#7e7e7e;
  float:left;
  font-size:0.91em;
  margin:10px 0 0 15px;
  width: 100%;
}

div#container p#billing a {
  color: #666;
}

div#branding {
  background:#ee2e24 url('../img/layout/branding.gif') repeat-x 0 100%;
  float:left;
  height:97px;
  width:960px;
}

div#branding a#logo {
  background:url('../img/layout/logo.png') no-repeat 0 0;
  float:left;
  height:52px;
  margin:2em 23px;
  text-indent:-9999px;
  width:164px;
}

div#branding p {
  color:#fff;
  float:right;
  font-size:0.91em;
  margin:17px 25px 0 0;
}

div#branding p a {
  color:#fff;
}

div#nav-primary {
  float:left;
  height:26px;
  margin:-2.1em 0 0 180px;
  width:41em;
}

div#nav-primary ul li {
  float:left;
  height:28px;
  line-height:26px;
}

div#nav-primary ul li a {
  color:#fff;
  display:block;
  font-size:1.33em;
  padding:0 15px;
  text-decoration:none;
}

body.index a#home, body.index a#home:hover,
body.features a#features, body.features a#features:hover,
body.plans-prices a#plans-prices, body.plans-prices a#plans-prices:hover,
body.support a#support, body.support a#support:hover,
body.contact a#contact, body.contact a#contact:hover {
  background:#000;
}

div#nav-primary ul li a:hover {
  background:#333;
}

div#product-strip {
  background:#000 url('../img/layout/product-strip.gif') no-repeat 0 0;
  clear:left;
  float:left;
  height:43px;
  width:960px;
}

div#product-strip p {
  float:right;
  line-height:43px;
}

div#product-strip p a {
  background:url('../img/layout/find-out-more.gif') no-repeat 0 55%;
  color:#fff;
  margin-right:20px;
  padding-left:17px;
}

div#content {
  background:#fff;
  float:left;
  padding:10px;
  width:940px; 
}

div#banner {
  background: #000;
  float:left;
  padding:10px;
}

div#slider {
  float:left;
  height:257px;
  position:relative;
  width:690px;
}

div#slider .wrapper {
  height:257px;
  left:0;
  margin:0 42px;
  overflow:auto;
  position:absolute;
  top:0;
  width:607px;     
}

div#slider .arrow { 
  display:block;  
  background:url('../img/layout/arrows.gif') no-repeat 0 0%; height:32px; width:32px; text-indent:-9999px;          
  cursor:pointer;
  margin-top:40px;
}
  
div#slider .arrow.forward { 
  background-position:0 -32px;
  float:right;
}

div#slider .arrow.forward:hover { 
  background-position:-32px -32px;
}

div#slider .arrow.back { 
  background-position:0 0;
  float:left;
}

div#slider .arrow.back:hover {
  background-position:-32px 0;  
}

div#slider ul li {
  display:block;
  height:257px;
  width:607px;
}

div#slider ul li#slide-1 {
  background:url('../img/content/slide-1.jpg') no-repeat 0 0;
}

div#slider ul li#slide-2 {
  background:url('../img/content/slide-2.jpg') no-repeat 0 0;
}

div#slider ul li#slide-3 {
  background:url('../img/content/slide-3.jpg') no-repeat 0 0;
}

div#slider ul li#slide-4 {
  background:url('../img/content/slide-4.jpg') no-repeat 0 0;
}

div#slider ul li a {
  background: url('../img/layout/try-it-now.gif') no-repeat 0 0;
  display:block;
  margin:180px 0 0 24px;
  width:113px;
  height:29px;
  text-indent:-9999px;
}

div#slider ul li a:hover {
  background-position: 0 -29px
}

div#content-primary {
  float:left;
}

body.index div#content-primary {
  padding:20px 15px 10px;
  width:669px;
}

body.contact div#content-primary, body.about div#content-primary, body.support div#content-primary, body.article div#content-primary, body.browser div#content-primary {
  padding:20px 15px 10px;
  width:441px;
}

body.plans-prices div#content-primary, body.features div#content-primary {
  padding:20px 15px 10px;
  width:670px;
}

body.features div#content-primary {
  min-height:680px;
}

body.plans-prices div#content-primary div#plans-prices-standard, body.plans-prices div#content-primary div#plans-prices-premium {
  width:100%;
  margin-top:20px;
  float:left;
}

body.plans-prices div#content-primary div#plans-prices-standard h3, body.plans-prices div#content-primary div#plans-prices-premium h3 {
  width:648px;
  height:34px;
  text-indent:-9999px;
}

body.plans-prices div#content-primary div#plans-prices-standard h3 {
  background:url('../img/layout/plans-standard.gif') no-repeat 0 0;
} 

body.plans-prices div#content-primary div#plans-prices-premium h3 {
  background:url('../img/layout/plans-premium.gif') no-repeat 0 0;
}

body.plans-prices div#content-primary table {
  width:648px;
  border-collapse: collapse;
}

body.plans-prices div#content-primary table tr.header {
  background:#d5d6d6;
  color:#b1140c;
}

body.plans-prices div#content-primary table tr.header th {
  font-weight:bold;  
}

body.plans-prices div#content-primary table tr th, body.plans-prices div#content-primary table tr td {
  padding:12px;
  border-bottom:1px solid #d5d6d6;
}

body.plans-prices div#content-primary table tr th.users, body.plans-prices div#content-primary table tr td.users {
  font-weight:bold;
  width:55px;
}

body.plans-prices div#content-primary table tr th.space, body.plans-prices div#content-primary table tr td.space {
  width:425px;
}

body.plans-prices div#content-primary table tr th.cost, body.plans-prices div#content-primary table tr td.cost {
  text-align:center;
}

body.plans-prices div#content-primary table tr td.cost {
  background:url('../img/layout/price.gif') no-repeat 50% 50%;
  color:#fff;
  font-weight:bold;
  vertical-align:middle;
}

body.contact div#content-primary p, body.about div#content-primary p, body.support div#content-primary p, body.support div#content-primary p {
  margin:10px 0 20px;
  width:385px;
}

body.support div#content-primary div#telephone-standard, body.support div#content-primary div#telephone-premium {
  float:left;
  margin-bottom:20px;
}

body.support div#content-primary div#telephone-standard h3, body.support div#content-primary div#telephone-premium h3 {
  text-indent:-9999px;
  height:29px;
  width:108px;
}

body.support div#content-primary div#telephone-standard h3 {
  background:url('../img/layout/support-standard.gif') no-repeat 0 0;
}

body.support div#content-primary div#telephone-premium h3 {
  background:url('../img/layout/support-premium.gif') no-repeat 0 0;
}

body.support div#content-primary div#telephone-standard ul, body.support div#content-primary div#telephone-premium ul {
  margin:0;
}

body.support div#content-primary div#telephone-standard ul li, body.support div#content-primary div#telephone-premium ul li {
  width:100%;
}

body.support div#content-primary div#telephone-standard ul.table, body.support div#content-primary div#telephone-premium ul.table {
   width:441px;
}

body.support div#content-primary div#telephone-standard ul li.first, body.support div#content-primary div#telephone-premium ul li.first {
  background:#d5d6d6;
  float:left;
}

body.support div#content-primary div#telephone-standard ul li.second, body.support div#content-primary div#telephone-premium  ul li.second {
  background:#fff;
  float:left;
}

body.support div#content-primary div#telephone-standard ul li.left, body.support div#content-primary div#telephone-premium ul li.left {
  float:left;
  font-weight:bold;
  padding:20px 15px;
  width:100px;
}

body.support div#content-primary div#telephone-standard ul li.right, body.support div#content-primary div#telephone-premium ul li.right {
  float:right;
  padding:10px 10px 10px 0;
  text-align:right;
  width:300px;
}

body.about div#content-primary img, body.article div#content-primary img {
  margin: 10px 0;
}

body.index div#content-primary h1 {
  background: url('../img/content/heading.gif') no-repeat 0 0;
  float:left;
  height:20px;
  text-indent:-9999px;
  width:487px;
}

body.index div#content-primary h3 {
  background:url('../img/content/apps-headings.gif') no-repeat 0 0;
  line-height:43px;
  margin-bottom:10px;
  text-indent:-9999px;
}

body.index div#content-primary div div div h3 a { 
  color: #000;
  font-weight:bold;
}

body.index div#content-primary h3#retail-ecommerce {
  background-position:0 0;
}

body.index div#content-primary h3#wholesale-manufacturing {
  background-position:-213px 0;
}

body.index div#content-primary h3#service-providers {
  background-position:-426px 0;
}

body.index div#content-primary-cols {
  clear:left;
  float:left;
  margin-top:30px;
  width:100%;
}

body.index div#content-primary-first-col, body.index div#content-primary-second-col, body.index div#content-primary-third-col {
  float:left;
  margin-right:15px;
  width:213px;
}

body.index div#content-primary-first-col div.equalise, body.index div#content-primary-second-col div.equalise, body.index div#content-primary-third-col div.equalise {
  min-height: 95px;    
}

body.index div#content-primary-first-col div.bubble-html, body.index div#content-primary-second-col div, body.index div#content-primary-third-col div {
  min-height: 0;
}

body.index div#content-primary-first-col {
  z-index:3;
}

body.index div#content-primary-second-col {
  z-index:2;
}

body.index div#content-primary-third-col {
  margin-right:0;
  z-index:1;
}

ul.product-list {
  float:left;
  clear:left;
  margin:1em 0 0 0;
  width:100%;
}

ul.product-list li {
  background:url('../img/content/apps.png') no-repeat 0 0;
  height:66px;
  list-style-type:none;
  margin-bottom:20px;
  padding-left:75px;
}

ul.product-list li p {
  font-size:0.91em;
}

ul.product-list li p strong {
  color:#d92219;
}

ul.product-list li#stock-control {
  background-position:0 -66px;
}

ul.product-list li#invoicing {
  background-position:0 -132px;
}

ul.product-list li#calendar {
  background-position:0 0;
}

ul.product-list li#notice-board {
  background-position:0 -726px;
}

ul.product-list li#e-commerce {
  background-position:0 -462px;
}

ul.product-list li#sales-management {
  background-position:0 -594px;
}

ul.product-list li#sales-info {
  background-position:0 -1122px;
}

ul.product-list li#dashboard {
  background-position:0 -924px;
}

ul.product-list li#quick-search {
  background-position:0 -1518px;
}

ul.product-list li#contacts {
  background-position:0 -1452px;
}

ul.product-list li#task-manager {
  background-position:0 -264px;
}

ul.product-list li#recent-documents {
  background-position:0 -1386px;
}

div#content-secondary {
  float:right;
  width:232px;
}

body.contact div#content-tertiary, body.about div#content-tertiary, body.support div#content-tertiary, body.article div#content-tertiary {
  float:left;
  width:207px;
}

body.about div#content-tertiary div {
  float:left;
  clear:left;
}

body.contact div#content-tertiary div, body.about div#content-tertiary div, body.support div#content-tertiary div, body.article div#content-tertiary div {
  float:left;
  clear:left;
  margin-top:20px;
  min-height:123px;
  width:100%;
}

body.contact div#content-tertiary h3, body.about div#content-tertiary h3, body.support div#content-tertiary h3, body.article div#content-tertiary h3 {
  background:#d51616;
  color:#fff;
  height:32px;
  padding:5px 5px 5px 10px;
}

body.contact div#content-tertiary p, body.about div#content-tertiary p, body.support div#content-tertiary p, body.article div#content-tertiary p {
  margin-top: 1em;
}

body.contact div#content-tertiary a, body.about div#content-tertiary a, body.support div#content-tertiary a, 
body.support div#content-primary a, body.plans-prices div#content-primary a, body.article div#content-tertiary a,
body.about ul#site-map li a, ul#helpful-links li a {
  background:url('../img/layout/support-link.gif') no-repeat 0 52%;
  color:#d51616;
  float:left;
  clear:left;
  margin:10px 0;
  padding-left:19px;
}

body.article div#content-tertiary a, body.support div#content-tertiary a {
  background-position: 0 10%;
}

body.article p span {
  font-style:italic;
  font-weight:bold;
}

body.article a {
  color:#d51616;
}

body.plans-prices div#content-primary a.sign-up-today, body.features div#content-primary a.sign-up-today {
  background:url('../img/layout/sign-up-today.gif') no-repeat 0 0;
  float:right;
  height:21px;
  margin-right:13px;
  text-indent:-9999px;
  width:94px;
}

body.plans-prices div#content-primary a.sign-up-today:hover, body.features div#content-primary a.sign-up-today:hover {
  background-position: 0 -20px;
}

body.features div#content-primary a.sign-up-today {
  margin: 32px 0 0 0;
}

body.support div#content-tertiary ul, body.article div#content-tertiary ul {
  margin:0;
}

div#standard {
  background:#8e0d07 url('../img/layout/standard.gif') no-repeat 100% 0;
  color:#fff;
  float:right;
  margin-top:14px;
  padding:45px 75px 15px 12px;
  width:145px;
}

body.index div#standard {
  margin-top: 0;
}

div#standard h2 {
  display:none;
}

div#standard p, div#premium p {
  font-size:0.91em;
  float:left;
  line-height:1.2em;
  width:140px;
}

div#standard div, div#premium div {
  float:left;
  clear:left;
  width:140px;
}

div#standard a, div#premium a {
  color:#fff;
  float:left;
  font-size: 0.91em;
  line-height:21px;
  width:45px;
}

div#standard a.sign-up, div#premium a.sign-up {
  background:url('../img/layout/signup.png') no-repeat 0 0;
  float:left;
  height:21px;
  margin-left:10px;
  text-indent:-9999px;
  width:60px;
}

div#standard a.sign-up:hover, div#premium a.sign-up:hover {
  background-position: 0 -21px;
}

div#premium {
  background:#2b2b2b url('../img/layout/premium.gif') no-repeat 100% 0;
  color:#fff;
  float:right;
  margin-top:14px;
  padding:40px 75px 15px 12px;
  width:145px;
}

div#premium h2 {
  display:none;
}

div#free-trial {
  background:#d5d4a8;
  padding:15px;
  width:202px;
}

div#free-trial h2 {
  background:url('../img/layout/free-trial.gif') no-repeat 0 0;
  text-indent:-9999px;
  height:26px;
  width:153px;
}

/*div#free-trial div {
  float:left;
  clear:left;
}*/

div#free-trial input.text {
  border:0;
  color:#646464;
  font-size:0.91em;
  padding:3px;
  margin: 0 4px 9px 0;
  width:170px;
}

div#free-trial input#free-trial-submit {
  float:left;
  clear:left;
  margin-top:5px;
}

div#free-trial label {
  font-size: 0.91em;
}

div#testimonials {
  background:#d5d6d6;
  float:left;
  margin-top:14px;
  padding:15px;
  width:202px;
  z-index:1;
}
div#testimonials h2 {
  background:url('../img/layout/testimonials.gif') no-repeat 0 0;
  height:47px;
  padding-right:10px;
  text-indent:-9999px;
  width:202px;
}

div#testimonials ul {
  margin:15px 0;
}

div#testimonials ul li {
  min-height:47px;
  margin-bottom:9px;
  padding-left:60px;
}

div#testimonials ul li p span {
  font-size: 0.83em;
  color: #666;
}

div#testimonials ul li#testimonial-1 {
  background:url('../img/content/testimonial-1.jpg') no-repeat 0 0;
}

div#testimonials ul li#testimonial-2 {
  background:url('../img/content/testimonial-2.jpg') no-repeat 0 0;
}

div#testimonials ul li#testimonial-3 {
  background:url('../img/content/testimonial-3.jpg') no-repeat 0 0;
}

div#testimonials ul li#testimonial-4 {
  background:url('../img/content/testimonial-4.jpg') no-repeat 0 0;
}

div.feature a {
  float:left;
}

div#footer {
  background:#d5d4a8 url('../img/layout/footer.gif') no-repeat 30px 42px;
  clear:both;
  float:left;
  height:7.16em;
  width:960px;
}

div#footer ul li {
  float:left;
}

div#footer ul li a {
  text-decoration:none;
}

div#footer ul li a:hover {
  text-decoration:underline;
}

div#footer ul#company-info {
  float:left;
  margin:15px 0 0 30px;
}

div#footer ul#company-info li {
  margin-right:20px;
}

div#footer ul#company-info li a {
  color:#000;
}

div#footer img {
  float:right;
  margin: 15px 25px 0 0;
}

div#footer ul#site-info {
  float:right;
  clear:right;
  margin:10px 25px 0 0;
  width:475px;
}

div#footer ul#site-info li {
  margin-left:15px;
}

div#footer ul#site-info li a {
  color:#74722d;
  font-size:0.91em;
}

h1,h2,h3,h4 {
  line-height:1.5em;
}

h1 {
  font-size:2.3em;
  font-weight:normal;
}

body.article h1 {
  line-height:normal;
  margin-bottom: 12px;
}

h2 {
  font-size:1.66em; /* 20px */
}

h3 {
  font-size:1.33em;  /* 16px */
}

h4 {
  font-size:1.16em; /* 14px */
}

p {
  margin:0 0 0.5em;
}

p#skip-to-content {
  display:none;
}

a:link,a:visited,a:focus,a:active {
  text-decoration:underline;
}

a:hover {
  text-decoration:none;
}

a#view-features {
  float:right;
  line-height:20px;
}

a#more-apps {
  float:left;
  clear:left;
  width:200px;
}

a#trial {
  background:url('../img/layout/trial.png') no-repeat 0 0;
  clear:right;
  float:right;
  height:27px;
  margin:2.08em 1em 0 0;
  text-indent:-9999px;
  width:175px;
}

a#trial:hover {
  background-position:0 -27px;
}

a.hotlink {
  background:url('../img/layout/hotlink.png') no-repeat 0 50%;
  color:#d92219;
  line-height:13px;
  padding-left:17px;
}

a.morelink {
  background:url('../img/layout/morelink.gif') no-repeat 0 50%;
  color:#888551;
  float:left;
  margin:10px 0;
  font-weight:bold;
  line-height:13px;
  padding-left:16px;
}

#contact-form {
  
}

#contact-form fieldset ol {
  margin:0;
}

#contact-form fieldset ol li {
  margin-bottom:8px;
}

#contact-form fieldset ol li label {
  float:left;
  width:120px;
}

#contact-form fieldset ol li label#long {
  width:200px;
}

#contact-form fieldset ol li input.text {
  background:url('../img/layout/textbox.gif') no-repeat 0 0;
  border:none;
  height:17px;
  padding:2px;
  width:287px;
}

.check {
  float:left;
  clear:left;
  margin-left:120px;
}

#contact-form fieldset ol li textarea {
  background:url('../img/layout/textarea.gif') no-repeat 0 0;
  border:none;
  height:198px;
  padding:2px;
  width:287px;
}

#contact-form fieldset ol li input#submit {
  float:right;
  margin-right:30px;
}

div.features-column {
  float:left;
  margin-right:15px;
}

div.features-column ul.inner {
	list-style: disc;
	margin-left:15px;
}

	div.features-column ul li {
	padding-left:10px;
	padding-bottom:5px;
	}

div#features-standard, div#features-premium {
  min-height:80px;
  padding:50px 0 0;
  width:317px; 
}

div#features-standard h3, div#features-premium h3 {
  display:none;
}

div#features-standard p, div#features-premium p { 
  float:left;
  width:207px;
} 

div#features-standard {
  background:url('../img/layout/features-standard.gif') no-repeat 0 0;
}

div#features-premium {
  background:url('../img/layout/features-premium.gif') no-repeat 0 0;
}

div.accordion {
  width:320px;
}

div.accordion ul {
  margin:0;
}

div.accordion h3 {
  background: url('../img/content/apps-small.png') no-repeat 0 0;
  color:#000;
  font-weight:bold;
  line-height:34px;
  padding:0 0 8px 55px;
  text-decoration:none;
}

div.accordion div.header.ui-state-active h3 {
  color:#fff;
}

div.accordion h3.contacts {
  background-position: 0 -966px;
}

div.accordion h3.sales-invoicing {
  background-position: 0 -84px;
}

div.accordion h3.calendar {
  background-position: 0 -168px;
}

div.accordion h3.product-management {
  background-position: 0 px;
}

div.accordion h3.reporting {
  background-position: 0 -294px;
}

div.accordion h3.documents {
  background-position: 0 -924px;
}

div.accordion h3.tasks {
  background-position: 0 -882px;
}

div.accordion h3.notice-board {
  background-position: 0 -714px;
}

div.accordion h3.dashboard {
  background-position: 0 -378px;
}

div.accordion h3.stock-control {
  background-position: 0 -42px;
}

div.accordion h3.import-data {
  background-position: 0 -588px;
}

div.accordion div.header {
  background: url('../img/layout/accordion-state.gif') repeat-x 0 0;
  border-top:1px solid #E2E2E2;
  height: 44px;
  padding: 1px 2px 0;
}

div.accordion div.header.ui-state-active {
  background-position: 0 -46px;
}

div.accordion div.body {
  background:#ededed;
  font-size:0.91em;
  line-height: 1.3em;
  padding:10px;
  overflow:hidden;
}

div.accordion div.body img {
  float:right;
  margin:0 0 10px 10px;
}

div#coming-soon {
  float:left;
  clear:left;
  width:665px;
  height:93px;
  margin-top:20px;
  background:#d5d4a8 url('../img/layout/coming-soon.gif') no-repeat 0 0;
}

div#coming-soon h3 {
  display:none;
}

div#coming-soon ul {
  float:left;
  margin:40px 0 0 20px;
}

div#coming-soon ul li {
  float:left;
  background: url('../img/content/apps-small.png') no-repeat 0 0;
  height:42px;
  margin-right:25px;
  padding-left:50px;
  width:80px;
}

div#coming-soon ul li.e-commerce {
  background-position: 0 -252px;
}

div#coming-soon ul li.iphone {
  background-position: 0 -672px;
}

body.about ul#site-map {
  color:#D51616;
  list-style-type: none;
  margin: 0;
} 

body.about ul#site-map li {
  margin-bottom: 8px;
}

body.about ul#site-map li a {
  color:#D51616;
}

ul,ol {
  margin:0 0 1em 2em;
}

.clearfix {
  clear:both;
}

.iefix {
  background: #D5D4A8 !important; 
}

table#browsers {
  width:395px;
}

table#browsers th {
  font-weight:bold;
}

table#browsers, table#browsers th, table#browsers td {
  border:1px solid #333;
}

table#browsers th, table#browsers td {
  padding:10px;
}

table#browsers th {
  background:#bec0bf;
}

table#browsers tr {
  background:#eee;
}