/* ==============================================================================
 1.  APPLICATION SHELL
==============================================================================  */
.app-shell   {padding:0; margin:0;}
div.app-bgd   {background: url(../images/body-repeat-app.gif) 0 0 repeat-x; width:100%; height:218px; }
.main-body-app  {background: url(../images/page-top-app.gif) center top no-repeat; width:960px; height:79px; margin:0 auto;}
.app-container  {width:960px; margin:0 auto; float:left; margin-top:8px; text-align:center;}



/* ==============================================================================
 2.  CONTAINER AND LAYOUT STYLES
==============================================================================  */
.container_16 { margin-left: auto; margin-right: auto; width: 960px;}
.grid_2,
.grid_3,
.grid_4,
.grid_12,
.grid_16 { display: inline;float: left;margin-left: 10px;margin-right: 10px;}
.container_16 .grid_4 {width: 220px;}
.container_16 .grid_12 {width: 700px;}
.container_16 .grid_16 {width: 940px;}
.alpha {margin-left: 0;}
.omega {margin-right: 0;}
.container_16 .grid_2 {width: 100px;}
.container_16 .grid_3 {width: 160px;}
.container_16 .prefix_5 {padding-left: 300px;}
.clear {clear: both;display: block;overflow: hidden;visibility: hidden; width: 0;height: 0;}


