/* 
	site.css
	
	All attributes in alpha-numeric order starting from 0-9 A-Z
	x = horizontal, y = vertical
	property: trbl, tb rl, t rl b, t r b l;
	bg shorthand: background: color url() repeat vertical-position horizontal-position;
	All font names should be quoted "Arial" 
	However, font families like Serif, Sans-Serif and Monospace do not need quotes.

*/

/* TABLE OF CONTENTS
-----------------------------------------------------------------------------
	
*/

/* 1. BASE 
	no editing required
----------------------------------------------------------------------------- */

#base {
 background-color: #000000;
 overflow: auto;
 position: relative;
 margin: 0px auto;
 margin-top: 25px;
 width: 986px;
}

/* 2. HEADER
	no editing required
----------------------------------------------------------------------------- */

#header {
 width: 986px;
}

#nav {
 width: 986px;
 min-height: 47px;
 background-image: url(../images/navbg.jpg);
 background-repeat: no-repeat;
 font-size: 13px; 
}
#nav ul li{
 float: left;
 display: inline;
 list-style-type: none;
 margin-top: 17px;
 margin-right: 25px;
 text-transform: uppercase;
 color: #fff;
}

.home {
 margin-left: 17px;
}

.men {
 margin-left: 19px;
}

.women {
 margin-left: 12px;
}

.boys {
 margin-left: 9px;
}

.homegoods {
 margin-left: 5px;
}

.gallery {
 margin-left: 4px;
}

.faq {
 margin-left: 4px;
}

.events {
 margin-left: 14px;
}

.about {
 margin-left: 13px;
}

.contact {
 margin-left: 0px;
}

/* Visited Code */
#index #nav .home  {
 color: #999999;
 }
 
#men #nav .men  {
 color: #999999;
 }
 
#women #nav .women {
 color: #999999;
 }
 
#boys #nav .boys {
 color: #999999;
 }
 
#homegoods #nav .homegoods {
 color: #999999;
}
 
#showcase #nav .gallery {
 color: #999999;
 }
 
#faq #nav .faq {
 color: #999999;
 }
 
#events #nav .events {
 color: #999999;
 }
 
#about #nav .about {
 color: #999999;
 }
 
#contact #nav .contact {
 color: #999999;
 }
       
/* 3. CONTENT
	no editing required
----------------------------------------------------------------------------- */

#sidebar {
 float: left;
 display: inline;
}

#content {
 float: left;
 color: #ffffff;
 display: inline;
 margin-top: 10px;
}

.contentbox {
 float: left;
 display: inline;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 10px 0px;
}

#promobox {
 width: 945px;
 margin: 0px 0px 0px 0px;
 text-align: center;
}

#promobox img {
 float: center;
 display: inline;
 margin: 10px 5px 0px 5px;
}

.contentbox p {
 margin-top: 10px;
 }
 
.contentbox h1 {
 color: #66ff66;
}

#promo {
 float: left;
 display: inline;
 margin: 0px 0px 0px 10px;
}
/* 4. Products Details
	no editing required
----------------------------------------------------------------------------- */
.product_headline {
 background-color: #66ff66;
 margin-top: 5px;
 margin-bottom: 10px;
 font-size: 14px;
 color: #000;
 width: 250px;
 padding: 2px 2px 2px 2px;
}

.product_list {
 margin-left: 13px;
}

.product_thumbs {
 text-align: left;
}

.product_thumbs img { 
 margin: 5px 0px 0px 5px;
 float: left;
 display: inline;
}

.product_sizes {
 margin: 10px 0px 0px 40px;
 float: left;
 display: inline;
}

.product_listing {
 float: left;
 display: inline;
 margin-left: 2px;
 margin-top: 7px;
 text-align: center; 
}

.product_listing p {
 margin: 0px 0px 5px 0px;
}

.product_listing a {
 color: #FFFFFF;
}

.product_listing a:visited {
 color: #FFFFFF;
}

.product_listing a:hover {
 color: #66FF66;
}

.product_gallery {
 text-align: left;
 margin-left: 2px;
}

.product_gallery img {
 margin: 5px 5px 10px 0px;
 float: left;
 display: inline;
}

.materialbox {
 float: left;
 display: inline;
 clear: both;
}

.materialbox img {
 float: left;
 display: inline;
 clear: both;
 margin: 5px 5px 10px 0px;
}

.nav_headline {
 background-color: #000000;
 border-bottom: 1px solid #333333;
 margin-top: 5px;
 margin-bottom: 2px;
 font-size: 14px;
 color: #66ff66;
 width: 197px;
}

.nav_headline a,.nav_headline a:active {
 color: #66ff66;
}

.nav_headline a:hover {
 color: #ffffff;
}

#product_nav {
 margin: 0px 0px 0px 10px;
}

#product_nav ul li {
 list-style-type: none;
}

.prod_name {
  width: 243px;
  height: 20px;
  background-color: #000000;
  padding: 10px 0px 10px 0px;
}

.prod_txt {
  float: left;
  margin: 3px 0px 5px 102px;
}

.prod_name img {
  float: right;
  margin: -4px 5px 0px 0px;
}

.styles {
 font-weight: bold;
 color: #66ff66;
 font-style: italic;
}

/* 5. Footer
	no editing required
----------------------------------------------------------------------------- */

#footer {
}