/* YUI CSS Reset - Copyright (c) 2011, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html version: 2.9.0*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}

body,html 		{background:#731717; font-family:Arial, Tahoma, sans-serif;}
a				{color:#b00;}
a:visited		{font-style:italic;}
a:hover			{color:#f00;}
strong 			{font-weight:bold;}
.blk 			{display:block;}
p strong.blk {margin:8px 0;}
strong.noWeight {font-weight:normal;}
.cl {clear:both; font-size:0; height:0;}
.p40 {
    padding: 40px
}

.m40 {
    margin: 40px
}

.pl40 {
    padding-left: 40px
}

.pr40 {
    padding-right: 40px
}

.pt40 {
    padding-top: 40px
}

.pb40 {
    padding-bottom: 40px
}

.ml40 {
    margin-left: 40px
}

.mr40 {
    margin-right: 40px
}

.mt40 {
    margin-top: 40px
}

.mb40 {
    margin-bottom: 40px
}

.p35 {
    padding: 35px
}

.m35 {
    margin: 35px
}

.pl35 {
    padding-left: 35px
}

.pr35 {
    padding-right: 35px
}

.pt35 {
    padding-top: 35px
}

.pb35 {
    padding-bottom: 35px
}

.ml35 {
    margin-left: 35px
}

.mr35 {
    margin-right: 35px
}

.mt35 {
    margin-top: 35px
}

.mb35 {
    margin-bottom: 35px
}

.p30 {
    padding: 30px
}

.m30 {
    margin: 30px
}

.pl30 {
    padding-left: 30px
}

.pr30 {
    padding-right: 30px
}

.pt30 {
    padding-top: 30px
}

.pb30 {
    padding-bottom: 30px
}

.ml30 {
    margin-left: 30px
}

.mr30 {
    margin-right: 30px
}

.mt30 {
    margin-top: 30px
}

.mb30 {
    margin-bottom: 30px
}

.p25 {
    padding: 25px
}

.m25 {
    margin: 25px
}

.pl25 {
    padding-left: 25px
}

.pr25 {
    padding-right: 25px
}

.pt25 {
    padding-top: 25px
}

.pb25 {
    padding-bottom: 25px
}

.ml25 {
    margin-left: 25px
}

.mr25 {
    margin-right: 25px
}

.mt25 {
    margin-top: 25px
}

.mb25 {
    margin-bottom: 25px
}

.p20 {
    padding: 20px
}

.m20 {
    margin: 20px
}

.pl20 {
    padding-left: 20px
}

.pr20 {
    padding-right: 20px
}

.pt20 {
    padding-top: 20px
}

.pb20 {
    padding-bottom: 20px
}

.ml20 {
    margin-left: 20px
}

.mr20 {
    margin-right: 20px
}

.mt20 {
    margin-top: 20px
}

.mb20 {
    margin-bottom: 20px
}

.p15 {
    padding: 15px
}

.m15 {
    margin: 15px
}

.pl15 {
    padding-left: 15px
}

.pr15 {
    padding-right: 15px
}

.pt15 {
    padding-top: 15px
}

.pb15 {
    padding-bottom: 15px
}

.ml15 {
    margin-left: 15px
}

.mr15 {
    margin-right: 15px
}

.mt15 {
    margin-top: 15px
}

.mb15 {
    margin-bottom: 15px
}

.p10 {
    padding: 10px
}

.m10 {
    margin: 10px
}

.pl10 {
    padding-left: 10px
}

.pr10 {
    padding-right: 10px
}

.pt10 {
    padding-top: 10px
}

.pb10 {
    padding-bottom: 10px
}

.ml10 {
    margin-left: 10px
}

.mr10 {
    margin-right: 10px
}

.mt10 {
    margin-top: 10px
}

.mb10 {
    margin-bottom: 10px
}

.p5 {
    padding: 5px
}

.m5 {
    margin: 5px
}

.pl5 {
    padding-left: 5px
}

.pr5 {
    padding-right: 5px
}

.pt5 {
    padding-top: 5px
}

.pb5 {
    padding-bottom: 5px
}

.ml5 {
    margin-left: 5px
}

.mr5 {
    margin-right: 5px
}

.mt5 {
    margin-top: 5px
}

.mb5 {
    margin-bottom: 5px
}

.p0 {
    padding: 0
}

.m0 {
    margin: 0
}

.pl0 {
    padding-left: 0
}

.pr0 {
    padding-right: 0
}

.pt0 {
    padding-top: 0
}

.pb0 {
    padding-bottom: 0
}

.ml0 {
    margin-left: 0
}

.mr0 {
    margin-right: 0
}

.mt0 {
    margin-top: 0
}

.mb0 {
    margin-bottom: 0
}

.fw300 {
    width: 300px
}

.fw280 {
    width: 280px
}

.fw260 {
    width: 260px
}

.fw240 {
    width: 240px
}

.fw220 {
    width: 220px
}

.fw200 {
    width: 200px
}

.fw180 {
    width: 180px
}

.fw160 {
    width: 160px
}

.fw140 {
    width: 140px
}

.fw120 {
    width: 120px
}

.fw100 {
    width: 100px
}

.fw80 {
    width: 80px
}

.fw60 {
    width: 60px
}

.fw40 {
    width: 40px
}

.fw20 {
    width: 20px
}

.fw0 {
    width: 0
}

.pw100 {
    width: 100%
}

.pw95 {
    width: 95%
}

.pw90 {
    width: 90%
}

.pw85 {
    width: 85%
}

.pw80 {
    width: 80%
}

.pw75 {
    width: 75%
}

.pw70 {
    width: 70%
}

.pw65 {
    width: 65%
}

.pw60 {
    width: 60%
}

.pw55 {
    width: 55%
}

.pw50 {
    width: 50%
}

.pw45 {
    width: 45%
}

.pw40 {
    width: 40%
}

.pw35 {
    width: 35%
}

.pw30 {
    width: 30%
}

.pw25 {
    width: 25%
}

.pw20 {
    width: 20%
}

.pw15 {
    width: 15%
}

.pw10 {
    width: 10%
}

.pw5 {
    width: 5%
}

.pw0 {
    width: 0
}

.mw100 {
    max-width: 100%
}

.mw50 {
    max-width: 50%
}

.lh1 {
    line-height: 1
}

.lh19 {
    line-height: 1.9
}

.lh18 {
    line-height: 1.8
}

.lh17 {
    line-height: 1.7
}

.lh16 {
    line-height: 1.6
}

.lh15 {
    line-height: 1.5
}

.lh14 {
    line-height: 1.4
}

.lh13 {
    line-height: 1.3
}

.lh12 {
    line-height: 1.2
}

.lh11 {
    line-height: 1.1
}

.oa,.overflow-auto {
    overflow: auto
}

.oh,.overflow-hidden {
    overflow: hidden
}

.u,.underline {
    text-decoration: underline
}

.no-underline,.no-underline:hover,.tdn,.tdn:hover {
    text-decoration: none
}

.txt-upper,.uppercase {
    text-transform: uppercase
}

.i,.italic,.italics {
    font-style: italic
}

.bold {
    font-weight: 700
}

.not-bold {
    font-weight: 400
}

.normal {
    font-weight: 400!important
}

.align-center,.center,.center-text,.centerText,.ctr,.text-center,.txt-center {
    text-align: center
}

.align-right,.rt,.text-right,.txt-right {
    text-align: right
}

.align-left,.lft,.text-left,.txt-left {
    text-align: left
}

.nb,.no-bullets {
    list-style-type: none!important
}

.blk,.db,.display-block {
    display: block
}

.dib,.display-inline-block {
    display: inline-block
}

.di,.display-inline {
    display: inline
}

.clear,.clear-both,.clear-fix,.clearfix,.clr {
    clear: both
}

.fl,.float-left {
    float: left
}

.float-right,.fr {
    float: right
}

.fixed,.position-fixed {
    position: fixed
}

.position-relative,.relative {
    position: relative
}

.bt1 {
    border-top: 1px solid #eee
}

.bl1 {
    border-left: 1px solid #eee
}

.b1s {
    border: 1px solid #ddd
}

.fs50 {
    font-size: 50px
}

.fs49 {
    font-size: 49px
}

.fs48 {
    font-size: 48px
}

.fs47 {
    font-size: 47px
}

.fs46 {
    font-size: 46px
}

.fs45 {
    font-size: 45px
}

.fs44 {
    font-size: 44px
}

.fs43 {
    font-size: 43px
}

.fs42 {
    font-size: 42px
}

.fs41 {
    font-size: 41px
}

.fs40 {
    font-size: 40px
}

.fs39 {
    font-size: 39px
}

.fs38 {
    font-size: 38px
}

.fs37 {
    font-size: 37px
}

.fs36 {
    font-size: 36px
}

.fs35 {
    font-size: 35px
}

.fs34 {
    font-size: 34px
}

.fs33 {
    font-size: 33px
}

.fs32 {
    font-size: 32px
}

.fs31 {
    font-size: 31px
}

.fs30 {
    font-size: 30px
}

.fs29 {
    font-size: 29px
}

.fs28 {
    font-size: 28px
}

.fs27 {
    font-size: 27px
}

.fs26 {
    font-size: 26px
}

.fs25 {
    font-size: 25px
}

.fs24 {
    font-size: 24px
}

.fs23 {
    font-size: 23px
}

.fs22 {
    font-size: 22px
}

.fs21 {
    font-size: 21px
}

.fs20 {
    font-size: 20px
}

.fs19 {
    font-size: 19px
}

.fs18 {
    font-size: 18px
}

.fs17 {
    font-size: 17px
}

.fs16 {
    font-size: 16px
}

.fs15 {
    font-size: 15px
}

.fs14 {
    font-size: 14px
}

.fs13 {
    font-size: 13px
}

.fs12 {
    font-size: 12px
}

.fs11 {
    font-size: 11px
}

.table-no-padding td {
    padding: 0!important
}

.table-row {
    display: table-row
}

.br10 {
    border-radius: 10px
}

.br9 {
    border-radius: 9px
}

.br8 {
    border-radius: 8px
}

.br7 {
    border-radius: 7px
}

.br6 {
    border-radius: 6px
}

.br5 {
    border-radius: 5px
}

.br4 {
    border-radius: 4px
}

.br3 {
    border-radius: 3px
}

.br2 {
    border-radius: 2px
}

.br1 {
    border-radius: 1px
}

.br0 {
    border-radius: 0
}

/* this will ensure we stay 100% accessible! */
img[alt=""] 			{outline:5px solid orange;}

