* {margin:0; padding:0;}

html, body { height: 100%; }
 
body
{
    background-image: url('../images/background.gif');
    background-position: top center;
    background-repeat: repeat-y;
    background-color: #040077;
}

a
{
    color: #fff;
}

h2
{
    clear: both;
}

p
{
    margin: 1em 0;
}

#page-container
{
	width: 980px;
	margin: 0 auto;
	color: #fff;
	font-family: Verdana, Arial;
	font-size: 16px;
}

#header-container
{
	width: 980px;
	height: 170px;
    background-image: url('../images/header.jpg');
    background-color: #426d1f;
}

#header-container span
{
	height: 1px;
	overflow: hidden;
	display: block;
}

#navigation-container
{
	float: left;
	width: 187px;
	background-color: #3c5e1b;
}

#navigation-container ul
{
    list-style-type: none;
}

#navigation-container ul a
{
    display: block;
    width: 169px;
    padding: 9px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

#navigation-container a:hover
{
    background-color: #426d1f;
}

.currentPage
{
    background-color: #426d1f;
}

#navigation-address
{
	margin-top: 8em;
    padding: 9px;
    font-size: 12px;
}

#content-container
{
    float: left;
	width: 757px;
	padding-left: 18px;
	padding-right: 18px;
}

#footer-container
{
    background-color: #426d1f;
    clear: both;
	width: 757px;
	margin-left: 187px;
	padding: 18px;
	font-size: 12px;
}

.clearer
{
    clear: both;
}

.cartImage
{
    width: 252px;
    float: left;
    margin-bottom: 10px;
    text-align: center;
}

.cartImage img
{
    border: solid 5px #3c5e1b;
}

.cartTitle
{
    width: 252px;
    height: 20px;
    margin-top: 10px;
    text-align: center;
}

.list
{
    margin-left: 35px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.color-container
{
    margin: 20px;
    float: left;
    text-align: center;
}

.colorBox
{
    width: 50px;
    height: 50px;
    margin-bottom: 5px;
}

.box-blue
{
    background-color: #0a1f3a;
}

.box-green
{
    background-color: #1c3c27;
}

.box-white
{
    background-color: #f0ebe5;
}

.box-red
{
    background-color: #ac101b;
}

.box-yellow
{
    background-color: #ffd200;
}

.box-black
{
    background-color: #000;
}

.accessory
{
    width: 252px;
    float: left;
    text-align: center;
    padding-bottom: 10px;
}

.accessory img
{
    border: solid 5px #3c5e1b;
    display: block;
    width: 125px;
    height: 72px;
    margin: 0 auto 5px auto;
}

.accessory-blank
{
    height: 72px;
    line-height: 72px;
}

.equipment-column
{
	float: left;
	width: 50%;
}