@charset "utf-8";
body {
    background-image: url(images/header-bg-rhomar-water.jpg);
    background-repeat: repeat-x;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"
}

a {
	text-decoration: none;
}

a:link, a:visited {
    text-decoration: none;
	
}
.LeftNav ul li a:link ,a:visited {
    color: #060606;
}

a:hover, a:active {
	
}

.highlight {
    font-size: x-large;
    border-bottom: medium solid #C6E5F8;	
}


.LeftNav ul li a:hover {
    color: #E91518;
}

.LeftNav ul li a:active {
    color: #C911D4;
}
.body {
    margin: 0 auto;
    width: 100%;
    clear: both;
}
.body .HomeImage {
    background-image: url(images/home-fold-solar-plumbing-boilers-heating.jpg);
    background-repeat: repeat-x;
    width: 100%;
    height: 500px;
    min-height: 0px;
}

.body .mainHeader .Mobile {
}
.MainContent .LeftNav h2 {
    color: #002F86;
}


.body .mainHeader .TopNav {
    background-color: ;
    clear: both;
    text-align: center;
}
.mainHeader ul li {
    display: inline-block;
    color: darkslateblue;
}

.mainHeader .TopNav ul {
    list-style: none;
    width: 100%;
    border: thin solid #ABABAB;
    background-color: #FFFFFF;
    -webkit-box-shadow: 2px 2px 5px 0px #828282;
    box-shadow: 2px 2px 5px 0px #828282;
    clear: both;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;

}

.TopNav ul li {
    padding-right: 12px;
    padding-left: 12px;
    padding-top: 10px;
    padding-bottom: 10px;

	
}
.MainContent .PageHeader .LeftNav {
    width: 30%;
    clear: none;
    float: left;
}

.body .MainContent .MainContent {
    width: 60%;

}



.mainHeader img {
	width: auto;
}
.mainHeader .ProductNav ul {
    background-color: #FFF500;
    text-align: center;
    width: 100%;
    clear: both;
    margin-top: 0px;
    background-image: url(images/nav-title-Products.png);
    background-position: 14% 0%;
    background-size: contain;
    background-repeat: no-repeat;
}
.body .MainContent .LeftNav {
    width: 30%;
    background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,1.00) 16.58%,rgba(228,243,255,1.00) 55.44%,rgba(197,229,248,1.00) 100%);
    background-image: -moz-linear-gradient(0deg,rgba(255,255,255,1.00) 16.58%,rgba(228,243,255,1.00) 55.44%,rgba(197,229,248,1.00) 100%);
    background-image: -o-linear-gradient(0deg,rgba(255,255,255,1.00) 16.58%,rgba(228,243,255,1.00) 55.44%,rgba(197,229,248,1.00) 100%);
    background-image: linear-gradient(90deg,rgba(255,255,255,1.00) 16.58%,rgba(228,243,255,1.00) 55.44%,rgba(197,229,248,1.00) 100%);
}

.body .MainContent .LeftNav ul {
    color: #002F86;
    font-weight: 800;
    margin-top: 5px;
    margin-bottom: 5px;
}
.body .MainContent .LeftNav ul li {
    color: #000000;
    font-weight: 200;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
}

.body .MainContent .MainContent {
    width: 60%;
}


.Note {
    color: #868686;
    font-style: italic;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    font-weight: normal;
    font-size: small;
}

.ProductNav ul li {
    clear: both;
}
.ProductNav ul li {
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    text-align: center;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    font-weight: bold;
}
.body .MainContent {
    width: 70%;
    text-align: left;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
}
.PageHeader h1 {
    color: #002F86;
    font-size: xx-large;
    font-weight: bolder;
}
.BodyText header h2 {
    margin-top: 1px;
    margin-right: 1px;
    margin-bottom: 1px;
    margin-left: 1px;
    color: #002F86;
}
.BodyText header .ProdType {
    color: #A1A1A1;
}
.Button  {
    border-radius: 10px;
    border: thin solid #A1A1A1;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    width: 25%;
    text-align: center;
    float: right;
    clear: none;
}



details summary img {
    width: 150px;
    float: left;
    height: auto;
}
.Button:hover {
    background-color: #D3D3D3;
    text-decoration: none;
}



.Button a {
    text-decoration: none;
}

	
header details summary {
}

.clear {
    clear: both;
    float: none;


}





.body .MainContent .BodyText {
    width: 67%;
    float: right;
    clear: both;
}

.body .mainHeader .LogoNumber {
    width: 75%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}
.mainHeader .LogoNumber h3 {
    float: right;
    color: #EF0000;
    font-size: xx-large;
	}

	.body	.mainHeader .Mobile {
		visibility: hidden;
		    height: 1px;
	}