#social-media-header 	{width:900px; margin:10px auto; text-align:right;}
#social-media-header > div {float:right; clear:both; overflow:auto;}
#social-media-header	{clear:both; overflow:auto;}
.social-media-label		{height:24px; line-height:24px; display:block; color:#fff; font-size:13px; float:left; padding-right:8px;}
.facebook-icon a 		{width:24px; display:inline-block; height:auto;margin-left:5px;}
.facebook-icon img		{width:24px; height:auto;}

#shell 			{width:902px; margin:20px auto 0 auto;; background:#fff; padding:30px;}
#logo a 		{display:block; text-indent:-10000px; font-size:0 !important; color:#fff; width:250px; height:45px; background:#fff url("/template/img/sun-protection-logo.jpg") no-repeat 0 0;}
#logo 			{width:250px; float:left;}
#header 		{min-height:45px;}
#featureImg,#featureImgShell	{width:902px; height:350px; /* this should always be the same dimensions!  */}
#featureImgShell {margin:20px 0 0 0;}
#tagShell 		{float:right; text-align:left; padding-top:3px;}
#tagShell h2 	{color:#333; font:bold 16px Arial;}

#tagShell p 	{font-size:14px;padding-top:6px; text-align:right;}
#tagShell a 	{text-decoration:none; color:#000; padding-left:10px; font-weight:bold;}

nav .nav {background:#a00; display:block; height:35px; width:902px !important;}
nav .nav li {float:left;}
nav .nav a {display:block; height:35px; color:#fff !important; text-decoration:none; font-size:16px !important; line-height:35px; padding:0 18px;}
nav .nav a:hover {color:#fff !important; background:#000;}
nav .nav li+li {border-left:1px solid #ccc;}
nav .nav a {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bb0000), color-stop(1, #880000) );
	background:-moz-linear-gradient( center top, #bb0000 5%, #880000 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb0000', endColorstr='#880000');
	background-color:#bb0000; text-shadow:1px 1px 0px #4a4a4a;}

nav .nav .active a {background:#fff !important; font-weight:bold; font-size:12px !important; color:#b00 !important; text-shadow:0 0 0 #fff !important;}
nav .nav a:visited {font-style:normal !important;}

#content {overflow:auto;padding:20px 0;}
.home #content {padding-top:0 !important;}

.btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #d6d3d6) );
	background:-moz-linear-gradient( center top, #ededed 5%, #d6d3d6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#d6d3d6');
	background-color:#ededed;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#696869;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:8px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	cursor:pointer;
}.btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d6d3d6), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #d6d3d6 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d3d6', endColorstr='#ededed');
	background-color:#d6d3d6;
}.btn:active {
	position:relative;
	top:1px;
}

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

.column530 {width:530px;}


.footer-nav-shell	{margin:0 auto;}
#footer 			{width: 100%; margin:0 auto; padding-left: 20px; color: #eee; background:#731717; overflow: auto; padding: 30px; font-size:16px;}
#footer a 			{color:#ffc; font-size:16px;}
#footer .location 	{text-align:center; margin-top:10px; font-size:11px;}
.phoneNumbers 		{margin:20px auto; max-width: 900px; display: flex; flex-flow: row wrap; justify-content: space-between; font-size: 16px;}
#footer .phoneNumbers li {padding:0 10px; margin-top:10px; text-align: center !important}
#footer .nav 			{overflow: auto; width:100%; margin: 0 auto; text-align: center; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center;}
.footer-nav-shell	{max-width:900px;}
#footer .nav a 		{color:#fff; font-size:16px; padding:5px 0; display:block;}
#footer .nav li 		{max-width:50%;}

#footer p#copyright,
#footer p.location		{text-align:center !important; font-size:17px; margin-top:25px;}

/* lightbox styles - see: http://leandrovieira.com/projects/jquery/lightbox/ */
#jquery-overlay		{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px}#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0}#jquery-lightbox a img{border:none}#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}#lightbox-container-image{padding:10px}#lightbox-loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0}#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}#lightbox-container-image-box > #lightbox-nav{left:0}#lightbox-nav a{outline:none}#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block}#lightbox-nav-btnPrev{left:0;float:left}#lightbox-nav-btnNext{right:0;float:right}#lightbox-container-image-data-box{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;line-height:1.4em;overflow:auto;width:100%;margin:0 auto;padding:0 10px}#lightbox-container-image-data{color:#666;padding:0 10px}#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left}#lightbox-image-details-caption{font-weight:700}#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1em}#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:.7em}

.lightWindowThumbs 			{margin:15px 0;}
.lightWindowThumbs a 		{display:inline-block; height:77px; width:115px; border:1px solid #666; padding-top:0 !important;}
.lightWindowThumbs a+a		{margin-left:5px;}
div.lightWindowThumbs a img {display:block; height:77px; width:115px; margin:0 !important;}


div.casper-window-cloaking img {float:left; margin-right:20px; max-width:20%;}
div.casper-window-cloaking {background:#3b5998; color:#fff; padding:30px; overflow:auto; margin:20px 0;}
div.casper-window-cloaking h2 {font-weight:bold; font-size:25px; color:#fff !important;}
div.casper-window-cloaking a {color:#ffa;}
div.casper-window-cloaking p {margin-top:5px; font-size:14px;}
div.casper-window-cloaking > div {float:left; max-width:75%;}

@media screen and (max-width:768px){
    div.casper-window-cloaking img {max-width:100%; float:none; display:block; margin-bottom:10px;}
    div.casper-window-cloaking > div {float:none; max-width:100%;}
div.casper-window-cloaking  h2 {padding:10px 0 ;}
div.casper-window-cloaking p {font-size:16px; line-height:1.4;}
}