/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
html { 
	overflow-y: scroll; 	
	font-size: 100%;	
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

th {
padding-right:4px;	

}

caption, th, td {
	text-align: left;
	font-weight: normal;
	
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img { border: none; }


/* END RESET */

/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.floatleft { float: left; }
.floatright { float: right; }
.leftmargin,.marginleft { margin-left:10px; }
.rightmargin,.marginright { margin-right:10px; }
.topmargin,.margintop { margin-top:10px; }
.bottommargin,.marginbottom { margin-bottom:10px; }
.clear { clear: both; }
.center { text-align:center;}
.centerdiv { margin: 0 auto;}
.hide{display:none;}
/* END TOOLBOX */

/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */

#wrapper {
	margin:0 auto;
	width:auto;
}

#nav { 
display:none;
}

#page {
	padding:8px;
}

#header {
height:60px;
}

#logo {
	float:right;
	width: 300px;
	height:60px;
	}

#logopng { display:none; }
.printonly {display:block;}

#footer {
	margin-top:20px;
	padding:14px 0 0 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size:12px;
}

#contactdetails {

}

#footernav{
display:none;
}



#sidenav {
display:none;
}

#content {
	width:auto;
}

#breadcrumb {
display:none;
}

#search_box {
display:none;
}
/* END STRUCTURE */


/* ------------------------------------------ */
/* SIDE NAV */
/* ------------------------------------------ */
#sidenav {
	display:none;
}
/* END SIDE NAV */

/* ------------------------------------------ */
/* PAGE STYLES [ including table stuff for layout :( ]*/
/* ------------------------------------------ */
#column1 { 
	padding-right:10px; 
		  }

.pricingbox {
background-color: #ccc;
font-weight: bold;
font-family: verdana;
font-size: 11px;
border: medium double #a9a9a9 ;
padding: 3px;
line-height:20px;
text-align:left;
}
	  
.scenario {
clear:both;
margin-bottom:15px;
}
.scenario .image {
float:left;
width:170px;
}
.scenario .text {
float:left;
width:560px;
}	  
	  
/* END PAGE STYLES */


/* ------------------------------------------ */
/* FONT STYLES */
/* ------------------------------------------ */

#content,p,td,li,h1,h2,h3,h4,h5,h6 { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
#content,p,td,li { 
	font-size:11px;
}

#content ol {
	list-style-type:decimal;
	padding: 3px 0 3px 30px;
}

#content ul {
	list-style-position: outside;
	list-style-type: square;
	padding: 3px 0 3px 30px;
}

#content li{ 
	padding:3px 5px;
}

h1 {
	border-bottom: 2px solid #4473AB;
	margin-bottom: 10px;
	font-size:22px;
}

h2 {
	border-bottom: 1px solid #4473AB;
	margin: 8px 0;
	font-size:15px;
}

h3 {
	font-size:13px;
}

h4  {
	margin: 5px 0;
	font-size: 11px;
}

p { margin:10px 0;}

#tabs ul {
	list-style-position: outside;
	list-style-type: none;
	padding: 0;
	margin:0;
}

#tabs li {
	padding: 0;
	margin:0 0 0 1px;
}

.center {text-align:center;}

a,a:visited,a:active,a:link { 
color: #00F;
text-decoration:underline;
}

strong {
font-weight:bold;
}

/* END STYLES */

/* ------------------------------------------ */
/* IMAGE STYLES */
/* ------------------------------------------ */
	.caption { margin-bottom: 3px;}
	.photobox{ border: 1px solid #c4c5c7; padding: 3px; margin-top: 3px; }
	.photoboxi{ display: inline; border: 1px solid #c4c5c7; padding: 3px; margin-top: 20px; }
/* END IMAGES */

/* ------------------------------------------ */
/* TABLE STYLES */
/* ------------------------------------------ */

td, th { padding:3px; }

.lined th  {
	font-weight:bold;
	padding: 3px;
}
.lined td{
	border-top: 0; 
	border-right: 0; 
	border-left: 0; 
	border-bottom: 1px solid #cccccc;
	padding: 3px;
}
table.lined {border: 0px; }

.boxed th {
	font-weight:bold;
	background-color:#ccc;
	border-top: 0; 
	border-right: 0; 
	border-left: 1px solid #cccccc; 
	border-bottom: 1px solid #cccccc;
	padding: 3px;
	text-align: center;
}
.boxed td {
	border-top: 0; 
	border-right: 0; 
	border-left: 1px solid #cccccc; 
	border-bottom: 1px solid #cccccc;
	padding: 3px;
}
table.boxed {
	border-bottom: 0; 
	border-left: 0; 
	border-right: 1px solid #cccccc; 
	border-top: 1px solid #cccccc;
	margin-top: 5px;
}
/* END TABLE STYLES */


/* ------------------------------------------ */
/* LIST STYLES */
/* ------------------------------------------ */

/* Empty square used on scull and sweep ordering guides */
.sq { list-style-image: url(http://www.concept2.com/us/images/oars/checkbox.gif); vertical-align: middle; }
/* List position specification to not indent the lists on the scull and sweep ordering guides */
.og { margin-left: 0; padding-left: 1.5em; }

/* END LIST STYLES */


/* ------------------------------------------ */
/* BUTTON STYLES */
/* ------------------------------------------ */

a {
cursor:pointer;
}

h2.button{
background-color:#b7c8d8;
padding:3px 3px 3px 6px;
font-size:14px;
border:1px solid black;
cursor:pointer;
}

h2.button a {
display:block;
}

h2.button:hover{
background-color:#4473AB;
color:white;
}

/* END BUTTON STYLES */


/* ------------------------------------------ */
/* CMXFORM TEMPLATE */
/* ------------------------------------------ */
form.cmxform fieldset {
	margin-bottom: 10px;
}

form.cmxform legend {
	padding: 2px 2px;
	_margin: 0 -7px; /* IE Win */
}

form.cmxform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	cursor: hand;
}

form.cmxform fieldset p {
	list-style: none;
	padding: 5px;
	margin: 0;
}

form.cmxform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
}

form.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
}

form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
}

form.cmxform label { width: 170px; } /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 173px; } /* Width plus 3 (html space) */
form.cmxform label.error {
	margin-left: 10px;
	width: 220px;
}

form.cmxform input.submit {
	margin-left: 203px;
}

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */

/* END CMXFORM TEMPLATE */


/* ------------------------------------------ */
/* CMXFORM STYLES */
/* ------------------------------------------ */
form.cmxform {
	width: 370px;
	font-size: 1.0em;
	color: #333;
}

form.cmxform legend {
	padding-left: 0;
}

form.cmxform legend, form.cmxform label {
	color: #333;
}

form.cmxform fieldset {
	border: none;
}

form.cmxform fieldset fieldset {
	background: none;
}

form.cmxform fieldset p, form.cmxform fieldset fieldset {
	padding: 5px 10px 7px;
	border-bottom:1px solid #ddd;
}

form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic
}
div.error { display: none; }
form.cmxform input {	border: 1px solid black; }
form.cmxform .checkbox, form.cmxform .extracheck, form.cmxform .radio   {	border: none; }
form.cmxform input:focus { border: 1px dotted black; }
form.cmxform input.error { border: 1px dotted red; }
form.cmxform .gray * { color: gray; }
/* END CMXFORM STYLES */