/* CSS Document */


@import "innerstyles.css";


/*
---------------------------------------------
01. MAIN/DEFAULT ELEMENTS
---------------------------------------------
*/

body { margin:0; padding:0; background:url(../images/topbg.gif) repeat-x top right; height:100%; font-family:Arial, Helvetica, sans-serif}

p {font-size:13px; color:#333333; margin:0; padding:0; line-height:1.4em; text-align:left; padding-bottom:15px }
p a:link, p a:visited { text-decoration: underline;color:#0066cc;}
p a:hover { text-decoration:underline;color:#0066cc}

a {	color:#0066cc;	text-decoration:none;}
a:hover { text-decoration: none;}

h1 { margin:0; padding:0; font-size:23px; font-weight: normal; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; color:#666666; padding-bottom:20px}
h2 { margin:0; padding:0; font-size:20px; font-weight: normal; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; color:#fff; padding-bottom:10px}
h3 { width:660px; height:26px; float:left; background:url(../images/bluebar.gif); margin:0; padding:0; font-size:15px; font-weight: bold;color:#fff; padding-left:10px; margin-top:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; padding-top:4px}
h4 { margin:0; padding:0; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#98999b}

h5 { width:570px; height:26px; float:left; background:url(../images/bluebar_small.gif); margin:0; padding:0; font-size:15px; font-weight: bold;color:#fff; padding-left:10px; margin-top:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; padding-top:4px}

/*
---------------------------------------------
02. MAIN CONTAINER - 100% WIDTH
---------------------------------------------
*/

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

/*
---------------------------------------------
03. WRAPPER
---------------------------------------------
*/

#wrapper { width:890px; margin:0 auto; padding: 0; padding-bottom:90px; }

/*
---------------------------------------------
04. HEADER
---------------------------------------------
*/

#header { width:890px; height:140px; margin:0 auto; padding:0; text-align:center;}
#logo { width:135px; height:135px; float:left; background:url(/images/logo_fatcat.png) no-repeat}
#logo .logo-link {	position: absolute; width:135px; height:135px;}

#logo-rewards { width:240px; height:125px; float:left; background:url(../images/logo_fatcatrewards.png) no-repeat; margin-left:10px}


#nav { width:750px; float: right; position:relative; margin-top:95px;}

#nav ul { list-style:none; margin:0; padding:0; float: left;}
#nav li {margin: 0; width: auto; float:left;}
#nav li a {display: block; text-decoration: none; float:left; text-transform: none; color:#fff; font-size:12px; margin:0; padding:0; font-weight: bold; text-align:center; padding-top:20px;text-decoration:none; line-height:1.3em; width:93px; height:25px; background: url(../images/nav_active.png) no-repeat;background-position: 0 0;}
#nav li a:hover {width:93px;height:25px; background: url(../images/nav_hover.png) no-repeat;background-position: 0 0;}

#nav a#selected {width:93px;height:25px; background: url(../images/nav_selected.png) no-repeat;background-position: 0 0; color:#990000 }


/*
---------------------------------------------
05. CONTENT
---------------------------------------------
*/
#content { width:890px; margin:0; padding:0; margin-top:25px; overflow:auto; text-align: center;}

/*
---------------------------------------------
06. PANEL LEFT
---------------------------------------------
*/

#panel-left { width:500px; float:left; padding-right:20px; padding-bottom:20px}

/*
---------------------------------------------
07. PANEL RIGHT
---------------------------------------------
*/

#panel-right { width:310px; float:right; padding-right:20px; } 

/*
---------------------------------------------
08. FOOTER - 100% WIDTH
---------------------------------------------
*/

#footer {width:100%; float:left; text-align: left; position:relative; height:130px;		/* Height of the footer */ }

#footerbg { width:100%; float:left; background:#e1e1e1; border-top:1px solid #a3a3a3; height:54px; padding-top:25px; padding-bottom:10px }
#footerlinks { width:890px; margin:0 auto}
#footerlinks p { color:#666666; padding-bottom:7px; font-size:12px}
#footerlinks p a:link, #footerlinks p a:visited { text-decoration: none;color:#333; font-size:11px; padding-left:2px; padding-right:2px;}
#footerlinks p a:hover { text-decoration:underline;color:#333}

#footerlinks .copyright { padding-left:1px}


/*
---------------------------------------------
09. MISCELLANEOUS STYLES
---------------------------------------------
*/

img { border:none}
#buttons { width:100%; height:40px; margin-top:50px; float: left;}
#footerspacer { width:100%; height:40px; float: left;}

#spacer { width:100%; height:40px; float: left;}
#buttons .thumb { width:25px; height:25px; float: right; padding-right:5px}


/*
Form Errors
*/
#form_errors {
	font-size: 12px; font-weight: bold; font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	color:#000; margin-bottom:10px;
	text-align: left;
}