 
body {
margin: 50px;
padding: 0;
background: #242021;
font: normal normal 81.25%/1.4em Verdana, Arial, Tahoma, Sans-Serif;
color: #eee;
}



img a, a img {
margin:0;
padding:0;
border:none;
}


div.hr {display: none}
/*/*/a{}
div.hr {display: block; height: 10px; background-image: url(images/hr.gif); background-repeat: no-repeat; background-position: left center; margin: 3px 0 0 10px;}
hr {display:none}/* */


p {
/* all p tags should be inside content divs, then they already have font and size formatting */
color: #eee; 
margin: 0 30px 5px 17px;
}





h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Georgia, Serif;
	color: #A11E23;
}
h1{
font-size: 220%;
margin: 12px 0 10px 15px;
}
h2{
font-size: 180%;
margin: 12px 0 10px 15px;
padding: 0;
}
h3{
width: 200px;
font-size: 130%;
margin: 12px 0 0 15px;
padding: 0 0 3px 0;
}
h4{
width: 180px;
font-size: 160%;
margin: 10px 0 0 10px;
padding: 0 0 10px 0
}



 

 
/* assigns colors to links based off of ID selectors  for link and visited */
#d111  a:link, #d2 a:link, #d3 a:link, #d4 a:link, #d5 a:link, 
#d7 a:link, #d8 a:link, #d9  a:link, #d92 a:link, #d1 a:link , #d94 a:link
{
    text-decoration: none; 
	color: red;
	border: 1px solid red;
}

 
#d21 a:link {
    text-decoration: none;
	color:#FF9900;
	border: 1px solid #FF9900;
}

#d11 a:link, #d17 a:link {

    text-decoration: none;
	color:yellow;
	border: 1px solid yellow;
}

#d13 a:link, #d24 a:link, #d19 a:link, #d15 a:link
{
     text-decoration: none;
	 color:green;
     border: 1px solid green;
}

#d16 a:link {

     text-decoration: none;
	 color:#33CCFF;
	 border: 1px solid #33CCFF;
}

#d10 a:link, #d23 a:link {

    text-decoration:none;
	color:#0000FF;
	 border: 1px solid #0000FF;
}

#d18 a:link, #d12 a:link, #d14 a:link, #d20 a:link, #d22 a:link, 
#d6 a:link, #d333 a:link, #d444 a:link, #d555 a:link, #d93 a:link{

    text-decoration:none;
	color:#9966CC;
	 border: 1px solid #9966CC;

}
 

/* assigns colors to links based off of ID selectors  for link and visited */
#d111  a:visited, #d2 a:visited, #d3 a:visited, #d4 a:visited, #d5 a:visited, 
#d7 a:visited, #d8 a:visited, #d9  a:visited, #d92 a:visited, #d1 a:visited, #d94 a:visited
{
    text-decoration: none; 
	color: red;
	border: 1px solid red;
}

 
#d21 a:visited {
    text-decoration: none;
	color:#FF9900;
	border: 1px solid #FF9900;
}

#d11 a:visited, #d17 a:visited {

    text-decoration: none;
	color:yellow;
	border: 1px solid yellow;
}

#d13 a:visited, #d24 a:visited, #d19 a:visited, #d15 a:visited
{
     text-decoration: none;
	 color:green;
     border: 1px solid green;
}

#d16 a:visited {

     text-decoration: none;
	 color:#33CCFF;
	 border: 1px solid #33CCFF;
}

#d10 a:visited, #d23 a:visited {

    text-decoration:none;
	color:#0000FF;
	 border: 1px solid #0000FF;
}

#d18 a:visited, #d12 a:visited, #d14 a:visited, #d20 a:visited, #d22 a:visited, 
#d6 a:visited, #d333 a:visited, #d444 a:visited, #d555 a:visited, #d93 a:visited{

    text-decoration:none;
	color:#9966CC;
	 border: 1px solid #9966CC;;

}
 
 /* assigns colors to links based off of ID selectors  for link and visited */
#d111  a:hover, #d2 a:hover, #d3 a:hover, #d4 a:hover, #d5 a:hover, 
#d7 a:hover, #d8 a:hover, #d9  a:hover, #d92 a:hover, #d1 a:hover , #d94 a:hover
{
    text-decoration: none; 
	color: red;
	border: 1px solid red;
	display: block;
	background: #A11E23;
            
}

 
#d21 a:hover {
    text-decoration: none;
	color:#FF9900;
	border: 1px solid #FF9900;
            display: block;
	background: #FBDCAE;
}

