﻿
a {
	color: rgb(41,73,124);
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.container-main {
	/*font: normal 12px/18px Arial;*/
	font: normal 0.75em/1.5em Arial;
	color: Black;
}

.container-main h1 {
	/*font: bold 18px/20px Arial;*/
	font: bold 1.5em Arial;
	color: Black;
}

.container-main img {
	border: 0;
}

.container-main ul, .container-main ol {
	margin-left:0;
	padding-left: 14px;
}

.container-main li {
	list-style-image: url("/_layouts/images/water_and_more/li.gif");
}

.image-float-left {
	float: left;
	padding-right: 10px;
}

.image-float-right {
	float: right;
	padding-left: 10px;
}

.product-box {
	padding: 12px;
}

.product-box ul, .product-box ol {
	margin: 0;
	padding: 0 0 0 14px;
}

.product-box li {
	list-style-image: url("/_layouts/images/water_and_more/li2.gif");
}

/* ------------------------------------------------------------------------- */

.clearfloat {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}

/* container --------------------------------------------------------------- */

.container-main {
	width: 950px;
	margin: auto;
	margin-top: 5px;
}

.container-left {
	float: left;
	width: 176px;
}

.container-middle {
	float: left;
	width: 558px;
}

.container-right {
	float: left;
	width: 216px;
}

/* left area --------------------------------------------------------------- */

.logo-waterandmore {
	height: 42px;
	margin-top: 42px;
}

.logo-waterandmore img {
	padding-top: 6px;
}

/* leftNav ------------------------- */

.leftNav {
	padding: 6px 0 0 10px;	
}

.leftNav a:hover {
	text-decoration: none;
}

.leftNav1 {
	font: bold 12px/24px Arial;
	color: rgb(148,164,189);
}

.leftNav2 {
	margin-left: 15px;
	font: bold 12px/18px Arial;
	color: rgb(128,128,128);
}

.leftNav2 a {
}

.leftNav1Selected {
	font: bold 12px/24px Arial;
	color: rgb(41,73,124);
}

.leftNav2Selected {
	font: bold 12px/18px Arial;
	color: Black;
}

/* middle area ------------------------------------------------------------- */

.navHeader {
	height: 24px;
}

.navIcons {
	height: 18px;
}

.navIconsContainer {
	float: right;
}

.navLocator, .navBreadcrumbs, .content {
	border-left: 6px solid rgb(212,219,229);
	border-right: 6px solid rgb(212,219,229);
}

.navLocator {
	height: 33px;
	border-top: 6px solid rgb(212,219,229);
	background-color: rgb(105,128,163);
}

.navBreadcrumbs {
	height: 27px;
	padding: 3px 10px 0 10px;
}

.navBreadcrumbs * {
	font: normal 10px/12px Arial;
	color: Black;
}

.content {
	border-bottom: 3px solid rgb(212,219,229);
	/*temporary*/
	/*min-height: 500px;*/
	width: 546px;
	min-height: 546px;
	overflow: hidden;
}

.footer {
	position: absolute;
	width: 558px;
}

.logo-thewatercompany {
	position: absolute;
	left: -176px;
	top: -18px;
	width: 176px;
	height: 15px;
	border-bottom: 3px solid rgb(191,200,216);
}

html .logo-thewatercompany {
	top: -18px; /* required for IE < 8 */
}

.logo-thewatercompany img {
	position: absolute;
	top: 0;
}

.footerText {
	padding-top: 3px;
}

.footerText, .footerText a {
	font: normal 10px/14px Arial;
	color: Black;
}

.footerText {
	padding-left: 16px;
	padding-right:16px;
}

/* navHeader ----------------------- */

.link-bwtgroup {
	vertical-align: bottom;
	padding-bottom: 1px;
}

.headerLinks {
	float: left;
	width: 435px;
}

.headerLinks, .headerLinks a {
	font: normal 10px/12px Arial;
	color: Black;
}

.searchBox {
	height: 14px;
	float: right;
}

.searchBox input {
	vertical-align:top;
}

.ctlSearchBox {
}

.searchBox .RadInputMgr_Default {
	height: 12px;
	padding: 0;
	border: 1px solid rgb(234,237,242);
	font: normal 10px/12px Arial;
	color: Black;
}

.searchBox .RadInput_Empty_Default {
	border: 1px solid rgb(234,237,242);
}

.searchBox .RadInput_Hover_Default {
	border: 1px solid rgb(234,237,242);
}

/* navLocator ---------------------- */

.navLocatorItem {
	float: left;
	width: 270px;
	height: 18px;
	padding-top: 6px;
	text-align: center;
}

.navLocatorItem a {
	font: bold 13px/15px Arial; /*Arial Black*/
	color: White;
}

.navLocatorSpacer {
	float: left;
	width: 6px;
	height: 18px;
	margin-top: 6px;
	background-color: rgb(212,219,229);
}

.navLocatorLine {
	clear: both;
	height: 6px;
	background-color: rgb(41,73,124);
}

/* navBreadcrumbs ------------------ */

.navBreadcrumbsNodeRoot, .navBreadcrumbsNode, .navBreadcrumbsNodeCurrent {
	font: normal 10px/12px Arial;
	color: Black;
}


/* Content ------------------------- */

.contentArea {
	min-height: 500px;
}

.TopContentBanner .RadEditor, .HtmlContent .RadEditor, .BottomContentLinks .RadEditor {
	margin-left: -10px;
	margin-right: -10px;
}

.TopContentBanner {
	padding-bottom: 12px;
	font-size: 0;
	line-height: 0;
}

.TopContentBanner img {
}

.HtmlContent {
	padding: 10px 20px 10px 10px;

}

.ContentWebPart {
	padding: 0 20px 0 10px;
}

.BottomContentLinksContainer {
	background-color: rgb(105,128,163);
	border-bottom: 1px solid rgb(105,128,163); /* IE Hack */
	padding-top: 3px;
}

.BottomContentLinks {
	border-top: 6px solid rgb(41,73,124);
	padding: 4px 10px 5px 10px;
}

.BottomContentLinks a {
	font: bold 12px/18px Arial;
	color: White;
}

.StartpageContent {
	background-color: White;
}

.StartpageArticleImage .RadEditor{
}

.StartpageArticleHtml .RadEditor {
	margin: -10px;
}

.StartpageArticleImage .ms-formfieldlabelcontainer, .StartpageArticleHtml .ms-formfieldlabelcontainer {
	display: none !important;
}

.StartpageArticleImage .ms-formfieldvaluecontainer, .StartpageArticleHtml .ms-formfieldvaluecontainer {
	margin: 0 !important;
}

.StartpageArticleImage {
	float: left;
	width: 50px;
	height: 114px;
	padding-left: 10px;
	margin-top: 6px;
}

.StartpageArticleHtml {
	float: left;
	width: 182px;
	height: 94px;
	margin-top: 6px;
	margin-right: 2px;
	padding: 10px;
	overflow: hidden;
}

/* editor classes */
.StartpageArticle {
	font: normal 11px/13px Arial;
	color: Black;
}

.StartpageArticle-Header {
	font: bold 11px/13px Arial;
	color: Black;
}

.StartpageArticle-Link, .StartpageArticle-Link a {
	font: normal 11px/13px Arial;
	color: Black;
	text-align: right;
	display: block;
}

/* if not overridden in editor */

.StartpageArticleHtml {
	font: normal 11px/13px Arial;
	color: Black;
}

.StartpageArticleHtml h1 {
	font-weight: bold;
}

.StartpageArticleHtml a {
	text-align: right;
	display: block;
}

.StartpageSpaceBottom {
	height: 36px;
}

.NewsDate {
	padding: 10px 20px 10px 10px;
}

.ContactAddress {
}

.ContactEmail {
}

.ContactForm {
	padding: 10px 20px 10px 10px;
}

/* right area -------------------------------------------------------------- */

.navCountry {
	height: 24px;
	margin-bottom: 18px;
	font: normal 10px/12px Arial;
	color: Black;
}

.cscContainer {
	float: right;
}

.cscLabel {
	padding-right: 2px;
	vertical-align: middle;
}

.cscComboBox {
}

.RadComboBox {
	border: 1px solid rgb(239,219,129) !important;
}
.RadComboBox, .RadComboBox input, .rcbInputCell {
	height: 12px !important;
}

.RadComboBox input {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.RadComboBox *, .RadComboBoxDropDown * {
	font: normal 10px/12px Arial !important;
	color: Black !important;
}

.RadComboBoxDropDown {
	border: 1px solid rgb(239,219,129) !important;
}

.rcbInputCell { 
	background: transparent none no-repeat scroll 0 0 !important;
}

.rcbArrowCell {
	background: transparent url("/_layouts/images/water_and_more/countryselect-arrow.jpg") no-repeat scroll 0 0 !important;
}

.rcbArrowCell, .rcbArrowCell a {
	height: 12px !important;
	width: 12px !important;
}

.rcbList {
}

.rcbHovered {
	background-color: #F9F1CC !important;
}

.cscCon6tainerBtn {
	clear: both;
}

.cscButton {
	float: right;
	padding: 0;
	border: none;
	background-color: Transparent;
}

.news, .events, .contact {
	color: rgb(224,184,2);
}

.news {
	height: 20px;
	padding-left: 10px;
	padding-top: 10px;
	margin-bottom: 33px;
	border-bottom: 6px solid rgb(239,219,129);
	font: bold 13px/15px Arial; /*Arial Black*/
}

.events, .contact {
	height: 15px;
	margin-top: 16px;
	padding-left: 10px;
	margin-bottom: 6px;
	border-bottom: 3px solid rgb(239,219,129);
	font: bold 11px/12px Arial; /*Arial Black*/
}

.newsControl {
	padding-left: 5px;
}

.eventsControl {
	padding-left: 10px;
}

.contactControl {
	padding-left: 10px;
}

/* NewsOverviewControl ------------- */

.newsOverviewContainer {
	height: 90px;
	padding-bottom: 6px;
}

.newsOverviewImageContainer {
	float: left;
	width: 50px;
	height: 90px;
}

.newsOverviewContentContainer {
	float: left;
	width: 145px;
	height: 78px;
	padding: 6px 8px 6px 8px;
	background-color: rgb(249,241,204);
}

/* temporary */
.newsOverviewContentContainer p {
	margin: 0;
}

.newsOverviewContentDate, .newsOverviewContent, .newsOverviewContentLink {
	font: normal 10px/12px Arial;
	color: Black;	
}

.newsOverviewContentDate {
	height: 12px;
}

.newsOverviewContent {
	height: 48px;
	padding: 3px 0 3px 0;
	overflow: hidden;
	font-weight: bold;
}

.newsOverviewContentLink {
	height: 12px;
}
	
.newsOverviewContentLink, .newsOverviewContentLink a {
	color: Black;
	text-align: right;
}

/* SiteLinks */
.newsOverviewSiteLink, .fairsOverviewSiteLink, .contactOverviewSiteLink {
	padding: 6px 0 6px 0;
}

.newsOverviewSiteLink, .newsOverviewSiteLink a, .fairsOverviewSiteLink, .fairsOverviewSiteLink a, .contactOverviewSiteLink, .contactOverviewSiteLink a {
	font: bold 10px/12px Arial;
	color: rgb(224,184,2);
}

/* FairsOverviewControl ------------ */

.fairsOverviewContainer, .fairsOverviewContainer a {
	padding: 6px 0 6px 0;
	font: normal 10px/12px Arial;
	color: Black;
}

.fairsOverviewDate {
}

.fairsOverviewContent {
	padding-top: 3px;
}

.fairsOverviewContent a {
	font-weight: bold;
}

.fairsOverviewNoFairs {
	font: normal 10px/12px Arial;
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
}

/* ContactOverviewControl ------------- */

.contactOverviewContainer {
	padding: 6px 0 6px 0;
	font: normal 10px/12px Arial;
	color: Black;
}

/* ContactFormControl -------------- */

.cfcInputBox {
	width: 200px;
	margin-right: 2px;
}

.cfcMessageBox {
	width: 400px;
	height: 120px;
}

.cfcZipCodeBox {
	width: 50px;
}

.cfcCityBox {
	width: 145px;
}

.cfcSelectBox {
	width: 204px;
	margin-right: 2px;
}

.cfcSpamDetectBox {
	display: none;
}

/* controls.css */
.toc-layout-main {
width:100%;
padding:0;
margin:0;
border:0;
}
.level-header{
padding:2px 0px 2px 0px;
}
.level-band{
background-color:#E4E8F0;
padding:2px 0px 2px 3px;
margin-right:3px;
margin-left: 0px;
}
.level-description{
font-family: tahoma; 
font-size: 8pt; 
color: #4c4c4c
}
.level-description-padding{
padding-left:15px;
padding-right: 0px;
padding-bottom:1px;
}
.level-item-pos{
margin: 2px 3px 2px 3px;
padding: 1px 0px 1px 0px;
}
.level-item, .level-item a, .level-item a:link{
font-family: tahoma; 
font-size: 8pt; 
color: #003399;
}
.level-item a:visited, .level-item a:active{
color: #4167AF;
text-decoration:none;
}
.level-item a:hover{
color: #000000;
text-decoration:underline;
}
.level-section{
margin-bottom:6px;
}
.level-bullet{
border-style: none;
border-color: inherit;
border-width: 0;
vertical-align:top;
background-image:url("/_layouts/images/lstbulet.gif");
background-repeat:no-repeat;
background-position:left;
padding-left:10px;
padding-right: 0px;
}

/* WebParts ------------------------ */

.item {
}

.link-item, .link-item a, .link-item a:link {
	font: normal 9pt/13.5pt Arial;
}

.link-item img {
	vertical-align: text-bottom;
}

.link-item a, .link-item a:hover {
	color: rgb(41,73,124) !important;
}

.ms-WPHeader td {
	border-bottom: none !important;
}

.container-main .ms-viewheadertr {
	display: none;
}

.toc-layout-main, .toc-layout-main a {
	color: rgb(41,73,124) !important;
}

.toc-layout-main .level-item a {
	font: normal 1em Arial !important;
}

.toc-layout-main .level-header a {
	font: bold 1em Arial !important;
}

/* SharePoint Edit Console ------------------------------------------------- */

.spSecurityTrimmedControl {
}

/*--- console ---*/
.container-console {
	min-height: 25px;
}

.ms-consoleframe {
	border-color: #D4D0C8 !important;
}

.ms-consolestatusframe {
	background-color: #FFFFFF !important;
}

/*--- welcome ---*/
.container-welcome {
	position: absolute;
	top: 0;
	right: 0;
}

.sharepointLogin {
	float: right;
	padding: 0 5px 0 5px;
	background-color: White;
}

.siteActionMenu {
	float: right;
	background-color: White;
}

.ctlWelcome {
}

.ctlWelcome a {
	color: Blue !important;
	text-decoration: underline !important;
}

/* Editor Regions ---------------------------------------------------------- */

.ms-formfieldcontainer {
}

.ms-formfieldlabelcontainer {
	margin: 0 !important;
}

.ms-formfieldvaluecontainer {
	border: 0 !important;
	padding: 0 !important;
}

/* Editor Classes ---------------------------------------------------------- */
