@import url(../../resources/css/reset.css);
@import url(../../resources/css/typography.css);
@import url(../../resources/css/forms.css);

html, body{background:#eee url(images/bgtile.jpg) repeat-x 0 0;color:#000;cursor:default}
h1,h2,h3{color:#000064;font-weight:bold;line-height:1}
h1,h2{font-weight:bold;letter-spacing:-0.04em;}
h2 {font-size:20px}
h3 {font-size:16px}
h4 {font-size:14px}
a,a:visited{color:#003399}
a:hover{color:#6A6BFF}
hr{clear:both;border:solid 1px #ccc;margin:7px 0;*margin:0}
img{border:0;font-size:1px /*prevents additional padding when resizing text through browser*/}
q{font-style:italic}
sup{vertical-align:baseline;position:relative;bottom:0.35em;/*this method ensures IE will not adjust line-heights*/}
sub{vertical-align:baseline;position:relative;bottom:-0.25em;/*this method ensures IE will not adjust line-heights*/}
.leftcolumn{width:49.33%;float:left;padding-right:5px}
.rightcolumn{width:49.33%;float:right;padding-left:5px}
.clear{clear:both;height:0;line-height:0;/*IE Only:height and line-height provided to address a rendering error of empty containers*/}
.info{background:transparent url(images/info.gif) no-repeat left;padding-left:18px}

/*Structural Elements & Their Styles
---------------------------------------------------------*/
.PageWrapper{width:760px;margin:0 auto;_height: 1%}
/*Header*/
#Header{overflow:visible;position:relative;height:132px;width:100%;clear:both;background:transparent url(images/headerslogan.gif) no-repeat 375px 40px}
#Header h1{text-indent:-9999px;width:241px;position:absolute;left:-24px;z-index:9999;height:124px;background:transparent url(images/alinelogo.gif) no-repeat left 8px}
#Header h1 span{width:241px;height:110px;position:relative;top:-24px;display:block;cursor:pointer}
#Header h2{display:none}
#Header ul{margin:0;padding:0;list-style:none;position:absolute;top:84px;right:0}
#Header ul a, #Header ul a:visited, #Header ul a:focus{display:block;font:normal 18px/48px "Trebuchet MS", Arial, Helvetica, sans-serif;letter-spacing:-1px;text-transform:uppercase;float:left;padding:0 6px;color:#fff;text-decoration:none}
#Header ul a:hover, #Header ul a.rtsSelected {background:#40408b url(images/menu-hover-bg.gif) repeat-x left bottom;cursor:pointer}
#Header p.customerlogin{position:absolute;top:0;right:10px;text-indent:-9999px;background:transparent url(images/btn-customerlogin.gif) no-repeat 0 0;z-index:1}
#Header p.customerlogin a, #Header p.customerlogin a:visited, #Header p.customerlogin a:focus{outline:none;width:178px;height:29px;display:block}
.rtsLevel{height:132px}
.rtsOut{padding-right: 0px !important; }
.rtsIn{padding: 0 !important; }
.rtsTxt{padding: 0 !important; }

.contentleftcolumn{float:left;width:49%}
.contentrightcolumn{float:right;width:49%}

/*Content*/
#Content{margin:1.5em 0}
#Content ul{list-style-type:disc}
#Content img{border:solid 4px #fff}
#Content * img{border:none}

/*Front Page*/
#FrontPage #Specials .content{margin:0;padding:0;line-height:1;font-size:0;height:190px}
#FrontPage #WelcomeWrapper h2{background-color:#fff}
#FrontPage #WelcomeContent{padding:2em 0 1em 0;}
#FrontPage #WelcomeContent ul{list-style-type:disc}
#FrontPage #WelcomeContent img{border:solid 4px #fff}
#FrontPage #WelcomeContent * img{border:none}
/* Note: the heights of the following two classes must be kept in synch */
#FrontPage .leftcolumn .content { background-color:#f4f4f4;height:306px}
#FrontPage .rightcolumn .content {background-color:#ccc;height:143px;overflow:hidden;padding:0}

/*Nascar Tickets*/
#NascarTickets .content{background-color:#ccc;height:143px;overflow:hidden;padding:0}

/*News*/
#News .content{background:#dbdbdb url(images/news-content-bg.gif) repeat-x left top}
#News.basket h2{background:#cc0000 url(images/red-h2-bg.gif) repeat-x left bottom;color:#fff;border-bottom:solid 2px #fff;margin-bottom:0}
#News .viewallnews{position:absolute;top:21px;right:16px;text-transform:uppercase;font-size:11px;font-weight:bold}
#News .viewallnews a{color:#fff;padding:6px}
#News .viewallnews a:hover{text-decoration:none;color:#ffcc00}
.newsFullStory {margin:0;line-height:1}
.sf_newsList{margin:0 !important;list-style:none;border-top:0px !important;overflow:hidden}
.sf_newsList li{border-top:solid 1px #cfcfcf;margin:-1px 0 0 0 !important;padding:1em 0 !important}
.sf_newsList h2{border:none !important;background:none !important;padding:0 !important;margin:0 !important;font-size:16px}
.sf_newsList p {margin:0}
.sf_newsTitle a{color:#660000;display:block;font-size:16px;font-weight:bold;line-height:1;margin:0;letter-spacing:-1px;text-decoration:none}
.sf_newsTitle a:hover{color:#cc0000}
.sf_newsDate{color:#666;display:block;font-size:10px;line-height:1.5;font-weight:bold;padding:0;margin:0.15em 0}
.sf_singleNews h2 {margin-bottom:0}
.sf_back {display:inline-block;margin-bottom:1em}
.sf_postBookmark{border-top:solid 1px #ccc; margin-top:2em;padding-top:1em}
 
/*Services*/
#services .content{overflow:auto;}
#services img{border:solid 2px #aeaeb4;float:left;height:100px;margin-right:10px;width:100px}
#services h2{background:#cc0000 url(images/red-h2-bg.gif) repeat-x left bottom;color:#fff}
.service{float:left;margin:15px;_margin:10px;width:331px;height:160px;}

/*Products*/
#ProductLines.basket h2{background:#cc0000 url(images/red-h2-bg.gif) repeat-x left bottom;color:#fff;border-bottom:solid 2px #fff}
#ProductLines ul{margin:0 0 8px 0;list-style:none;display:block}
#ProductLines ul li{border-bottom:solid 1px #ccc;width:175px;float:left}
#ProductLines ul a{display:block;padding:4px 0;line-height:18px}
#ProductLinesDetail {}
#ProductLinesDetail.basket h2{background:#1e1f7e url(images/navy-h2-bg.gif) repeat-x left bottom;color:#fff;border-bottom:solid 2px #fff}
#ProductLinesDetail .productlineitem{float:left; margin:0 10px 10px 0;width:45%;height:140px;overflow:hidden;text-align:center}
#ProductLinesDetail .productlineitem  img{margin:10px 0}
#ProductLinesDetail .productlineitem h3{color:#666;font:bold 14px/1 Arial, Helvetica, San-Serif;text-transform:uppercase;border-bottom:solid 1px #ccc}

/*Locations*/
.Regions{width:28%}
#RegionsDetail{width:34%}
.Regions h2, #RegionsDetail h2{background:#cc0000 url(images/red-h2-bg.gif) repeat-x left bottom;color:#fff}
.Regions .content, #RegionsDetail .content{background:#f2efe9}
.Regions ul{margin:0 0 8px 0;list-style:none !important}
.Regions ul li{border-bottom:solid 1px #f2bf24;background:transparent url(images/locationmarker.gif) no-repeat 12px}
.Regions ul a{margin-left:15px;display:block;padding:4px 0 4px 15px;line-height:18px}
.Regions .all{font-weight:bold;margin-left:-15px;border:none;text-transform:uppercase;_margin-bottom:-10px;_background-position:14px 2px}
.Regions .alllocations{padding:4px 0 4px 15px;background:transparent url(images/locationmarker.gif) no-repeat left}
#LocationList{list-style:none !important;margin:0}
#LocationList li{width:33%;float:left}
#LocationList h2{margin-bottom:2px;font-size:15px;line-height:1}
#LocationList h3{font-size:13px;line-height:13px;color:#cc0000;margin-bottom:2px}
#Map {width:68%;float:right}
#MapDetail{width:62%;float:right}
#Map .content, #MapDetail .content{padding:0}
#Map .content #googlemap, #MapDetail .content #googlemap{width:100%;height:416px} 
h1.locationtitle{font-size:18px}
h1.locationtitle span{color:#000064;font-size:24px}

/*Footer*/
#Footer{border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;padding:0 18px;margin-bottom:25px;overflow:hidden;position:relative}
#Footer p{color:#666;font-size:11px;line-height:3;margin:0;position:relative}
#Footer p span{color:#999;position:absolute;right:0;font-style:italic}
#Footer a, #Footer a:visited{color:#666}
#Footer span a, #Footer span a:visited{color:#999}
#Footer a:hover{color:#333}
#Footer img{vertical-align:middle}

/*Basket
---------------------------------------------------------*/
.basket{position:relative;min-width:8em;max-width:760px;/* based on image dimensions - not quite consistent with drip styles yet */ z-index:1;margin-left:10px;/* default, width of left corner */ margin-bottom:0.5em;/* spacing under dialog */}
.basket .contentwrapper, .basket .t, .basket .b, .basket .b div{background:transparent url(images/basket.gif) no-repeat top right}
.basket .contentwrapper{position:relative;zoom:1;_overflow-y:hidden;padding:10px 10px 0 0}
.basket .contentwrapper .content{border:solid 1px #aeaeb4;padding:8px 8px 0 8px;height:1%}
.basket .contentwrapper .content h2{border-bottom:solid 1px #aeaeb4;margin:-8px -8px 0.5em -8px;padding:8px}
.basket .t{/* top+left vertical slice */ position:absolute;left:0;top:0;width:10px;/* top slice width */margin-left:-10px;height:100%;_height:1600px;/* arbitrary long height, IE 6 */background-position:top left}
.basket .b{/* bottom */ position:relative;width:100%}
.basket .b, .basket .b div{height:10px;/* height of bottom cap/shade */ font-size:1px}
.basket .b{background-position:bottom right}
.basket .b div{position:relative;width:10px;/* bottom corner width */ margin-left:-10px;background-position:bottom left}
.basket .hd, .basket .bd, .basket .ft{position:relative}
.basket .wrapper{/* extra content protector - preventing vertical overflow (past background) */ position:static;max-height:1000px;/* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}

/* Fix interactions problems with Sitefinity administrative interface */
.CmsPageToolBar label {font-weight:normal;}