@charset "utf-8";
/* CSS Document */
/*
Theme Name: Lockers Theme.
Theme URI: Your Theme's URI
Description: Lockers 'n' More Theme.
Version: 1.0
Author: Trevor Connelly
URI: http://www.groupcci.com*/


html, body, h1, h2, h3, h4, ul, li {
	margin: 0;
	padding: 0;
}
h1 img {
	display: block;
}
img {
	border: 0;
}
a {
	color: #993366;
	text-decoration:none;
	outline: none;

}
a:hover {
	color: #000; //FFA405;
}
.left {
	float: left;
}
.right {
	float: right;
}
.more {
	text-align: right;
}
.clear {
	clear: both;
}

body {
	background: #E0D5B7 url(http://www.lockersnmore.com/images/page_bg.jpg) repeat-x;
	text-align: center;
	font: 11px verdana, arial, sans-serif;
	color: #74653D;
	padding-bottom: 10px;
	padding-top: 18px;
}

/** layout **/
#wrapper {
	text-align: left;
	margin: auto;
	width: 900px;
  position: relative;
  background: url(http://www.lockersnmore.com/images/body_bg.gif) repeat-y;
}

#header {
  position: absolute;
  top: 0;
  left: 243px;
  width: 647px;
  height: 154px;
  background: url(http://www.lockersnmore.com/images/header_5.jpg) no-repeat;
}
#headerprod {
  position: absolute;
  top: 0;
  left: 243px;
  width: 647px;
  height: 154px;
}
#left {
  float: left;
  width: 244px;
}
#logo {
  width: 244px;
  height: 152px;
  background: url(http://www.lockersnmore.com/images/header_1.jpg) no-repeat;
  text-align: center;
  color: #595959;
}
#logo h1 {
  padding-top: 104px;
  font: 24px "arial narrow", arial, sans-serif;
}
#logo p {
  margin: 8px 25px 4px 25px;
  border-top: 1px solid #B8B8B8;
  border-bottom: 1px solid #B8B8B8;
  padding: 3px;
  letter-spacing: 0.2em;
  font-weight: bold;
}
#news {
  background: url(http://www.lockersnmore.com/images/news_bg.jpg) repeat-y;
  padding-left: 37px;
  padding-right: 22px;
  padding-bottom: 3px;
  text-align: justify;
}
#news h2 {
  font-size: 12px;
  color: #BE8B06;
}
#news h3, #news p {
  font-size: 11px;
  margin: 1em 8px 1em 0;
}
#news a {
  color: #74653D;
  //font-weight: bold;
  //text-decoration: underline;
}
#news a:hover {
  color: #38301A;
}
#news .more {
  font-size: 9px;
}
#news .hr-dots {
  background: center url(http://www.lockersnmore.com/images/dots.gif) repeat-x;
  height: 10px;
}

#support {
  background: url(http://www.lockersnmore.com/images/support1.jpg) no-repeat;
  padding: 1px;
  height: 97px;
  color: #1A1A18;
}
#support p {
  margin: 0.7em 2.6em;
}

#right {
  float: right;
  width: 612px;
  padding-right: 9px;
  padding-top: 201px;
}
#right h2 {
  font: 18px arial, sans-serif;
  color: #BE8B06;
  border-bottom: 1px solid #C4AE7C;
 
  padding-bottom: 6px;
  padding-top: 6px;
  margin-bottom: 1em;
  margin-top: 15px;
}
#righthome {
  float: right;
  width: 612px;
  padding-right: 9px;
  padding-top: 201px;
}
#righthome h2 {
  font: 18px arial, sans-serif;
  color: #BE8B06;
  border-bottom: 1px solid #C4AE7C;
  padding-bottom: 6px;
  margin-bottom: 1em;
}
#right h3 {
  font: 14px arial, sans-serif;
  color: #BE8B06;
  border-bottom: 1px solid #C4AE7C;
  padding-bottom: 6px;
  margin-bottom: 1em;
  margin-top: 2em;
}
#contentold {
  float: right;
  width: 612px;
  padding-right: 12px;
  padding-top: 120px;
}
#content {
  float: right;
  width: 612px;
  padding-right: 9px;
  padding-top: 201px;
}
#contenthome {
  float: right;
  width: 612px;
  padding-right: 12px;
  padding-top: 220px;
}
#content h2 {
  font: 18px arial, sans-serif;
  color: #BE8B06;
  border-bottom: 1px solid #C4AE7C;
  
  margin-bottom: 1em;
}
#content h3 {
  font: 14px arial, sans-serif;
  color: #BE8B06;  
  margin-top: 1em;
}

