﻿body
{
    background: #A4A4A4 url(images/background.jpg) repeat-x center top;
    font-family: Calibri, Arial;
    margin: 0px;
}

textarea
{
    font-family: Calibri, Arial;
    overflow: auto;
}

#h1
{
    background-color: #393939;
}

h1
{
    font-size: 10px;
    color: White;
    margin: 0px auto;
    margin-bottom: 30px;
    width: 960px;
    text-align: right;
    padding: 2px 0px;
}

h2
{
    color: #fff;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 30px;
    text-outline: 1px 1px white;
}

h3
{
    color: #fff;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 18px;
}

h3.sub
{
    color: White;
    text-transform: none;
    margin-top: -10px;
    font-weight: normal;
}

a
{
    color: White;
    text-decoration: underline;
}

a img
{
    border-width: 0px;
}

p
{
    margin: 10px 0px;
}

/* misc */
.breadcrumbs
{
    background-image: url(images/breadcrumbs.png);
    width: 903px;
    line-height: 31px;
    padding: 0px 10px;
    text-transform: uppercase;
}

.breadcrumbs a
{
    text-decoration: none;
}

.breadcrumbs-small
{
    background-image: url(images/breadcrumbs-small.png);
    width: 623px;
}

.imagebutton
{
    background-image: url(buttons/button.png);
    width: 120px;
    text-align: center;
    line-height:22px;
    height:22px;
    float:left;
    text-decoration:none;
    font-size: 12px;
}

/* master page */
form
{
    width: 960px;
    margin: 0px auto;
}

#head { background-image:none; height:57px; }

#cart, #promo, #logo, #leftArrow, #rightArrow { display:none; }

#nav
{
    background-image: url(images/nagivation-bg.png);
    height: 47px;
    padding: 0px 20px;
}

#nav a
{
    color: White;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 47px;
    margin: 0px 10px;
}

#nav a, #nav img
{
    vertical-align: middle;
}

#footer
{
    padding: 10px 20px;
    clear:both;
}

#footer a
{
    margin: 0px 10px;
}

.popupPanel a
{
    color: #FDB844;
}

/* text panel */
.textpanel
{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 15px;
    margin-bottom: 10px;
    color: White;
}

/* validators */
.highlight
{
    background-image: none !important;
    background-color: #fffacd !important;
    color: Black;
}

.alertbox
{
    position: absolute;
    padding-left: 45px;
    width: 216;
    background: url(images/aarow.png) no-repeat left top;
    color: Black;
}

.alertbox div
{
    min-height: 34px;
    width: 200px;
    padding: 8px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #FFEB8C;
}

/* form */
.form input.text, .form select
{
    height:26px;
    line-height: 26px;
}

.form input.text, .form textarea, .form select
{
    width: 99%;
    border:none;
    border:1px solid #979797;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin:3px 0px;
    padding:0px;
}

.form select  
{
    padding:5px 3px;
    height:31px;
    line-height:29px;
}
    
.form textarea
{
    height:116px;
}

.form th
{
    text-align: right;
    font-weight: normal;
    padding-right: 15px;
    line-height:34px;
}

/* messages */
.messages
{
	border: solid 1px black;
	margin: 10px 0px;
	background-color: #941c1d;
	
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0px;
}

.messages p
{
	color:#fff;
	margin: 7px;
}

.messages a
{
	color:#fff;
	font-weight: bold;
	text-decoration: underline;
}

/* table */
.table
{
    width: 100%;
}

.table th, .table td
{
    padding: 5px;
    text-align: left;
}

.table thead th
{
    background-color: #1C2A71;
    color: white;
}

.table tfoot th
{
    background-color: #EBB91D;
    color: Black;
}

.table .even td
{
    background-color: #808080;
}

.table .odd td
{
    background-color: #404040;
}

/* products */
.products
{
    width: 100%;
}

.products td
{
    width: 17%;
    text-align: center;
    vertical-align: top;
}

.products a
{
    display: block;
    margin: auto;
    width: 131px;
    height: 131px;
    background-position: center center;
}

.products h3
{
    font-size: 15px;
}
