/* CSS Document 
GetWet Colors:

GetWet Dark Blue: #192d59;
GetWet Light Blue: #3da1ff;
GetWet Orange: #e47700;

GetWet Dark Grey: #333333;
GetWet Light Grey: #808080;


*/

div.dropShadow { display:inline-block; height:175px;}

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, font, 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*/ {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

body, html {
	font-size: 85%;
	margin:0;
	text-align:left;
}

body.frontend { text-align:center; background: #f5f5f5; }

ul { list-style: disc; margin: 0 0 0 20px; }
ol { list-style-type: decimal; margin: 0 0 0 25px; }

blockquote, q {
	  quotes: none;
	  margin: 0 0 0 15px;
}

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

:focus {
        outline: 0;
}

ins {
        text-decoration: none;
}

del {
        text-decoration: line-through;
}

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

th { 		
	padding: 2px 4px;
}

td { padding: 2px 0; }

/* ------------------------------------------------------------------------------------ General Styles */

a, a:link, a:visited {
	text-decoration:underline;
	color: #3da1ff;
	/*padding: 2px;*/
}

a:hover, a:active, a:focus {
	text-decoration:none;
	color: #192d59;
}

h1 { font-size: 160%; color: #192d59; padding: 20px 0 10px 0; border: solid #cccccc; border-width: 1px 0 0 0; }
/*h1.borderBottom { border: solid #cccccc; border-width: 0 0 1px 0; padding: 0 0 10px 0; }*/
h2 { font-size: 130%; color: #192d59; padding: 5px 0 5px 0; }
h3 { font-size: 110%; color: #192d59; padding: 5px 0 5px 0; margin: 0; }

p { padding: 5px 0; }

hr, .hr { color: #cccccc; height: 1px; border: solid #cccccc; border-width: 0 0 1px 0; }

input, textarea { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 2px; font-size:100%; }

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}

 
* html .clearfix {
	height: 1%;
}

.left {float:left;}
.right {float:right;}
.rightTxt {text-align:right;}
.notVisible { display:none; }
.noBorder { border-width: 0 !important; }
.noFloat { float:none !important; }
.block { display:block !important; }

/* ------------------------------------------------------------------------------------ General Styles */

.container {
	text-align:left;
	margin: 0 auto;
	width: 940px;
	padding: 0 10px;
	position: relative;
	}
	
/* ------------------------------------------------------------------------------------ Header Styles */
.header { width: auto; }

.topMenu { background: #192d59; color: white; padding: 5px; width:930px;  }

.topMenu { margin: 0; }

.topMenu ul { list-style:none; margin:0;  }
	
.topMenu ul li { float:left; display:block; padding: 5px 0 0 0; }

.topMenu a,
.topMenu a:link,
.topMenu a:visited {
	margin: 0;
	color: white;
	padding: 5px 15px;
	text-decoration:none;
	}

.topMenu a:hover,
.topMenu a:active,
.topMenu a:focus { text-decoration:underline; }

.search { padding: 5px 0 0 0; }

.breadCrumb { padding: 7px 0; color: #808080; }

.breadCrumb a,
.breadCrumb a:link,
.breadCrumb a:visited {
	color: #3da1ff;
	padding: 5px 0;
	text-decoration: underline;
	}

.breadCrumb a:hover,
.breadCrumb a:active,
.breadCrumb a:focus {
	text-decoration:none;
}

.subHeader { position: relative;  width: 940px;  padding: 10px 0 0 0; }

.subHeader .left { width:625px; }

.categoryImages, .productImages { position: relative; }
.productImages a, .productImages a:link, .productImages a:visited { padding:0; }
.categoryImagesShadow { position: absolute; z-index: 98; right:-5px; bottom: -10px; }
.productImagesShadow { position: absolute; z-index: 98; left: -5px; bottom: -10px; }

.subHeader .menu { margin: 7px 0 0 0; background:white; overflow:hidden; width:532px !important; height:34px;  }
.menu ul { display:block; width:800px; list-style:none; margin:0; padding: 0 0 0 4px;  }
.menu ul li { display:block; float:left; margin: 0 4px 0 0; background: url('../images/backgrounds/menuBg.png'); }

.menu ul li a,
.menu ul li a:link,
.menu ul li a:visited {
	margin: 0;
	display:block; 
	float:left;
	color: #3da1ff;
	font-size: 110%;
	font-weight:bold;
	padding: 7px 18px 0 17px;
	height: 27px;
	text-decoration:none; 
	background: transparent url('../images/backgrounds/menuSeparator.png') no-repeat 0 0;
	}
	/*.menu ul li.manual {margin: 0 0 0 0;}*/
	.menu ul li.manual a,
    .menu ul li.manual a:link,
    .menu ul li.manual a:visited {padding: 7px 19px 0 20px;}

.menu ul li a:hover,
.menu ul li a:active,
.menu ul li a:focus { color: #192d59; }
.menu ul li a.selectedItm,
.menu ul li a.selectedItm:link,
.menu ul li a.selectedItm:visited { background: white; color: #192d59; }

.sealskinLogo span { display:none; }
.sealskinLogo { background: transparent url('../images/backgrounds/sealskinLogo.gif') no-repeat center 3px; width: 68px; height: 12px; float:left; }

.logo { position: absolute; z-index: 99; left: 544px; top: 82px; }

	
/* ------------------------------------------------------------------------------------ center Styles */

.center { width:auto; }

/* ------------------------------------------------------------------------------------ Paging Styles */

.paging { margin: 0; color: #3da1ff; }
.paging ul { margin:0; }
.paging ul li { float:left; list-style:none; }
.paging ul li a, .paging ul li a:link, .paging ul li a:visited { 
	font-size: 100%;
	display:block;
	padding: 0 5px;
	float:left; 
	color: #3da1ff;
	text-decoration:underline;
	margin: 0 1px;
	}
	
	.paging ul li a:hover, .paging ul li a:active, .paging ul li a:focus,
	.paging ul li a.selectedItm, .paging ul li a.selectedItm:link, .paging ul li a.selectedItm:visited { color: #192d59; text-decoration:none; }

/* ------------------------------------------------------------------------------------ End Home Styles */

.content { 
	width: 585px;
	margin: 0 0 10px 0;
	padding: 20px;
	float:left; 
	display:block; 
	background:white; 
	line-height: 150%;
	}

.attachments ul { margin: 15px 0; list-style-type:none;  }
.attachments ul li { display:block; float:none; height: 20px; overflow:hidden; }
.attachments ul li img { display:block; margin: 0 5px 0 0; float:left; }

.attachments a, .attachments a:link, .attachments a:visited {
	padding: 2px;
	display: block;
	float:left;
}

.pageFunctions { color: #3da1ff; }

.salesOverview dl { width:40%; height:130px; float:left; margin: 15px 0 5px 0; }
.salesOverview img { margin: 0 5px 0 0; }

.productNavigation .left { float:left; width: 100px; height:120px; overflow:hidden; padding: 0 15px 0 0!important; }
.productNavigation a img { border: solid 1px #3da1ff; display:block; }

.productNavigation a:hover img, .productNavigation a:focus img, .productNavigation a:active img,
.productNavigation a.selectedItm img, .productNavigation a.selectedItm:link img, .productNavigation a.selectedItm:visited img,
.customImages a:hover img, .customImages a:active img, .customImages a:focus img { border: solid 1px #192d59;  }

.productNavigation a:hover, .productNavigation a:focus, .productNavigation a:active,
.productNavigation a.selectedItm, .productNavigation a.selectedItm:link, .productNavigation a.selectedItm:visited { color: #192d59; }

.customText { width: 300px; }
.customImages { float:right; margin:15px; }
.customImages a img { display:block; border: solid 1px #3da1ff; margin: 0 5px 0 0; }

.prodDetails { width:100%; }
.prodDetails img.prodImage { float:left; border: solid 1px #3da1ff; margin: 5px 15px 0 0;   }

.prodData { width: 285px; }
span.prodImage { display:block; height:68px; cursor:pointer; }

/* newsList */
ul.newsList { list-style-type: none; margin: 5px 0 15px; color: #808080; }
ul.newsList span { color: #808080; display:block; float:left; width:105px; }

/* overview */
dt { font-weight:bold; }
dd span { color: #808080; }
dd.img { float:left; margin: 0 10px 0 0; }
dd.img a, dd.img a:link, dd.img a:visited { padding:0; }
dd a, dd a:link, dd a:visited { white-space:nowrap; }

/* sitemap */
.Sitemap { margin: 5px 0 15px 0; }
ul.Sitemap { list-style-type: none; }
.Sitemap ul { list-style-type: none; }
.Sitemap li { margin: 5px 0; }

/* ------------------------------------------------------------------------------------ rightColumn Styles */

.rightColumn { float:right; width:303px; padding: 0; color:white; }

.banner { width:303px; height:178px; margin: 0 0 12px 0; }
.actieBanner img { width:303px; margin: 0 0 8px 0; }

.banner a, .banner a:link, .banner a:visited { padding:0; }
.salesLocationBanner { background: url('../images/backgrounds/salesLocation.gif') no-repeat 0 0; }
.installationBanner { background: url('../images/backgrounds/installationBanner.jpg') no-repeat 0 0; }
.salesLocationBanner span,
.installationBanner span { padding: 15px 100px 5px 15px; display:block; font-size: 150%; font-weight: bold; } 
.salesLocationBanner label { display:block; padding: 15px 0 0 15px; }
.salesLocationBanner input, .installationBanner p { margin: 0 0 0 15px; }
.installationBanner a, .installationBanner a:link, .installationBanner a:visited { color: #3da1ff; }

/* ------------------------------------------------------------------------------------ Forms Styles */

.form { margin: 0 0 15px 0; padding: 0;  }

.captha { margin: 5px 0 0 0; }

textarea  { float:right; }

.textField, .selectField { 	
	background:white;
	border: solid 1px #808080;
	height: 15px;
	/*font-size: 90%;*/
	padding: 1px;
	margin: 3px 0;
 	}
	
input.searchIcon { color: #808080; background: white url('../images/backgrounds/searchBg.gif') no-repeat right center; padding: 1px 20px 1px 4px; }

p.error { color: red; padding:0 0 5px 0; }
/*.required { background: #f1cac0; }*/
.requiredAlert { padding: 0 0 0 170px; color:red; }
.upload { float:right; font-size: 90%; }
 
.textFieldXSmall { width: 75px; }
.textFieldSmall { width: 148px; }
.textFieldLarge { width: 410px; }
.textareaLarge { width: 409px; }

label.lbl { 
	display:block;
	float:left;
	width:170px;
	padding: 5px 0 1px 0;
	}
	/*.editor label.lbl { float:none; width:auto; }*/
	
/* ------------------------------------------------------------------------------------ Footer Styles */

.footer { }


/* ------------------------------------------------------------------------------------ Editor/Toolbar Styles */

#boxInsite {
	border-bottom: 1px solid white;
	background: #192d59;
	}	

.ToolBarBtn {
	text-align:left;
	padding: 0;
	width: 940px;
	margin: 0 auto;
	color: white;
	}

input.btn,
a.btn,
a.btn:link,
a.btn:visited {
	padding: 0 15px 0 20px;
	border: solid 1px #ccc;
	color: #3da1ff;
	background: url('../images/backgrounds/menuBg.png') repeat-x 0 0;
	text-decoration: none;
	font-weight:bold;
	}
input.btn { height: 30px; }


input.btn:hover,
a.btn:hover,
a.btn:active,
a.btn:focus { text-decoration:underline; }

a.bntToolbar, 
a.bntToolbar:link, 
a.bntToolbar:visited { 
	float:left;
	width: 94px;
	padding: 4px 0 3px 0;
	text-align:center;
	background: #192d59;
	border: solid white; 
	border-width: 0 0 0 1px; 
	color: white; 
	font-size: 90%;
	}
	
#boxInsite a.btn:hover, 
#boxInsite a.btn:active,
#boxInsite a.btn:focus,
#boxInsite a.selectedItm, 
#boxInsite a.selectedItm:link,
#boxInsite a.selectedItm:visited { background: white; color: #192d59; text-decoration:none; }

.rightMargin { margin: 0 15px 0 0; }

div.introImage {
	float:left;
	width:163px; 
	margin: 0 15px 0 0;
	clear:none;
	}
	
div.introTxt {
	clear:none;
	float:right;
	}

.introImageBg {
	clear:none;
	float:left;
	display:block;
	width: 163px;
	height:163px;
	overflow:hidden;
	background: #ccc; 
	font-size:90%;
	}
	
textarea {
	background: white;
	border: solid 1px #808080;
	}