 /* ----- Global properties declaration ----- */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, map, object, embed {  
	margin:0px; 
	padding:0px; 
	border:0px; 
}

body {
	font-size:12px; /* Fixes IE increase/decrease text size bug */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	background:#666 url(../../images/Background.gif) top left repeat-x;
	line-height:1.3em; /* Remember to update td and p declarations as well if this is changed */
}

/* ----- Heading Properties ----- */
h1,h2,h3,h4,h5,h6 { font-weight:bold; }
h1 a:link,h2 a:link,h3 a:link,h4 a:link,h5 a:link,h6 a:link,h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited { text-decoration:none; }

h1, h2 { margin:0px 0px 30px 0px; }
h3, h4 { margin:0px 0px 20px 0px; }
h5 { margin:0px 0px 10px 0px; }
h6 { margin:0px 0px 5px 0px; }

h1 { font-size:1.6em; }
h2 { font-size:1.5em; }
h3 { font-size:1.4em; }
h4 { font-size:1.3em; }
h5 { font-size:1.2em; }
h6 { font-size:1.1em; }

/* ----- Table Properties ----- */
td { line-height:1.3em; }

th {
	font-weight:bold;
	padding:3px 10px;
	background-color:#666;
	color:#fff;
	text-align:center;
}

/* ----- Generic Links ----- */
a:link, a:visited {
	color: #4d4d4d;
	text-decoration: underline;
}

