/* CLEARFIX: http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* THIS DOCUMENT IS STRUCTURAL */
body {position:relative;}

/* NOTHING IS OUTSIDE OF THE GLOBAL CONTAINER */
#global_container {position:relative; width:900px; margin:0 auto;}

/* PAD OUT CONTENT FROM EDGE OF DESIGN */
#page_container {position:relative; width:860px; padding: 0 20px 1px 20px;}

/* BANNER */
#banner_container {width:860px; height:60px; overflow:hidden;}
#logo {position:absolute; left:25px; top:26px;}
#search {position:absolute; right:20px; top:45px; z-index:50;}
#search input {margin:0; padding:2px;}
#search a {color:#666; padding:3px 5px; text-decoration:none; background:#ddd; border:solid 1px #ccc;}
#search a:hover {color:#000; padding:3px 5px; background:#ddd; border:solid 1px #999;}

/* NAVIGATION */
#main_navigation_container {position:relative; z-index:100; top:18px;}
#login_nav_container {position:absolute; width:860px; right:20px; z-index:110; top:0; background:url(../images/login-bg.gif) top right no-repeat; height:26px;}
#main_navigation, #search, #login_navigation {font-weight:normal; /*text-transform:lowercase;*/ font-size:12px; line-height:12px; height:28px;}
  #main_navigation li, #login_navigation li {margin:0; padding:0; list-style:none; float:left; border-right:solid 1px #ccc; background:none;}
  #login_navigation {float:right;}
  #nav_sat li {margin:0 0 0 5px;}
  #main_navigation li.last, #login_navigation li.last {border:none;}
  #main_navigation_container a, #login_navigation a {color:#666; padding:6px 16px 6px 10px; text-decoration:none; display:block;}
  #main_navigation a {float:left;}
  #main_navigation_container a:hover, #login_navigation a:hover {color:#000;}
    #main_navigation ul, #login_navigation ul {display:none; margin:0; text-transform:none; margin-top:-1px; padding:0; position:absolute; background-color:#fff; border:solid 1px #ddd; border-top:none;}
    #main_navigation ul li, #login_navigation ul li {float:none; display:block; border-top:solid 1px #ddd; padding:0; margin:0;}
    * html #main_navigation ul li, * html #login_navigation ul li {display:inline;}
    #main_navigation ul ul, #login_navigation ul ul {margin-top:0;}
    #main_navigation ul a, #login_navigation ul a {float:none; display:block; background:none; width:200px;}
    #main_navigation ul a:hover, #login_navigation ul a:hover {background-color:#ececec;}
    #main_navigation ul ul, #login_navigation ul ul {position:absolute;}
    #main_navigation .jd_menu_on, #login_navigation .jd_menu_on {background-color:#fff;}
    #main_navigation ul .jd_menu_on, #login_navigation ul .jd_menu_on {background-color:#fff;}
    #main_navigation .jd_has_sub_menu, #login_navigation .jd_has_sub_menu {background:url(../images/greyarrow-nav.png) no-repeat right;}
    #main_navigation ul .jd_has_sub_menu, #login_navigation ul .jd_has_sub_menu {background-image:url(../images/greyarrow-nav-sub.png);}


#login_navigation li.cart, #login_navigation li.login {padding-left:20px;}
#login_navigation li.cart {background:url(../images/icon-cart-empty.png) 10px 2px no-repeat;}
#login_navigation li.login {background:url(../images/icon-lock.png) 10px 2px no-repeat;}


/* CONTENT */
#content_container {position:relative; width:860px; margin:15px 0;}
#content_container .left {width:640px; float:left; margin-left:0px;}
#content {/*background:#fff url(../images/shadow-left-col.jpg) 210px top repeat-y;*/}

#banner {height:115px; position:relative; padding-bottom:20px; overflow:hidden;}
#banner {background:transparent url(../images/banners/earth.jpg) 0 0 no-repeat;}
object, embed {z-index:1;}
.book {display:block; float:left;}

/* FOR CREATING TWO COLUMNS IN CONTENT - OPTIONAL */
#column_left {width:200px !important; float:left;}
#column_right {width:200px; float:right; margin-left:20px;}
#profile_column_right {width:200px; float:right; margin: 0 0 50px 20px;}
#column_main {margin-left:225px;}

/* FOOTER */
#footer_container {font-size:10px; line-height:16px; color:#55626a; margin:15px 15px; clear:both;}
  #footer_container li {display:inline; border-left:solid 1px #ddd; padding:2px 8px; margin:0;}
  #footer_container li.first {border:none;}



/* HOME PAGE SHOWCASE */
	#showcaseContainer {height:205px; background:#fff url(../images/showcase/showcase-bg.jpg) 0 -15px no-repeat; margin:5px 0; overflow:hidden;}
	#promoSlider {
		color:#333; 
		font:bold 16pt/1.2em Arial, Helvetica, sans-serif; 
		width:860px;
		height:190px;
		overflow:hidden !important;
	}
	
	#promoSlider div {
		margin-top:85px; z-index:50;
	}


/* tooltip styling. uses a background image (a black box with an arrow) */ 
div.tooltip { 
    background:#f1f1f1;
	border:solid 1px #999; 
    padding:10px; 
    width:130px; 
    display:none; 
	z-index:50;
} 

#content #contact-form ul { list-style: none; margin: 0; }

#content #contact-form li { background: none; margin-bottom: 5px; padding: 0; }

#content #contact-form input[type="text"], #content #contact-form input[type="password"], #content #contact-form textarea { padding: 5px; width: 95%; }

#content #contact-form select { padding: 2px; }

#content #contact-form option { padding: 2px; }

#content #contact-form textarea { height: 150px; }

/* Error styles */
ul.error_list {margin: 15px 0 0 !important; border: 1px solid #cb0000; background-color: #fae1e1; width: 615px;}
ul.error_list li { padding: 1em !important; list-style: none; color: #cb0000; }
ul.notice-list {margin: 0; border: 1px solid #347bbe; background-color: #d6ebfe;}
ul.notice-list li { padding: 1em !important; list-style: none; color: #347bbe; }
#content .flash, .flash { background: #ffc; border: 1px solid #ff8; margin: 1em 0; padding: 1em; width: normal; }

div.error_list{
	border: 1px solid #cb0000;
	background-color: #fae1e1;
  margin: 3px 0 3px 0;
  text-indent: 130px;
	color: #cb0000;
	margin-top: 5px;
}

/* Region Selector Lightbox */
div.region_container{
	margin:0 auto;
	padding-top:30px;
	padding-bottom:20px;
	}
	div.region_container div.region_selector{
		float:left;
		margin-top:60px;
		margin-right:30px;
  }
  div.region_container div select{
    display:block;
    margin-bottom:15px;	
  }
	div.region_container img{
		float:left;
	}
div.lightbox-wrapper{
	padding:15px;
}

/* Register for event */

#content_container .register .form_container {background: #EAF2F0; margin: 10px 0 10px 0; padding: 10px;}

#content_container .register .update,
#content_container .register .addNew {float:right; clear:both; display:block; margin:5px;}

.register div.error_list{
	width: 286px;
  margin: 3px 0 3px 0;
  text-align: center;
}

/* this removes header shading from dialog title bar */
div.noTitle .ui-widget-header{
	background:none;
	border:none;
}
div.noTitle{
	border-width: 5px;
}