/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License:none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	
	display:block;
}
body {
	line-height:1;
}

ol, ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

:focus { 
outline:0; 
}

table { 
border-collapse:collapse; 
border-spacing:0; 
}

strong {
font-weight:bold;	
}

a { 
text-decoration:none;
color:#449EDC;
}

a.business_start_up span {
display:none;	
}

h2 span {
display:none;
}

.clear { 
display:block; 
clear:both; 
}

p.skiplink { 
padding:0; 
}

.hidden { 
display:none; 
}

a#skiptocontent { 
position:absolute; 
left:-9999px; 
z-index:500; 
}

a#skiptocontent:active, a#skiptocontent:focus { 
width:100%; 
padding:2px 0 4px; 
left:0; 
top:0; 
text-align:center; 
font-size:1em; 
font-weight:bold; 
color:#000; 
border:none; 
background:#ff0; 
}
/************ END OF RESET ************/

/**************************************
*
* Layout
*
**************************************/
@font-face {
font-family: 'FocoLight';
src: url('fonts/focolight-webfont.eot');
src: url('fonts/focolight-webfont.eot?#iefix') format('embedded-opentype'),
	 url('fonts/focolight-webfont.woff') format('woff'),
	 url('fonts/focolight-webfont.ttf') format('truetype'),
	 url('fonts/focolight-webfont.svg#FocoLightRegular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'FocoBold';
src: url('fonts/focobold-webfont.eot');
src: url('fonts/focobold-webfont.eot?#iefix') format('embedded-opentype'),
	 url('fonts/focobold-webfont.woff') format('woff'),
	 url('fonts/focobold-webfont.ttf') format('truetype'),
	 url('fonts/focobold-webfont.svg#FocoBold') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'FocoRegular';
src: url('fonts/foco-webfont.eot');
src: url('fonts/foco-webfont.eot?#iefix') format('embedded-opentype'),
	 url('fonts/foco-webfont.woff') format('woff'),
	 url('fonts/foco-webfont.ttf') format('truetype'),
	 url('fonts/foco-webfont.svg#FocoRegular') format('svg');
font-weight: normal;
font-style: normal;
}

body {
padding:0px;
margin:0px;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:62.5%;
color:#4c4c4c;
background:#eaeaea;
}

#wrapper {
padding:0px;
margin:0px;
width:100%;
background:#fff;
}

#page { 
width:960px;
margin:0 auto; 
padding:0px 0px 15px 0px;
}

#main {
width:723px;
padding:10px 0px 10px 17px;
margin:-10px 0px 0px 0px;
float:left;
background:url('../images/layout/main_bg.jpg') no-repeat 0px 50px;
}

a.button {
background:url('../images/layout/button.png') no-repeat -3px -3px;
width:196px;
height:25px;
color:#003318;
font-size:1.2em;
font-weight:bold;
padding:10px 0px 0px 0px;
text-align:center;
display:block;
position:relative;
}

#upcoming_events a.button {
font-size:1.1em !important;
}

.business_start_up {
background:url('../images/layout/upcoming-events/business_start_up.jpg') no-repeat 0px 0px;
height:60px;
width:190px;
margin:0px 0px 20px 0px;
display:block;
}

a.button:hover {
background:url('../images/layout/button.png') no-repeat -3px -44px;
}

/**************************************
*
* header
*
**************************************/
#header {
height:130px;
margin:0px 0px 0px 31px;
position:relative;
}

#header h1 {
display:none;	
}

#get_in_touch {
position:absolute;
right:30px;
top:20px;
font-family:FocoLight,arial,verdana;
}

#get_in_touch h2 {
padding:12px 0px 3px 15px;
font-size:1.8em;
color:#4e7c00;
text-align:right;
}

#get_in_touch ul {
text-align:right;
}

#get_in_touch ul li {
padding:1px 0px;
font-size:1.4em;
}

#get_in_touch ul li a {
font-family:FocoBold,arial,verdana;
}

#get_in_touch ul li span {
color:#008369;
font-family:FocoLight,arial,verdana;
}

/**************************************
*
* Main Navigation
*
**************************************/
#nav {
font-size:1.2em;
height:60px;
position:relative;
}

#nav ul li {
float:left;
text-align:center;
margin:0px 4px 0px 0px;
background:url('../images/layout/nav_tab.png') no-repeat -50px 0px;
}

#nav ul li a {
display:block;
height:28px;
width:161px;
padding:13px 0px 0px 0px;
font-weight:bold;
font-size:1.1em;
line-height:1.2em;
color:#323232;
}

