/* 
lightest green #C5DDDA
light green #9FC6C1
mid green #5A9E95
dark green #298B75
grey #C5C7C7

/*Below is a list of headings used in this doc

/* global.css - shared rules
----------------------------------------------- */
/* font sizes and colours - shared rules
----------------------------------------------- */
/* cufon font sizes - shared rules
----------------------------------------------- */
/* top nav bar - shared rules
----------------------------------------------- */
/* main navigation
----------------------------------------------- */
/* side navigation
----------------------------------------------- */
/* footer bar - shared rules
----------------------------------------------- */
/* generic columns - shared rules
----------------------------------------------- */
/* index page layout
----------------------------------------------- */
/* sales page layout
----------------------------------------------- */
/* services page layout
----------------------------------------------- */
/* links page layout
----------------------------------------------- */
/* terms page layout
----------------------------------------------- */
/* contact page layout
----------------------------------------------- */
/* product page layout
----------------------------------------------- */


/* global.css
----------------------------------------------- */
body {
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	line-height:17px;
	text-align:left;
	color:#000000;
	background-color: #9FC6C1;
}

p {
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

a:link {
	color: #298B75;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #298B75;
}
a:hover {
	text-decoration: underline;
	color: #298B75;
}
a:active {
	text-decoration: none;
	color: #298B75;
}

:focus {
	-moz-outline-style: none;
}

* :focus { outline: 0; }

#container {
	width: 980px;
	height: auto;
	padding: 0px;
	margin: 0px auto 0px auto;
	position: relative;
	background-color: #FFFFFF;
}

.bottomspace {
	width: 980px;
	height: 20px;
	padding: 0px;
	margin: 0px auto 0px auto;
	position: relative;
}

img {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.subscript {
	font-size: 0.8em;

}

/* font sizes and colours - shared rules
----------------------------------------------- */

.greenbold {
	color: #298B75;
	font-weight: bold;
}
.greenboldhead {
	color: #298B75;
	font-weight: bold;
	line-height: 32px;
}

.green {
	color: #298B75;
}

.smalltext {
	font-size: 11px;
}

/* cufon font sizes - shared rules
----------------------------------------------- */

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: 500;
	line-height: 25px;
	margin: 0px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: 500;
	line-height: 25px;
	margin: 0px 0px 12px 0px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: 500;
	line-height: 28px;
	margin:  0px 0px -6px 0px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 8px 0px;
	color: #298B75;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: 500;
	line-height: 20px;
	margin: 0px;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 18px;
	margin: -1px 0px 0px 0px;
}

/* top nav bar
----------------------------------------------- */
#topani {
	width: 980px;
	height: 166px;
	padding: 0px;
	margin: 0px auto 0px auto;
	position: relative;
	clear: both;
}

#topmenu {
	width: 956px;
	height: 25px;
	padding: 0px 12px;
	margin: 0px auto 0px auto;
	position: relative;
	float: left;
	clear: both;
	background-image: url(../topnav_images/topmenu4.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

/* main navigation
----------------------------------------------- */

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav li {
	float: left;
}

#nav a {
	display: block;
	padding: 0px;
	height: 24px;
	font-size: 12px;
	font-weight: bold;
	line-height: 13px;
}

#nav a:link, a:visited, a:active {
	text-decoration: none;
	color: #737373;
}

