/*--Web Font--*/

@font-face{ font-family: 'SofiaWebFont'; 
            src: url('font/SofiaProLight-webfont.eot'); 
            src: url('font/SofiaProLight-webfont.eot?iefix') format('eot'), 
				url('font/SofiaProLight-webfont.woff') format('woff'), 
				url('font/SofiaProLight-webfont.ttf') format('truetype'), 
				url('font/SofiaProLight-webfont.svg#webfont') format('svg'); }
				



/* ~~ Resets ~~ */

h1, h2, h3, h5, h6, p {border: none; }
.login-nav {display:none;}
body { font-family: 'Open Sans', sans-serif; font-size: 14px;  margin:0px 0px 0px 0px; padding: 0;
      background-color:white; 
       }
sup {font-size:9px;}       
.logo {background-image: url('/Frontend/Images/SCM/scm_logo.jpg'); background-repeat:no-repeat; width:129px; height:70px; margin-top:-12px;}
.logo-fr{background-image: url('/Frontend/Images/SCM/scm_logo_fr.jpg'); background-repeat:no-repeat; width:164px; height:70px;}       
a:link {color:#226681;  text-decoration:none;} 
a:hover {text-decoration:none;}     
a:active, a:focus, a:visited {text-decoration: none !important; color:#226681;} 
a img {border:0px}
p {line-height:24px}
.clear {clear:both}
h1 { 
     color:black;
     font-size:15px;

     }
h2 {font-size:18px; font-weight:700; 
    color:#0093d0; 
   
    line-height:23px;
    font-style:normal;
    padding: 5px 0px;
 
    }

td {vertical-align:top}

.brand_menu {display: none; position:absolute; z-index:999; right:5px; 
	background-color:#FAFAFA; border:1px solid #e3e3e3; padding:20px; list-style:none; margin:0px; font-size:14px; font-weight:700;}
.brand_menu li {border-bottom:0px solid #e3e3e3; padding:10px;}
.context_menu {float:right }
.brand_container {color:#0093d0; cursor:pointer; font-weight:700; font-size:11px; text-transform:uppercase; width:70px; border:1px solid gray; padding:10px; margin:5px; text-align:center;
					
					}



.feature tr td {display:inline}
.feature tr td img {width:100%}

.feature h3 {font-size:32px; font-weight:300; line-height:30px}
.feature a {font-weight:600}
.feature p {font-size:14px; color:gray; }
.feature img {margin-top:30px;}

.expended {color:#666 !important}
.main_banner {background-image: url('/Frontend/Images/SCM/main_banner_bcg.jpg'); background-size: cover; background-repeat:no-repeat; 
				background-position: center; width:100%;margin-top:10px; background-color:#f3f1f0; overflow:hidden}	

.slogan {font-size:18px; text-align:center;padding:20px; margin-top:10px; font-weight:600; text-shadow: 1px 1px #f4f4f4;}
.HP_element { background:rgba(11,150,208,0.8); margin:5px}
.HP_element:hover {background-color: #0b96d0}

.HP_element_header {width:100%; background-color:white; padding:5px 0px; margin-top:3px; text-align:center; font-weight:700; font-size:14px;}

.HP_element_image1 {background-image: url('/Frontend/Images/SCM/assets.jpg');}
.HP_element_image2 {background-image: url('/Frontend/Images/SCM/Brands.jpg');}
.HP_element_image3 {background-image: url('/Frontend/Images/SCM/people.jpg');}
.HP_element_image { background-repeat:no-repeat; float:left; margin:8px;
						background-position: center; width:80px; height:80px; border-radius:100%; 
						}
.HP_element_copy {color:white; font-size:13px; padding:22px; line-height:16px}
.sideProg {width:226px;}
.hp_col {width:100% !important}
.hp_col p, .hp_col h2, .hp_col h3, #NavigationPath {padding:10px}

.aside {margin:0; padding:0;}
blockquote {padding:0px; margin:0px; font-size:16px; color:#4c788a}


.line-separator {display:none}
.BlogItem {width:94%; margin:8px; float:left}
.tagFrame {background-image:none !important;}
.BlogTeaserTag {max-height:none !important; font-size:13px !important; line-height:17px !important; width:auto !important}
.BlogItemTag, .BlogItem { background-color:#eeeeee; padding:15px 15px 30px 15px; margin-bottom:15px}
.BlogTitleTag h1 a, .BlogTitle {text-transform:none !important; margin-bottom:5px !important; font-size:16px; color:#333 !important; margin-bottom:5px !important; overflow:visible !important;}
.BlogTitleTag h1  {font-size:14px;  color:#333 }
.BlogTitleTag h1 a:hover {color:#0093d0 !important}
.BlogDateTag {display:block; font-size:12px !important;  color:#666 !important; margin-bottom:5px;}
.BlogImageTag, .BlogImage,  {width:285px !important}
.readmore a, .readmore__ a{color: #0093d0 !important; font-size: 11px; font-weight: bold; float: left;}
.BlogTags, .readmore {display:none}
.editorial .BlogDateTag, .blog-author {display:none;}
.blog li {list-style:none; margin-bottom:10px}

.content .frame {border-top:1px solid #bfc8ce; border-bottom:1px solid #bfc8ce; padding:15px 0}

.sideProg .blogSide .featImg {display:none}
.sideProg .blogSide .BlogItemTag {background-color:white; margin-bottom:0; width:100%; margin-left:-15px; padding-bottom:0; padding-top:3px}
.sideProg .blogSide .BlogTeaserTag, .blogSide .readmore, .blogSide .blogItemFooter {display:none;}
.sideProg .blogSide h1 a {font-size:13px}
.sideProg .BlogTeaserTag ul{margin:0; padding:5px; font-size:14px}

.img-thumbnail {
    width: 100%;
}


.jshowoff-slidelinks 
{



 }
.jshowoff p.jshowoff-slidelinks {
margin-left: 30%;

	}
.jshowoff-slidelinks a, .jshowoff-controls a {
	display: block;
	margin-left:2px;
	color: black;
	padding:10px;
	background-image:url('/Frontend/Images/CP/next-dot.png');  background-repeat: no-repeat; 
	font-weight:normal;
	height:0px;
	width:10px;
	float: left;
	text-decoration: none;
	border-right:0px solid #c7c7c7;
	}



.jshowoff-slidelinks a:hover, .jshowoff-controls a:hover {
	color: #5e0130;
	}
.jshowoff-slidelinks a.jshowoff-active, .jshowoff-slidelinks a.jshowoff-active:hover {
	background-image:url('/Frontend/Images/CP/current-dot.png');  background-repeat: no-repeat;
	color: #fff;
	font-weight:normal;
	}
#slidingFeatures_plain, #slidingFeatures_plain_fr {height:100px;}	
#slidingFeatures_plain div, #slidingFeatures_plain_fr div {width:100%}


#slidingFeatures p {display:inline !important}	
#slidingFeatures  br {display:none;}


#NavigationSideBarBottom ul {float:none}
#NavigationSideBarBottom ul li a { color: white;}

#SubNavigationSideBarTop  ul {list-style:none; margin:0; padding:0;}
#SubNavigationSideBarTop:after {content: ""; display: table; clear: both;}
#SubNavigationSideBarTop  ul li {display:block; width: 30%; float:left;background-color:#f6f6f6;margin:3px;  border:0px solid black; height: 55px; }
#SubNavigationSideBarTop  ul li a {display:block; margin:3px;  padding:7px; font-size:14px; }


.logos{padding:7px 0px 10px 0px;
    
	font-size:11px;
	background-color:#717d85;
	text-transform:uppercase;
	
	

	}
	

.btn {font-weight: 700;
font-size: 11px;
padding: 9px;
margin: 10px 0;
border-radius: 5px;
border: 1px solid #cccccc;
text-align:center;
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(234,235,242,1) 100%);
}


.intro_main {width:100%; height:22px; background-color:white; text-align:center; color:black; font-weight:400; text-shadow: 1px 1px #f4f4f4; border-bottom:1px solid #bfc8ce;}	
.intro_main div {padding:38px; font-size:18px;}

.logos ul {clear:both; list-style-type:none; display:block;}
.logos li {float:left; padding:10px;font-size:14px; margin-left:0px;}
.SCMInsuranceServices {padding:15px;}  	
	
.round{border-radius:100%}
.content .pile {width:200px;  height:230px; padding:10px; text-align:center; display: inline-table;}
.content .pile:hover {background-color:#eeeeee;}
.content .pile_company {width:90%; padding:10px; text-align:center; display: inline-table; position:relative; margin-bottom: 30px;}
.content .pile_company .btn, .content .pile_cs .btn {width:50%; margin-left:20%}
.content .pile_company p, .content .pile_cs p {text-align:left}
.content .pile_company .expand, .content .pile_cs .expand {overflow:hidden;}
.content .pile_company .readmore, .content .pile_cs .readmore  {position:absolute; bottom:0; width:100%; height:100px; cursor:pointer;}
.content .pile_company .readmore span, .content .pile_cs .readmore span {display:block; text-align:center; padding:5px 0; margin-top:80px; background-color:white; border-top: 1px dotted #bfc8ce;  width: 95%; font-size:11px; color:#226681; }

.content .pile_cs {width:90%; padding:10px; display: inline-table; position:relative; margin-bottom: 30px;}
.content .pile_cs img {float:right}

.desktop {display:none}

/* Accessibility
*/

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border:0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip:auto;
}

.has-feedback label.sr-only~.form-control-feedback{top:0;}

.show-for-sr, .show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0;
}

.show-on-focus:active, .show-on-focus:focus {
    position: static !important;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
    -webkit-clip-path: none;
    clip-path: none;
}