#nav ul li:hover {
background-position:-50px -42px;
}

#nav ul li a span {
display:none;
}

#nav ul li.selected {
background-position:-50px -84px;
}

#nav ul li.selected a {
color:#fff;
text-shadow:#323232 1px 1px;
}

#nav ul li#home {
width:46px !important;
background-position:0px 0px;
}

#nav ul li#home:hover {
background-position:0px -42px;
}

#nav ul li#home.selected {
background-position:0px -84px;
}

/**************************************
*
* columns and sections
*
**************************************/
.column {
float:left;
padding:0px 0px 10px 0px;
margin:0px 17px 0px 0px;
width:344px;
}

.section {
width:100%;
margin:0px 0px 20px 0px;
position:relative;
}

.section .content {
font-size:1.2em;
line-height:1.2em;
}

.section h2 {
font-family:FocoRegular,arial,verdana;
padding:12px 15px;
font-size:1.8em;
background:#555555;
color:#fff;
}

.section h3 {
font-family:FocoRegular,arial,verdana;
padding:10px 15px 10px 15px;
font-size:1.8em;
line-height:1.2em;
background:#efefef;
color:#003318;
}

.section h4 {
padding:10px 15px 0px 15px;
font-size:1.2em;
background:#efefef;
font-weight:bold;
color:#003318;
border-top:2px solid #003318;
}

.section p {
font-size:1em;
line-height:1.4em;
}

.section .content {
padding:6px 15px;
}

.section .content p {
padding:3px 0px 6px 0px;
}

.section .content a.read_more {
font-size:0.925em !important;	
}

.generic .accordion p {
padding:3px 0px 6px 0px;	
}

/**************************************
*
* footer
*
**************************************/
#footer {
width:956px; 
margin:0 auto; 
padding:10px 0px 15px 10px;
color:#449edc;
text-align:center;
font-size:1.1em;
}

#footer a {
font-weight:bold;
color:#449edc;
}

#footer p.links a {
font-weight:normal;
font-size:0.85em;
}

#footer p.links {
padding:9px 0px 5px 0px;
}

#footer p.copyright {
font-size:0.85em;
color:#8c8b8b;
}

/****************************************************************************
*
* Panel
*
****************************************************************************/
#panel {
float:left;
margin:0px 0px 0px 10px;
width:210px;
}

.panel_header {
background:url('../images/layout/panel/panel-header.jpg') no-repeat 0px 0px;
height:34px;
width:190px;
padding:5px 8px 1px 9px;
}

.panel_header h2 {
font-family:FocoLight,arial,verdana;
font-size:1.8em;
}

.panel_content {
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
padding:5px 8px 1px 9px;
width:188px;
position:relative;
}

#panel p {
color:#3d3d3d;
font-size:1.2em;
line-height:1.2em;
}

.panel_footer {
background:url('../images/layout/panel/panel-footer.jpg') no-repeat 0px 0px;
width:207px;
height:22px;
}

/**************************************
*
* monthly newsletter
*
**************************************/
#monthly_newsletter {
cursor:pointer;	
}

#monthly_newsletter .panel_header {
background:url('../images/layout/panel/monthly-newsletter-header.jpg') no-repeat 0px 0px;
height:45px;
}

#monthly_newsletter p {
text-align:right;
padding:9px 3px 0px 0px;
}

#monthly_newsletter h2 {
font-size:1.5em;
padding:2px 2px 0px 0px;
margin:0px 0px 0px -1px;
font-family:FocoBold,arial,verdana;
color:#0089dc;
float:right;
}

#sign_up {
background:#fff;
}

#sign_up_container {
padding:20px;
}

#sign_up_container h1 {
font-size:2em;
color:#0089DC;
padding:0px 0px 15px 0px;
font-family:FocoBold,arial,verdana;
border-bottom:1px solid #ccc;
}

#sign_up_container form {
margin-top:25px;	
}

#sign_up_container .textfield {
margin:0px 0px 10px 0px;
color:#003318;
}

#sign_up_container label {
width:90px;
float:left;
text-align:right;
font-size:1.1em;
margin:0px 10px 0px 0px;
padding:7px 0px 0px 0px;
}

#sign_up_container input {
display:inline;	
}

#sign_up_container input[type="submit"] {
margin:10px 0px 0px 98px;
font-size:1.2em;
cursor:pointer;
}