#nav a:hover {
	text-decoration: none;
	color: #298B75;
	background-image: url(../topnav_images/topmenu5.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

#nav .selected a:hover, .selected a:link, .selected a:active, .selected a:visited {
	text-decoration: none;
	color: #298B75;
	background-image: url(../topnav_images/topmenu3.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

/* widths */

.outterbar {
	width: 1px;
	background: #cc3300;
	height: 24px;
}

.innerbar {
	width: 1px;
	background: #cc3300;
	height: 24px;
}

.home { 
	width: 92px;
	text-align: center;
}

.about {
	width: 121px;
	text-align: center;
}

.services { 
	width: 118px;
	text-align: center;
}

.sales {
	width: 98px;
	text-align: center;
}

.rental { 
	width: 114px;
	text-align: center;
}

.news {
	width: 94px;
	text-align: center;
}

.links { 
	width: 94px;
	text-align: center;
}

.terms {
	width: 100px;
	text-align: center;
}

.contact {
	width: 115px;
	text-align: center;
}

/* side navigation
----------------------------------------------- */

.sidetop {
	width: 206px;
	height: auto;
	padding: 0px;
	margin: 0px;
	position: relative;
	float: left;
	background-image: url(../images/sidetop.gif);
	background-position: top;
	background-repeat: no-repeat;
}

.sidetbot {
	width: 206px;
	padding-bottom: 0px;
	margin: 0px;
	position: relative;
	float: left;
	background-image: url(../images/sidebot.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

.sidettext {
	width: 206px;
	height: auto;
	padding: 25px 0px 25px 0px;
	margin: 0px;
	position: relative;
	float: left;
}

#sidenav, #sidenav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#sidenav li {
	float: left;
}

#sidenav a {
	display: inline;
	padding: 0px;
	height: 24px;
	font-size: 13px;
	font-weight: bold;
	line-height: 13px;
}

#sidenav a:link, #sidenav a:visited, #sidenav a:active {
	text-decoration: none;
	color: #FFFFFF;
}

#sidenav a:hover, #sidenav.selected a:link, #sidenav.selected a:visited {
	text-decoration: none;
	color: #FFFFFF;
	background-image: url(../images/menuover.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

/* footer bar
----------------------------------------------- */

.bottomrow {
	width: 956px;
	height: 33px;
	padding: 0px;
	margin: 0px auto;
	position: relative;
	clear: both;
	background-image: url(../images/phonebg.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}

.bottomrowleft {
	width: 606px;
	height: 20px;
	padding: 9px 0px 0px 22px;
	margin: 0px;
	position: relative;
	font-size: 16px;
	float: left;
	vertical-align: middle;
	color: #298B75;
	background-image: url(../images/b.gif);
	background-position: left;
	background-repeat: no-repeat;
}

.bottomrowright {
	width: 328px;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	position: relative;
	font-size: 16px;
	float: right;
	text-align: center;
	color: #FFFFFF;
}

.bottomgrey {
	width: 980px;
	height: 29px;
	padding: 0px;
	margin: 0px auto;
	position: relative;
	font-size: 12px;
	clear: both;
	background-color: #C5C7C7;
}

.bottomgreyleft {
	width: 800px;
	padding: 6px 0px 0px 12px;
	margin: 0px;
	position: relative;
	font-size: 11px;
	float: left;
}

.bottomgreyright {
	width: 156px;
	padding: 6px 12px 0px 0px;
	margin: 0px;
	position: relative;
	font-size: 11px;
	float: right;
	text-align: right;
}

.bottomspace {
	width: 980px;
	height: 20px;
	padding: 0px;
	margin: 0px auto;
	position: relative;
	clear: both;
}

/* generic columns - shared rules
----------------------------------------------- */

.mainbody {
	width: 956px;
	height: auto;
	padding: 0px;
	margin: 0px auto 0px auto;
	position: relative;
	clear: both;
}

.leftbody {
	width: 238px;
	height: auto;
	padding: 0px;
	margin: 0px;
	position: relative;
	float: left;
}

.rightbody {
	width: 674px;
	height: auto;
	padding: 0px;
	margin: 0px;
	position: relative;
	float: left;
}

/* index page layout
----------------------------------------------- */

#indexnews {
	width: 956px;
	height: 40px;
	padding-top: 13px;
	margin: 0px auto 0px auto;
	position: relative;
	clear: both;
	background-color: #C5DDDA;
	text-align: center;
}

.newstext {
	font-size: 28px;
	font-weight: bold;
}

.arrowpad {
	margin: 0px 0px -3px 2px;
	vertical-align: bottom;
}

#pscroller2{
	width: 956px;
	height: 35px;
	border: 0px solid black;
	padding: 0px 0px 0px 20px;
	color: #298B75;
	font-size: 24px;
	text-align: left;
	float: left;
}

#pscroller2 a, a:hover{
	text-decoration: none;
	color: #298B75;
}

.someclass{ //class to apply to your scroller(s) if desired
}

.indexspace {
	width: 956px;
	height: 30px;
	padding: 0px;
	margin: 0px auto 0px auto;
	position: relative;
	clear: both;
	background-color: #FFFFFF;
}

