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

/*-----------------------------------------------------------------------------

author:		 ComputingFitness.co.nz
date:      01/03/2010

-----------------------------------------------------------------------------*/

/* Reset
-----------------------------------------------------------------------------*/
*						{outline: none; padding: 0; margin: 0; border: 0}

/* Fundamental styles
-----------------------------------------------------------------------------*/	
body					{font: 62.5%/1.5em  Arial, Verdana, sans-serif; background-color: #252525; color: #5d5d5d; text-align:center;}	

div.content				    {font-size: 1.2em; text-align: left; width: 940px; margin: 0 auto; overflow:hidden}
div#header				    {background: #fff url('../images/header.gif') top center repeat-x; height: 460px; border-bottom: 2px solid #a5b5c0;}
div#header div.logo		{height:176px; width: 322px; float:left}
div#header div.logo a	{background: url('../images/xpress-accounting.gif'); display: block; height:176px; width: 322px; text-indent: -9999px}
div.short							{height: 226px !important; text-align: right;}

div#wrapper				{background: #6E0014 url('../images/wrapper.gif') top center repeat-x; border-bottom: 2px solid #000;}
div#feature				{margin: 10px 0;}
div.feature				{float: left;}
div.middle				{margin: 0 25px;}

div.column				{width: 460px; margin: 10px 0;}
div#c-one				  {float:left;}
div#c-two				  {float:right;}
div.section				{padding: 20px;}
div.wide					{width: 940px; margin: 10px 0; position:relative; z-index:0;}

div.sideMenu				{width:300px; height:100%; float: right;}

div.normal 				{ width: 600px;}


/* Quote request */
#quoteCalc {
  height: 617px;
}

#jsError {
  display: block;
  position: absolute;
  height: 586px;
  width: 420px;
  background: #fff;
  padding: 20px;
}

#quoteCalc .border {
  padding: 5px 0 8px 0;
	border-bottom: 1px solid #666;
}
#quoteCalc strong {
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin: 8px 0 8px 0;
}
#quoteCalc button,
#quoteCalc input[type="submit"]{
  padding: 2px;
  outline-style: none;
  border: 1px solid #666;
}
#quoteCalc label {
  display: inline-block;
	margin-right: 20px;
}

#resultsContainer {
  width: 420px;
  height: 50px;
  padding: 15px 0 5px 0;
}
#resultsContainer #left {
  float: left;
  width: 274px;
}
#resultsContainer #right {
  float: right;
  width: 146px;
}
#left #results {
  margin-right: 40px;
  font-size: 16px;
  font-weight: bold;
  color: #00B5DC;
}

/* Footer
-----------------------------------------------------------------------------*/
div#footer				  {padding: 5px 0 0 0; margin: 10px 0; font-size: 1.1em; width: 940px; margin: 0 auto; text-align: left; position: relative}
div#footer ul 			{position: absolute; right:0; top: 0px; }
div#footer li			  {float: left; list-style: none; margin: 0 0 0 20px;}
div#footer li a			{color: #666; text-decoration: none}
div#footer li a:hover	{color: #ccc;}

/* Navigation
-----------------------------------------------------------------------------*/
ul#nav					{height: 40px; display: block; background: #4c0017 url('../images/navigation.gif') top left repeat-x; margin:0; clear: both; position: relative; padding:0}
ul#nav li				{list-style-type: none; float: left; display:block;}

ul#nav a				    {display:block; padding: 0 30px; color: #fff; text-decoration: none; font-weight: normal; font-size: 14px; height: 40px; line-height: 40px;  border-left: 1px solid #a30026; border-right: 1px solid #420011;}
ul#nav a:hover			{background: url('../images/navigation_hover.gif') top left repeat-x;}
ul#nav li.first a		{background: url('../images/navigation-ends.gif') top left no-repeat; border-left: none;}
ul#nav li.first a:hover	{background: url('../images/navigation-ends.gif') bottom left no-repeat;}
ul#nav li.last			{background: url('../images/navigation-ends.gif') top right no-repeat; width: 5px; height: 40px; display: block; position:absolute; right:0; top: 0}
	