/**************************************
*
* poll
*
**************************************/
#poll h2, #competition h2 {
text-align:center;
font-size:2.3em;
padding:8px 0px 0px 0px;
color:#008369;
font-family:FocoRegular,arial,verdana;
}

a.yes, a.no { 
float:left;
margin:5px 3px 0px 0px; 
padding:13px 0px 12px 0px;
text-align:center;
width:91px;
color:#fff;
display:block;
font-size:1.3em;
text-transform:uppercase;
background:url('../images/layout/panel/poll.png') no-repeat 0px 0px;
}

a.yes { 
background-position:-3px 0px;
}

a.no { 
background-position:-91px 0px;
}

a.yes:hover { 
background-position:-3px -35px;
}

a.no:hover { 
background-position:-91px -35px;
}

a.yes:active { 
background-position:-3px -69px;
}

a.no:hover { 
background-position:-91px -69px;
}

#poll .stats { 
border-top:1px solid #e6e6e6;
margin-top:10px; 
padding-top:7px; 
}

#poll .stats span { 
margin:0px 5px 0px 1px;
}

#poll p.thanks { 
display:none;
font-weight:bold;
margin-top:10px;
color:#318623;
}

.progressbar { 
background:#318623; 
border:1px solid #bebebe; 
border-top:1px solid #bebebe; 
border-bottom:0; 
height:23px; 
margin:5px 0px 6px 0px;
position:relative;
width:185px; 
-moz-border-radius:2px; 
-webkit-border-radius:2px; 
}

.progressbar .progress { 
background:#92bb01; 
border:1px solid #7da956; 
border-top:0; 
border-bottom:0; 
height:23px; 
left:0;
opacity:0; 
position:absolute;
top:0px; 
z-index:100; 
-moz-border-radius:2px; 
-webkit-border-radius:2px; 
}

/**************************************
*
* competition
*
**************************************/
#competition .panel_content {
background:url('../images/layout/panel/competition.jpg') no-repeat 0px 0px;
height:170px;
width:190px;
border:none;
margin:0px 0px 5px 0px;
}

#competition .panel_content span {
display:none;
}

#competition .panel_content a {
background:url('../images/layout/panel/enter-btn.png') no-repeat 0px 0px;
bottom:13px;
display:block;
width:98px;
position:absolute;
text-align:center;
color:#fff;
padding:8px 0px 6px 0px;
font-size:1.2em;
}

#competition .panel_content a:hover {
background-position:0px -29px;
}

#competition .panel_content a:active, a:visited {
background-position:0px -58px;
}

/**************************************
*
* easy slider
*
**************************************/
#slider_wrapper {
overflow:hidden;
position:relative;
width:207px;
margin:0px 0px 10px 0px;
}

#slider_wrapper div.slide {
width:315px;
height:252px;
display:block;
}

#ul, #slider li{
margin:0;
padding:0;
list-style:none;
}

#slider, #slider li{ 
width:207px;
height:213px;
overflow:hidden; 
}

span#prevBtn a {
background:url('../images/layout/panel/arrow.png') no-repeat -22px 0px;
width:22px;
height:23px;
position:absolute;
top:13px;
left:4px;
display:block;
}

span#nextBtn a {
background:url('../images/layout/panel/arrow.png') no-repeat -22px -21px;
width:22px;
height:23px;
position:absolute;
right:4px;
top:14px;
display:block;
}

span#prevBtn a:hover {
background-position:0px 0px;
}

span#nextBtn a:hover {
background-position:0px -21px;
}

span#prevBtn a span, span#nextBtn a span {
display:none;
}

/**************************************
*
* testdrive
*
**************************************/
#testdrive h2 {
font-size:2.3em;
padding:8px 0px 0px 0px;
color:#008369;
font-family:FocoRegular,arial,verdana;
}

#testdrive h2 strong {
font-family:FocoBold,arial,verdana !important;	
}

a.testdrive_btn {
background:url('../images/layout/panel/testdrive-btn.png') no-repeat -5px 0px;
padding:11px 0px 0px 42px;
margin:2px 0px 6px 0px;
text-align:left;
width:146px;
height:29px;
color:#003318;
display:block;
font-weight:bold;
font-size:1.2em;
line-height:1.2em;
}

a.testdrive_btn:hover {
background-position:-5px -37px;
color:#003318;
}

/**************************************
*
* latest tweets
*
**************************************/
#twitter .panel_header {
background:url('../images/layout/panel/twitter-header.jpg') no-repeat 0px 0px;
height:45px;
}