#welcome {
  margin-right: 20px;
}
#profile {
  margin-right: 16px;
}
#right .left {
  margin-right: 18px;
}
//#right .more {
  //font-weight: bold;
  //font-size: 10px;  
//}
#content .more {
  font-weight: bold;
  font-size: 10px; 
  border-bottom: 1px solid #C4AE7C;
  padding-bottom: 20px;
  padding-bottom: 30px;
 margin-bottom: 1em;
}


#corp, #indu, #ctest {
  float: left;
  width: 49%;
}
#corp {
  margin-right: 1%;
}
#corp-img, #indu-img, #ctest-img  {
  background: url(http://www.lockersnmore.com/images/pic_2.jpg) no-repeat;
  width: 112px;
  height: 23px;
  float: left;
  margin-right: 18px;
  text-align: center;
  padding-top: 90px;
  font-size: 9px;
  font-weight: bold;
}
#ctest-img  {
  background: url(http://www.lockersnmore.com/images/pic_4.jpg) no-repeat;
  width: 112px;
  height: 23px;
  float: left;
  margin-right: 18px;
  text-align: center;
  padding-top: 90px;
  font-size: 7px;
  font-weight: bold;
}
#ctest2-img  {
  background: url(http://www.lockersnmore.com/images/pic_5.jpg) no-repeat;
  width: 112px;
  height: 23px;
  float: left;
  margin-right: 18px;
  text-align: center;
  padding-top: 90px;
  font-size: 7px;
  font-weight: bold;
}
#ctest3-img  {
  background: url(http://www.lockersnmore.com/images/pic_6.jpg) no-repeat;
  width: 112px;
  height: 23px;
  float: left;
  margin-right: 18px;
  text-align: center;
  padding-top: 90px;
  font-size: 7px;
  font-weight: bold;
}
#indu-img {
  background: url(http://www.lockersnmore.com/images/pic_3.jpg) no-repeat;
}
}
#ctest-img {
  background: url(http://www.lockersnmore.com/images/pic_4.jpg) no-repeat;
}
#spacer {
  height: 2em;
}

 .rfq {
  width:290px;
  height:15px;
  text-align:center;
  padding:3px;
  background-color:#EBE3D0;
  border:1px solid black;
  font-size:10px;
  font: 11px verdana, arial, sans-serif;
  cursor: hand;
}

 .rfq a {
	font-weight: bold;
	 text-decoration:none;
}
	

#caption {
   float: left;
   width:186px;
   height:40px;
   font: 10px verdana, arial, sans-serif;
   text-align: justify;
   margin-right: 10px;
}  


#footer {
  background: url(http://www.lockersnmore.com/images/footer_bg.gif) repeat-y;
}
#copyright {
  text-align: center;
  padding: 22px 0px 30px 00px;
  font-size: 9px;
  color: #715F36;
  font-weight: bold;
}
#footerline{
	background: url(http://www.lockersnmore.com/images/footerline.gif) no-repeat;
	height:10px;
	margin-top:0px;
	display:block;
	font-size:1px;
}





///// style.css is above.







	input {
		font-size: 8pt;
	}
	input.text {
		font-size: 8pt;
		border: 1px solid #999999;
	}
	input.textview {
		font-size: 8pt;
		border: 1px solid #f0f0f0;
		background:color #f0f0f0;
	}
	input.radio {
		padding-bottom: 1px;
	}
	input.button {
		font-size: 8pt;
		height: 19px;
		font-weight: bold;
		border-top: 1px solid #999999;
		border-left: 1px solid #999999;
		border-right: 2px solid #666666;
		border-bottom: 2px solid #333333;
		font-family: Arial, sans-serif;	
		margin: 2px;	
	}
	select {
		font-size: 8pt;
	}
	textarea {
		font-family: Arial, sans-serif;
		font-size: 8pt;
		border: 1px solid #999999;
	}



