@charset "utf-8";
/* CSS Document */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
body{
	background: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #2d2d2d;
}

/* Header */
#header{
	width: 960px;
	height: 75px;
	margin: 50px auto 0px auto;
}
#header #logo{
	float: left;
}
#header #logo a{
	display: block;
	width: 395px;
	height: 60px;
	margin: 0px 0px 0px 10px;
	background: url(../images/global/tshirtelephant_logo_329x50.png) top left no-repeat;
}
#header #contact{
	float: right;
	margin: 5px 10px 0px 0px;
}
#header #contact ul li{
	float: left;
	height: 30px;
	margin: 0px 12px;
	padding: 0px 0px 0px 40px;
	line-height: 13px;
}
#header #contact ul li a{
	display: block;
	margin: 1px 0px 0px 0px;
	font-size: 13px;
	color: #454545;
	text-decoration: none;
}
#header #contact ul li a .contrast{
	font-size: 11px;
	font-weight: 600;
}
#header #contact ul li a:hover{
	text-decoration: underline;
}
#header #contact ul li#telephone{
	background: url(../images/global/phone_icon_30x30.png) left top no-repeat;
}
#header #contact ul li#email{
	background: url(../images/global/email_icon_30x30.png) left top no-repeat;
}

/* Nav */
#nav{
	width: 960px;
	height: 32px;
	margin: 0px auto;
	line-height: 31px;
	background: #454545;
}
#nav #site_links{
	float: left;
	margin: 0px 0px 0px 
	
	px;
}
#nav #customer_links{
	float: right;
	margin: 0px 10px 0px 0px;
}
#nav ul li{
	float: left;
}
#nav ul li a{
	margin: 0px 11px;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}