#d11 a:hover, #d17 a:hover {

    text-decoration: none;
	color:yellow;
	border: 1px solid yellow;
            display: block;
	background: #FFCC00;

}

#d13 a:hover, #d24 a:hover, #d19 a:hover, #d15 a:hover
{
           text-decoration: none;
	 color:green;
           border: 1px solid green;
           display: block;
	background: #3FD33F;

    
}

#d16 a:hover {

    text-decoration: none;
	color:#33CCFF;
	border: 1px solid #33CCFF;
    display: block;
	background: #A7DEF0;

}

#d10 a:hover, #d23 a:hover {

             text-decoration:none;
	color:#0000FF;
	 border: 1px solid #0000FF;
             display: block;
	background: #4D4DE4;

}

#d18 a:hover, #d12 a:hover, #d14 a:hover, #d20 a:hover, #d22 a:hover, 
#d6 a:hover, #d333 a:hover, #d444 a:hover, #d555 a:hover, #d93 a:hover{

    text-decoration:none;
	color:#9966CC;
	 border: 1px solid #9966CC;
            display: block;
	background: #AE92CB;

           

}


a:link {
    text-decoration: none; 
	color: yellow;

}

a:visited {
    text-decoration: none; 
	color: green;

}
	
	 
 
a:hover {
	text-decoration: underline; 
}
 
 
 
 /*Let Hand Menu  */
#left{	
 float: left;
 width: 184px;
 padding: 0;
 margin: 22px 0 75px 5px; /* this keeps footer below content */
 
}
#left ul {
	margin: 8px 0 0 10px;
	padding: 0;
	list-style: none;
	font-size: .9em;
	line-height: 1.6em;
}
#left li { 
	display: block;
	/*border: 1px solid #A11E23;*/
	margin: 5px 0 5px 0;
	padding: 0;
}
#left li a:link { 
	padding: 5px;
	display: block;
}
#left li a:visited { 
	padding: 5px;
	display: block;
}
 

#container{
width: 760px;
padding:0;
margin: 0 auto;
position: relative;
background: #000;
border: 1px solid #666;
}





#header{  
position: relative;  
top: 0; 
width: 760px; 
height: 130px; 
padding: 0; 

}





 .logo {  
     height: 200px;   
     width:758px;   
     position: relative;   
     left: -1px;   
     top: -46px;   
     font-size: .1em  
}  
.logo span {  
     background: url(images/new-banner.gif) no-repeat left top;   
     position: absolute;   
     left: 0;   
     top: 0;   
     display: block;   
     height: 200px;   
     width: 758px;  
     cursor: pointer;  
}  
.logo a:link, .logo a:visited, .logo a:hover  {  
     color: #242021;   
     text-decoration: none;  
}




.search-cart {
	position: absolute;
	top: 103px;
	right: 15px;
    width: 190px;
	padding-bottom: 5px;
	
}
.cart {
	position: relative;
	z-index: 200;
    margin: 0 0 0 5px;
    padding: 5px;
    font-size: 11px;
    font-weight: bold;
}
 







#search-bar {
	width: 730px;
	display: block;
	padding: 0;
	background: #A11E23;
	margin-left:15px;
	 
	height:43px;
	z-index: 100; 
}

.searchform {
	width: 370px;
	margin: 0;
	padding: 0;
}
.searchform input#s {
	width: 150px;
	border: 1px inset;
	padding: 1px 0 1px 2px;
}
.searchform label {
	margin: 0; 
	padding: 0;
	font-weight: bold;
	color: yellow;
}
 
.searchform form {
 position: relative; 
 top: 0;
 left: 15px;
}






#content{
 float: right;
 width: 550px;
 padding: 0;
 margin: 20px 0 75px 0; /* this keeps footer below content */
 position: relative;
}
.float-left {
	float: left;
}
.float-right {
	position: relative;
	top: 10px;
	right: 0;
	float: right;
}
.float-right label {
	font-size: .8em;
	font-weight: bold;
}
.float-right p {
	width: 250px;
}

#content ul {
	margin: 0 0 0 20px; 
	padding: 0;
	list-style: none;
}
.navigation {
	padding: 1em 1em 2em 1em; 
	margin: 0;  
	font-size: .9em;
}
.center {
	text-align: center;
}
.alignright {
	float: right;
}	
.alignleft {
	float: left;
}



 

#footer{
width: 760px;
height: 70px;
background: transparent url(images/footer.jpg) top center no-repeat;
text-align: center;
padding: 0;
z-index: 100;
position: absolute;
bottom: 0;
}
#footer p {
	margin: 15px 0 0 0;
	font-size: .8em; 
	color: yellow;
	font-weight: bold
}








 




 





 