#twitter h2 {
padding:8px 0px 3px 0px;
margin:0px 0px 0px -1px;
color:#008369;
font-family:FocoRegular,arial,verdana;
}

#twitter .panel_content p {
color:#666;	
}

.twitter {
font-size:1.1em;
line-height:1.2em;
}

.twitter a {
font-size:1em;	
}

.twitter span {
color:#449EDC;
}

#social_media {
position:relative;
height:25px;
padding:6px 0px 0px 0px;
border-top:1px solid #ccc;
}

#youtube_btn {
background:url('../images/layout/panel/youtube_btn.jpg') no-repeat 0px 0px;
height:23px;
width:31px;
display:block;
float:left;
margin:0px 5px 0px 0px;
}

#youtube_btn span {
display:none;
}

#linkedin_btn {
background:url('../images/layout/panel/linkedin_btn.jpg') no-repeat 0px -1px;
height:23px;
width:31px;
display:block;
float:left;
margin:0px 0px 0px 0px;
}

#linkedin_btn span {
display:none;
}

/**************************************
*
* advert
*
**************************************/
.donut {
background:url('../images/layout/panel/donut-advert.jpg') no-repeat -3px 0px;
}

.freshbusiness {
background:url('../images/layout/panel/donut-advert.jpg') no-repeat -3px -60px;
}

.advert span {
display:none;	
}

.advert a {
height:57px;
width:212px;
display:block;
}

/****************************************************************************
*
* Home Page
*
****************************************************************************/
/**************************************
*
* Banner
*
**************************************/
#banner {
position:relative;
height:84px;
width:705px;
display:block;
margin:0px 0px 20px 0px;
border:1px solid #efefef;
background:url('../images/layout/sage_testdrive_banner.gif') no-repeat 0px 0px;
}

#banner h2 {
display:none;	
}

#advert_box {
background:url('../images/layout/advert_box.jpg') no-repeat 12px 11px;
border:1px solid #dcdcdc;
padding:70px 15px 15px 15px;
}

#advert_box h5 {
font-size:1.2em;
font-weight:bold;
padding:3px 0px;
}

#advert_box p {
font-size:1.2em;
line-height:1.2em;
padding:3px 0px;
}

#advert_box a {
margin:10px 0px 0px 0px;
font-weight:bold;
}

/**************************************
*
* Upcoming Events
*
**************************************/
#upcoming_events .content {
height:610px;
position:relative;
padding:8px 30px 0px 15px;
/*background:#ffffff url('../images/layout/upcoming-events/shape_bg.jpg') no-repeat 202px 433px;*/
}

#upcoming_events_top {
position:relative;
width:320px;
height:80px;
}

a#sageworld {
width:119px;
height:80px;
position:absolute;
top:0px;
left:0px
display:block;
}

a#sageworld span {
display:none;
}

#upcoming_events .content #countdown {
height:80px;
width:195px;
left:128px;
right:0px;
position:absolute;
}

#upcoming_events .content #countdown h3 {
font-family:FocoBold,arial,verdana;
font-size:1.3em !important;
color:#318623;
background:none;
padding:0px 0px 1px 0px;
position:relative;
}

#upcoming_events .content h2 {
font-family:FocoBold,arial,verdana;
font-size:1.6em;
color:#318623;
background:none;
position:relative;
padding:5px 0px;
}

#upcoming_events .content ul {
padding:3px 0px 0px 0px;	
position:relative;
}

#upcoming_events .content ul li {
float:left;
font-weight:bold;
font-size:1.1em;
padding:5px 0px;
width:140px;
color:#007555;
position:relative;
z-index:500;
}

#upcoming_events .content ul li a {
color:#007555;	
}

#upcoming_events .content .speakers {
position:relative;
}

#upcoming_events .content .speakers p {
padding:12px 0px 0px 0px;
font-weight:bold;
font-size:1.1em;
color:#003318;
position:relative;
}

#upcoming_events .content .speakers p a {
color:#003318;
}

#upcoming_events .content .speakers ul {
margin:-35px 0px 0px 59px;	
}

#upcoming_events .content .speakers ul li {
background:url('../images/layout/upcoming-events/speakers.jpg') no-repeat 0px 0px;
width:80px;
height:105px;
z-index:0;
}

#upcoming_events .content .speakers ul li#jomalone {
background-position:0px 0px;
}

#upcoming_events .content .speakers ul li#geofframm {
background-position:-93px 0px;
}

