/* DFS Global Styles */

/* styles reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}

html {
	height: 100%;
}
body {
	line-height: 1;
	color: #293033;
	background: #dfdfdf url("../../image/discoverCard/body_bg.gif") top center repeat-y;
	height: 100%;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* end */


sup {
	vertical-align: top;
}

sup.reg {
	font-size: 13px;
	vertical-align: top;
}


h1 sup {
	font-size: 0.5em;
}

p sup {
	font-size: 0.7em;
}

a sup {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}
em {
	font-style: italic;
}
a {
	text-decoration: none;
	color: #267bb1;
}
a:hover {
	text-decoration: underline;
}
a.more {
	background: url("../../image/discoverCard/icon-arrow.gif") right .4em no-repeat;
	padding-right: 8px;
	line-height: 25px;
}
.clear {
	clear: both;
	line-height: 0px;
	font-size: 0px;
	height: 0px;
}
.clear20 {
	clear: both;
	line-height: 0px;
	font-size: 0px;
	height: 20px;
}
.left {
	float: left;
}
.right {
	float: right;
}

.hide {
	display: none;
}
.show {
	display: block;
}

.red {
	color: #ff0000;
}

.smallgray {
	font-size: .7em;
	color: #8a9499;
}

.regtext {
	font-size: .75em;
}

.secure-icon {
	float: left;
	margin: 3px 0 0 5px;
	display: inline;
}

.secure-icon-nofloat {
	margin-right: 5px;
	display: inline;
}

td {
	padding: 3px 5px 3px 0;
	font-size: .75em;
}

/* list styles */
ul.list {
	font-size: 100%;
}
ul.list li {
	font-size: .75em;
	padding-bottom: 5px;
}
ul.list li.last {
	padding-bottom: 0;
}
ul.list li.secure {
	background: url("../../image/discoverCard/icon-lock.gif") left top no-repeat;
	padding-left: 15px;
}
ul.sheets li{
	background: url("../../image/discoverCard/external-link.gif") left 1px no-repeat;
	padding-left: 17px;
}
ul.sheets li.last {
	padding-bottom: 0;
}

dl.list {
	margin: 0;
	font-size: .75em;
}
dl.list dt {
	margin-bottom: 4px;
}
dl.list dd {
	margin-bottom: 20px;
}
dl.list dd.last {
	margin-bottom: 0px;
}
/* FAQ styles */

dl#faq.faq dd p{
    font-size:100%;
}
.faq {
	margin-top: 15px;
}
.faq.inside-top {
	font-size: .75em;
	margin-top: 10px;
}
.faq dt {
	margin-bottom: 5px;
}
.faq dt a {
	background: url("../../image/discoverCard/icon-faq-arrow-inactive.gif") left 2px no-repeat;
	padding-left: 15px;
}
.faq dt a.active {
	background: url("../../image/discoverCard/icon-faq-arrow-active.gif") left 2px no-repeat;
}
.faq dt.last {
	margin-bottom: 0;
}
.faq dd {
	margin-bottom: 5px;
	padding-left: 20px;
	display: none;
}
.faq dd.last {
	margin: 5px 0 0 0;
}
.faq dd.last p {
	margin: 0;
}
.faq dd {
	line-height: 1.3em;
}
.faq.content-below {
	margin-bottom: 0;
}
.faq.content-below p {
	font-size:100%;
	margin: 0 0 8px 0;
	padding: 0;
	color:#293033;
	line-height: 1.2;
}
.faq.content-below p.last {
	margin-bottom:0px;
}
.faq ul.plain-list li {
	font-size: 100%;
	padding: 0 0 3px 10px;
}
.faq ul.plain-list li.last {
	padding-bottom: 8px;
}

/* /FAQ styles */

ol.plain-list {
	font-size: 100%;
	margin-left:33px;
	list-style-type:decimal;
	color: #293033;
}

ol.plain-list li {
	font-size: .75em;
	padding: 0 0 8px 0;
}
ol.plain-list li.last {
	padding-bottom:0;
}


ul.plain-list {
	font-size: 100%;
	color: #293033;
}
ul.plain-list li {
	font-size: .75em;
	padding: 0 0 8px 10px;
	background: url("../../image/discoverCard/bullet.gif") 0 .4em no-repeat;
	line-height:1.2;
}
ul.plain-list li.last {
	padding-bottom:0;
}


/* page wrapper */
#container {
	width: 970px;
	margin: 0 auto;
	background-color: #FFFFFF;
	min-height: 100%;
}
* html #container {
	height: 100%;
}