.WhiteFont   {
    color: #FFFFFF;
}
.body .MainPageFooter {
    text-align: center;
}

tr td .YellowFont {
    color: #FFF500;
}
.body .MainPageFooter {
    background-image: url(images/water-graphic-overlay.png);
    background-repeat: repeat-x;
    background-color: #002F86;
    background-position: 0% 0%;
}
.BodyText  h2 {
}
.BodyText  h3 {
    color: #002F86;
    font-weight: bold;
}
.BodyText img {
    float: right;
    width: 300px;
}
details summary img {
    width: 150px!important;
    height: auto!important;
    float: left!important;
    margin-right: 10px;
}
details {
    outline: none;
}
.Blue {
}
.MainContent .BodyText details ul {
    margin-left: 130px;
}

.Live  {
    font-size: large;
    color: #00A4D7!important;
}

.cse .gsc-control-cse:after, .gsc-control-cse:after {
	clear: none!important;
	
}
.LeftNav p {
    margin-right: 10px;
    margin-left: 10px;
}
.YellowFont strong a {
    color: #FBF900;
}
.body .mainHeader {
}
.mainHeader {
    background-color: #CAD9FB;
    background-image: url(images/header-bg-rhomar-water.jpg);
}


a:visited {
    color: #002F86;	
	
	
}
.BoldBlue {
    color: #002F86;
    font-size: large;
}
.BodyText header hr {
    border-color: #002F86;

}
.form-icon {
    margin-right: 10px;
    width: 30px!important;
    height: 30px!important;
    text-align: left!important;
    float: left!important;
}
.PageHeader .PageHeader h1 {
}
.RightColumn {
    width: 45%;
    float: right;
}
.LeftColumn {
    width: 45%;
}
.RightColumn hr {
    border-color: #002F86;
}
.LeftColumn hr {
    border-color: #002F86;
}
.indent {
    margin-left: 25px;
    border-left: medium solid #A8EAFF;
    height: 100px;
}
.BodyText h4 {
    color: #00A4D7;
}
.MainPageFooter a:link  {
    color: #FDFDFD;
}
.MainPageFooter a:visited  {
    color: #FDFDFD;
}

.MainPageFooter a:hover  {
    color: #FFF500;
}

.body .MainPageFooter .fluid.Footer {
}
.MainPageFooter {
    color: #FFFFFF;
}
h2 hr {
    border-width: 10px;
    border-color: #A8EAFF!important;
}






















/*Tablet*/
@media only screen and (max-width:800px) {
.body .mainHeader .LogoNumber{
	width: 90%;
}
.mainHeader .LogoNumber h3 {
    text-align: center;
    float: none;
    margin-top: -20px;
    margin-right: 1px;
    margin-bottom: 1px;
    margin-left: 1px;
}
	.mainHeader .TopNav ul {
    font-size: small;
    padding: 1px;
	}
	.mainHeader .ProductNav ul {
		padding: 1px;
	}
	.body .MainContent {
		width: 90%;
	}
	
	
	.body	.mainHeader .Mobile {
    visibility: hidden;
    height: 1px;
	}
}
/*MOBILE*/
@media only screen and (max-width:500px) {

	.body .MainContent {
    width: 100%;	
	}

	body {
    background-image: url(images/header-bg-rhomar-water.jpg);
    background-repeat: repeat-x;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    background-size: auto 9%;
}
	
	.body .mainHeader .LogoNumber img {
	width: 100%;
		
	}

	.mainHeader .LogoNumber h3 {
    margin-top: -10px;
	}
	.body .mainHeader .TopNav ul {
		visibility: hidden;
		height: 0px;
	}	
	.body .mainHeader .ProductNav {
		visibility: hidden;
		height: 0px;
	}
	


	.body .mainHeader .Mobile {
    text-align: center;		
	visibility: visible;
	    height: 55px;
	}
	
	.body .mainHeader .Mobile ul li {
    border: thin solid #8C8C8C;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 3%;
    width: 45%;
    font-size: x-large;
    border-radius: 10px;
    background-color: #FFFFFF;
	}
	
	.body .mainHeader .Mobile ul {
		padding: 0px
			
	}
	.body .mainHeader .Mobile ul img {
    float: left;
	}
	
	.PageHeader  {
    background-color: #FFFFFF;
}
	
	.body .MainContent .LeftNav {
		visibility: hidden;
		width: 0px
	}
	
	.body .MainContent .BodyText {
		width: 100%
	}
	
	.ButtonMobile {
    border-radius: 3px;
    border-left: thin solid #9BA6B9;
		
	}

	
	
	
}