/*
------------------------------------------------------
General Classes
------------------------------------------------------
*/
body {
	color: #333333;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
}

body {
	height: 100%;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	scrollbar-3dlight-color: #66C1EE;
	scrollbar-arrow-color: #66C1EE;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #66C1EE;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-base-color: #ffffff;
}

.subNavigation {
	background-image: url(../images/backgroundSubNavigation.gif);
	background-repeat: no-repeat;
	padding: 5px;
	padding-left: 15px;
	width: 139px;
}

.homepage {
	font-size: 90%;
	color: #FFFFFF;
	background-color: none;
}

.content {
	padding-left: 15px;
}

.breadcrumbs {
	font-size: 90%;
	padding-left: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
}

.image {
	padding-bottom: 15px;
	padding-right: 15px;
}

.header {
	color: #006699;
}

/*
------------------------------------------------------
Headings
------------------------------------------------------
*/
h1 {
	font-size: 130%;
	padding-left: 15px;
	display: inline;
}

h2 {
	font-size: 115%;
	display: inline;
	color: #006699;
}

h3 {
	font-size: 100%;
	display: inline;
	font-weight: bold;
	color: #006699;
}

h4 {
	font-size: 100%;
	display: inline;
	font-weight: bold;
	color: #333333;
}

h5 {
	font-size: 100%;
	display: inline;
	font-weight: bold;
	color: #666666;
}

h6 {
	font-size: 100%;
	display: inline;
	font-weight: bold;
	color: #666666;
}

h7 {
	font-size: 100%;
	display: inline;
	font-weight: bold;
	color: #666666;
}

/*
------------------------------------------------------
Links
------------------------------------------------------
*/ /* Standard Link */
A {
	color: #333333;
	text-decoration: none;
}

A:visited {
	color: #333333
}

A:Active {
	color: #333333
}

A:Hover {
	color: #000000;
	text-decoration: underline;
}

/* Navigation Link */
.navigation a:link {
	color: #333333;
	text-decoration: none;
}

.navigation a:visited {
	text-decoration: none;
	color: #333333;
}

.navigation a:active {
	text-decoration: none;
	color: #333333;
}

.navigation a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #006699;
}

/* Footer Link */
.footer a:link {
	color: #999999;
	text-decoration: none;
}

.footer a:visited {
	text-decoration: none;
	color: #999999;
}

.footer a:active {
	text-decoration: none;
	color: #999999;
}

.footer a:hover {
	text-decoration: underline;
	color: #000000;
}

/*
------------------------------------------------------
Forms
------------------------------------------------------
*/
input {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1em;
	background-color: #f0f0f0;
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
}

textarea {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1em;
	background-color: #f0f0f0;
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
}

select {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1em;
	background-color: #f0f0f0;
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
}

TD.formCaptions {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
}

.spatrack {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 90%;
	background-color: #ffffff;
	border-color: #333333;
	border-style: solid;
	border-width: 1px;
	padding: 1px;
}

/*
---------------------------------------------------
Menus
--------------------------------------------------- 
*/
.SubMenuGroup {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	cursor: hand;
	padding: 0px 0px 0px 0px;
}

.MenuItem {
	padding: 0px 0px 0px 0px;
}

.MenuItem a,MenuItem a:visited {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #333333;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
	padding: 20px 20px 20px 20px;
}

.MenuItem a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

/*
------------------------------------------------------
HTML 
------------------------------------------------------
*/
hr {
	color: #dadcde;
	height: 1px;
}

ol {
	
}

ul {
	
}

/*
------------------------------------------------------
added by DifferentCook! 
------------------------------------------------------
*/
form {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.head2 {
	font-size: 1em;
	vertical-align: bottom;
	padding-bottom: 0px;
	text-align: left;
	padding-left: 0px;
}

.mainimage {
	width: 268px;
	white-space: nowrap;
	vertical-align: top;
	padding-left: 12px;
}

.maintext {
	width: 500px;
	vertical-align: top;
	padding-left: 30px;
}

.max {
	width: 100%;
}

#lang {
	position: absolute;
	right: 35px;
	top: 100px;
	width: 150px;
	padding: 0px;
	text-align: right;
}

