.clear { clear: both; }

body{
    font-size:16px !important;
    color:#515050;
}

.element-invisible{
  position: absolute !important;
  height: 1px; width: 1px; 
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

h1, .sfContentBlock h1 ~ h1 {
	font-size:24px;
	color:#000000;
	font-weight:bold !important;
	margin-bottom: 8px !important;
	/*line-height: 22px !important;*/
	margin-top: 0 !important;
    line-height: 1em;
}
@media all and (min-width: 768px){
    h1, .sfContentBlock h1 ~ h1  {
        font-size: 40px;
    }
}


h1.underlined {border-bottom: 1px solid #B3B3B3;padding-bottom: 8px;}
h1.productdetail { padding-left: 15px;}



h2 {
	font-size:18px;
	color:#0081c6 !important;
	font-weight:bold !important;
	margin: 0 !important;
}

@media all and (min-width: 768px){
    h2{
        font-size:22px;
    }
}

h3{
    color:#515050;
    font-size:18px;
}

@media all and (min-width: 768px){
    h3{
        font-size:20px;
    }
}

/* Remember: LoVe For Hate */
a { text-decoration:none; color:#1193d0; /*color:#345b88;*/}
a:visited {color:#1193d0;}
a:focus,a:active {}
a:hover, a.readmore:hover { text-decoration: none; color:#658ebe;}

/* lists */

.c-w1 ul,
.c-w1 ol{
    line-height: 1.5em;
    padding-left:1.5em; /*fix for http://xypex.developmentwebsite.ca/products/the-xypex-advantage*/
}

@media screen and (max-width:767px){
    .c-w1 ol.faq{
        padding-left:0;
        margin-left: 1.2em;
    }
}


/* img */

img{
    max-width: 100%;
    height:auto;
}


/* Module */
.linkCommand { display: block; width: auto; margin-bottom:5px;}
.linkCommand + .linkCommand {
    margin-top: 10px;
}
.sortlink { display:block; padding-right:25px; background:url(../imgs/skin/bg/bg-sorting-arrow.png) right 4px no-repeat; color:#0083c8; font-size:14px; font-weight:bold; text-transform: capitalize; width: auto!important;}
.sortlink:hover {color:#0083c8; }

.content-right ul.sfnewsList li
{
    background: none;
    padding: 0 0 15px;
}

.content-right ul.sfnewsList li h2, .content-right .sfnewsDetails h2
{
    color: #000000 !important;
    font-size: 17px !important;
    font-weight: bold;
    margin-bottom: 5px !important;
}
 .content-right .sfnewsDetails .sfnewsAuthorAndDate
{
    padding-bottom:4px;
}

.sfforumSubscribeWrp { width: 100px; float:right; }

a.sfforumNewThreadLnk { }

.sfforumThreadsList, .sfforumsList
{
    width: 100%;
    margin-top: 15px;
}

.sfforumsList h2.sfforumGroupTitle { font-size:13px; }
.sfforumsList p.sfforumGroupDescription { margin-bottom: 0; }
.sfforumsList td { vertical-align: top; }

.sfforumThreadsList th { font-weight: bold; text-decoration: underline; }
.sfforumThreadsList th, .sfforumThreadsList td { padding-bottom: 6px;}

a.sfforumRssLnk { background:url(../imgs/skin/bg/feedIcon.png) no-repeat 0 0; width: 16px; height: 0; padding-top: 16px; display:block; overflow: hidden;  }
.c-w1 ol.sfforumThreadPostList, .c-w1 ol.sfforumNewThreadFormList { margin: 20px 0 20px 0; }
.sfforumThreadPostUser { width: 20%; float: left;}
.sfforumThreadPostContentWrp { width: 70%; float: left; }
.c-w1 ol.sfforumThreadPostList .sfClearfix { overflow: hidden;}
.sfEditorWrp table { width: 70% !important;}
body.sfreContentArea { background-color:#fff !important;}


.article-wrap{
    padding-top:20px;
}


.c-w1 ul.articleList{
    padding:0;
    padding-top:20px;
}
ul.articleList li { border-bottom: 1px solid #B3B3B3; margin-bottom:10px; padding-bottom:10px; overflow:hidden;}
ul.articleList li.sorting { padding-bottom: 5px;}

ul.articleList li {
    list-style-type:none;

}



ul.articleList .datefield 
{
    width: 25%;
    float: left;
}

ul.articleList .overviewfield 
{
    width: 75%;
    float: left;
    padding-left:20px;
}

ul.side-bullet-paddingtop {
    padding-top: 25px;
}

.overviewSummary { color: #345B88; }

.content-diagram{width:488px;height:30px;background-color:#404041;}
.content-csi .sfimageWrp { height: 459px; overflow:hidden;}
.content-diagram a{}
.content-csi{border: 2px solid #5A5758; width: 488px; position: relative; overflow: hidden; }
.schematicInstruction {
    margin-top: 20px;
}

    .schematicInstruction h2 {
        padding-bottom: 6px;
    }

.dwglink, .pnglink, .pdflink { width: auto; display: inline-block;}
a.dwglink, .dwglink a { background: url(https://www.xypex.com/imgs/skin/bg/dwg-button.jpg) no-repeat !important; width: 50px; height:0; padding: 19px 0 0 !important; display: inline-block; margin: 6px 0 0 9px !important; overflow: hidden; }
a.pnglink, .pnglink a  { background: url(https://www.xypex.com/imgs/skin/bg/png-button.jpg) no-repeat !important; width: 50px; height:0; padding: 19px 0 0 !important; display: inline-block; margin: 6px 0 0 3px !important; overflow: hidden;}
a.pdflink, .pdflink a { background: url(https://www.xypex.com/imgs/skin/bg/pdf-button.jpg) no-repeat !important; width: 50px; height:0; padding: 19px 0 0 !important; display: inline-block; margin: 6px 0 0 3px !important; overflow: hidden;}
a.fpdflink, .fpdflink a { background: url(https://www.xypex.com/imgs/skin/bg/full-schematic-pdf.jpg) no-repeat !important; width: 140px; height:0; padding: 19px 0 0 !important; display: inline-block; position: absolute; top: 6px; right: 9px; overflow: hidden;}
.bold {
    font-weight: bold;
}

.content-methods {
	margin: 10px 0px 20px 30px;
	
	
	}

.sfPublicWrapper {
    background-color: #000000 !important;
    margin: 20px auto;
    padding: 30px;
}


.divider {
	display:block;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #dcddde;
	margin: 15px 0px 5px 0px;	
}

.text-right {
	float:right;
	}

/*****************************
Sitefinity fixes
********************************/

.sfPageEditor .content-general{
  width:auto !important;
  float:none !important;
  max-height: none !important;
}

.sfPageEditor .banner-content {
    width:100%;
}


