/* 
Summary:

Red: #EE1C23
Orange: #EC7731
Grey: #9E9E9E
*/

/*
ACCESSIBILITY COMPLIANCE styles 
*/

h1, h2
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 15pt;
    color: #666;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color:#000; /*#EE1C23;*/
margin: 12px 0 8px 0;
}

a.aacomplinks { color: #fff; text-decoration: none; }

p, td 
{
    font-family: Arial, helvetica, sans-serif;
    font-size: 10pt;
    margin: 10px 0 10px 0;
}

* {
margin: 0;
padding: 0;
}

html, body {
margin: 4px 0 0 0;
padding: 0;
text-align: center;
height: 100%;
width: 100%;
background: #FFF url('../images/topnav_bg.gif') 0 91px repeat-x;
font-family: Arial, Verdana, sans-Serif;
font-size: 10pt;
color: #3c3c3c;
}

#container {
position: relative;
margin: 0 auto;
width: 800px;
text-align: left;
min-height: 100%;
}

* html #container { /* This is for IE6 */
height: 100%;
}

a:link, a:active, a:visited  { color: #000; }
/*a:hover { color :#EE1C23; }*/

a.grey_link:link, a.grey_link:active, a.grey_link:visited  { color: #999; }
a.grey_link:hover { color :#E73; }


/* ================== HEADER ================== */

#header-banner {
position: relative;
top: 0;
left: 0;
width: 800px;
height: 91px;
clear: both;
}

#logo-box {
position: absolute;
top: 0px;
left: 17px;
}

/* ================== CALENDAR ================== */

#calendar-box {
position: absolute;
top: 35px;
right: 20px;
width: 275px;
}

#calendar-box-inner {
}

#home-link-box {
display: block;
height: 34px;
font-size: 11px;
color: #9E9E9E;
text-align: center;
float: right;
}

#home-link-box-inner ul li {
list-style-type: none;
display: inline;
margin-left: 5px;
width: 100%;
font-weight:500;
position: relative;
top: 15px;
}

#ctl00_logoutbox  {
display: block;
height: 34px;
font-size: 11px;
color: #9E9E9E;
text-align: center;
float: right;
padding-left: 10px;
}

#ctl00_logoutbox ul li {
list-style-type: none;
display: inline;
margin-left: 5px;
width: 100%;
font-weight:500;
position: relative;
top: 15px;
}

#date-box {
display: block;
background: url('../images/calendar_bg.gif');
width: 33px;
height: 34px;
font-size: 0.8em;
font-weight: bold;
color: #EE1C23;
text-align: center;
float: right;
margin-left: 12px;
}

#date-box-inner {
width: 100%;
position: relative;
font-size: 13pt;
top: 13px;
}

#month-box {
position: relative;
display: block;
width: auto;
height: 34px;
font-size: 0.8em;
color: #EE1C23;
text-align: center;
float: right;
margin-left: 4px;
margin-top: 2px;
}

#month-box-inner {
position: relative;
top: 13px;
}

#tabstrip {
	width: 720px;
	background-color: #fff;
	display: block;
}

#tabstrip ul { padding: 0; }

#tabstrip li
{		
	background-color: #faa;
	border-right: solid 2px #fff;
	display: inline;
	padding: 8px 12px 8px 12px;
	float: left;
}

#tabstrip li a { color: #fff; text-decoration: none; font-weight: 700; }

#tabstrip li.selected_tab {
	background-color: #f00;
}

.bar
{
	height: 16px;
	width: 572px;
	border: solid 2px #f00;
	background-color: #f00;
	float: left;
}

.data_area
{
    text-align: center;
	width: 540px;
	/*border-left: solid 2px #f00;
	border-right: solid 2px #f00;
	border-bottom: solid 2px #f00;*/
	background-color: #fff;
	padding: 16px 0 16px 0;
	margin: 0px;
	float:left;
}

/* ================== TOP NAV ================== */

#top-nav {
position: relative;
width: 800px;
height: 40px;
clear: both;
margin: 0;
padding: 0;
border: 0;
z-index: 999;
clear: both;
margin-bottom: 22px;
top: -10px;
}

#top-nav img {
border: none;
padding: 0;
margin: 0;
background: #000;
}

#top-nav #tell-friend {
position: absolute;
top: 10px;
left: 17px;
float: left;
}

#top-nav #left-tabs {
position: absolute;
top: 10px;
left: 202px;
}