.indexspace2 {
	width: 956px;
	height: 40px;
	padding: 0px;
	margin: 0px auto 0px auto;
	position: relative;
	clear: both;
	background-color: #FFFFFF;
}

.homepics {
	width: 674px;
	height: 167px;
	padding: 0px;
	margin: 20px 0px;
	position: relative;
	float: left;
	clear: both;
}

.homepics1 {
	width: 161px;
	height: 167px;
	padding-right: 10px;
	margin: 0px;
	position: relative;
	float: left;
	text-align: right;
	background-image: url(../images/homepicsrule.gif);
	background-position: left;
	background-repeat: no-repeat;
}

.homepics2 {
	width: 161px;
	height: 167px;
	padding: 0px;
	margin: 0px;
	position: relative;
	float: left;
	text-align: right;
	background-image: url(../images/homepicsrule.gif);
	background-position: left;
	background-repeat: no-repeat;
}

.homepicsgrey {
	width: 161px;
	height: 30px;
	padding: 0px;
	margin: 0px;
	position: relative;
	float: left;
	background-color: #C5C7C7;
}

.homepicsgreen {
	width: 146px;
	height: 20px;
	padding: 4px 0px 0px 10px;
	margin: 3px;
	position: relative;
	float: left;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #298B75;
}

.homepic {
	width: 161px;
	height: 137px;
	padding: 0px;
	margin: 0px;
	position: relative;
	float: left;
}

.bmaklogo {
	width: 674px;
	height: auto;
	padding: 20px 0px 0px 0px;
	margin: 0px;
	position: relative;
	float: left;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
	color: #000000;
}

.bmakimage {
	padding: 7px 15px 0px 0px;
	margin: 0px;
	vertical-align: middle;
}

/* sales page layout
----------------------------------------------- */

.salespicbox {
	width: 664px;
	height: auto;
	padding: 5px 5px 5px 5px;
	margin-top: 20px;
	position: relative;
	float: left;
	background-color: #C5C5C5;
}

.salespic {
	padding-top: 5px;
	margin: 0px;
}

.salespichead {
	padding-bottom: 5px;
	margin: 0px;
	font-weight: bold;
}

/* services page layout
----------------------------------------------- */

.servicescolumn {
	width: 290px;
	height: auto;
	padding: 0px;
	margin-top: 20px;
	position: relative;
	float: left;
	line-height: 20px;
}

/* links page layout
----------------------------------------------- */

.linksbody {
	width: 674px;
	height: auto;
	padding: 0px;
	margin: 0px;
	position: relative;
	float: left;
	font-size: 13px;
	line-height: 17px;
}

.linkshead {
	color: #298B75;
	font-weight: bold;
	font-size: 16px;
	line-height: 21px;
}

.linksrule {
	width: 674px;
	height: 20px;
	padding: 0px;
	margin: 0px;
	position: relative;
	float: left;
	background-image: url(../images/linksrule.gif);
	background-repeat: no-repeat;
}

a.links:link {
	color: #298B75;
	text-decoration: none;
}
a.links:visited {
	text-decoration: none;
	color: #298B75;
}
a.links:hover {
	text-decoration: underline;
	color: #298B75;
}
a.links:active {
	text-decoration: none;
	color: #298B75;
}

/* terms page layout
----------------------------------------------- */

.termsbody {
	width: 674px;
	height: auto;
	padding: 0px;
	margin: 0px;
	position: relative;
	float: left;
	font-size: 12px;
	line-height: 16px;
}

/* contact page layout
----------------------------------------------- */

.formbox {
	width: 307px;
	height: auto;
	padding: 13px 20px 22px 20px;
	margin: 0px;
	position: relative;
	font-size: 12px;
	float: left;
	color: #000000;
	background-color: #C5DDDA;
	clear: both;
}

label.contactform {
	width: 305px;
	display: block;
	position: relative;
	float: left;
	clear: both;
}

label.contactformnews {
	width: 185px;
	padding-top: 3px;
	display: inline;
	position: relative;
	float: left;
	clear: left;
}

.contactformnewsletter {
	width: 18px;
	height: 18px;
	display: inline;
	padding: 0px;
	margin: 3px 0px 0px 0px;
	position: relative;
	float: left;
	border: 0px solid #999999;
}

