/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_concertinaslide_2.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This script and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

@import url("../css/megadropdown.css");
.menuPad {height:280px;}




div.shop_list{
width:210px;
float:left;
font-size:14px;
margin:10px 0 20px 17px;
line-height:1.3;
padding:0;
}
div.shop_list a{
color:#00f !important;
}

input{
border:1px solid #000;
}
form{
font-size:14px;
}
.textarea{
border:1px solid #000;
}

div.reward_list{
font-size:12px;
margin:0 0 0 15px;
width:700px;
position:relative;
padding:10px 0 15px 10px;
border-bottom:1px solid #000;
}
div.reward_list p{
margin:0 !important;
top:0;
left:0;
line-height:1.3 !important;
padding:0 !important;
}

div.reward_list div.reward_list_links{
position:absolute;
top:13px;
right:10px;
}

div.reward_list a{
margin-left:10px;
color:#00f !important;
}

div.reward_list a:hover{
color:#f00 !important;
}
form#rewards_index{
position:absolute;top:15px;right:30px;z-index:5000;
}

form#rewards_index a{
color:#00f !important;
margin-right:6px;
font-size:12px;
font-weight:bold;
}
form#rewards_index a:hover{
color:#f00 !important;
}


input.noborder{
border:1px solid #fff;
}
input.noborder2{
border-top:1px solid #fff !important;
border-right:1px solid #fff !important;
border-left:1px solid #fff !important;
}

form#reward_form p{
margin:10px 0 0 0;
font-size:12px;
}
form#reward_form div#one{
width:400px;
float:left;
margin:-20px 0 0 0;
padding:0;
}
form#reward_form div#two{
width:330px;
float:left;
margin:17px 0 0 0;
padding:0;

}
form#reward_form div#one label{
width:150px;
}
form#reward_form div#two label{
width:170px;
}

table#card_history{
font-size:12px;
margin-left:15px;
width:700px;
line-height:1.3;
}

table#card_history td{
vertical-align:top;
line-height:1.3;
}
table#card_history th{
padding-bottom:10px;
}
td.card_trans_date{
width:85px;
text-align:left;
}
td.card_trans_total{
width:130px;
text-align:right;
}
td.card_trans_bal{
width:150px;
text-align:right;
}
td.card_trans_spacer{
padding:20px 0;
background: transparent url(../images/card_trans_spacer_bg.gif) repeat-x 0 20px;
}

        .black_overlay{
            display: none;
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
            background-color: black;
            z-index:1001;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);
        }
        .white_content {
            margin:0;
            padding: 16px;
            border: 16px solid orange;
            background-color: white;
            z-index:1002;
            overflow: auto;
            text-align:left;
        }


a.help_link{
text-decoration:none;
font-size:12px;
font-weight:bold;
}	
a:hover.help_link {
color:#f00 !important;
text-decoration:underline;
}	

h3.help_h3{
margin:0;padding-left:10px;
}
p.para_one{
margin:5px 0;font-size:14px !important;padding:0 10px !important;line-height:1.5
}
p.para_two{
line-height:1.5;font-size:14px !important;padding:10px 10px 0 10px !important;
}
span.help_highlight{
color:red;
}

a#close_help{
text-decoration:none;
font-size:12px;
font-weight:bold;
position:absolute;
top:20px;
right:25px;
}
a:hover#close_help {
color:#f00 !important;
text-decoration:underline;
}	



/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: verdana;
	font-size: 12px;
	text-align: center;
	color: #000;
	background-color: #fff;
	border: 1px solid #000;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #000;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #fff;
	border: 1px solid #000;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
color:#000 !important;
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #fff;
	color: #000;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: #000;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	background: #000;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	background: #000;
	font-weight: bold;
	}
	
	div#header
	{
height:30px;


	}
	
#main {
width: 1056px;
margin: 0 auto; 
min-height: 300px;
background-color:#fff !important;
background-image:none !important;
text-align: left;
position:relative; 
padding-bottom:30px !important;
}

.float-wrap {
float: left;
width: 100% !important;
margin-left:0 !important;
 
}

div.inner
{
    width:100% !important;
}

div.outer
{
    padding-left:0 !important;
}

#content{
float: left;
padding:16px 10px;
position:relative;
color:#333;
width:700px;
}

#footer
{
    background:none;
    display:none;
    visibility:hidden;
}

div#content
{
    width:100%;
    min-height:700px;
}