#top-nav #left-tabs ul li {
list-style-type: none;
display: inline;
}


#top-nav #right-tabs {
position: absolute;
top: 10px;
left: 696px;
white-space: nowrap;
}

#top-nav #right-tabs ul li {
list-style-type: none;
display: inline;
}

.month { vertical-align: bottom; }

/* ================== CONTENT WRAPPER ================== */

#content {
width: 800px;
float: left;
clear: both;
margin-bottom: 22px;
}

/* ================== LEFT COLUMN ================== */

#left-nav {
width: 162px;
float: left;
margin: 0 0 0 20px;
padding: 0;
}

#left-nav label
{
    font-size: 8pt;
}

#left-nav-inner-top {
position: relative;
left: 17px;
}

#left-nav-inner-bottom {
position: relative;
left: 0px;
}

.header-space-after {
margin-bottom: 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:small;
line-height:20px;
width: 144px;
}

.forgotten-password-link { font-size: 10px; }

/* ================== RIGHT COLUMN ================== */

#right-column {
width: 598px;
float: right;
margin: 0;
padding: 0;
}

/* ================== MY STORE LISTING ================== */

#mystore-listing {
width: 156px;
background: #F3F4F5;
float: left;
font-size: 11px;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
}

#mystore-listing ul {
list-style-type: none;
float: left;
}

#mystore-listing li {
border-bottom: 1px solid #CCC;
line-height: 20px;
float: left;
}

#mystore-listing ul .store-name {
margin-left: 10px;
float: left;
}

#mystore-listing ul .bell {
margin-top: 5px;
float: right;
margin-right: 8px;
}

#sales-listing img { padding-top: 2px; }
#sales-listing .status li { white-space: nowrap; }


/* ================== SALES LISTING ================== */

#sales-listing {
width: 100%;
text-align: left;
}

#sales-listing .PageNumber { padding: 0 2px 0 2px; }
#sales-listing .SelectedPageNumber { color: #000; text-decoration: none; padding : 0 2px 0 2px; }

#sales-listing ul.store-logo {
display: block;
width: 138px;
float: left;
text-align: left;
}

#sales-listing ul.store-logo li { padding-top: 4px; }

#sales-listing ul.store {
display: block;
width: 175px;
float: left;
/*background: #F3F4F5;*/
white-space: normal;
}

#sales-listing ul.store .store-name {
font-size: 12px;
color: #000;
text-align: left;
width: 150px;
float: left;
padding: 5px 0 0 2px;
}

#sales-listing ul.store .select-store 
{
text-align: left;
vertical-align: middle;    
font-size: 12px;
color: #000;
padding: 2px 0 0 40px;
float: left;
}

#sales-listing ul.store .select-store a { color: #000; }

#sales-listing ul.store .sale-name {
font-size: 12px;
text-align: left;
position: absolute; 
color: #f00; 
top: 28px;
left: 2px;
width: 344px;
}

#sales-listing ul.store .sale-name a { color: #f00; width: 344px; }
/*#sales-listing ul.store .sale-name a:hover { color: #EE1C23; width: 344px; }*/

#sales-listing ul.store li .inner {
position: relative;
/*width: 175px;*/
overflow: visible;
/*left: 17px;*/
}

#sales-listing ul.status {
display: block;
width: 84px;
float: left;
/*background: #F3F4F5;*/
text-align: center;
font-size: 11px;
}

#sales-listing ul.status li { padding-top: 6px; }

#sales-listing ul.all-stores {
display: block;
width: 36px;
float: left;
/*background: #F3F4F5;*/
text-align: center;
display: block;
}

#sales-listing ul.days-left {
display: none;
width: 60px;
float: left;
font-size: 16px;
font-weight: bold;
text-align: center;
}

#sales-listing ul.tellafriend 
{
    display: block;
    width: 100px;
    float: left;
    font-size: 11px;
    font-weight: bold;    
    text-align: center;    
}

#sales-listing ul.tellafriend a { color: #000; }

#sales-listing ul.tellafriend li { padding-top: 5px; padding-left: 8px; }
#sales-listing ul.days-left li { padding-top: 8px; }

#sales-listing ul .start-end {
    color: #000;
    font-weight: bold;
    text-align: center;
    font-size: 11px;
    width: 50px;
    padding: 0;
    margin: 0;
}