#upcoming_events .content .speakers ul li#benedictallen {
background-position:-183px 0px;
}

#upcoming_events .content .speakers ul li a {
display:block;
width:80px;
height:108px;	
}

#upcoming_events .content .speakers ul li a span {
display:none;
}

/****************************************************************************
*
* About Sage
*
****************************************************************************/
#slideshow {
height:222px;
width:705px;
margin:0px 0px 20px 0px;
}

#slideshow_alt {
display:none;	
}

/**************************************
*
* About Sage
*
**************************************/
.section#about_sage .content p {
padding:0px;	
}

/**************************************
*
* Let's Talk
*
**************************************/
.lets_talk {
background:url('../images/layout/about/lets-talk-bg.jpg') no-repeat 0px 42px;	
height:336px;
position:relative;
}

.lets_talk p {
font-family:FocoLight,arial,verdana;
font-size:2.8em;
color:#636262;
text-align:center;
margin:30px 0px 0px 0px;
}

.lets_talk span {
font-family:FocoBold,arial,verdana;
color:#016e4d;
}

.lets_talk div {
font-family:FocoBold,arial,verdana;
font-size:2.4em;
text-align:center;
color:#318623;
padding:0px 0px 10px 0px;
border-bottom:1px solid #efefef;
}

.lets_talk a {
background:url('../images/layout/about/lets-talk-btns.png') no-repeat -349px 0px;	
width:219px;
height:55px;
display:block;
padding:22px 10px 0px 116px;
color:#003318;
font-size:1.2em;
line-height:1.2em;
font-weight:bold;
}

.lets_talk a.email {
background-position:-349px 0px;	
}

.lets_talk a.request {
padding:32px 10px 0px 116px;
background-position:-349px -85px;
}

.lets_talk a.email:hover {
background-position:-4px -0px;
}

.lets_talk a.request:hover {
background-position:-4px -85px;
}

/****************************************************************************
*
* Software
*
****************************************************************************/
.accordion#case_studies p {
padding:0px 0px 6px 0px;	
}

.section_image {
float:right;
margin:0px 0px 10px 10px;
}

.section_image#blue_sheep {
background:url('../images/layout/about/blue_sheep.jpg') no-repeat 0px 0px;	
width:94px;
height:100px;
}

.section_image#lbdesign {
background:url('../images/layout/about/lbdesign.jpg') no-repeat 0px 0px;	
width:133px;
height:34px;
}

.offer_panel {
width:344px;
height:124px;
position:relative;
}

.offer_panel a {
background:url('../images/layout/find_out_more_btn.png') no-repeat 0px 0px;
width:125px;
height:20px;
display:block;
text-align:center;
padding:8px 0px 0px 0px;
font-size:1.2em;
font-weight:bold;
color:#003318;
position:absolute;
}

.offer_panel a:hover {
background-position:0px -28px;
}

.offer_panel#one a {
right:20px;
top:14px;
}

.offer_panel#one {
background:url('../images/layout/software/offer_panel1.jpg') no-repeat 0px 0px;
}

.offer_panel#two a {
left:22px;
top:82px;
}

.offer_panel#two {
background:url('../images/layout/software/offer_panel2.jpg') no-repeat 0px 0px;
}

.offer_panel#three a {
right:15px;
top:79px;
}

.offer_panel#three {
background:url('../images/layout/software/offer_panel3.jpg') no-repeat 0px 0px;
margin:20px 0px 0px 0px;
height:128px;
}

.offer_panel#four a {
left:22px;
top:82px;
}

.offer_panel#four {
background:url('../images/layout/software/offer_panel4.jpg') no-repeat 0px 0px;
}

.content#software strong {
color:#007555;
}

.content#software span {
font-size:1.2em;
font-weight:bold;
}

.dark_green {
color:#003318;
}

.light_green {
color:#92bb01;
}

.boxshot {
background:url('../images/layout/software/boxshots.jpg') no-repeat 0px 0px;	
width:96px;
height:137px;
float:right;	
}

#sage_50_accounts_boxshot {
background-position:-102px 0px;
}

#sage_50_payroll_boxshot {
background-position:0px -416px;
}

#sage_planning_for_business_boxshot {
background-position:0px -145px;
}

#sage_startup_boxshot {
background-position:-100px -282px;
}

#sage_instant_accounts_boxshot {
background-position:0px -282px;
}

#sage_instant_payroll_boxshot {
background-position:-101px -140px;
}

#sageone_boxshot {
background-position:-103px -438px;
width:143px;
height:90px;
}

