/**
 * File name:     lockerroom_style.css
 * Context path:  LockerRoom
 * Author:        David Lovett   
 * Created:       3-4-2015 (DL)
 **/
 
 
/*
 * style group: Overall copy style
 *
 * purpose:     These styles are applied to the body copy
 *              and headlines. 
 */
h1 {
  color:           #ed3227;
  font-family:     verdana, arial, sans-serif;
  font-size:       14pt;
  font-weight:     normal;
  line-height:     14pt;
  text-decoration: none;
}

h2 {
  color:           #727272;
  font-family:     verdana, arial, sans-serif;
  font-size:       12pt;
  font-weight:     bold;
  line-height:     16pt;
  text-decoration: none;
}

p {
  color:           #4c4c4c;
  font-family:     verdana, arial, sans-serif;
  font-size:       9pt;
  font-weight:     normal;
  line-height:     13pt;
  text-decoration: none;
}

ul, li {
  color:           #4c4c4c;
  font-family:     verdana, arial, sans-serif;
  font-size:       9pt;
  font-weight:     normal;
  line-height:     13pt;
  text-decoration: none;
}

.normal {
  color:           #4c4c4c;
  font-family:     verdana, arial, sans-serif;
  font-size:       9pt;
  font-weight:     normal;
  line-height:     13pt;
  text-decoration: none;
}

.large {
  color:           #cb2126;
  font-family:     verdana, arial, sans-serif;
  font-size:       11pt;
  font-weight:     bold;
  line-height:     14pt;
  text-decoration: none;
}

.whitesmall {
  color:           #FFFFFF;
  font-family:     verdana, arial, sans-serif;
  font-size:       8pt;
  font-weight:     normal;
  line-height:     10pt;
  text-decoration: none;
}

.white {
  color:           #FFFFFF;
  font-family:     verdana, arial, sans-serif;
  font-size:       9pt;
  font-weight:     normal;
  line-height:     12pt;
  text-decoration: none;
}

.whitelarge {
  color:           #FFFFFF;
  font-family:     verdana, arial, sans-serif;
  font-size:       14pt;
  font-weight:     normal;
  line-height:     16pt;
  text-decoration: none;
}

.whitelarge2 {
  color:           #FFFFFF;
  font-family:     verdana, arial, sans-serif;
  font-size:       16pt;
  font-weight:     normal;
  line-height:     16pt;
  text-decoration: none;
}

.red {
  color:           #cb2126;
  font-family:     verdana, arial, sans-serif;
  font-size:       9pt;
  font-weight:     bold;
  line-height:     12pt;
  text-decoration: none;
}

.red2 {
  color:           #cb2126;
  font-family:     verdana, arial, sans-serif;
  font-size:       16pt;
  font-weight:     bold;
  line-height:     18pt;
  text-decoration: none;
}

.headline {
  color:           #000000;
  font-family:     verdana, arial, sans-serif;
  font-size:       12pt;
  font-weight:     normal;
  line-height:     16pt;
  text-decoration: none;
}

.headline2 {
  color:           #f5c300;
  font-family:     times, serif;
  font-size:       2em;
  font-weight:     normal;
  line-height:     22pt;
  text-decoration: none;
}

/*
 * style group: Body margins
 *
 * purpose:     These styles are applied to the body traits. 
 */

body {
  margin-top: 0px; 
  margin-right: 0px; 
  margin-bottom: 10px; 
  margin-left: 0px; 
	}
 /* Client-specific Styles */
         #outlook a {padding:0;} /* Force Outlook to provide a "view in browser" menu link. */
         body{
	width:100% !important;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	margin:0;
	padding:0;
	background-image: url(images/LockerRoom_A1b.jpg);
}

/*
 * style group: Overall link style
 *
 * purpose:     These styles are applied to the body copy. 
 */