/* ==============================================================================
 3.  HEADER STYLES
==============================================================================  */
.header   {height:111px;}
.header h1, .header h1 a {height:93px; width:220px; display:block;  margin: 0; padding: 0; }
.header img {border:none; outline:none; }
form.header-login{float:right; height:37px; margin-right:10px; color:#414141; line-height:3em; font-size:11px;}
.header-login input[type="text"] { height:15px; font-size:11px; color:#414141; border:1px solid #ccc; padding:0 5px; margin-top:8px; width:96px; float:left; clear:right;}
.header-login input[type="password"] { height:15px; font-size:11px; color:#414141; border:1px solid #ccc; padding:0 5px; margin-top:8px; width:96px; float:left; clear:right;}
.header-login input[type="image"] { height:16px; width:64px; margin-top:8px; padding:0;}
form.header-login a:link,
form.header-login a:visited,
form.header-login a:active   {text-decoration:none; color:#414141; line-height:3em; font-size:11px;}
form.header-login a:hover   {text-decoration:underline;}
/* === Header Phone and Live Chat Icons ===*/
.header-phone,
.header-live-chat { padding-top:10px; text-align:right;}
/* === Social Icons ===*/
#social-icons  {height:17px; margin-top:13px;}
#social-icons ul {padding:0; margin:0 10px 0 0; list-style:none; float:right;}
#social-icons li {list-style:none; display:inline; margin:0 5px 0 0; padding:0;}
/* === Main Menu ===*/
.main-menu   {float:right;}
/* === Admin Menu === */
.admin-menu     {float:right; height:37px; margin-right:10px;}
/* ==== SUBPAGE HEADERS ==== */
#page-header  {height:70px; margin:0; padding:0; font-family: Geneva, Arial, Helvetica, sans-serif;}
#page-header h2  {color:#FFF; font-size:30px; font-weight:normal; margin:22px 0 0 30px; padding:0; line-height:1.25em;}
/* Rules to make the login form username and password fields look the same*/
.login-field-user
 {
/*
 font-size:10px;
 color:#0a4054;
 width:104px;
 margin-top:3px;
 padding:2px;
 background:#FFF;
 border:1px solid #ccc;
*/
 }
.login-field-password
 {
/*
 font-size:10px;
 color:#0a4054;
 width:104px;
 margin-top:3px;
 padding:2px;
 border:1px solid #ccc;
*/
 background:url(/images/image_css/password.gif) no-repeat 3% 50% #FFF;
 }
.left{float:left;} 
.margin-right-10{margin-right:10px;}
/* ==============================================================================
 4.  MENU STYLES
==============================================================================  */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {margin:0; padding:0;list-style:none;font-family: Geneva, Arial, Helvetica, sans-serif;font-size:12px;line-height:1.8em;color:#000000;}
.sf-menu {line-height: 1.0;}
.sf-menu ul {position: absolute;top:-999em;width: 10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float: left;position:relative;}
.sf-menu a {display:block;position: relative; outline: 0; font-weight:normal;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {left:0;top: 3.35em; /* match top ul list item height */ z-index:99;}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {left:10em; /* match ul width */top:0;}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */ top:0;}
/* =========== ListSource Skin ==============*/
ul.sf-menu       {margin:4px 0 0 0; padding:0; right:0px;}
ul.sf-menu li span.large  {font-size:16px; text-transform:uppercase;}
.sf-menu {float:left;margin-bottom: 1em;}
.sf-menu a {padding: .4em 1em;text-decoration:none; color:white;text-transform:uppercase;}
.sf-menu a, .sf-menu a:hover, .sf-menu a:visited {color:#C75B12;text-decoration:none;background:none;}
.sf-menu li {background:none;}
.sf-menu li li, .sf-menu li li a, .sf-menu li li a:visited, .sf-menu li li a:active{background:#C75B12;color:white;}
.sf-menu li li li {background:#9AAEDB;}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {outline: 0; text-decoration:none;}
.sf-menu li li a:hover {background: #004054;color:white;}
.sf-menu li a:hover,
li.sfHover a {color:#004054;}
/*** arrows **/
.sf-menu a.sf-with-ul { padding-right:  2.25em; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator { position:absolute;display:block;right:.75em;top:1.05em;width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url('../images/arrows-000.png') no-repeat -10px -100px;}
a > .sf-sub-indicator {  top:.8em;background-position: 0 -100px; /* use translucent arrow for modern browsers*/}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; /* arrow hovers for modern browsers*/}
/*** shadows for all but IE6 ***/
.sf-shadow ul { background: url('../images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0;-moz-border-radius-bottomleft: 17px;-moz-border-radius-topright: 17px;
 -webkit-border-top-right-radius: 17px;-webkit-border-bottom-left-radius: 17px;}
.sf-shadow ul.sf-shadow-off { background: transparent;}


/* ==============================================================================
 5.  FOOTER STYLES
==============================================================================  */
.footer  {background:url(../images/footer-bgd.gif) 0 0 repeat-x; height:144px; width:100%; float:left; margin-top:20px; font-family: Geneva, Arial, Helvetica, sans-serif;}
.footer-col1 {float:left; clear:right; height:144px; width:220px; background:url(../images/footer-divider.gif) top right no-repeat;}
.footer-col1 p  {font-size:10px; line-height:1.25em; color:#424242; padding:42px 10px 0 0px;}
.footer-col1 img { float:left; padding:42px 10px 0 0px;}
.footer-col2,
.footer-col3,
.footer-col4,
.footer-col5 {float:left; clear:right; height:144px; width:160px; margin-left:20px;}
.footer-col1,
.footer-col2,
.footer-col3,
.footer-col4 {background:url(../images/footer-divider.gif) top right no-repeat; height:144px;}
ul.footer-links  {margin-top:40px; padding:0;}
ul.footer-links li {list-style:none; margin:0; padding:0; line-height:16px; font-size:11px; color:#424242;}
ul.footer-links li a,
ul.footer-links li a:visited,
ul.footer-links li a:active  {text-decoration:none; color:#424242; font-weight:normal;}
ul.footer-links li a:hover  {text-decoration:underline; font-weight:normal;}
ul.footer-links2 {margin-top:65px; padding:0;}
ul.footer-links2 li {list-style:none; margin:0; padding:0; line-height:12px; font-size:10px; color:#424242;}
.footer-logo {float:left; padding-right:5px;}

/* ==============================================================================
 6. SILVER & BLACK BUTTON
==============================================================================  */
.widget-submitapp 
{ background:url(../images/image_css/widget-submit-btn.gif) 0 1px repeat-x; 
height:26px;
width:100px;  
border:1px solid #b2b4b5; 
padding:15 15px; 
font-size:14px; 
color:#333; 
margin:0;
}
/* ================== BROWN BUTTON LARGE===================== */
a.brown-button-large
{
background: transparent url(/images/image_css/brown-button-large-left.gif) no-repeat top left;
display: block;
float: left;
font: normal 18px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 36px; /* Height of button background height */
padding-left: 30px; /* Width of left menu image */
text-decoration: none;
margin:10px 10px  10px  20px ;
text-shadow:#333 1px 1px;
}
.widget-submitapp:hover {color:#4CA3C9; border:2px solid #5eb6e4;}
a:link.brown-button-large, 
a:visited.brown-button-large, 
a:active.brown-button-large  {color: white; /*button text color*/text-decoration:none; }
a.brown-button-large span
{
background: transparent url(/images/image_css/brown-button-large-right.gif) no-repeat top right; display: block; padding: 10px 40px 11px 0; /*Set 9px below to match value of 'padding-left' value above*/
}
a.brown-button-large:hover /* Hover state CSS */{ background-position: bottom left; }
a.brown-button-large:hover span /* Hover state CSS */{  background-position: bottom right; color:#5eb6e4; }
.shadow-bar {background:url(../images/image_css/shadow-bottom.png) top center no-repeat; height:22px; margin-top:20px; margin-bottom:20px; }