#sage_act_boxshot {
background-position:0px -2px;
}

.watch {
background:url('../images/layout/software/watch.jpg') no-repeat 0px -2px;
border:1px solid #ccc;
margin:0px 0px 5px 5px;
width:104px;
height:59px;
float:right;
}

#sage_50_accounts_video {
background:url('../images/layout/software/watch.jpg') no-repeat -6px -208px;
}

#sage_planning_for_business_video {
background:url('../images/layout/software/watch.jpg') no-repeat -5px -2px;	
}

#sage_instant_accounts_video {
background:url('../images/layout/software/watch.jpg') no-repeat -5px -147px;	
}

#sage_instant_payroll_video {
background:url('../images/layout/software/watch.jpg') no-repeat -5px -75px;	
}

#sage_startup_video {
background:url('../images/layout/software/watch.jpg') no-repeat -119px -146px;	
}

#sage_one_video {
background:url('../images/layout/software/watch.jpg') no-repeat -119px -4px;	
}

#sage_act_video {
background:url('../images/layout/software/watch.jpg') no-repeat -119px -75px;	
}

/****************************************************************************
*
* Free Downloads
*
****************************************************************************/
/**************************************
*
* business whitepapers
*
**************************************/
#whitepapers .content {
background:#EFEFEF;
}

#whitepapers .content ul li {
padding:3px 0px;	
list-style:none;
}

#whitepapers .content ul {
padding:0px 0px 10px 0px;
margin:0px 0px 0px -15px;
}

#whitepapers .content ul li:first-child {
padding:0px 0px 3px 0px;
}

/**************************************
*
* invoicing software
*
**************************************/
.invoicing_software .content {
background:#efefef url('../images/layout/downloads/shapes.png') no-repeat left bottom;
padding:0px 0px 20px 0px;
}

.invoicing_software .content a {
background:url('../images/layout/downloads/download-btn.png') no-repeat 0px 0px;
color:#fff;	
display:block;
height:77px;
width:159px;
padding:9px 10px 0px 71px;
margin:0px 0px 20px 83px;
position:relative;
}

.invoicing_software .content a {
font-size:0.8em;
line-height:1.1em;
}

.invoicing_software .content span {
font-size:1.6em;
line-height:1.4em;
}

.invoicing_software .content .boxshot {
background:url('../images/layout/downloads/boxshot.png') no-repeat 0px 0px;
height:105px;
width:61px;
position:relative;
float:left;
margin:-5px 0px 0px 11px;
}

/**************************************
*
* competition
*
**************************************/
#comp .content {
color:#003e8d;
margin:0px 0px 0px -3px;
font-weight:bold;
}

.section#comp {
background:url('../images/layout/downloads/competition.jpg') no-repeat 0px 42px;
padding:0px 0px 20px 0px;
}

#comp_text {
font-family:FocoLight,arial,verdana;
font-size:1.6em;
width:215px;
margin:76px 0px 0px 14px;
color:#003785;
height:150px;
}

#comp label {
padding:0px 0px 2px 0px;
}

#comp .textfield {
margin:0px 0px 4px 0px;
color:#003318;
}

#comp_text p {
line-height:1.2em;	
}

#comp_text ul {
color:#0088d5;
margin:6px 0px 0px 0px;
line-height:1.4em;
font-size:0.8em;
font-family:arial,verdana,sans-serif;
}

.textfield { 
background:url('../images/layout/downloads/comp-textfield.gif') no-repeat 0 0;
border:none;
display:block;
padding:5px;
width:310px;
color:#999;
}

input[type="submit"] { 
background:url('../images/layout/panel/enter-btn.png') no-repeat 0 0;
border:none;
display:block;
font-size:1em;
padding:6px 5px 6px;
font-family:arial, verdana, sans-serif;
width:104px;
color:#fff;
float:left;
cursor:pointer;
}

input[type="submit"]:hover {
background:url('../images/layout/panel/enter-btn.png') no-repeat 0 0;	
}

form ul li {
float:left;	
margin:6px 12px 6px 0px;
}

#terms_conds_section {
float:right;
margin:-6px 0px 0px 0px;
text-align:right;
}

#terms_conds_section p {
font-weight:normal;
color:#aaaaaa;
cursor:pointer;
padding:0px;
font-size:0.9em !important;
}

#terms_conds_section span {
font-weight:bold;
color:#449EDC;
cursor:pointer;
padding:0px 0px 6px 0px;
font-size:0.9em !important;
}