#sales-listing ul .days {
    color: #f00;
    font-weight: bold;
    text-align: center;
    font-size: 11px;
    width: 50px;
    padding: 0;
    margin: 0;
}

#sales-listing ul.days-left .day-count-red {
font-size: 16px;
font-weight: bold;
color: #EE1C23;
}

#sales-listing ul.days-left .day-count-orange {
font-size: 16px;
font-weight: bold;
color: #EC7731;
}

#sales-listing ul.info {
display: block;
width: 34px;
float: left;
/*background: #DEE0E5;*/
text-align: left;
}

#sales-listing ul.email-alerts {
display: block;
width: 100px;
float: left;
text-align: center;
font-size: 10px;
font-weight: bold;
line-height: 18px;
}

#sales-listing ul.email-alerts li { padding-top: 3px; }

#sales-listing label {
padding: 4px;
}
#sales-listing input {
vertical-align: middle;
}

#sales-listing ul.add-to-my-stores 
{
    display: block;
    float: left;
    width: 170px;
    text-align: left;
    font-size: 10px;
    font-weight: bold;     
}
#sales-listing ul.add-to-my-stores li { padding-top: 9px; }

#sales-listing ul.add-to-my-stores  a { color: #e12; text-decoration: underline; }
#sales-listing ul.eadd-to-my-stores  a:link { color: #e12; text-decoration: underline; }
#sales-listing ul.add-to-my-stores  a:visited { color: #e12; text-decoration: underline; }
#sales-listing ul.add-to-my-stores s a:hover { color: #000; text-decoration: underline; }

#mystores ul.add-to-my-stores a { margin-left: 35px; color: #666; }

#sales-listing ul.email-alerts a { color: #EC7731; text-decoration: underline; }
#sales-listing ul.email-alerts a:link { color: #EC7731; text-decoration: underline; }
#sales-listing ul.email-alerts a:visited { color: #EC7731; text-decoration: underline; }
#sales-listing ul.email-alerts a:hover { color: #EE1C23; text-decoration: underline; }

.sales-listing-display 
{
    font-size: 12px;
    color: #333;
    padding: 6px 0 0 0;    
    margin: 0 0 -12px 0;
}

.sales-listing-display input
{
    vertical-align: middle;
    padding: 1px;
    font-size: 12px;
}

#sales-listing ul li {
position: relative;
display: block;
list-style-type: none;
height: 39px;
vertical-align: middle;
}

#sales-listing #header
{    
    position: relative;
    top: -22px;
    left: 392px;
    font-size: 11px;
    color: #999;
    float: left;
}

#sales-listing #header #all-stores { text-align: center; width: 36px; float: left; }
#sales-listing #header #days-left { text-align: center; width: 80px; float: left; }
#sales-listing #header #free-email { text-align: center; width: 64px; float: left; padding-left: 37px; }

/* ================== FOOTER ================== */

#footer {
margin-top: 10px;
width: 780px;  
float: left;
font-size: 10px;
line-height: 1.2;
color: #9E9E9E;
}

#footer a { color: #9E9E9E; text-decoration: none; }
#footer a:link { color: #9E9E9E; text-decoration: none; }
#footer a:visited { color: #9E9E9E; text-decoration: none; }
#footer a:hover { color: #EE1C23; text-decoration: underline; }


#footer-inner-left ul li {
list-style-type: none;

margin-left: 17px;
float: left;
}

#footer-inner-right {
text-align: right;
width: 450px;
float: right;
}

#footer-inner-right p { margin: 0; }

#hr-footer {
display: block;
position: relative;
left: 17px;
width: 763px;
background: #CCC;
height: 2px;
float: left;
clear: both;
border: none;
line-height: 2px;
}

/* =================== CALENDAR ===============*/