a:link { text-decoration: none; font-family: verdana, arial, sans-serif; color: } 
a:active { text-decoration: font-family: verdana, arial, sans-serif; none; color:  } 
a:hover { text-decoration: font-family: verdana, arial, sans-serif; underline; color:#727272}
a:visited { text-decoration: font-family: verdana, arial, sans-serif; none; color:  } 

a {
  color:           #cb2126;
  font-family:     verdana, arial, sans-serif;
  font-size:       9pt;
  font-weight:     normal;
  line-height:     13pt;
  text-decoration: none;
}

.link-one {
color: 			   #cb2126;
font-family:       verdana, arial, sans-serif;
font-size:         9pt;
font-weight:       bold;
line-height:       0pt;
text-decoration:   none;
}

.link-two {
color: 			   #0f3f6f;
font-family:       verdana, arial, sans-serif;
font-size:         11pt;
font-weight:       normal;
line-height:       0pt;
text-decoration:   none;
}

.link-three {
color: 			   #0f3f6f;
font-family:       verdana, arial, sans-serif;
font-size:         8pt;
font-weight:       normal;
line-height:       0pt;
text-decoration:   none;
}

.link-white {
color: 			   #FFFFFF;
font-family:       verdana, arial, sans-serif;
font-size:         9pt;
font-weight:       normal;
line-height:       0pt;
text-decoration:   none;
}

.link-white2 {
color: 			   #FFFFFF;
font-family:       verdana, arial, sans-serif;
font-size:         9pt;
font-weight:       normal;
line-height:       20pt;
text-decoration:   none;
}


/*
 * style group: Table border
 *
 * purpose:     These styles are applied to tables. 
 */
 


/*
 * style group: Navigation menu
 *
 * 
 */
 

#navigation {
    padding: 0px;
    background-color: #;
    color: #ffffff;
    text-align: center;
}
#navigation ul {
    display: none;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0;
}
#navigation ul.expanded {
    display: block;
}
#navigation li a {
    display: block;
    padding: 20px 0;
    border-top: 0px solid #cb2126;
    font-size: 1.2em;
    color: #ed1d24;
    text-decoration: none;
}
.menu_button {
    display: block;
    text-align: right;
    color: #ffffff;
    text-decoration: none;
}
.menu_button:hover {
    color: #b7b7b7;
    text-decoration: none;
}




 /* Client-specific Styles */
         #outlook a {padding:0;} /* Force Outlook to provide a "view in browser" menu link. */
         body{
	width:100% !important;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	margin:0;
	padding:0;
	background-image: url('images/LockerRoom_A1b.jpg');
}
         /* Prevent Webkit and Windows Mobile platforms from changing default font sizes, while not breaking desktop design. */
         .ExternalClass {width:100%;} /* Force Hotmail to display emails at full width */
         .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing.  More on that: http://www.emailonacid.com/forum/viewthread/43/ */
         #backgroundTable {margin:0; padding:0; width:100% !important; line-height: 100% !important;}
         img {outline:none; text-decoration:none;border:none; -ms-interpolation-mode: bicubic;}
         a img {border:none;}
         .image_fix {display:block;}
         p {margin: 0px 0px !important;}
         table td {border-collapse: collapse;}
         table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;-moz-border-radius:0px!important;border-radius:0px!important; }
         table[id=navigation] { display:none!important;}
		 /*STYLES*/
         table[class=full] { width: 100%; clear: both; }
        
		 /*TABLET STYLES*/
         @media only screen and (max-width: 640px) {
         a[href^="tel"], a[href^="sms"] {
         text-decoration: none;
         color: #ffffff; /* or whatever your want */
         pointer-events: none;
         cursor: default;
         }
         .mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {
         text-decoration: default;
         color: #b7b7b7 !important;
         pointer-events: auto;
         cursor: default;
         }
         table[class=devicewidth] {width: 100%!important;height:px!important;text-align:center!important;-moz-border-radius:0px!important;border-radius:0px!important;}
		 table[class=devicewidth2] {width: 100%!important;height:px!important;text-align:left!important;-moz-border-radius:0px!important;border-radius:0px!important;}
         table[class=devicewidthinner] {width: 420px!important;text-align:center!important;}
         table[class=mainsmall1] { float:left!important;}
         table[class=mainsmall2] { float:right!important;}
         table[class=banner-gap] { display:none!important;}
         img[class="bannerbig"] {width: 440px!important;height:px!important;}
         img[class="spacinglines"]{width: 420px!important;}
		 table[id=navigation] { display:inline!important;}
         table[class=titlebar] { display:none!important;}
         
         }
        
		 /*PHONE STYLES*/
         @media only screen and (max-width: 480px) {
         a[href^="tel"], a[href^="sms"] {
         text-decoration: none;
         color: #ffffff; /* or whatever your want */
         pointer-events: none;
         cursor: default;
         }
         .mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {
         text-decoration: default;
         color: #b7b7b7 !important; 
         pointer-events: auto;
         cursor: default;
         }
         table[class=devicewidth] {width: 100%!important;height:px!important;text-align:center!important;-moz-border-radius:0px!important;border-radius:0px!important;}
		 table[class=devicewidth2] {width: 100%!important;height:px!important;text-align:left!important;-moz-border-radius:0px!important;border-radius:0px!important;}
         table[class=devicewidthinner] {width: 260px!important;text-align:center!important;}
         table[class=mainsmall1] { float:left!important;}
         table[class=mainsmall2] { float:right!important;width: 120px!important;height:90px!important;}
         img[class=mainsmall1] { width: px!important;height:px!important;}
         img[class=mainsmall2] { width: px!important;height:px!important;}
         table[class=banner-gap] { display:none!important;}
         img[class="bannerbig"] {width: 280px!important;height:px!important;}
         img[class="spacinglines"]{width: 260px!important;}
}