.reallySmall {
		font-size: 7pt;
	}




/*
 *  Product Form Styles
 */
 
	.productForm {
		border: 1px solid #999999;
		background: #FFFFFF;
	}

	.sideContact {
		border: 1px solid #999999;
		background: #FFFFFF;
	}

	.productFormCaption {
		padding: 2px;
		border-bottom: 1px solid #999999;
		background: #f2e8cd;
		font-weight: bold;
		font-size: 8pt;
	}

	.productFormSubheader {
		padding: 1px;	
		padding-left: 4px;
		padding-right: 2px;
		font-size: 8pt;
		font-weight: bold;
		text-decoration: underline;
	}

	.productFormLabel {
		padding: 1px;	
		padding-left: 4px;
		padding-right: 2px;
		font-size: 8pt;
	}
	
	.productFormData {
		font-size: 8pt;
		padding: 1px;
		padding-right: 3px;
	}

	.productFormSpacer {
		font-size: 0pt;
		padding-bottom: 4px;
		border-bottom: 1px solid #999999;
	}

	.productFormSpacerBlank {
		font-size: 0pt;
		padding-bottom: 4px;
	}

	.productFormMessage {
		display: inline;
		align: center;
		text-align: center;
		font-size: 8pt;
		border: 1px solid #993333;
		background: #f2e8cd;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 5px;
		padding-right: 5px;
	}

	.productFormFooter {
		padding: 1px;
		background: #f2e8cd;
		font-weight: bold;	
	}

	.productFormSubmitButton {
		font-size: 8pt;
		height: 19px;
		font-weight: bold;
		border-top: 1px solid #999999;
		border-left: 1px solid #999999;
		border-right: 2px solid #666666;
		border-bottom: 2px solid #333333;
		font-family: Arial, sans-serif;	
		margin: 2px;
	}


	.thankYouPageButton {
		font-size: 10pt;
		height: 38px;
		width: 275px;
		font-weight: bold;
		border-top: 1px solid #999999;
		border-left: 1px solid #999999;
		border-right: 3px solid #666666;
		border-bottom: 3px solid #333333;
		font-family: Arial, sans-serif;	
		margin: 2px;
	}

	.productSpecLabel {
		font-size: 8pt;
		font-weight: bold;
		background: #f2e8cd;
		border-right: 1px solid #666666;
	}
	
	.productSpecData {
		font-size: 8pt;	
	}

	.productFormDivider {
		padding-left: 8px;
		font-size: 8pt;
		border-left: 1px solid #666666;
	}


/*
 *  Data Table Styles
 */
 
	.label {
		font-size: 8pt;
		font-weight: bold;
	}

	.dataTable {
		border: 1px solid #666666;
	}
	
	.dataTableCaptionSmall {
		border-bottom: 1px solid #666666;
		background: #cccccc;
		font-size: 8pt;
		font-weight: bold;
		padding: 2px;
	}
	
	.dataTableHeader {
		font-size: 8pt;
		font-weight: bold;
		border-bottom: 1px solid #666666;
		background: #cccccc;	
		padding-left: 1px;
	}
	
	.dataTableLabel {
		font-size: 8pt;	
		border-right: 1px solid #666666;
		background: #e0e0e0;	
		padding-left: 2px;
	}

	.dataTableData {
		font-size: 8pt;	
		padding-left: 2px;
		padding-right: 2px;
	}		
	
	.dataTableExtraData {
		font-size: 8pt;
		padding-bottom: 4px;
	}

	.dataTableLabelDivider {
		font-size: 0pt;	
		border-right: 1px solid #666666;
		background: #e0e0e0;	
		padding: 2px;
		border-bottom: 1px solid #666666;
	}
	
	.dataTableDataDivider {
		font-size: 0pt;		
		padding: 2px;
		border-bottom: 1px solid #666666;
	}

	.dataTableFooter {
		font-size: 8pt;
		font-weight: bold;
		border-top: 1px solid #666666;
		background: #cccccc;	
		padding-left: 1px;
	}



/*
 *  Query Log 
 */
	td.queryLogTime {
		background: #e0e0e0;
		font-size: 8pt;
		font-weight: bold;
	}
	td.queryLogResult {
		background: #e0e0e0;
		font-size: 8pt;
		text-align: right;
		font-weight: bold;
	}
	td.queryLogQuery {
		font-family: Courier, monospaced;
		font-size: 8pt;
	}
	table.queryLog {
		border: 1px solid #cccccc;
	}