/* header */
#header{
	margin: 0 10px;
	padding: 0;
	font-size: .75em;
	color: #526066;
	width: 950px;
	height: 70px;
	position: relative;
}
#header #logo {
	float: left;
	margin: 20px 0 0 20px;
	display: inline;
}
#header #right-side {
	float: right;
	width: 700px;
	position: relative;
	height: 70px;
}
#header #topnavlinks { 
	padding: 0 0 25px 0;
	color: #cadadc;
	display: inline;
	line-height: .98em;
	z-index: 100;
	position: absolute; 
	top: 10px; 
	right: 5px;
}
#header #topnavlinks li {
	float: left;
	position: relative;
}
#header #topnavlinks li ul {
	margin: 0;
	padding: 3px 0;
	position: absolute;
	top: 12px;
	left: 0px;
	background-color: #FFFFFF;
	width: 130px;
	border:1px solid #b9c3c6;
	display: none;
}
#header #topnavlinks li:hover ul, #header #topnavlinks li.over ul {
	display: block;
}
#header #topnavlinks li ul li {
	float: none;
	display: block;
	padding: 1px 0;
}
/* Fix IE. Hide from IE Mac \*/
* html #header ul li { float: left; height: 1%; }
* html #header ul li a { height: 1%; }
/* End */
#header #topnavlinks a{
	color: #526066;
	margin: 0 5px;
}
#header #top-search {
	padding: 0;
	display: inline;
	position: absolute;
	bottom: 0px;
	right: 10px;
}
#header #top-search * {
	vertical-align: middle;
}
#header #top-search #login {
	display: inline;
	vertical-align: middle;
}
#header #top-search #login * {
	vertical-align: middle;
}
#header #top-search form {
	margin: 0;
	padding: 0;
	display: inline;
}
#header #top-search #lock {
	margin-right: 1px;
}
#header #top-search a {
	color: #267bb1;
	font-weight: bold;
}
#header #top-search #searchbox {
	margin: 0 5px 0 12px;
	color: #526066;
	font-family: Arial, Helvetica, sans-serif;
	width: 113px;
	border: 1px solid #9aa8ac;
	font-size: 12px;
	padding-left: 5px;
}

/* top navigation */
#nav { 
	background: url("../../image/discoverCard/bg-nav.jpg") left top repeat-x;
	width:950px; 
	margin: 5px 10px 0px 10px;
	padding: 0px;
	float: left;
	display: inline;
	font-size: .75em;
	font-weight: bold;
}
#nav li {
	float: left;
	border-left: 1px solid #e3e7e8;
	border-right: 1px solid #aab0b1;
}
#nav li a {
	color: #000000;
	padding: 0 20px;
	line-height: 30px;
}
#nav li a:hover {
	text-decoration: none;
}	
#nav li.active, #nav li.active:hover {
	background: url("../../image/discoverCard/bg-nav-active.jpg") left top repeat-x;
	color: #FFFFFF;
	border: none;
}
#nav li.active a {
	color: #FFFFFF;
	padding: 0 21px;
}

.login-buttons {
	margin: 13px 0 10px 10px;
 	clear: both;
 }
.login-buttons a{
	display: inline;
}
.login-buttons * {
	vertical-align: middle;
	font-size: .75em;
}

/* content container for page-wide elements */
.content {
	margin: 0 10px;
	width: 950px;
	position: relative;
}

.login-content {
	margin: 0 50px;
	width: 840px;
	position: relative;
}

/* breadcrumbs */
#breadcrumb {
	height: 40px;
	line-height: 40px;
	margin: 5px 10px;
	font-size: .69em;
	padding-left: 10px;
}
/* /breadcrumbs */

/* page title */
#page-title {
	padding: 0 30px;
}
#page-title h1 {
	line-height: 55px;
	font-size: 1.6em;
	float: left;
	font-weight: normal;
}
#page-title h1 sup {
	font-size: 9px;
	line-height: 45px;
}
#page-title #page-title-link {
	line-height: 55px;
	float: right;
}
#page-title #page-title-link a.question {
	padding-left: 17px;
	font-size: .8em;
	background: url("../../image/discoverCard/icon-question.gif") left 3px no-repeat;
}
#page-title #page-title-link a.more {
	font-size: .75em;
}

/* footer */
#footer {
	margin: 0 10px 0px 10px;
	width: 950px;
	font-size: .69em; 
	color: #c0c8cc; 
	border-top: 1px solid #c6d2d6;
	padding: 20px 0px 10px 0px;
}
#footer.nomargin {
	margin-top: 0px;
}
#footer strong {
	color: #8a9499;
}
#footer a {
	margin: 0 2px;
	color: #8a9499;
}
#footer a.first {
	margin-left: 0;
}
#footer p {
	margin: 0 0 13px 20px;
}
#footer p.alt {
	margin-bottom: 7px;
}
#footer p.copyright{
	color: #8a9499;
}
/* /footer */


/*  global buttons */

a.apply-now{
	background: url('../../image/discoverCard/apply-now-off.gif') no-repeat top left;
	width: 92px;
	height: 25px;
	float: left;
}

a.signup{
	background: url('../../image/discoverCard/signup-off.gif') no-repeat top left;
	width: 111px;
	height: 20px;
	display: block;
}

a.question-popup {
	width: 12px; 
	height: 12px;	
}

/* end global buttons */
.noflash{
	width: 950px;
	height: 390px;
	text-align: center;
	vertical-align: middle;
	background: url('../../image/discoverCard/bg-noflash.jpg') top left no-repeat;
	
}

.noflash-small{
	width: 710px;
	height: 234px;
	vertical-align: middle;
	background: url('../../image/discoverCard/noflash-fathersday.jpg') top left no-repeat;
}

.noflash-small .message{
	padding-top: 50px;
	font-size: 0.8em;
}

.noflash .message{
	padding-top: 120px;
	font-size: 0.8em;
}
.noflash .message p, .noflash-small .message p{
	line-height: 1.2em;
	padding-top: 15px;
}
.noflash .message a, .noflash-small .message a{
	text-decoration: none;
}
#important-info h1 sup {
font-family:Verdana,Arial,Helvetica,sans-serif;
vertical-align:super;
}

#pane1.pane .pane-content .student-link {
	font-size:.75em;
	padding-top:5px;
	clear:left;
	}

.noflash-small{
        width: 710px;
        height: 234px;
        vertical-align: middle;
        background: url('../../image/discoverCard/noflash-shopd-school.jpg') top left no-repeat;
        /*cursor:pointer;       */
        position:relative;
}

.noflash-small a.take-me-shopping {
        position:absolute;
        top:160px;
        left:30px;
        }