a:hover, a:visited:hover { color:#808080; }


/* ----- Text Elements ----- */
p {
	margin: 0px 0px 1em 0px;
	line-height:1.3em;
}

.larger { font-size:1.2em; }
.large { font-size:1.1em; }
.small { font-size:0.9em; }
.smaller { font-size:0.8em; }

/* ----- Image ----- */
img {
	border:0px;
}

.no_border { border:0px; }

.bordered { border:1px solid #ccc; }

map { display:inline; }


/* ----- Page Breakers ----- */
hr {
	height:1px;
	color:#ccc;
	background-color:#ccc;
	border:0px;
}


/* ----- Lists ----- */
ul, ol {
	margin:10px 0px 10px 17px;
	padding:0px;
	list-style-position:outside;
}

ul { list-style-type:disc; }
ol { list-style-type:decimal; }

ul li, ol li { margin:0px 0px 5px 0px; }

ul.inline {
	margin:0px;
	padding:0px;
}

ul.inline li {
	display:inline;
	margin:0px 5px 0px 0px;
}


/* ----- User Interactivity Elements ----- */
input, select, textarea {
	font: 1em Arial, Helvetica, Tahoma, sans-serif;
	vertical-align: middle;
	padding:1px;
	margin:2px 0px;
}

form { display:inline; }

.checkbox, .radio {
	border:0px;
	padding:0px;
}

.full { width:95%; }

/* ----- Positioning ----- */
.clear_both { clear:both; }
.float_left { float:left; }
.float_right { float:right; }
.align_left { text-align:left; }
.align_right { text-align:right; }
.align_center { text-align:center; }
.valign_top, tr.valign_top td { vertical-align:top; }
.valign_middle, tr.valign_middle td { vertical-align:middle; }
.valign_bottom, tr.valign_bottom td { vertical-align:bottom; }

/* ----- Contextual IDs / Selectors ----- */
#wrapper {
	background-color: #fff;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	margin:0px auto;
	width:1000px;
}

#header 
{
	padding: 0px 10px 0px 12px;
	margin-bottom:5px;
	background-image: url("../../Images/HeaderBackground.gif");
	background-repeat: repeat-x;
}

#menu_top, #header_panel
{
	margin-left: 96px;
}

#menu_top
{
	height: 26px;
	background-image: url("../../Images/HeaderTopMenu.gif");
	background-repeat: no-repeat;
	padding: 0px 10px;
	line-height: 20px;
}

#menu_top a
{
	margin-left: 10px;
}

#menu_top input.textbox
{
	border:1px solid #999;
	width:70px;
	height:12px;
}

#nav
{
	height:20px;
	margin-top: 12px;
	margin-left:104px;
}

#nav a
{
	float:left;
	margin-right: 35px;
}

#header_panel
{
	margin-top: 10px;
	padding:6px 0 0 75px;
	height:41px;
	background: url("../../Images/HeaderPanel.gif") no-repeat top left;
}

#header_panel .cart
{
	display:block;
	width:99px;
	height:39px;
	float:right;
	margin:-11px 0px 0px 20px;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	padding:8px 0px 0px 42px;
	text-decoration:none;
}

#header_panel .rewards_cart
{
	background: url("../../Images/CartRewardsBackground.gif") no-repeat;
}

#header_panel .shopping_cart
{
	background: url("../../Images/CartShoppingBackground.gif") no-repeat;
}

#content_wrapper
{
	padding: 0px 10px 20px 12px;
}

.menu
{
	width: 230px;
}

.menu a
{
	display: block;
	border: none;
	text-decoration: none;
	line-height: 23px;
	height: 23px;
	background-repeat: no-repeat;
}

.menu a.selected
{
	font-weight:bold !important;
	color:#D60000 !important;
}

.menu .level_1 a
{
	padding-left: 10px;
	color: #fff;
	font-weight: bold;
}

.menu .level_2 a
{
	background-image: url("../../Images/MenuItem.gif");
	padding-left: 10px;
	margin: 0px 10px;
	color: #000;
	font-weight: bold;
}

.menu .level_3 a
{
	background-image: url("../../Images/MenuItemL3.gif");
	padding-left: 20px;
	margin: 0px 10px;
	color: #000;
	font-weight: bold;
}

.menu .level_4 a
{
	background-image: url("../../Images/MenuItemL4.gif");
	padding-left: 30px;
	margin: 0px 10px;
	color: #000;
	font-weight: bold;
}

.menu .level_5 a
{
	background-image: url("../../Images/MenuItemL5.gif");
	padding-left: 40px;
	margin: 0px 10px;
	color: #000;
	font-weight: bold;
}

.menu .level_1 a:hover
{
	color: #000;
}

.menu_red .level_1 a, .panel_title_red
{
	background: url("../../Images/MenuTitleRed.gif") no-repeat;
}

.menu_red .level_2 a:hover, .menu_red .level_3 a:hover, .menu_red .level_4 a:hover, .menu_red .level_5 a:hover
{
	color: #D60000;
}

.menu_green .level_1 a, .panel_title_green
{
	background: url("../../Images/MenuTitleGreen.gif") no-repeat;
}

.menu_green .level_2 a:hover
{
	color: #427800;
}

.menu_blue .level_1 a, .panel_title_blue
{
	background: url("../../Images/MenuTitleBlue.gif") no-repeat;
}

.menu_blue .level_2 a:hover
{
	color: #004D6D;
}


.panel_title
{
	color: #fff;
	font-weight: bolder;
	padding: 0px 10px;
	line-height: 23px;
}

.panel_content
{
	padding: 10px;
}

.panel_content_background
{
	padding: 4px 10px;
	margin: 0px 10px;
	background: url("../../Images/PanelContentBackground.gif") repeat-y;
}

.panel_group
{
	padding: 4px 10px;
	margin: 0px 10px;
	background: url("../../Images/PanelGroupBackground.gif") repeat-y;
}

.title_hall
{
	background-image: url("../../Images/HomeTitleHall.gif");
	background-repeat: no-repeat;
	height: 23px;
	padding: 35px 0px 0px 20px;
}

.title_hall_list
{
	background-image: url("../../Images/HomeTitleHallList.gif");
	background-repeat: no-repeat;
	height: 23px;
	padding-left: 20px;
}

#breadcrumb
{
	height: 32px;
	background-image: url("../../Images/BreadcrumbBackground.gif");
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-bottom:15px;
	font-size: 0.9em;
}

#content
{
	padding: 0px 0px 20px 10px;
}

.page_title
{
	height: 29px;
	line-height: 29px;
	background: url("../../Images/PageTitle.gif") no-repeat;	
	padding: 0px 15px 0px 10px;
	margin: 10px 0px;
	font-size: 1.4em;
	font-weight: bolder;
	color: #fff;
}

.page_title_red, .page_title_green, .page_title_blue
{
	height: 23px;
	line-height: 23px;
	padding: 0px 10px;
	margin: 10px 0px;
	font-weight: bolder;
	color: #fff;
	background-repeat: no-repeat;
}

.page_title_red
{
	background-image: url("../../Images/PageTitleRed.gif");
}

.page_title_green
{
	background-image: url("../../Images/PageTitleGreen.gif");
}

.page_title_blue
{
	background-image: url("../../Images/PageTitleBlue.gif");
}

.page_title_red a, .page_title_green a, .panel_title a
{
	color:White !important;
}

.data_item
{
	padding-left: 9px;
	vertical-align: top;
}

.data_item .thumb
{
	float: left;
	margin-right: 2px;
}

.data_item .thumb a.image
{
	display:block;
	width: 122px;
	height:80px;
	line-height:80px;
	margin-bottom:4px;
}

.data_item .thumb a.image img
{
	vertical-align:middle;
}

.special_title, .special_title a:link, .special_title a:visited
{
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: bolder;
	color: #D60000;
	margin-bottom: 10px;
}

.green_title, .green_title a:link, .green_title a:visited
{
	font-size: 1.2em;
	font-weight: bolder;
	color: #427800;
	margin-bottom: 10px;
	padding:10px 15px 0px 15px;
}

.product
{
	text-align: center;
	padding-bottom: 10px;
}

.product a:link, .product a:visited
{
	color: #004D6D;
	text-decoration: none;
}

.product a:hover
{
	color: #D60000;
	text-decoration: underline;
}

.product_thumb
{
	background: url("../../Images/ProductThumbBackground.gif") no-repeat;
	width: 109px;
	height: 98px;
	text-align: center;
	line-height: 93px;
	margin: 10px auto 10px auto;	
}

.product_thumb img
{
	margin-top: 5px;
	vertical-align:middle;
}

.photo_large
{
	background: url("../../Images/PhotoBackground.gif") repeat-y;
	padding: 10px 20px 10px 18px;
	text-align: center;
}

.border_right_white
{
	border-right: 1px solid white;
}

.padded_table td, .padded_table th
{
	padding:5px;
}
.account_points
{
	width: 201px;
	background: url("../../Images/ButtonAccountPoints.gif") no-repeat;
	padding-top: 95px;
	line-height: 1.1em;
	font-size: 2.5em;
	font-weight: bolder;
	color: White;
	text-align: center;
}

.page_panel_grey
{
	padding: 10px;
	margin: 0px 10px;
	background-color: #eee
}

.page_panel
{
	background: url("../../Images/PagePanelBackground.gif") no-repeat;
	height: 101px;
	padding: 10px;
}

.page_button_red:link, .page_button_red:visited, .page_button_green:link, .page_button_green:visited, .page_button_blue:link, .page_button_blue:visited, .page_button_grey:link, .page_button_grey:visited
{
	display:block;
	width:141px;
	height: 22px;
	line-height: 22px;
	font-weight: bolder;
	color: #fff;
	background-repeat: no-repeat;
	text-align: center;
	text-decoration: none;
}

.page_button_red:hover, .page_button_green:hover, .page_button_blue:hover, .page_button_grey:hover
{
	color: #cccccc !important;
}

.page_button_red
{
	background-image: url("../../Images/ButtonRed.gif");
}

.page_button_green
{
	background-image: url("../../Images/ButtonGreen.gif");
}

.page_button_blue
{
	background-image: url("../../Images/ButtonBlue.gif");
}

.page_button_grey:link, .page_button_grey:visited
{
	width: 81px;
}

.page_button_grey
{
	background-image: url("../../Images/ButtonGrey.gif");
}

#pager
{
	background: url("../../Images/PagerBackground.gif") no-repeat;
	height: 29px;
	text-align: center;
	color: #D60000;
	font-weight: bold;
	width: 540px;
	margin-top: 10px;
}

#pager, #pager td
{
	line-height: 29px;
}

#pager a:link, #pager a:visited
{
	font-size: 0.9em;
	color: #004D6D;
	line-height: 29px;
	text-decoration: none;
	font-weight: normal;
}

#pager a:hover
{
	color: #D60000;
}

#pager .previous
{
	float: left;
	margin-top: 2px;
	margin-left: 10px;
}

#pager .next
{
	float: right;
	margin-top: 2px;
	margin-right: 10px;
}

#footer
{
	height: 72px;
	background-image: url("../../Images/FooterBackground.gif");
	background-repeat: repeat-x;
	margin:0px auto;
	padding: 15px 20px;
	width:960px;
}

#footer, #footer a:link, #footer a:visited
{
	color: #aaa;
}

/* Messages */
.msg_error {
	margin:0px 0px 10px 0px;
	font-weight:bold;
}
	
.msg_error { color: #C20000; }
.msg_warning { color: #D07A00; }
.msg_info { color: #A66022; }

.form_error, .required {
	vertical-align:top;
	color: #C20000;
}

/* Skins */
.red { color: #D60000; }
.blue { color: #004D6D; }
.green { color: #427800; }

/* Grid */
.grid_pager
{
	padding: 6px 0px;
	text-align: right;
}

.grid_pager .grid_page_indicator, .grid_pager .total
{
    float:left;
    margin:0px 20px 0px 0px;
}

.grid_pager .total 
{
    font-weight:bold;
}

.grid_pager .buttons
{
	font-weight: bold;
}

/* Hall Of Fame */

.hall_of_fame td
{
	padding: 2px 5px;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
}

.hall_of_fame .heading td
{
	background-color: #93D9F8;
	font-weight:bold;
	text-align:center;
}

.hall_of_fame .row_a td
{
	background-color: #ddd;
}

.hall_of_fame .row_a td
{
	background-color: #eee;
}

/* Rate Table */
.rate_table
{
	border: 1px solid #999;
}

.rate_table td
{
	padding: 5px;
}

.rate_table table
{
	margin-top: 5px;
}

.rate_table table td
{
	padding: 0px 5px;
	background-color: #eee;
	border-bottom: 1px solid #ccc;
}

.rate_table .store_header
{
	background-color: #eeeeee;
	padding-top: 2px;
	font-weight: bold;
	font-size: 1.1em;
	border-bottom: solid 1px #cccccc;
}

.rate_table .red_header, .rate_table .blue_header, .rate_table .green_header
{
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

.rate_table .red_header
{
	background-color: #D60000;
}

.rate_table .blue_header
{
	background-color: #004D6D;
}

.rate_table .green_header
{
	background-color: #427800;
}

.rate_table a:link, .rate_table a:visited
{
	color: Black;
}

/* Store List Table */
.store_list_red, .store_list_blue, .store_list_green
{
	border: 1px solid #999;
}

.store_list_red td, .store_list_blue td, .store_list_green td
{
	font-size:12px;
	padding: 5px;
	text-align:left;
}

.store_list_red .title, .store_list_blue .title, .store_list_green .title
{
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	font-size:1.1em;
}

.store_list_red .title { background-color: #D60000; }
.store_list_blue .title { background-color: #004D6D; }
.store_list_green .title { background-color: #427800; }

.store_list_red .store_header, .store_list_blue .store_header, .store_list_green .store_header
{
	background-color: #eeeeee;
	padding-top: 2px;
	font-weight: bold;
	border-bottom: solid 1px #cccccc;
}

.store_list_red .store_header a { color:#D60000; }
.store_list_blue .store_header a { color:#004D6D; }
.store_list_green .store_header a { color:#427800; }

.store_list_red .info, .store_list_blue .info, .store_list_green .info
{
	font-size:11px;
	margin:5px 0px;
	text-align:right;
}

.store_list_red .info a, .store_list_blue .info a, .store_list_green .info a
{
	color:#427800;
}

/* Referral */
.name_badge:link, .name_badge:visited
{
	background: url("../../Images/PanelBadge.gif") no-repeat;
	width: 96px;
	height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 0.85em;
	line-height: 1.3em;
	color: #004D6D;
	padding: 2px;
	font-weight: bold;
	margin-bottom: 10px;
}
