﻿body, div, p, h1, h2, h3, h4, ul, li, table
{
	margin:0;
	padding:0;
	border:none;
}
	 
body
{
	background: #6A2B24;	
	font-family: Verdana, Arial, sans-serif;
	font-size:76%;
}
img, img a 
{
	border: 0;	
}

.spacer { clear: both; }

/* =container
----------------------------------------------- */
#container
{
	width: 900px;
	margin: 4px auto 10px auto;
	background-color: #F9F7F4;
}

/* =masthead
----------------------------------------------- */
#masthead
{
	float: left;
	padding: 0px;
	width: 100%;
	height: 120px;
	border-bottom: solid 1px #999999;
}

	/* =banner
	--------------------------------------------- */
	#banner 
	{
		float: left;
		display: block;
		width: 550px;
		height: 120px;
	}
		#banner img 
		{
			width: 400px;
			height: 100px;
			margin: 10px 0 0 10px;
		}

	/* =navLinks
	--------------------------------------------- */
	#navLinks
	{
		margin: 0 0 0 615px;
		padding: 93px 0 0 0;
		height: 120px;
		color: #6A2B24;
		font-size: 11px;
		text-transform: uppercase;
	}
	#navLinks a:link, #navLinks a:visited
	{
		text-decoration: none;
		color: #6A2B24;
	}
	#navLinks a:hover
	{
		text-decoration: underline;
	}

/* =main
----------------------------------------------- */
#main 
{
	float: left;
	padding: 16px 6px 10px 6px;
	margin: 0;
	width: 888px;
}

	/* =content
	----------------------------------------------- */
	#contentContainer
	{
		float: left;
		width: 640px; 
		background: #DADAC5 url(../images/body_bg.gif) top left repeat;
	}
	#content
	{
		float: left;
		width: 592px; /* (total width: 640px) - (padding + margin) */
		min-height:450px;
		padding: 12px 20px 5px 20px;
		margin: 3px;
		border: solid 1px #000000;
		background-color: #ffffff;
	}

	/* =sideBar
	----------------------------------------------- */
	#sideBar
	{
		float: right;
		width: 230px;
		margin:0 0 0 8px;
		padding: 4px 2px;
		background-color: #EFECE6;
	}

/* =footer
----------------------------------------------- */
#footer
{
	clear: both;
	padding: 4px 0;
	margin: 0;
	background-color: #F1F0ED;
	color: #999999;
	text-align:center;
	font-size: 11px;
}
#footer a
{
	color: #999999;
}

/* =typography
------------------------------------------------*/
h1 
{
	padding: 0.6em 0 0.5em 0;
	margin-bottom:5px;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#B95E19;	
	color:#587292;
	font-family:Trebuchet MS, Verdana, Sans-Serif;
	font-weight:bold;
	font-size:1.2em;
	text-transform: uppercase;	
}

h2 
{
	padding: .25em 0 0.25em 0;
	color:#000000;
	font-family:Trebuchet MS, Verdana, Sans-Serif;
	font-weight:normal;
	font-size:1.1em;
}

h3 
{
	padding: .2em 0 0 0;
	color:#666666;
	font-weight:bold;
	font-size:1em;
}

p {
	margin-top: 6px;
	margin-bottom: 6px;	
	line-height:18px;
	text-align:left;	
}

ul.level1 
{
	margin:0;
	padding:4px 0 0 20px;
	list-style-type:square;
	border:none;
}

/* =links
----------------------------------------------- */
a:link, a:visited {
	color: #45518D;
	text-decoration: underline;
}
a:hover {
	color:#C39439;
	text-decoration: underline;
}


/* =other
----------------------------------------------- */
.notify 
{
	color: #B95E19;
	font-style:normal;		
	font-size: 1em;	
}

.listItem
{
	border-bottom: dotted 1px #6A2B24;
}

.panel
{
	vertical-align:text-top;
	padding: 10px 0 10px 10px; 
	margin: 5px 3px 5px 0;
	background-color:#F8F8E7; /*ffffe0*/
	border:1px solid #c9c9c9;
	border-collapse:collapse; 		
}

.pnlSearch
{
	vertical-align:text-top;
	padding: 10px 0 10px 10px; 
	margin: 15px 3px 15px 0;
	background-color:#fff; /*ffffe0*/
	border:1px solid #c9c9c9;
	border-collapse:collapse; 		
}
.pnlInfo
{
	vertical-align:text-top;
	padding: 10px 10px 10px 10px; 
	margin: 5px 3px 5px 0;
	background-color:#F8F8E7; /*ffffe0*/
	border:1px solid #c9c9c9;
	border-collapse:collapse; 
	font-size:0.9em;		
}

.pnlReview
{
	vertical-align:text-top;
	padding: 10px 10px 10px 10px; 
	margin: 5px 3px 5px 0;
	background-color:#F8F8F3; 
	border:1px solid #c9c9c9;
	border-collapse:collapse; 
	font-size:1.0em;			
}

/* =forms
----------------------------------------------- */

table
{
	font-family: verdana, Arial, sans-serif;
	font-size:11px;
}

td
{
	font-family: verdana, Arial, sans-serif;
	font-size:11px;
}

.panelTable table 
{
	padding: 10px 15px 25px 25px;	
	 background-color: #F9FBFD; 
	 color: #000000; 
	 width: 490px; 
	 border: 1px solid #E0E0E0; 
	 border-collapse:collapse;
	 text-align:left; 
}

.panelTable td { 
	border: 1px solid #E0E0E0; 
	padding: 10px 6px 10px 8px; 

}

.panelTableLarge table 
{
	 padding: 10px 15px 25px 25px;	
	 margin:10px 0 0 0;
	 background-color: #F9F7F4; 
	 color: #000000; 
	 width: 580px; 
	 border: 1px solid #E0E0E0; 
	 border-collapse:collapse;
	 text-align:left; 
}

.panelTableLarge td 
{ 
	border: 1px solid #E0E0E0; 
	padding: 10px 6px 10px 8px; 
}

.error
{
	vertical-align:text-top;
	padding: 12px 12px 12px 12px;  
	margin: 5px 3px 5px 0;
	background-color:#F8F8E7; 
	border:1px solid #c9c9c9;
	border-collapse:collapse;
	width:490px;
	color:#8E2323; 
}

.required
{
	padding: 0; 
	margin: 0;
	color:#8E2323;
	font-size:10px; 	
}

.optional
{
	color:#666;
}


/* =controls
----------------------------------------------- */

.button
{
	border:solid thin #dadac5;
	background-color:#F4F4E5;
	font-family:Verdana, Sans-Serif;
	font-size:11px; 
	cursor:hand;
}

.textbox
{
	border:solid 1px #cccccc;
	background-color:#F8F7F7;
	font-family:Verdana, Sans-Serif;
	font-size:11px; 	
}

.DropDownList
{
	font-family:Verdana, Sans-Serif;
	font-size:11px;	
}

.CheckBox
{
	font-family:Verdana, Sans-Serif;
	font-size:11px;	
}


/* =rating
----------------------------------------------- */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(../images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(../images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(../images/SavedStar.png);
}

.Rating
{
	cursor:crosshair;
	text-align:center
}