#terms_and_conds {
padding:20px;
background:#fff;
}

#terms_and_conds h1 {
font-size:2em;
color:#0089DC;
padding:0px 0px 15px 0px;
font-family:FocoBold,arial,verdana;
border-bottom:1px solid #ccc;
}

#terms_and_conds ol {	
list-style:lower-alpha;
margin:10px 17px;
font-size:1.2em;
}

#terms_and_conds ol li {
padding:6px 0px;
}

/****************************************************************************
*
* Business Issues
*
****************************************************************************/
.business .section h3 {
margin:0px 0px 20px 0px;	
}

.business .section {
margin:0px 0px 15px 0px !important;
}

.business .content {
margin:0px 0px 0px 0px;	
}

.showreel img {
width:103px !important;
height:81px;
border:1px solid #000;
}

.showreel {
width:100%;
height:122px;
margin:-15px 0px 10px 0px;
overflow:hidden;
position:relative;
background:#cccccc;
}

.showreel p {
font-size:1.4em;
margin:10px 14px;
}

.showreel div {
width:315px;
margin:5px 14px;
}

.showreel span#nextBtn a {
top:61px;
}

.showreel span#prevBtn a {
top:61px;
}

/****************************************************************************
*
* Video Slider
*
****************************************************************************/
.section#video {
margin:0px;
}

.slides_container {
overflow:hidden !important;
width:344px;
height:274px;
}

#slides {
position:relative;
top:-16px;
left:0px;
z-index:100;
}

#slides img {
width:344px;
margin-top:16px;
}

#slides .next, #slides .prev {
position:absolute;
top:107px;
left:-39px;
width:24px;
height:43px;
display:block;
z-index:101;
display:none;
}

#slides .next {
left:585px;
}

.play {
background: url("../images/layout/play_btn.png") no-repeat scroll 0px 0px transparent;
display:block;
height:60px;
left:130px;
position:absolute;
top:108px;
width:85px;
z-index:500;
cursor:pointer;
}

/*** for multiple sliders ***/
.ask_the_experts, .business_issues, .sage_world, .andy_lopata {
position:relative;
top:-16px;
left:0px;
z-index:100;
}

.ask_the_experts img, .business_issues img, .sage_world img, .andy_lopata img {
width:344px;
margin-top:16px;
}

#sage_world_playlist_next span, #ask_the_experts_playlist_next span, #business_issues_playlist_next span, #andy_lopata_playlist_next span {
display:none;	
}

#sage_world_playlist_prev span, #ask_the_experts_playlist_prev span, #business_issues_playlist_prev span, #andy_lopata_playlist_prev span {
display:none;	
}

#sage_world_playlist_next a, #ask_the_experts_playlist_next a, #business_issues_playlist_next a, #andy_lopata_playlist_next a {
background: url("../images/layout/panel/arrow.png") no-repeat scroll 0px -21px transparent;
display: block;
height: 23px;
right: 4px;
position: absolute;
top: 71px;
width: 22px;
}

#sage_world_playlist_prev a, #ask_the_experts_playlist_prev a, #business_issues_playlist_prev a, #andy_lopata_playlist_prev a {
background: url("../images/layout/panel/arrow.png") no-repeat scroll -22px 0 transparent;
display: block;
height: 23px;
left: 4px;
position: absolute;
top: 71px;
width: 22px;
}

/**************************************
*
* pagination
*
**************************************/
.pagination {
position:absolute;
right:-24px;
z-index:500;
top:-11px;
width:100px;
height:20px;
}

.pagination li {
float:left;
margin:0px 5px;
top:0px;
list-style:none;
}

.pagination li a {
display:block;
width:12px;
height:0;
padding-top:12px;
background-image:url(../images/slider/pagination.png);
background-position:0 0;
float:left;
overflow:hidden;
}

.pagination li.current a {
background-position:0 -12px;
}

/**************************************
*
* pagination
*
**************************************/
.caption {
z-index:500;
position:absolute;
bottom:2px;
left:0;
width:304px;
padding:10px 20px;
background:#000;
background:rgba(0,0,0,.5);
border-top:1px solid #000;
}

.caption p {
font-size:1.3em;
line-height:1.3em;
color:#fff;	
}

a.watch_now {
z-index:500;
position:absolute;
right:0px;
top:16px;
width:69px;
padding:6px 13px;
background:rgba(24,149,223,.7);
border-top:1px solid #052335;
font-size:1.3em;
line-height:1.3em;
text-align:center;
color:#fff;	
}