input[type="text"]#website { display: none; }


input[type="text"],
	input[type="password"],
	input[type="email"],
	select {
		height: 2.75em;
	}

	textarea {
		padding: 0.75em 1em;
	}

	input[type="checkbox"],
	input[type="radio"] {
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		display: block;
		float: left;
		margin-right: -2em;
		opacity: 0;
		width: 1em;
		z-index: -1;
		border-radius: 5px;
	}

		input[type="checkbox"] + label,
		input[type="radio"] + label {
			text-decoration: none;
			color: #888;
			cursor: pointer;
			display: inline-block;
			font-size: 1em;
			font-weight: 400;
			padding-left: 2.4em;
			padding-right: 0.75em;
			position: relative;
		}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
			}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				background: #fafafa;
				border-radius: 5px;
				border: solid 2px #e4e4e4;
				content: '';
				display: inline-block;
				height: 1.65em;
				left: 0;
				line-height: 1.58125em;
				position: absolute;
				text-align: center;
				top: 0;
				width: 1.65em;
			}

		input[type="checkbox"]:checked + label:before,
		input[type="radio"]:checked + label:before {
			background: #989898;
			border-color: #989898;
			color: #ffffff;
			content: '\f00c';
		}

		input[type="checkbox"]:focus + label:before,
		input[type="radio"]:focus + label:before {
			border-color: #992300;
		}

	input[type="checkbox"] + label:before {
		border-radius: 5px;
	}

	input[type="radio"] + label:before {
		border-radius: 100%;
	}

	::-webkit-input-placeholder {
		color: #aaa !important;
		font-style: italic;
		opacity: 1.0;
	}

	:-moz-placeholder {
		color: #aaa !important;
		font-style: italic;
		opacity: 1.0;
	}

	::-moz-placeholder {
		color: #aaa !important;
		font-style: italic;
		opacity: 1.0;
	}

	:-ms-input-placeholder {
		color: #aaa !important;
		font-style: italic;
		opacity: 1.0;
	}

	.formerize-placeholder {
		color: #aaa !important;
		font-style: italic;
		opacity: 1.0;
	}
	
	img
{
display:block;
border:none;
padding:0px;
margin:0px;
}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#navcontainer li { margin: 0 0 0 0; }

#navcontainer a
{
display: block;
color: #FFF;
background-color: #;
width: ;
padding: 1.25em .5em;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #;
background-image: url(images/LockerRoom_navbkg2.png);
color: #FFF;
}
	
}
.line {
    border-side: 0px solid #;
}

hr {border: none 0; 
border-top: 1px solid #787878;
width: 100%;
height: 1px;
}