/*
	--------------------------
	Heading Styles
	--------------------------
*/

div.body h1 { color: #4d4d4d; margin-bottom: 1em; }

div.body img.ti   { float: left; background-color: #fff; padding-right: 0.5em; width: auto; height: 4em; margin-top: 0.5em; }

div.bodyinner    { border-top: solid 0.75em #e3212f; border-right: solid 0.75em #e3212f; border-bottom: solid 0.75em #e3212f; border-radius: 0px 1.5em 1.5em 0px; padding: 1em 1em 3.5em 0px; margin-top: 2.5em; background: #fff; float: left; width: 100%; }
div.bodyinner:before { content: " "; border-top: solid 0.75em #e3212f; border-right: solid 0.75em #e3212f; border-top-right-radius: 1.5em; display: block; height: 7em; margin: -6em 7em 0px 0px; z-index: -1; position: relative; }
div.body div.atts   { float: left; width: 100%; margin-top: -5.75em; margin-bottom: 1em; }
div.body div.atts:before    { content: " "; background: #fff; display: block; width: 4.5em; height: 3em; float: left; margin-top: 1em; }

div.body div.atts div   { float: left; background-color: #fff; }
div.body div.atts div.att1   { width: 76%; }
div.body div.atts div.att2   { width: 40%; margin-right: 2%; }
div.body div.atts div.att3   { width: 25%; margin-right: 2%; }
div.body div.atts div.att4   { width: 18.5%; margin-right: 2%; }
div.body div.atts div img    { width: 98.2%; min-height: 5.625em; float: left; border: solid 6px #e3212f; border-radius: 0.75em; }

blockquote.block    { border: solid 6px #e3212f; border-radius: 0.75em; padding: 1em; background: #fff; margin: 1em 0px; }

div#ocms_cphbodyfooter  { background-color: #e3212f; border-radius: 0.5em; padding: 1em; margin-top: -2.5em; min-height: 3em; width: 85%; color: #fff; float: left; }
div#ocms_cphbodyfooter a    { color: #fff; text-decoration: none; }
div#ocms_cphbodyfooter a:hover    { text-decoration: underline; }

div.bodyinner #ocms_cphbody aside { background-color: #fff; min-height: 5em; width: 18em; margin-right: -6em; border: 0.75em solid #e3212f; border-radius: 1.5em; float: right; padding: 0.5em; margin-left: 0.75em; }
div.bodyinner #ocms_cphbody aside h2 { color: #4d4d4d; }
div.bodyinner #ocms_cphbody aside img   { float: right; margin: 0; padding-left: 0.5em; width: auto;} 
div.bodyinner #ocms_cphbody aside p  { margin-bottom: 0.125em; font-size: 0.8em;  } 
div.bodyinner #ocms_cphbody aside p.copy   { margin-bottom: 0px; width: 95%; clear: both;  text-transform: uppercase;} 
div.bodyinner #ocms_cphbody aside p.copy a   { color: #e3212f; text-decoration: none; width: 100%; display: inline-block; background:url('/_resources/files/icons/download.png') no-repeat right center; min-height: 3em; padding-top: 1em; }  
div.bodyinner #ocms_cphbody aside p.copy a:hover   { color: #e3212f; text-decoration: underline;}
div.bodyinner #ocms_cphbody aside p.small   { margin-top: 1em; font-size: 0.65em; }
/*
    Buttons
*/

a.button    { padding: 0.75em 1.5em; background-color: #e3212f; border-radius: 0.75em; text-decoration: none; margin: 1em 0px; color: #fff; display: block; float: left; }
a.button:hover    { background-color: #00a6a6; }

/*
    FAQs
*/

article.kb  { margin: 1em 0px 2em 0px; }
article.kb h1   { font-size: 1.5em; margin: 0px 0px 0.5em 0px; color: #000; }

/*  600
--------------------------  */
@media screen and (max-width: 600px) {
   
    /* Remove body borders */
    div.bodyinner   { border: 0px; margin-top: 0px; padding: 0px; }
    div.bodyinner:before    { display: none; }
    
    div.body div.atts   { width: 100%; margin-top: 0px; }
    div.body div.atts:before    { display: none; }
    div.body div.atts div.att1   { width: 100%; }
    div.body div.atts div.att2   { margin-right: 0px; float: none; text-align: center; border-radius: 1em; z-index: 99; position: relative; }
    div.body div.atts div img    { min-height: 0px; height: auto; width: 100%; }
    div.body div.atts div.att2:first-child  { width: auto; border: 6px solid #e3212f; border-radius: 0.5em; }
    div.body div.atts div.att2:first-child img  { float: none; border: 0px; border-radius: 0px; width: auto; margin: 0px; }
    div.body div.atts div.att2 img    { width: 85%; min-height: 0px; height: auto; margin: -15% 0px 1em 20%; }

    div#ocms_cphbodyfooter  { width: 90%; padding: 5%; margin: 0px; }

    div.bodyinner #ocms_cphbody aside { width: auto; margin-right: 0px; margin-left: 0px; margin-bottom: 1em; float: none; }

}