#banner {
	position: relative;
	margin-top: 24px;
}
	#javascriptBanner {
		margin-bottom: 20px;	
	}
		#bannerItems {
			width: 971px;
			height: 374px;
			color: #FFF;
		}
			.bannerItem {
				position: absolute;
				display: none;
			}
			.bannerItem:first-child {
				
			}
				.bannerItem img.itemImage {
					
				}
				.bannerText {
					position: absolute;
					top: 0px;
					left: 0px;
					padding: 74px 0px 0px 48px;
				}
					.bannerText * {
						margin: 0px;
						padding: 0px;
					}
					.bannerText h2 {
						width: 503px;
						font-size: 37px;
						line-height: 45px;
						font-family: "UniversLTW01-57Condense_723821", sans-serif;
						height:100px;
					}
					.bannerText p.buttonTitle {
						margin-top: 24px;
						margin-bottom: 8px;
						font-size: 16px;
						height:40px;
						vertical-align: bottom;
					}
		#bannerNav {
			display: none;
			position: absolute;
			left: 49px;
			top: 331px;
		}
			#bannerNav .bannerNavButton {
				float: left;
				width: 72px;
				margin-right: 15px;
				padding-top: 11px;
			}
			#bannerNav .bannerNavButton:hover {
				cursor: pointer;
				cursor: hand;
			}
				#bannerNav .bannerNavButton .buttonImage {
					float: left;
					border: 1px solid #FFF;
					margin-bottom: 8px;
				}
				#bannerNav .thumbText {
					display: none;
				}
				#bannerNav .bannerNavButton p {
					clear: both;
					margin: 0px;
					padding: 0px;
					font-size: 12px;
					line-height: 12px;
					color: #000;
					text-align: center;
				}			
				
/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 105px;
    left: 50%;
    
    margin-left: -487px;
    width: 971px;
    height: 374px;
    
    background-color: #666;
    color: #333;

    border: 1px solid black;
    padding: 2px;
}

/* [[[ Button classes ]]] */
input.jqmdX {
      position: absolute;
      right: 7px;
      top: 4px;
      padding: 0 0 0 19px;
      height: 19px;
      width: 0px;
      background: url(/themes/novatel/images/close.png) no-repeat top left;
      overflow: hidden;
}
input.jqmdXFocus {background-position: bottom left; outline: none;}

div.jqmdBC button, div.jqmdBC input[type="submit"] {
      margin: 8px 10px 4px 10px;
      color: #777;
      background-color: #fff;
      cursor: pointer;
}

/* [[[ Button classes ]]] */
input.jqmdX {
      position: absolute;
      right: 7px;
      top: -20px;
      padding: 0 0 0 19px;
      height: 19px;
      width: 0px;
      background: url(/themes/novatel/images/close.png) no-repeat top left;
      overflow: hidden;
}
input.jqmdXFocus {background-position: bottom left; outline: none;}

div.jqmdBC button, div.jqmdBC input[type="submit"] {
      margin: 8px 10px 4px 10px;
      color: #777;
      background-color: #fff;
      cursor: pointer;
}



.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}