/***********************************************/
/* lr.css */
/* Use with template maintemplate.htm */
/* Created for www.lockerroomart.com */
/***********************************************/

body {
background-color: red;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
} 

a {
color: black;
}

#masthead{
padding: 10px 0px 0px 0px;
border: 1px solid #556B2F;
background-color: White;
margin-left:10px;
clear:both;
} 


#prodtext{
font-family: Arial, Helvetica, sans-serif; font-size: 9pt
} 


h1 { 
margin-top: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #324AA4;
text-align: center;

} 

h2 { 
margin-top: 0;
margin-left: 5;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #2F4F2F;
font-weight: bold;
} 

#contentsmall{
margin: 3px 0px 0px 0px;
font: normal 12px sans-serif;
} 

#content{
margin: 3px 0px 0px 0px;
font: normal 12px sans-serif;
} 


#progdesc{
font-family: Arial, helvetica;
font-size: 13px;
} 




#container {
padding-left:0px;
} 
#content h1 {
margin-top: 0;
font-family: Arial, Helvetica, sans-serif;
color: #557BAC;
font-size: 18px;
}
#content h2 { 
margin-top: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
} 
#content h3 { 
margin-top: 0;
margin-bottom: 0;
color: #557BAC;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
} 
#content h4 { 
background-color: #CEF2D0;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: White;
padding: 2px 2px 2px 2px;
}

#smalltext{
text-align: right;
margin-right: 20px;
font-size: 10px;
color: gray;
} 



/* The navcontainer is used for the top main menu. */ 
#navcontainer{
text-align: left;
margin-left: 150px;
} 
#navcontainer ul
{
padding: 3px 0;
margin: 0;
list-style-type: none;

color: Black;
width: 100%;
font: normal 80% arial, helvetica, sans-serif;
text-align: center;
} 
#navcontainer li { display: inline; 
margin:5;
} 

#navcontainer li a
{
text-decoration: none;
/* background-color: #CEF2D0; */
color: Black;
padding: 1px 5px 1px 5px; 
} 
#navcontainer li a:hover
{
/* background-color: #C1DBC2;  */
color: white;
} 




/* The navcontainer is used for the left menu. */ 




#leftnavcontainer ul
{
list-style-type: none;
text-align: left;
}

#leftnavcontainer ul li a
{
background: transparent url(images/list-off.gif) left center no-repeat;
padding-left: 15px;
text-align: left;
font: normal 12px arial;
text-decoration: none;
color: #7f7c7c;
}

#leftnavcontainer ul li a:hover
{
background: transparent url(images/list-on.gif) left center no-repeat;
color: black;
}

#leftnavcontainer ul li a#current
{
background: transparent url(images/list-active.gif) left center no-repeat;
color: #666;
}

#leftnavcontainer ul li a#sub
{
background: transparent url(images/list-sub.gif) left center no-repeat;

color: #666;
}



/************* #siteInfo styles used for footer text***************/ 
#siteInfo{
clear: both;
font-size: 11px;
color: #CCCCCC;
padding: 5px 10px 5px 5px;
background-color: White;
text-align: center;
border-top: 1px solid;
margin-left: 10px;
}
#siteInfo h3{
color: #556B2F;
}
#siteInfo h4{
color: Black;
} 
/*********** #navBar link styles ***********/
#navBar{
float: left;
width: 152px;
margin: 0px;
padding: 0px;
border: 1px solid #F1F1F1;
background-color: #FEFEC0;
margin-top: 2px;
} 
#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;} 
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;} 
/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;} 
#navBar h3 {
font-size: 11px;
background-color: #B0E0E6;
}
/*********** #sectionLinks styles ***********/ 
#sectionLinks{
position: relative;
margin: 0px;
padding: 0px;
border-bottom: 1px solid #F1F1F1;
font-size: 10px;
} 
#sectionLinks h4{ 
margin-bottom: 0px;
padding: 3px 3px 3px 5px;
font-size: 12px;
font-weight: bold;
color: black;
background-color: #E9F2DB;
} 
#sectionLinks a {
display: block;
border-top: 1px solid #F1F1F1;
padding: 0px 0px 0px 5px;
margin: -3px 0px 0px 0px;
} 
#sectionLinks a:hover{
background-color: #F5F8EB;
}
/* Below this line are all styles that were transferred from original template */
body { 
background-color: #082084; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12pt; 
color: #000000; 
} 