#nav ul li a:hover{
	text-decoration: underline;
}
/* Sidebar */
#sidebar{
	float: left;
	width: 150px;
	margin: 30px 0px 30px 0px
}
#sidebar h2{
	font-size: 18px;
	font-weight: 400;
	margin: 0px 0px 0px 0px;
}
ul.menu{
	margin: 5px 0px 0px 0px;
}
ul.menu li{
	width: 125px;
	height: 22px;
	margin: 5px 0px;
	padding: 6px 0px 0px 5px;
	font-size: 16px;
	font-weight: 400;
	text-transform: capitalize;
}
ul.menu li.active{
	background: #454545;
	color: #fff;
}
ul.menu li:hover{
	background: #454545;
	color: #fff;
	cursor: pointer;
}
ul.sub-menu{
	margin: 0px 0px 0px 10px;
	display: none;
}
ul.sub-menu li{
	width: 115px;
	height: 16px;
	font-size: 14px;
	font-weight: 400;
	margin: 0px 0px;
}
ul.sub-menu li.active, ul.sub-menu li:hover{
	text-decoration: underline;
	background: #fff;
	color: #2d2d2d;
}
/* TRAIL */
#trail{
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #cbcbcb;
}
#trail ul{
	
}
#trail ul li{
	float: left;
	margin: 0px 0px 0px 5px;
}
#trail ul li a{
	font-size: 13px;
	color: #2d2d2d;
	font-weight: 600;
	text-decoration: none;
}
#trail ul li.active a{
	font-weight: 400;
}
#trail ul li a:hover{
	text-decoration: underline;
}
/* FOOTER */
#footer-wrapper{
font-family: 'Source Sans Pro', sans-serif;
width: 100%;
height: 440px;
background: #454545;
}
#footer{
width: 960px;
height: 100%;
margin: 0 auto;
}
#footer-left{
float: left;
width: 500px;
height: 100%;
}
#footer-right{
float: right;
width: 435px;
height: 100%;
border-left: 1px solid #454545;
}
#footer-sitemap{
margin: 60px 0px 0px 0px;
}
#footer-sitemap-products{
float: left;
width: 162px;
}
#footer-sitemap-company{
float: left;
width: 162px;
}
#footer-sitemap-info{
float: left;
width: 162px;
}
.footer-sitemap-heading{
display: block;
margin: 0px 0px 15px 0px;
color: #ba4641;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
}
.footer-sitemap-heading:hover{
text-decoration: underline;
}
.footer-sitemap-heading:active{

text-decoration: underline;
}
.footer-sitemap-link{
display: block;
margin: 0px 0px 5px 0px;
color: #fff;
font-size: 18px;
font-weight: 300;
text-decoration: none;
}
.footer-sitemap-link:hover{
color: #bbbbbb;
}
#footer-becomeABro{
margin: 50px 0px 0px 0px;
}
#footer-becomeABro h2{
display: block;
margin: 0px 0px 15px 0px;
color: #ba4641;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
}
#footer-becomeABro p{
display: block;
padding: 0px 100px 0px 0px;
line-height: 20px;
color: #fff;
font-size: 14px;
font-weight: 300;
}
#footer-becomeABro-form-email{
float: left;
width: 300px;
height: 30px;
}
#footer-becomeABro-form-email textarea{
width: 300px;
height: 24px;
margin: 20px 0px 0px 0px;
padding: 10px 0px 0px 0px;
font-size: 12px;
text-indent: 10px;
border: none;
outline: none;
-webkit-appearance: none;
-moz-box-shadow:    0px 0px 1px 0px rgba(0,0,0,0.30);
-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.30);
box-shadow:         0px 0px 1px 0px rgba(0,0,0,0.30);
}
#footer-becomeABro-form-submit-btn{
float: left;
width: 90px;
height: 34px;
margin: 20px 0px 0px 0px;
background: #bbbbbb;
border-style:none;
font-weight: 300;
color: #fff;
font-size: 12px;
text-transform: uppercase;
}
#footer-becomeABro-form-submit-btn:hover{
color: #24221f;
}
#footer-becomeABro-form-submit-btn:active{
-moz-box-shadow:    inset 0px 0px 2px 1px rgba(30,30,30,0.3);
-webkit-box-shadow: inset 0px 0px 2px 1px rgba(30,30,30,0.3);
box-shadow:         inset 0px 0px 2px 1px rgba(30,30,30,0.3);
}
#footer-branding{
margin: 0px 0px 0px 60px;
padding: 60px 0px 40px 0px;
border-bottom: 1px solid #454545;
}
#footer-branding-logo h1{
float: left;
width: 100px;
font-size: 28px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
}
#footer-branding-tagline h3{
float: left;
width: 175px;
margin: 11px 0px 0px 55px;
font-size: 18px;
line-height: 23px;
color: #fff;
font-weight: 300;
text-transform: uppercase;
}
#footer-contact{
margin: 0px 0px 0px 60px;
padding: 40px 0px 0px 0px;
}
#footer-contact-left{
float: left;
width: 180px;
}
#footer-contact-callTollFree h4{
color: #ba4641;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
}
#footer-contact-callTollFree p{
margin: 10px 0px 0px 0px;
color: #fff;
font-size: 16px;
font-weight: 300;
text-transform: uppercase;
}
#footer-contact-social{
margin: 30px 0px 0px 0px;
}
#footer-contact-social h4{
color: #ba4641;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
}
#footer-contact-social-icon{
margin: 10px 0px 0px 0px;
}
#footer-contact-social-icon li a{
display: block;
float: left;
width: 27px;
height: 27px;
text-indent: -9999px;
}
#footer-contact-social-icon-facebook{
margin: 0px 0px 0px 0px;
background: url(../images/footer/footer-contact-social-icon-facebook.png) top left no-repeat;
}
#footer-contact-social-icon-twitter{
margin: 0px 0px 0px 5px;
background: url(../images/footer/footer-contact-social-icon-twitter.png) top left no-repeat;
}
#footer-contact-social-icon-flickr{
margin: 0px 0px 0px 5px;
background: url(../images/footer/footer-contact-social-icon-flickr.png) top left no-repeat;
}
#footer-contact-social-icon-instagram{
margin: 0px 0px 0px 5px;
background: url(../images/footer/footer-contact-social-icon-instagram.png) top left no-repeat; 
}
#footer-contact-social-icon li a:hover{
background-position-x: -27px;
}
#footer-contact-right{
float: left;
}
#footer-contact-getInTouch h4{
color: #ba4641;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
}
#footer-contact-getInTouch h5{
margin: 10px 0px 0px 0px;
color: #9d9d9d;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
#footer-contact-getInTouch a{
display: block;
margin: 5px 0px 0px 0px;
color: #fff;
font-size: 14px;
font-weight: 300;
text-transform: uppercase;
text-decoration: none;
}
#footer-contact-getInTouch a:hover{
text-decoration: underline;
}




ul.dropdown                         { position: relative; z-index: 9000;}
ul.dropdown li                      { zoom: 1; }
ul.dropdown a:hover		            { color: #2d2d2d; }
ul.dropdown li:hover                { background: #888888; color: #2d2d2d; position: relative; }
ul.dropdown li.hover a              { color: #2d2d2d; }

ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ min-width: 170px; font-weight: normal; background: #454545; color: #000; 
									  border-bottom: 1px solid #ccc;}
ul.dropdown ul li:last-child 		{border-bottom: none;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; float: none;} 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }
a.dropdown{
	background: url(../images/global/homepage_nav-arrow.png) right center no-repeat;
	padding: 0px 16px 0px 0px
}