/* Space out content a bit */
body {
  /*
  padding-top: 20px;
  padding-bottom: 20px;
  
  background:url(../img/tile_top_grey.gif) top left repeat-x;*/
  
}

.z1 { z-index:1 !important; }
.z2 { z-index:2 !important; }
.absolute { position:absolute; } 



/* Everything but the jumbotron gets side spacing for mobile first views */
header,
.marketing,
footer { padding-left:15px; padding-right:15px; }
footer p { margin-bottom:0px; }

a { font-weight:600; color:#009de0; }

.container { max-width:730px; }
.content .container { padding-bottom:10px; }
.content .container .col-lg-5 { padding-left:0px; max-width:300px; float:left; }
.container .col-lg-2 { width:16.666666666666664% !important; float:left !important; }
.container .col-lg-10 { width:83.33333333333334% !important; float:left !important; }
.container .col-lg-3 { width:25% !important; float:left !important; }
.container .col-lg-4 { width: 33.33333333333333% !important; float:left !important; }


/*.content .container .col-lg-7 { max-width:450px; }*/


/* CORE */
header { margin-top:15px; min-height:68px; }
.logo { background:url(../img/sanlam-logo.gif) top left no-repeat; width:148px; height:37px; display:block; line-height:40px; padding-bottom:19px; float:left; margin-top:8px; }
.logo a { width:148px; height:37px; display:block; }
.nav-pills > li > a { font-size:11px; margin-top:4px; padding:2px 15px; margin-left:1px; margin-right:1px; line-height:14px; }


.main-section { background:url(../img/sanlam-tile.jpg) top left repeat-x #eef4fc; max-height:163px; }
.main-section img, .panel-body img { max-height:100%; max-width:100%; }
.blue { background:#0075c9; }
.container { max-width:730px; }


body { font-family:'Open Sans', sans-serif; font-size:13px; color:#2c2c2c; }
h2 { color:#848484; font-size:24px; margin:30px 0 18px 0; font-family:'Open Sans', sans-serif;  }
h4 { color:#2c2c2c; font-size:15px; font-weight:600; margin:20px 0 18px 0; font-family:'Open Sans', sans-serif; }
.panel-group { margin-top:20px; margin-bottom:20px; }


footer { margin-top:25px; }
footer .links a { line-height:220%; }
footer .links a, footer .copyright { clear:both; float:left; font-size:13px; font-weight:normal; }
footer { padding-bottom:30px; }
footer .copyright { margin-top:20px; }
footer .copyright a { font-weight:normal; }


/* ACCORDIONS */
.panel-group .panel, .panel { border-radius:0; -webkit-box-shadow:none !important; box-shadow:none !important; background:transparent; }
.panel-default > .panel-heading { border-color:#848484; }
a { text-decoration:none !important; }
.panel-title a { display:block; }

#form, #form form { margin-top:0; }
#form .panel-heading h4.panel-title a, #form p, #form input, #form select { color:#FFF; font-weight:normal; font-family:'Open Sans', sans-serif; }
#form .warning .help-block ul { color:#c00; display:none !important; }
#form .error .help-block { color:#c00; }

#form .panel-collapse .panel-body { padding-top:0; }
#form .panel-collapse .panel-body, #form .panel-default > .panel-heading { border:none; }
.email-icon { background:url(../img/sanlam-email-icon.gif) 0 0 no-repeat; width:17px; height:11px; margin-right:16px; display:block; float:left; margin-top:5px; }
#form input, #form select { background:#005fa6; border:none; font-size:11px; border-radius:0; }

#form ::-webkit-input-placeholder { /* WebKit browsers */
    color:#FFF;
}
#form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#FFF;
   opacity:  1;
}
#form ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#FFF;
   opacity:  1;
}
#form :-ms-input-placeholder { /* Internet Explorer 10+ */
   color:#FFF; 
} 

#form .form-control { height:auto; }
#form .form-group { margin-bottom:3px; }
.no-padding-left { padding-left:0; }
#form.panel-group { margin-bottom:0; }

/*.panel-group *:before,
.panel-group *:after,
*, *:before,
*:after, {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}*/

.panel-default { border:none; }
.panel-default > .panel-heading { color:#0075c9; border-bottom:1px solid #848484; padding-left:0; background-color:transparent; }
.panel-default > .panel-heading + .panel-collapse .panel-body { border-top-color:#fff; padding-left:0; }
#form .panel-default > .panel-heading + .panel-collapse .panel-body { padding-left:15px; }

h4.panel-title { color:#0075c9; padding:10px 0; } 
.btn.btn-default { color:#0075c9; text-transform:uppercase; font-family:'Open Sans', sans-serif; }
ul { padding-left: 30px; }
li { margin-bottom:15px; font-family:'Open Sans', sans-serif; font-weight:400;  }
.space-left {margin-left:30px; }

/* GRADIENTS */
.grey-fade {
	color:background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFmYTllOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTgyYmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 0%, #c7c7c7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #c7c7c7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #c7c7c7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #c7c7c7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #c7c7c7 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #c7c7c7 100%); /* W3C */
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c7c7c7', GradientType=0 ); /* IE6-8 */
}


.cyan-fade {
	color:background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFmYTllOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTgyYmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #b3eafb 0%, #44aad3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b3eafb), color-stop(100%, #44aad3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b3eafb 0%, #44aad3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b3eafb 0%, #44aad3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #b3eafb 0%, #44aad3 100%); /* IE10+ */
	background: linear-gradient(to bottom, #b3eafb 0%, #44aad3 100%); /* W3C */
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3eafb', endColorstr='#44aad3', GradientType=0 ); /* IE6-8 */
}


.light-gradient { 
	color:background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFmYTllOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTgyYmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f3f3f3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%); /* W3C */
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3', GradientType=0 ); /* IE6-8 */
	
}

.nav-pills a, .btn-action {
	color:background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFmYTllOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTgyYmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #20c5fb 30%, #0190c7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #20c5fb), color-stop(100%, #0190c7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #20c5fb 30%, #0190c7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #20c5fb 30%, #0190c7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #20c5fb 30%, #0190c7 100%); /* IE10+ */
	background: linear-gradient(to bottom, #20c5fb 30%, #0190c7 100%); /* W3C */
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20c5fb', endColorstr='#0190c7', GradientType=0 ); /* IE6-8 */
	color:#fff;
	border:1px #0a8ec2 solid;
}


.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	color:background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFmYTllOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTgyYmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 30%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #ffffff), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 30%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 30%, #ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 30%, #ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 30%, #ffffff 100%); /* W3C */
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); /* IE6-8 */
	border:1px #ccc solid;
	color:#404040;
}

/* home icon */
.home .nav-pills a.home-icon { background:url(../img/home-icon.png) center left no-repeat; width:31px; height:34px; display:block; text-indent:-9999em; border:none; }
.matrix .nav-pills a.home-icon, .cumulusra .nav-pills a.home-icon { background:url(../img/home-icon-off.png) center left no-repeat; width:31px; height:34px; display:block; text-indent:-9999em; border:none; }



form { margin-top:20px; }

.help-block { font-size:12px; }
.help-block ul { list-style:outside none none;  }
.warning .help-block { color:#C00; }
.bigger { font-size:18px; }


/* Custom page header */


.more-info { padding-left:10px; margin-top:12px; margin-bottom:12px; font-size:12px; }
.container .more-info .row { margin-top:20px; margin-bottom:10px; }
.matrix .container .more-info .row, .cumulusra .container .more-info .row { padding-left:15px; }
.arrow { background:url(../img/arrow.png) top center no-repeat; display:block; min-height:50px !important; height:50px; }
img.bottom { vertical-align:bottom; }
.pic { height:258px; vertical-align:bottom; min-width:190px; background:url(../img/cumulusra-pic.png) bottom right no-repeat; display:block; margin-bottom:0px; }

.no-pad-left { padding-left:0; }
.no-margin-top { margin-top:0; }
.cumulusra .container.no-pad-bottom { padding-bottom:0;}
.matrix .container .more-info .row.txt, .cumulusra .container .more-info .row.txt { margin-top:5px; }

section.caption { padding:20px; background:#404040; font-size:12px; color:#fff; }

/* Custom page footer */
footer { padding-top: 19px; color: #fff; border-top: 1px solid #e5e5e5; }
footer a { color:#fff; }
footer a:hover { color:#e5e5e5; }
.gap-top { margin-top:15px; }
.sml { font-size:10px; }

hr {
	margin-top:3px;
	margin-bottom:3px;
	border: 0;
	border-top: 1px #A6A6A6 solid;
}


/* Customize container */

/*
@media (max-width:750px) {
  header .container .nav { float:left !important; margin:10px 0; margin-left:-3px; }
  .content .container .col-lg-5 { max-width:none; width:100%; }
  .pic { height:100%; min-height:190px; }
}
*/


@media (max-width:580px) {
	.cumulusra .pic { height:100%; min-height:190px; }
	.cumulusra .container .col-lg-4.blurb { width:50% !important; }
}



@media (max-width:470px){
	.cumulusra .container .col-lg-4.blurb { width:100% !important; }
	.cumulusra .pic { height:100%; min-height:190px; }
}



@media (max-width:450px) {
  header .container .nav { float:left !important; margin:10px 0; margin-left:-3px; }
  header.grey-fade .container { padding-left:0; }
  .content .container .col-lg-5 { max-width:none; width:100%; }
  .pic { height:100%; min-height:190px; }
  .blurb { float:left !important; }
  .cumulusra .blurb { width:100% !important; }
}