#lang a {
	padding-left: 10px;
}

#homeContent {
	position: absolute;
	left: 450px;
	top: 150px;
	width: 500px;
	color: #FFFFFF;
	padding: 5px;
	border: 0px solid #66C1EE;
}

.title {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 12px;
	vertical-align: top;
}

#homeContent .content,icontent {
	padding: 0px;
}

#address {
	padding-left: 20px;
	width: 450px;
}

.address,.address table tr td {
	line-height: 20px;
	line-height: 20px;
	padding-right: 10px;
}

.vet {
	font-weight: bold;
}

#brands {
	vertical-align: bottom;
}

td.brandcomment {
	text-align: right;
	padding-bottom: 10px;
	padding-right: 14px;
	font-weight: bold;
}

td.brandimage {
	vertical-align: bottom;
	width: 100px;
	padding-right: 4px;
}

td.brandtext {
	text-align: center;
	padding-top: 4px;
}

td.brandtext a {
	text-decoration: underline;
}

td.brandtext a:hover {
	font-weight: bold;
	text-decoration: underline;
}

.footer {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	padding-left: 20px;
	padding-top: 20px;
	color: #333333;
}

#content {
	
}

#content tr td.title {
	padding: 20px 10px 20px 20px;;
	width: 220px;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 12px;
	vertical-align: top;
}

#content tr td.content {
	padding: 20px 20px 20px 10px;;
	width: 650px;
	height: 362px;
	vertical-align: top;
}

#brandspace1 {
	height: 382px;
	border: 0px solid #66C1EE;
}

#home {
	background: url(../images/background02.jpg) no-repeat;
}

#gencontent {
	background: url(../images/background01.jpg) no-repeat;
}

#bodybrand10 {
	background: url(../images/signaturebg.jpg) no-repeat;
}

#bodybrand11 {
	background: url(../images/cyclonebg.jpg) no-repeat;
}

#bodybrand12 {
	background: url(../images/infinitybg.jpg) no-repeat;
}

#bodybrand13 {
	background: url(../images/designerbg.jpg) no-repeat;
}

#bodybrand14 {
	background: url(../images/specialofferbg.jpg) no-repeat;
}

body.blancol {
	background: url(../images/back02.jpg) top right;
}

body.blancor {
	background: url(../images/back02.jpg) top left;
}

#brandcontent {
	position: absolute;
	left: 620px;
	top: 140px;
	padding: 0px;
}

#brandcontent iframe {
	width: 385px;
	height: 255px;
	frameborder: 0px;
}

.icontent {
	line-height: 15px;
	padding: 0px;
	padding-right: 4px;
}

td.content a   . td.icontent a {
	text-decoration: underline;
}

td.content a:visited,td.icontent a:visited {
	text-decoration: underline;
}

/*
------------------------------------------------------
Formulier
------------------------------------------------------
*/
#tform td {
	font-family: verdana, arial, helvetica, sans-serif;
	height: 20px;
	vertical-align: top;
	width: 250px;
}

.mainbuttons {
	font-weight: bold;
	position: relative;
	padding: 1em 4em 1em 1em;
	text-align: right;
}

.mainbuttons a {
	padding-left: 2em;
}

/*
------------------------------------------------------
Dealers
------------------------------------------------------
*/
#content tr td.titledealers {
	width: 170px;
}

#content tr td.contentdealers {
	width: 800px;
}

/*
------------------------------------------------------
SwimSpas
------------------------------------------------------
*/
#swimspas {
  background: url(../images/swimspasbg.jpg) no-repeat;
}

#swimspasspace1 {
  height: 400px;
}