@charset "UTF-8";
@import url(typography.css);
/* CSS Document */

body {
	width: 960px;
	position: relative;
}

/* Branding Styling 
---------------------------*/
#branding{
	height: 163px;
	position: relative;
}
h1{
	position: absolute;
	top: 34px;
	width: 324px;
	height:129px;
	background: url(../images/logo.gif) no-repeat;
}
h1 a{
	display: block;
	widht: 324px;
	height: 129px;
}
#navigation{
	position: absolute;
	left: 324px;
	top: 84px;
}
	#navigation li{
		float: left;
		list-style: none;
		height: 35px;
	}
	#navigation li a{
		height: 35px;
		display: block;
	}
	#navigation .newlockers a{
		background: url(../images/nav-newlockers.gif) no-repeat;
		width:98px;
	}
    #navigation .usedlockers a{
		background: url(../images/nav-usedlockers.gif) no-repeat;
		width:110px;
	}
	#navigation .athlockers a{
		background: url(../images/nav-athleticlockers.gif) no-repeat;
		width:130px;
	}
	#navigation .lockandacc a{
		background: url(../images/nav-locksacces.gif) no-repeat;
		width: 149px;
	}
	#navigation .lockerbenches a{
		background: url(../images/nav-lockerbenches.gif) no-repeat;
		width:124px;
	}
#subnavigation{
	position: absolute;
	left: 564px;
	top: 51px;
}
	#subnavigation li{
		float: left;
		padding: 0px;
		margin: 0px;
		list-style: none;
		height: 21px;
	}
	#subnavigation a{
		display: block;
		height: 21px;
	}
	 #subnavigation .shoppingcart a{
		background: url(../images/subnav-shoppingcart.gif) no-repeat;
		width:106px;
	}
	#subnavigation .quickquote a{
		background: url(../images/subnav-quickquote.gif) no-repeat;
		width:105px;
	}
	#subnavigation .faq a{
		background: url(../images/subnav-faq.gif) no-repeat;
		width: 38px;
	}
	#subnavigation .contactus a{
		background: url(../images/subnav-contactus.gif) no-repeat;
		width:54px;
	}
	#phonecallout{
		position: absolute;
		left: 368px;
		top: 34px;
		width: 177px;
		height: 38px;
		background: url(../images/phone-callout.gif) no-repeat;
	}
.social{ position: absolute; bottom: 12px; right: 40px }
.social img{ padding-right: 8px }

/* Main Content
----------------------------- */
#content{
	padding-top: 20px;
	position: relative;
	z-index: 1;
	overflow: hidden
}
#content #content_main{
	width: 350px;
	float: left;
	padding-left: 62px;
}
.store_content {
	padding-left: 62px;
}
#content #content_main img{
	padding: 4px;
}
#content #content_sup{
	padding-left: 50px;
	overflow: auto;
}
#content #content_full{
	padding-left: 62px;
	padding-top: 25px;
	overflow: auto;
	clear: both;
}
#content #content_sup p{
	padding-bottom: 4px;
}
#content #content_sup img {
	padding-right: 4px;
}
#content #content_quote{
	padding-left: 356px;
}
.order-now{ display: inline-block; position: absolute; top: 120px; left: 354px }

/* Bottom Links (footer)
----------------------------- */
#site_info{
	padding: 50px 0 0 0;
	width: 960px;
	margin: 0 auto 10px;
}
#footer{
	text-align: center;
	float: left;
	width: 70%;
}
#footer .links{
	float: right;
	padding-right: 20px;
	border-right: 1px solid #666666;
	margin-right: 20px;
}

#bbb_accredited{
	float:left;
	width: 30%;
	text-align: left
}


/* Col Layout Structure  (default 3-column)
----------------------------- */
#col{
	float: left;
	width: 298px;
}

.clear{
	clear:both;
}
.clear:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clear {
	display: inline-block;
}
 
html[xmlns] .clear {
	display: block;
}
 
* html .clear {
	height: 1%;
}

/* Shopping Cart Structure
----------------------------*/
#shopcart{
	width: 540px;
	background: #ffffff url(images/white-rndtop.gif) no-repeat top;
	padding: 20px 20px 0 20px;
	color: #636466;
}
.subtotal{
	float:right;
	padding-right:18px;
}
form{
	padding: 0;
	margin: 0;
}