/* Typography
-----------------------------------------------------------------------------*/	
h1, h2, h3, h4, h5, h6	{font-weight: normal}
h1						{font-size: 1.9em; line-height: 1.0em; margin: 0; padding-bottom: 5px; color: #c30702}
h2						{font-size: 1.4em; line-height: 1.6em; margin: 5px 0 0 0; padding-bottom: 5px;color: #5e001a}
h3						{font-size: 1.3em; line-height: 1.4em; margin: 10px 0 0 0; padding-bottom: 5px;}
h4						{font-size: 1.1em; line-height: 1.2em; margin: 15px 0 0 0;padding-bottom: 10px;}	
h5						{font-size: 0.9em; line-height: 1.0em;}
p						  {margin-top: 5px; padding-bottom: 5px; line-height: 1.4em;}
ul						{margin: 10px 0 0 30px; padding-bottom: 10px;}
a, a:active, a:visited	{color: #0f83b5}
a:hover				{color: #000; text-decoration: underline;}

h1.calc       {font-size: 1.6em;}
p.home 			  {padding-bottom: 15px;}

/* Miscellaneous
-----------------------------------------------------------------------------*/	
.transparent_class {filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}

div.curved {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
   behavior:url('/css/border-radius.htc');
   /*background:#fff !important;*/
}
.roundedfg {
   background:#fff;
}
.sidebarImg{
  margin-top: 20px;
  margin-right: 5px;
}
.xerologoOriginal {
	float:right;
  width: 272px;
  height: 80px;
  margin-top: 5px;
  margin-right: 5px;
  background:url("/images/xerologo.png") no-repeat;
}
.xerologo {
  width: 287px;
  height: 219px;
  background:url("/images/sideBar_img1.png") no-repeat;
}
.xerologoOrg {
  width: 287px;
  height: 80px;
  background:url("/images/xerologo.png") no-repeat;
}
.sidebar_img1 {
  width: 291px;
  height: 205px;
  background:url("/images/sideBar_img2.png") no-repeat;
}
.sidebar_img2 {
  width: 291px;
  height: 194px;
  background:url("/images/sideBar_img3.png") no-repeat;
}
.sidebar_img3 {
  width: 291px;
  height: 233px;
  background:url("/images/sideBar_img4.png") no-repeat;
}
.sidebar_img4 {
  width: 291px;
  height: 196px;
  background:url("/images/sideBar_img5.png") no-repeat;
}
.sidebar_img5 {
  width: 291px;
  height: 232px;
  background:url("/images/sideBar_img6.png") no-repeat;
}
.pricetable {
  border: 2px solid #CCC;
}
.pricetable td {
  border: 1px solid #CCC;
  padding-left: 4px;
  padding-right: 4px;
}

.clear {
  clear:both;
}

.width40 {
  width: 40px;
}

b {
	margin: 0;
	padding: 0;
}

#tabmenu {
	height: 100%;
	display: block;
	width: 200px;
	padding: 0px;
	float:left;
}

#tabs, .tabLinks {
	text-align:right;
	float: left;
	display: block;
	margin: 0 0 0 0;
	height: 100%;
	width: 200px;
}

#tabs li , .tabLinks{
	padding-top: 5px;
  margin: 0px;
  height: 20px;
	list-style-position: outside;
	display:list-item;
	list-style: none;
}

#tabs a, .tabLinks {
  float: none;
  width:400px;
  padding: 3px 15px 3px;
	text-decoration: none;
	font-size: 12px;
	color:#fff;
	font-weight:900;
}

#tabs .active-tab {
	/*background: url("/images/services_tabsBackgroundActive.png");*/
	font-weight:bold;
}

#tabs a.active-tab {
	color: #336699;
}

#tabs li.top {
  margin-top: 40px;
 
}
#tabs li.break{
	background:url('/images/services_tabsSeperator.png');
	width:198px;
	height:1px;
}
.panelRow{
	background:#f1f1f1 url("/images/services_tabsContentBackground.png");
	border:2px solid #eaeaea;
	background-repeat:repeat-x;
}
.panel {
	float: left;
	width: 350px;
	display: none;
	padding: 15px;
	clear: none;
	border-left:none;
}
.panelHeader{
	color:#336699;
	font-weight:900;
	font-size:14px;
	text-transform: uppercase;
}
.panel.active-tab-body {
	display: block;
}

p.error {
	color: red;
}