a.watch_now:hover {
background:rgba(24,149,223,.9);
}

/****************************************************************************
*
* 
.accordion
*
****************************************************************************/
.accordion p {
font-size:1.1em;
line-height:1.4em;
padding:1px 0px 6px 0px;
}

.accordion img {
width:100px;
height:100px;
}

.accordion .article_image {
width:100px;
height:100px;
margin:4px 14px 5px 0px;
float:left;
overflow:hidden;
}

p.more_from {
color:#003318 !important;
font-weight:bold;
display:block;
background:#efefef;
border-top:1px solid #ffffff;
padding:35px 15px 10px 15px;
font-size:1.2em;
}

.accordion p {
padding:0px;
}

.accordion ul {
list-style:disc;
margin:6px 0px 6px 15px;
font-size:1.1em;
}

.details p {
padding:0px 0px 6px 0px !important;
}

.details ul {
list-style:disc;
margin:0px 0px 10px 15px;
}
/*
.details p.expand {
padding:0px 0px 10px 0px;
font-size:1.1em;
}
*/
.re-collapse a, .read-more a {
color:#449edc !important;
font-weight:bold;
}

.wp-caption, .wp-caption-text, .addtoany_share_save, .details img {
display:none;	
}

.read_more {
color:#449edc !important;
font-weight:bold;
}

a.last {
display:block;
background:#efefef;
border-top:1px solid #ffffff;
padding:13px 15px;
font-size:1.1em;
}

a.last:hover {
background:#DADADA;	
}

.ui-icon {
width:22px !important;
height:23px !important;	
}

.ui-state-active .ui-icon {
background:url('../images/layout/accordion_arrow.png') no-repeat 0px 0px !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
background:#fff !important;
}

.ui-icon-triangle-1-s {
background:url('../images/layout/accordion_arrow.png') no-repeat 0px 0px !important;
}

.ui-icon-triangle-1-e {
background:url('../images/layout/accordion_arrow.png') no-repeat 0px -25px !important;
}

.ui-state-hover .ui-icon-triangle-1-e {
background-position:0px 0px !important;	
}

/****************************************************************************
*
* validation
*
****************************************************************************/
.errors {
margin:0px 0px 10px 0px;
padding:10px;
background:#ffe4e4;
font-size:1.1em;
border-top:none;
color:#d42828;
border:1px dashed #d42828;
}

.errors p {
font-weight:bold;
font-size:1.1em;
padding:4px 0px 8px 0px;
}

.errors ul {
list-style:disc;
padding:0px 0px 4px 0px;	
}

.errors ul {
list-style:disc;
margin:0px 0px 0px 12px;
}

.errors li {
padding:0px 0px 4px 0px;	
}

.focus {
border:1px solid #d12f2f;
background:#FFE4E4;
-moz-border-radius:4px; 
-webkit-border-radius:4px;
}

.success {
padding:20px 0px 0px 0px;
font-size:1.1em;
}

.success p {
font-weight:bold;
}

#sign_up_container .success h1 {
font-size:2em;
color:#007555;
font-family:FocoBold,arial,verdana;
padding:0px;
border:none;
}

#comp .success h1 {
font-size:2em;
color:#003785;
font-family:FocoBold,arial,verdana;
padding:0px;
border:none;
padding:5px 0px;
margin:-10px 0px 0px 0px;
text-align:center;
}

#flash_header {
position:absolute;
top:8px;
left:0px;
background:url('../images/layout/default_header_new.jpg') no-repeat -10px -2px;
height:146px;
}

#gradient {
background:url('../images/layout/gradient.png') no-repeat 0px 4px;	
height:28px;
width:845px;
position:relative;
z-index:500;
}

.section .content ul li {
list-style:disc;
margin:0px 0px 6px 15px;
}

.section .content ol li {
list-style:decimal;
margin:0px 0px 6px 22px;
}

#competition_form ul li {
list-style:none;
margin:3px 0px 3px 0px;
}

img#enrolment {
float:left;
margin:-6px 0px 8px -15px;
}

#apps img {
float:left;
margin:8px 4px 50px 0px;
}

img#finance {
float:left;
margin:-6px 0px 8px -15px;
}

img#shortlisting {
float:left;
margin:-6px 0px 8px -15px;
}

img#payroll {
float:left;
margin:-6px 0px 8px -15px;
}

.briefing_logo {
float:right;
margin:0px 15px 0px 0px;
}