form, li { 
margin-top: 0px; 
margin-bottom: 0px; 
}
ul { 
margin-top:2px; 
}

form select { 
position: relative;
top: -2px;
left: -2px; 
}



input { 
font: normal 12px Arial, sans-serif; 
margin-left; 0;
}


:hover { 
text-decoration: underline; 
}
SMALL {
font-family: arial; 
color: #333333; 
font-size: 9px;
}
.LeftMenuMain { 
font-family: Verdana, sans-serif; 
font-size: 12px; color: #003366; 
font-weight: bold; 
text-decoration: none; 
}
.LeftMenuCat { 
font-family: Verdana, sans-serif; 
font-size: 11px; 
color: #003366; 
line-height: 10px; 
text-decoration: none; 
}
div.spacer { 
clear: both; 
} 
/* Below this line are all original styles */ 
/* general */
body { font: normal 11px Verdana, sans-serif; }
select { font: normal 11px Verdana, sans-serif; }
form, li { margin-top: 0px; margin-bottom: 0px; }
ul { margin-top:2px; }
input { font: normal 12px Arial, sans-serif; } 
/* ell element */
.ell-element { width: 182px; border: 6px solid #f4f4f4; border-top: 0px; border-right: 0px; }
.ell-element-image { margin-top: 10px; margin-bottom: 10px; width: 160px; }
.ell-element-name { height: 50px; width: 160px; align: center; text-align: left; margin-bottom: 10px; }
.ell-element-price { width: 160px; align: center; vertical-align: bottom; margin-bottom: 10px; } 
/* wrap item */
.nil-cell { width: 20%; height: 100px; border: 1px solid #eaeaea; border-right: none; border-top: none; } 
/* details */
.item-detail-black { font-family: Verdana, sans-serif; font-size: 11px; color: #000000; }
.item-detail-red { font-family: Verdana, sans-serif; font-size: 11px; color: #cc0000; }
.section-detail-black { font-family: Verdana, sans-serif; font-size: 13px; color: #000000; }
.section-detail-red { font-family: Verdana, sans-serif; font-size: 13px; color: #cc0000; } 
:hover { text-decoration: underline; } 

.LeftMenuMain { font-family: Verdana, sans-serif; font-size: 11px; color: #003366; font-weight: bold; text-decoration: none; }
.LeftMenuCat { font-family: Verdana, sans-serif; font-size: 10px; color: #003366; 
font-weight: bold; line-height: 12px; text-decoration: none; background-color:yellow; } 

IMG.PROD {
border-top: 1px solid #005E01;
border-bottom: 1px solid #005E01;
border-left: 1px solid #005E01;
border-right: 1px solid #005E01;
}



ul.features {
	list-style-type: disc;
	margin-top:10px;
	margin-left:2em;
	text-indent: 0px;
	}

ul.features li{ 
margin-top: -2px;

}

.link_image {
border: 1px solid #F1F1F1;
align: top;
} 

.link_name {
font-size: 10pt;
} 


#sboxhs{
text-align: left;
margin-left: 40px;
} 

#lheader
{
border-top: 1px solid #005E01;
border-bottom: 1px solid #005E01;
margin-left: -5pt;
}





#vertmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 160px;
padding: 0px;
margin: 29px;
}

#vertmenu h1 {
display: block; 
background-color:##333366;
font-size: 90%; 
padding: 3px 0 5px 3px;
border: 1px solid #000000;
color: #324AA4;
margin: 0px;
width:159px;
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
font-size: 80%;
display: block;
border-bottom: 1px dashed #C39C4E;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #666666;
width:160px;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
background-color: #eeeeee;
}