.contactforminput {
	width: 305px;
	height: 18px;
	padding: 0px;
	margin: 3px 0px 12px 0px;
	position: relative;
	float: left;
	clear: both;
	border: 0px solid #999999;
}

.contactforminput2 {
	width: 148px;
	height: 18px;
	padding: 0px;
	margin: 3px 0px 12px 0px;
	position: relative;
	float: left;
	clear: both;
	border: 0px solid #999999;
}

.contactformarea {
	width: 305px;
	height: 65px;
	padding: 0px;
	margin: 3px 0px 12px 0px;
	position: relative;
	float: left;
	clear: both;
	border: 0px solid #999999;
}

#contactformbutton {
	padding: 0px;
	margin: 0px;
	float: left;
	border: 0px;
}

.contactbutton {
	width: 133px;
	padding: 0px;
	margin: 0px;
	position: relative;
	float: left;
	clear: both;
}

.contactleft {
	width: 387px;
	height: auto;
	padding: 0px;
	margin-top: 0px;
	position: relative;
	float: left;
}

.contactright {
	width: 250px;
	height: auto;
	padding: 0px;
	margin: 0px;
	position: relative;
	float: left;
}

/* product page layout
----------------------------------------------- */

.productleft {
	width: 362px;
	height: auto;
	padding: 0px;
	margin-top: 0px;
	position: relative;
	float: left;
}

.productright {
	width: 312px;
	height: auto;
	padding: 0px;
	margin: 0px;
	position: relative;
	float: left;
	line-height: 18px;
}

.productspecs {
	font-size: 12px;
	line-height: 18px;
}

a.productspecs:link {
	color: #000000;
	text-decoration: none;
}
a.productspecs:visited {
	text-decoration: none;
	color: #000000;
}
a.productspecs:hover {
	text-decoration: underline;
	color: #298B75;
}
a.productspecs:active {
	text-decoration: none;
	color: #000000;
}

.productavailable {
	color: #298B75;
	font-weight: bold;
	padding: 0px;
	margin: 17px 0px 4px 0px;
}

.thumbs1 {
	width: 92px;
	height: 82px;
	padding: 0px;
	margin-top: 20px;
	position: relative;
	float: left;
}

.thumbs2 {
	width: 82px;
	height: 82px;
	padding: 0px;
	margin-top: 20px;
	position: relative;
	float: left;
}

.thumbs1a {
	width: 86px;
	height: 77px;
	padding: 0px;
	margin-top: 20px;
	position: relative;
	float: left;
}

.thumbs2a {
	width: 77px;
	height: 77px;
	padding: 0px;
	margin-top: 20px;
	position: relative;
	float: left;
}

.animationlink {
	color: #298B75;
	font-weight: bold;
	padding: 0px;
	margin: 17px 0px 0px 0px;
	position: relative;
	float: left;
}

.animationprod {
	padding: 10px 0px 0px 10px;
	margin: 0px;
	position: relative;
	float: left;
}

/* features and benefits layout
------------------------------ */

#box-table-a
{
	font-size: 12px;
	margin-top: 25px;
	width: 674px;
	text-align: left;
	vertical-align: top;
	border-collapse: collapse;
}

#box-table-a th
{
	font-size: 14px;
	font-weight: normal;
	padding: 7px 12px;
	background: #9FC6C1;
	border-bottom: 1px solid #fff;
	color: #24776C;
	text-align: left;
}

#box-table-a td
{
	padding: 5px 12px;
	background: #DFEDEB; 
	border-bottom: 1px solid #fff;
	color: #33877C;
	border-top: 1px solid transparent;
	vertical-align: top;
}

.tdwidth
{
	width: 210px;
}

#box-table-a tr:hover td
{
	background: #C5DDDA;
	color: #24776C;
}

/* walking frames layout
------------------------------ */

#walking-table
{
	padding: 0px;
	font-size: 12px;
	margin: 0px;
	width: 312px;
	text-align: left;
	border: 0px solid #fff;
}

#walking-table th
{
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	border: 0px solid #fff;
	text-align: left;
}

#walking-table td
{
	padding: 0px;
	margin: 0px;
	border: 0px solid #fff;
	text-align: left;
}