a.monthNav { font-weight: bold; text-decoration: none; color: #000; }
a.monthNav:hover { font-weight: bold; text-decoration: none; color: #f00; }

.weekend { width: 80px; height: 60px; background-color: #fff; }
.weekday { width: 80px; height: 60px; background-color: #dedede; }
.has_sale { width: 80px; height: 60px; background-color: #f00; background-image: url(../images/red_gradient.png); }
.weekend table, .weekday table { width: 96%; height: 96%; }
.date_row { height: 24px; }
/* -- JOHNNY EDIT START -- */
.date_cell { width: 80px; font-size: 22pt; text-align: center; vertical-align: top; }
.text_cell { font-size: 10pt; text-align: center; vertical-align: bottom; }
/* -- JOHNNY EDIT END -- */
.header_cell { font-size: 8pt; text-align: center; vertical-align: top; font-weight: bold; }

.has_sale a { color: #ee1c23; }
.has_sale a:hover { color: #000; }

.data_area .day 
{
    font-size: 14pt;
    font-weight: bold;
    color: #f00;    
}

.calendar-table 
{
    background-image: url(../images/gradient.png);
    color: #fff;
    height: 32px;
    vertical-align: middle;	
    width: 574px;
    padding: 0 4px 0 4px;
}

.calendar-header
{
    font-size: 14pt;
    color:#fff;
    font-weight: 700;
    padding: 0;
    margin: 0;
}

.calendar-table a { color: #fff; font-weight: 400; } 
.calendar-table a:hover { color: #000; font-weight: 400; }

/* =================== My Stores Panel ==================== */

#MyStoresPanel 
{
    width: 160px;
}

#MyStoresPanel .header
{
    background-image: url(../images/MyStores_Header.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    height: 30px;
    text-align: right;
    vertical-align: bottom;
}

#MyStoresPanel .panel
{
    width: 148px;
    height: auto;
    border-left: solid 3px #A6A9AC;
    border-right: solid 3px #A6A9AC;
    border-bottom: solid 3px #A6A9AC;
    padding: 3px;
}

#MyStoresPanel .edit:hover
{
    
}

#MyStoresPanel .row
{
    border-bottom: solid 1px #ccc;
    height: 16px;
    padding: 2px;
}

#MyStoresPanel .alternating-row
{
    background-color: #eee;
    border-bottom: solid 1px #ddd;
    height: 16px;
    padding: 2px;
}

#MyStoresPanel .footer { margin-top: 10px; margin-left: 4px; }
#MyStoresPanel .footer a { font-weight: bold; text-decoration: none; }
#MyStoresPanel .footer a:hover { font-weight: bold; text-decoration: none; }
#MyStoresPanel .footer a.disabled { color: #aaa; font-weight: normal; text-decoration: none; }
#MyStoresPanel .footer a.disabled:hover { color: #aaa; font-weight: normal; text-decoration: none; }

.validationSummary 
{
    padding: 12px;
    color: #c00;
    margin-bottom: 12px;
    width: 556px;
}

#sale_image_container { float: left; width: 50%; clear: left; } 
#sale_links_container { float: left; width: 50%; clear: right; }
hr { float: left; clear: both; width: 100%;border: none; border-top: solid 1px #ccc; }

td.label { width: 180px; vertical-align: top; }
td.seperator { width: 12px; text-align: center; vertical-align: top; }

.reminder_div { width: 116px; height: 116px; background-image: url(../images/reminder.jpg); margin: 34px 0 0 25px; }

.reminder_div:hover { background-image: url(../images/reminder_hover.jpg); }

#sale_header { width: 600px; margin-bottom: 12px; }
#sale_header #details { float: left; }
#sale_header #details img { float: left; }
#sale_header #sale_on_now { float: right; }
#sale_header #store_name { float: left; color: #666; font-size: 12pt; margin: 6px 0 0 8px; }
#sale_header #sale_dates { clear: left; color: #666; font-size: 12pt; margin: 5px; }
#sale_header #sale_dates img { margin: -4px 8px 0 0; }
.sale_location { font-size: 11pt; color: #666; }

#sale_description_container { margin: 6px 0 0 20px; }
#btnShare { cursor: pointer; }

#sale_controls { position: relative; }

#share_links 
{
    position: absolute;
    background-image: url(../images/share_bkg.png); 
    background-color: #fff;
    width: 249px;
    height: 149px;
    padding: 12px;
    top: 0;
    left: 319px;
    line-height: 20px;
}

#share_links a { text-decoration: none; }

#super_categories 
{
    background-image: url(../images/sc_bkg.png);
    background-position: top left;
    background-repeat: no-repeat;
    width: 494px;
    height: 89px;
    overflow: hidden;
    margin: 30px 0 15px 0;
}

#super_categories ul 
{
    margin: 12px 0 12px 15px;    
}

#super_categories li 
{
    display: inline;
    float: left;
    list-style-type: none;
    width: 158px;
    margin-bottom: 7px;
    font-family: Arial, helvetica, Sans-Serif;
}

#super_categories li a 
{
    text-decoration: none;
}

#super_categories li a:hover
{
    text-decoration: underline;
}