/*
* Jeppesen Store Main CSS V1.0
* Implemeted as part of CER Phase 1.
*/

/* ------------------------------ GENERAL PAGE LAYOUT ------------------------------ */

.center-body { width:986px; margin:0 auto; text-align:left; }
#hd { position:relative; height:60px; margin-top: 10px; z-index:9000; }
#site-bc { margin: 20px auto 10px auto; }
#bd { margin: 10px auto 20px auto; width: 978px; line-height: 1.5; }
#site-widget { margin: 20px auto; width:  978px; }
#ft { margin: 20px auto; width:  978px; }

/* --------------- Header Layout --------------- */

#hd #site-logo { position:absolute; top:-2px; left:10px; #top:-10px; color:#00337F; font-size:24px; margin:10px 0 4px;}
#hd ul#site-utils { position: absolute; top: 0; right: -10px; }

/* ------------------------------ SITE UTILITIES ------------------------------ */
ul#site-util no-bullet {
	margin-right: -10px;
}
ul#site-utils li.util { background:transparent url(/main/store/images/ico/util-separator.jpg) no-repeat scroll top left; float:left; position:relative; top:8px; }
ul#site-utils li.util .util-separator-end { background:transparent url(/main/store/images/ico/util-separator.jpg) no-repeat scroll top right; position:absolute; top:0; right:0; width:1px; height: 50px; display:none; }
ul#site-utils li.util.first-util { background:none; #top: 2px; top:4px;}
ul#site-utils li.util .util-block { padding: 10px 15px 0px 15px; margin-left:1px; height:40px; position:relative; z-index:9000; white-space:nowrap; background: #FFF}
*html ul#site-utils li.util .util-block { width:0;}
ul#site-utils li.util .util-trigger { text-decoration:none; cursor:hand; cursor:pointer; }
ul#site-utils li.util .util-block .util-title { display:block; color:#646669; font-size:11px; white-space:nowrap; text-transform:uppercase; text-decoration:none;letter-spacing: 0;}
ul#site-utils li.util .util-block .util-desc { display:block; color:#999; white-space:nowrap; margin-top:3px; font-size:11px; }

ul#site-utils li.util .expander { background:url(/main/store/images/bg/util-arrow.gif) no-repeat center right; padding-right: 15px; margin-right: 4px;margin-top: -4px; }

ul#site-utils li.util .expanderright { height: 20px; background:url(/main/store/images/bg/bg-arrow-right.gif) no-repeat scroll 40px 5px; padding-right: 12px;  margin-right: 4px;margin-top: -4px; text-decoration:none; cursor:hand; cursor:pointer; }

ul#site-utils li.util.active .expander { background:url(/main/store/images/ico/btn-close-small.gif) no-repeat center right; }
ul#site-utils li.util.active { background: transparent url(/main/store/images/ico/util-separator.jpg) no-repeat scroll top left; z-index: 9900; }
ul#site-utils li.util.active .util-separator-end { display: block; }
ul#site-utils li.util .util-dialog { -moz-box-shadow:0 4px 0px rgba(64,64,64, 0.2); -webkit-box-shadow:0 4px 0px rgba(64,64,64, 0.2); box-shadow:0 4px 0px rgba(64,64,64, 0.2); display:none; position:absolute; margin-top:-10px; padding:0; font-size: 11px;}
ul#site-utils li.util .util-dialog .dl-bd { background:#fff; border:1px solid #ccc; padding:15px 13px 10px 20px; position:relative; top:0; height:auto; _height:200px; #height: 240px;}
*html ul#site-utils li.util .util-dialog .dl-bd { border-bottom-width: 4px; }
*:first-child+html ul#site-utils li.util .util-dialog .dl-bd { border-bottom-width: 4px; }
ul#site-utils li.util .util-dialog { width: 101%; }
ul#site-utils li.util .util-dialog ul { margin: 0; padding: 0;}
ul#site-utils li.util .util-dialog li { background:url(/main/store/images/bg/bg-arrow-right.gif) no-repeat 0 7px;#background:url(/main/store/images/bg/bg-arrow-right.gif) no-repeat 0 9px;  margin: 0; padding: 4px 0 4px 8px; border-top: 1px solid #e5e5e5; }
ul#site-utils li.util .util-dialog li.last { padding-bottom: 0; }
ul#site-utils li.util .util-block .util-desc .listmenu {background-color:#FFF; border:1px solid #D1D1D1; * border:0px none; font-size:11px; margin-bottom:5px; margin-top:5px; padding:2px; }
ul#site-utils li#site-account-util .util-dialog .dl-bd {height:auto;}

/* --------------- Region Utility --------------- */



/* --------------- Login Utility --------------- */

#login-error { border: 1px solid #FCEFA1; background-color:#FBF9EE; color: #CD0A0A; padding: 5px; margin: 0 0 5px 0;}
#login-error p { color: #CD0A0A; }
ul#site-utils li#site-login-util .util-dialog { width:395px; }
form#site-login label { font-weight: normal; }
form#site-login {margin: 0; }
form#site-login label.main-lbl { font-size: 1em; clear: both; display: block; }
form#site-login .site-login-input { font-size: 1.1em; clear: both; display: block; width: 100%; margin-bottom: 5px; }
form#site-login .ft-note { font-size: 0.9em; }
form#site-login .txtfield-login { width:170px; font-size:12px; border:1px solid #d1d1d1; padding:3px; margin-bottom:5px; }
form#site-login .checkbox { width:16px; height:16px; margin-left:0; margin-top:5px; }
form#site-login .btn-login { cursor:pointer; cursor:hand; margin:10px 0 15px 0; }
form#site-login .forgot-password { padding-right: 15px; background:url(/main/corporate/img/jepp/arrow-go.gif) no-repeat right; }
#new-cust-info {  border-left: 1px solid #F1F1F1; padding-left: 13px; height: 175px; width: 160px; position:relative; top:-170px; left: 195px; margin-bottom:-165px;#margin-bottom:-175px;_margin-bottom:-175px;}

/* --------------- Search Utility --------------- */

ul#site-utils li#site-search-util { width: 250px;}
ul#site-utils li#site-search-util form { margin: 0;}
ul#site-utils li#site-search-util .util-dialog { width: 100%; margin-top: -15px;}
*html ul#site-utils #site-search-util .util-dialog { margin-top: -20px; }
*:first-child+html ul#site-utils #site-search-util .util-dialog { margin-top: -20px; }
ul#site-utils #site-search-util .util-block { padding-right: 10px; margin-right:1px; }
ul#site-utils #site-search-util .util-block label, #site-search-util #search-form-input { margin-top: -4px; }
ul#site-utils #site-search-util .util-block label { font-size: 11px; text-transform: none; }
ul#site-utils #site-search-util .util-block #searchBtn { top: 7px; position: relative; }
*html ul#site-utils #site-search-util .util-block #searchBtn { top:0; }
*:first-child+html ul#site-utils #site-search-util .util-block #searchBtn { top:0; }
ul#site-utils #site-search-util .search { width:165px; font-size:12px; border:1px solid #d1d1d1; padding:1px; margin-bottom:5px; margin-top:5px; background-color:#fff; }
ul#site-utils #site-search-util .util-dialog .dl-bd { border-top: none; padding: 15px 0px 0px;}

/* --------------- Content Style --------------- */

html, body { margin: 0; padding: 0; height: 100%;  }
body {color: #666; font-family: arial,helvetica;}
/* font-size: 12px;  is tken off for current site compatibility */