/*
 *  Output Stats
 */
 
	table.outputStatsTable {
		border: 1px solid #cccccc;
	}
	td.outputStats {
		font-size: 8pt;
	}




/*
 *  Debug Messages
 */
 
	table.debugTable {
		border: 1px solid #cccccc;
	}
	.debugFile {
		font-size: 7pt;
		font-weight: bold;
		border-bottom: 1px solid #cccccc;
		background: #e0e0e0;
	}
	.debugSpacer {
		padding: 5px;
	}
	.debugLine {
		font-size: 7pt;
		border-right: 1px solid #e0e0e0;
	}
	.debugMessage {
		font-size: 7pt;
	}

#nav {
 background: url(http://www.lockersnmore.com/images/nav_left.jpg) no-repeat;
}

.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 13px Verdana;
width: 233px; /* Main Menu Item widths */
/*border-bottom: 1px solid #ccc;*/
 margin-left: 9px;
  padding-left: 1px;
  padding-bottom: 29px;
 background: #2A2A2A bottom left url(http://www.lockersnmore.com/images/nav_bot.jpg) no-repeat;

}
 
.sidebarmenu ul li{
position: relative;
list-style: none;
font: 14px "arial narrow", arial, sans-serif;
  border-top: 1px solid #959595;
 //background: 188px 10px url(http://www.lockersnmore.com/images/arr_white.gif) no-repeat;
padding: 0px 0 0 6px;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
//overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
//border-left: 1px solid #959595; */  this is the white line on the left

}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #2A2A2A; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
color: white;
}

.sidebarmenu ul li a:hover{
color: #CEC4AB;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 240px; /*Sub Menu Items width */
margin-left: -3px;
top: 0;
padding-bottom: 0px;
background: #2A2A2A;
visibility: hidden;
}

.sidebarmenu ul li ul li{
  border-left: none;
padding: 0px 0 0 0px;

}

.sidebarmenu a.subfolderstyle{
background: url(http://www.lockersnmore.com/images/right.gif) no-repeat 97% 50%;
}

.siteTerm{
font: 14px arial, sans-serif;
  color: #BE8B06;  
  margin-top: 1em;
  }
  
  /*test */
  
  #sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul  {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	list-style: none;
	}
	
	#sidebar  li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	list-style: none;
	}
.widgettitle { 
    font-size: 120%; 
    font-weight: normal; 
    border-bottom: 3px solid #F0F0F0; 
    padding: 0  0 5px 3px; 
}
#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
	
	#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}
/* Begin Sidebar */
#sidebar
{
	padding: 20px 10px 0px 0;
	/*margin-left: 545px;*/
	width: 190px;
	}

#sidebar form {
	margin: 0;
	}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */
#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	color: #BE8B06;
	}
/* End Entry Lists */
/*custom css for functions/facebook/twitter */

#media {

	margin: 0;

	padding-top: 10px;
	
	padding-left: 0px;

	list-style: none;

}

#rss {

	margin: 0;

	padding-top: 10px;
	
	padding-left: 0px;

	list-style: none;
	
	float:right

}

#linkedin {

	margin: 0;

	padding-top: 10px;
	
	padding-left: 0px;

	list-style: none;
	
	

}

#inside704 {

	margin: 0;

	padding-top: 10px;
	
	padding-left: 0px;

	list-style: none;
	
	
	

}
#media li{

	float: right;

	border: none;

	margin-right: 10px;
	
	list-style: none;

	

}

	

#media li a{

	display: block;

	line-height: 40px;

	font-family: Verdana;

	font-size: 10pt;

	color: #CCC;

}



#media li a:hover{

	display: block;

	line-height: 40px;

	text-decoration: none;

	color: #FFCC00;

}
#barmenu {

	clear: both;

	margin: 20px 15px 0 15px;

	height: 48px;

	background: transparent url(images/barmenu.png) 0 0 no-repeat;

}
  
  # ul{

	margin: 0;

	padding: 0;

	/*list-style: none; */
}



# li{

	float: right;

	border: none;

	margin-right: 10px;

	

