/* **************************** GENERAL **************************** */

body {
	background-color: #191514;
	background-image: url('/images/background.gif');
	background-repeat: repeat;
	color: #aea098 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	text-align: center;
}

div#BackgroundGraphic 
{
    background-image: url('/images/backgroundgraphic.gif');
    height: 405px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 450px;
    z-index: -1;
}

div#Wrapper 
{
    background-color: #332c28;
    border: 3px solid #564a44;
	width: 950px;
	margin: 0px auto 0px auto !important;
	padding: 5px 5px 15px 5px;
	text-align:left;
}

div.PoweredBy {
	text-align: center;
	width: 950px;
}

.Left {text-align: left;}
.Right {text-align: right;}
.Centre {text-align: center;}
.Red {color: #CC0000;}
.NoBorder {border: 0px !important;}

h1 {color: #aea098;}
h2 {color: #aea098;}
h3 {color: #aea098;}
h4 {color: #aea098;}

img {border: 0px;}

/* **************************** TOP NAVIGATION **************************** */

div#Header 
{
    background-color: #010101;
    height: 240px;
    padding: 15px 0px 0px 0px;
    text-align: center;
}

    div.TopNavigationMenu {
		background-color: #222222;
		background-image: url('/images/topnavbackground.jpg');
		background-repeat: repeat-x;
		clear: both;
		color: #333333;
		height: 30px;
		margin: 0px 0px 0px 0px !important;
		padding: 0px !important;
		text-align: center;
		width: 950px;
	}
	
		div.TopNavigationMenu ul {
		    list-style: none;
        }
	
		div.TopNavigationMenu li 
		{
		    float: left;
			height: 30px;
			list-style: none;
		}
	
			div.TopNavigationMenu a 
			{
			    border-right: 1px solid #3A3A3A !important;
			    border-left: 1px solid #000000 !important;
				color: #fbdca7 !important;
				display: block;
				font-weight: bold;
				height: 18px;
				margin-top: 2px !important;
				padding: 5px 16px 5px 16px !important;
				text-decoration: none;
				text-align: center !important;
			}
			
			div.TopNavigationMenu a:hover {color: #fbdca7 !important;}

/* **************************** BOTTOM NAVIGATION **************************** */

div#Footer {
	background-color: #50453f;
	border-top: 1px solid #BFBFBF;
	clear: both;
	color: #fbdca7;
	margin: 5px 0px 0px 0px;
	padding: 10px;
	width: 930px !important;
}

    div#Footer a {color: #fbdca7;}

/* **************************** ERROR PAGES **************************** */

div#MainPage 
{
    clear: both;
    padding: 0px 20px 0px 0px;
	text-align: left;
}

	div#MainPage h1 {
		color: #FFFFFF;
		font-size: 20px;
		font-weight: normal !important;
        margin: 0px 0px 10px 0px;
        padding: 5px 0px 5px 0px;
        text-align: left;
	}
	
	div#MainPage h2 
	{
	    color: #FFFFFF;
	    font-size: 16px;
	    font-weight: normal !important;
    }
	
	div#MainPage p {clear: both;}
	
	div#MainPage a {
		color: #FFFFFF;
	}
	
    .Offer 
    {
        color: #CC0000;
        font-size: 20px;
        font-weight: bold;
    }
        
    div.ProductImage 
    {
        float: left;
        padding: 10px;
        width: 150px;
    }
    
    p.CustomerComment {font-style: italic;}

/* **************************** LEFT NAVIGATION **************************** */

div#LeftNavigation 
{
    float: left;
    padding: 5px 0px 5px 0px;
    width: 280px;
}

    div.LeftNavigation_Frame 
    {
        border: 1px solid #564a44;
        margin-bottom: 10px;
    }
    
        div.FrameHeader 
        {
            background-color: #808080;
            color: #FFFFFF;
            font-weight: bold;
            padding: 6px;
            text-align: left;
        }
        
        div.FrameContent 
        {
            padding: 10px;
            text-align: center;
        }
        
            div.FrameContent a
            {
                color: #fbdca7 !important;
            }
            
            div.FrameContent ul {text-align: left;}

div#Information
{
    float: right;
    width: 630px;
}