/* CSS Document */ body { behavior:url(cssHoverFix.htc); font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; text-align: center; font-size: 11px; line-height: 16px; color: #000000; background-color: #000000; background-image:url(images/bg/gbbg.jpg); background-repeat: repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } div { font-family: Arial, Helvetica, sans-serif; font-size: 12px; /*line-height: 18px; color: #000000*/ } img, div { behavior: url(iepngfix.htc) } #Container { width: 1000px; margin: 0px auto; } /* Header Styles */ #HeaderContainer { width: 1000px; display: inline; } .logo { display: inline; float: left; height: 139px; width: 252px} .search { display: inline; line-height: 30px; height: 30px; width: 315px; vertical-align:top; float: right; margin-bottom: 20px; background-image: url(images/bg/search.gif); background-repeat:no-repeat; overflow:hidden;} .banner { display: inline; float: right; width: 729px; height: 90px;} .navigation {display: inline; float: left; width: 1000px; height:35px; margin-top: 20px } #share { display: inline; width: 690px; height:80px; padding: 10px 0px 10px 0px; overflow:hidden; vertical-align:baseline} /*Search Form*/ .inputfield { display: inline; margin-left: 10px; margin-right: 0px; margin-top: 3px; margin-bottom: 0px; background: white; padding: 0px; border: solid 1px #C6C6C6 } .selectfield { display: inline; margin-left: 0px; margin-right: 0px; margin-top: 3px; margin-bottom: 0px; background: white; padding: 0px; border: solid 1px #C6C6C6 } .inputfield:hover, selectfield:hover { display: inline; background: white; border: solid 1px #000000 } .inputfield:focus, selectfield:focus { display: inline; background: white; border: solid 1px #000000 } .inputfield:active, selectfield:active { display: inline; background: white; border: solid 1px #000000 } /*Home page*/ .button { float: right; padding: 10px 10px 10px 10px; width: 150px} .buttonc { float: none; padding: 10px 10px 10px 10px; text-align:center;} #ReviewsContainer {float: left; display: inline; width: 580px; height: 250px; background-image: url(images/bg/reviews.gif); background-repeat:no-repeat; margin-left: 5px; margin-right: 10px; margin-top: 20px } #ReviewsContainer .reviews { height: 185px; text-align:justify; padding: 30px 5px 0px 5px } #ReviewsContainer .reviews .button { float: right; padding: 20px 5px 5px 0px; width: 150px} #VideosContainer { float: right; display: inline; width: 275px; height: 300px; background-image: url(images/bg/videos.gif); background-repeat: no-repeat; margin: 20px 5px 0px 0px } #VideosContainer .videos { height: 235px; text-align:justify; padding: 30px 5px 0px 5px; overflow:hidden } #VideosContainer .videos .image { text-align: center; padding: 0px 0px 5px 0px } #VideosContainer .videos .content { text-align: center; padding: 0px 0px 5px 0px } #VideosContainer .videos .content a { color: #de6800; text-decoration: none; font-weight: bold } #VideosContainer .videos .content a:hover { color: #d50000; } #AdvertContainer { float: right; display: inline; width: 120px; height: 300px; margin: 20px 5px 0px 0px } #AdvertContainer2 { float: left; display: inline; width: 200px; height: 90px; margin: 10px 10px 0px 0px } #RecentNewsContainer { float:left; display: inline; width: 200px; height: 300px; background-image: url(images/bg/recent-news.gif); background-repeat: no-repeat; margin-left: 5px; margin-right: 10px; margin-top: 10px } #RecentNewsContainer .news { height: 240px; text-align:justify; padding: 30px 5px 0px 5px; overflow:hidden } #RecentNewsContainer .buttonc { float: left; padding: 5px 10px 10px 10px; width: 180px; text-align:center;} #EventsContainer { float:left; display: inline; width: 370px; height: 300px; background-image: url(images/bg/events.gif); background-repeat: no-repeat; margin-right: 10px; margin-top: 10px } #EventsContainer .events { height: 240px; text-align:justify; padding: 30px 5px 0px 5px } #EventsContainer .events .title { float:left; width: 360px; height: 20px; padding: 0px 0px 5px 0px; overflow:hidden} #EventsContainer .events .title a { font-size: 14px; color: #de6800; text-decoration: none; font-weight: bold; } #EventsContainer .events .title a:hover{ color: #d50000; } #EventsContainer .events .image { float:left; width: 176px; height: 133px; padding: 0px 5px 5px 0px } #EventsContainer .events .other { float: left; width: 360px; height: 77px} #EventsContainer .button { float: right; padding: 5px 5px 10px 0px; width: 150px} #NewsletterContainer { float:left; display: inline; width: 200px; height: 150px; background-image: url(images/bg/newsletter.gif); background-repeat: no-repeat; margin-right: 10px; margin-top: 10px } .newsletter { height: 92px; text-align:justify; line-height: 15px; padding: 23px 5px 0px 5px; overflow:hidden } #pollContainer { float: right; display: inline; width: 190px; height: 250px; background-image: url(images/bg/poll.gif); background-repeat: no-repeat; margin-right: 5px; margin-top: 10px } .poll { height: 192px; text-align:justify; padding: 23px 5px 0px 5px } #HighlightsContainer { float:left; display: inline; width: 990px; height: 200px; background-image: url(images/bg/highlights.gif); background-repeat:no-repeat; margin-left: 5px; margin-right: 5px; margin-top: 10px } #HighlightsContainer .highlights { text-align:justify; height: 172px; padding: 23px 5px 5px 5px } #HighlightsContainer .highlights img{ text-align:justify; padding: 0px 5px 0px 5px; float:left; text-align:center } #HighlightsContainer .highlights a { color: #787878; text-decoration:none } #HighlightsContainer .highlights a:hover { color: #ff8a00; text-decoration:none } /*News page*/ #NewsPageFeatured {float: left; display: inline; width: 580px; height: 250px; background-image: url(images/bg/news/featured-news.gif); background-repeat:no-repeat; margin-left: 5px; margin-right: 10px; margin-top: 20px } .FeaturedNews { height: 215px; text-align:justify; padding: 30px 5px 5px 5px } #NewsPagepoll {float: right; display: inline; width: 200px; height: 300px; background-image: url(images/bg/news/poll.gif); background-repeat:no-repeat; margin-right: 10px; margin-top: 20px } .pollNews { height: 235px; text-align:justify; padding: 30px 5px 0px 5px } #NewsPageHot {float: right; display: inline; width: 190px; height: 300px; background-image: url(images/bg/news/hot-news.gif); background-repeat:no-repeat; margin-right: 5px; margin-top: 20px } .HotNews { height: 235px; text-align:justify; padding: 30px 5px 5px 5px } .hotnewsimage { height: 120px; width: 160px; text-align: center; padding:0px 10px 5px 10px } .hotnewscontent { height: 85px; width: 180px; text-align: center} .hotnewscontent a { color: #de6800; text-decoration: none; font-weight: bold; } .hotnewscontent a:hover { color: #d50000; text-decoration: none; font-weight: bold; } .hotnewsnewsp { text-align: justify; line-height:15px;} .hotnewsstoryphotos { display:inline; width: 190px; font-size: 11px; text-align: center; padding: 5px 0px 10px 0px;} .hotnewsstoryphotos a { color: #de6800; text-decoration: none; font-weight: bold; } .hotnewsstoryphotos a:hover { color: #d50000; text-decoration: none; font-weight: bold; } #NewsPageTopRated {float: right; display: inline; width: 400px; height: 200px; background-image: url(images/bg/news/top-rated-news.gif); background-repeat:no-repeat; margin-right: 5px; margin-top: 10px } .TopRatedNews { height: 165px; text-align:justify; padding: 30px 5px 5px 5px } .topratednewsblock { display: block; height: 81px; width: 390px; padding: 0px 0px 0px 0px; overflow:hidden;} .topratednewsblock:hover { background-color: #f1f1f1;} .topratednewsblock a { color: #de6800; text-decoration: none; cursor:pointer;} .topratednewsblock a:hover { color: #d50000; text-decoration: none; } .topratednewsimageleft { float: left; height: 75px; width: 100px; padding: 3px 5px 3px 5px; background-color: inherit;} .topratednewscontentright { float: right; height: 75px; width: 275px; text-align: left; vertical-align:middle; padding: 3px 5px 3px 0px; background-color: inherit;} .topratedrating { color: #000000; background-color: inherit; } .topratedtitleright { font-weight: bold; background-color: inherit;} .topratedviews { font-size: 11px; color: #000000; background-color: inherit;} #NewsPageByMake {float: right; width: 400px; height: 240px; background-image: url(images/bg/news/news-by-make.gif); background-repeat:no-repeat; margin-right: 5px; margin-top: 10px } .NewsByMake { height: 205px; text-align:justify; padding: 30px 5px 5px 5px } .NewsByMake .block { float: left; width: 125px; height: 20px; display: inline; margin-right: 5px; margin-bottom: 5px; overflow:hidden;} .NewsByMake .block a { color: #de6800; text-decoration: none; } .NewsByMake .block a img{ color: #de6800; text-decoration: none;} .NewsByMake .block a:hover { color: #d50000; text-decoration: none; } #NewsPageLatest {float: left; display: inline; width: 580px; height: 500px; background-image: url(images/bg/news/latest-news.gif); background-repeat:no-repeat; margin-left: 5px; margin-right: 10px; margin-top: 10px } .LatestNews { height: 465px; text-align:justify; padding: 30px 5px 5px 5px } /*News Subpage*/ #NewsSubPage {float: left; display: inline; width: 710px; margin-left: 5px; margin-top: 20px; } #NewsSubPage p{ margin: 10px 0px 10px 0px; } #NewsSubPage .container-1 { background: url(images/bg/news/subpage/top.gif) top no-repeat; padding: 0px 5px 0px 5px; } #NewsSubPage .container-1 h1 { font-size:24px; height: 50px; line-height: 50px; margin-bottom: 0px; margin-top: 0px; } #NewsSubPage .container-2 { background: url(images/bg/news/subpage/bottom.gif) bottom no-repeat; padding: 0px 0px 50px 0px; } #NewsSubPage .container-3 { background-color: #f2f3f3; padding: 10px 10px 10px 10px; text-align: justify; } #NewsSubPage .container-3 h2 { font-size:15px; font-weight: bold; line-height: 15px; margin-bottom: 5px; margin-top: 5px; } #NewsSubPage .container-3 a { color: #de6800; text-decoration: none; font-weight: bold;} #NewsSubPage .container-3 a:visited { color: #787878; text-decoration: none; font-weight: bold;} #NewsSubPage .container-3 a:hover { color: #d50000; text-decoration: none; font-weight: bold;} #NewsSubPage .rimage { float: left; margin-right: 10px; width: 290px; margin-bottom: 5px; margin-top: 10px; text-align: center } #NewsSubPage .container-3 .SubHeader { float: left; width: 700px; margin-top: 0px;} #NewsSubPage .container-3 .SubHeader .Published { float: left; width: 110px; text-align: left; font-size: 11px; line-height: 13px; color: #787878; padding: 0px 5px 5px 0px} #NewsSubPage .container-3 .SubHeader .Views { float: right; width: 150px; text-align: right; font-size: 11px; line-height: 13px; color: #787878; padding: 0px 10px 5px 5px } #SubpageMostReadNews { float: left; display: inline; width: 270px; height: 290px; background-image: url(images/bg/news/subpage/most-read-news.gif); background-repeat: no-repeat; margin: 20px 0px 0px 10px } #SubpageTopRatedNews { float: left; display: inline; width: 270px; height: 375px; background-image: url(images/bg/news/subpage/top-rated-news.gif); background-repeat: no-repeat; margin: 10px 0px 0px 10px } #SubpageMostRecentNews { float: right; display: inline; width: 270px; height: 460px; background-image: url(images/bg/news/subpage/most-recent-news.gif); background-repeat: no-repeat; margin: 10px 5px 0px 10px } /*Reviews page*/ #ReviewsPageFeatured {float: left; display: inline; width: 580px; height: 250px; background-image: url(images/bg/reviews/featured-reviews.gif); background-repeat:no-repeat; margin-left: 5px; margin-right: 10px; margin-top: 20px } .FeaturedReviews { height: 215px; text-align:justify; padding: 30px 5px 5px 5px } .featuredreviewsimage { float: left; height: 200px; width: 265px; padding: 0px 10px 15px 10px; } .featuredreviewstitle a { float: right; height: 40px; width: 285px; text-align: left; font-weight: bold; color: #de6800; text-decoration: none; font-size: 14px;} .featuredreviewstitle a:hover { float: right; height: 40px; width: 285px; text-align: left; font-weight: bold; color: #d50000; text-decoration: none; font-size: 14px;} .featuredreviewsrevpreview { float: right; width: 285px; height: 50px; text-align: justify; color: #000000; padding: 0px 0px 15px 0px; overflow:hidden} .featuredreviewsrating { float: left; color: #000000; height: 70px;} .featuredreviewviews { font-size: 11px; color: #000000; height: 10px;} .featuredreviewsall { float: right; height: 20px; width: 285px; text-align: right; margin-top: 10px;} #ReviewsPageLatest {float: left; display: inline; width: 580px; height: 500px; background-image: url(images/bg/reviews/latest-reviews.gif); background-repeat:no-repeat; margin-left: 5px; margin-top: 10px } .LatestReviews { height: 465px; text-align:justify; padding: 30px 5px 5px 5px; margin: 0px; } .latestreviewsblock { display: block; height: 115px; width: 570px; padding: 0px 0px 0px 0px;} .latestreviewsblock:hover { background-color: #f1f1f1;} .latestreviewsblock a { color: #de6800; text-decoration: none; cursor:pointer;} .latestreviewsblock a:hover { color: #d50000; text-decoration: none; } .latestreviewsimageleft { float: left; height: 105px; width: 100px; padding: 5px 5px 5px 5px; background-color: inherit;} .latestreviewsviews { float: left; display: block; height: 25px; width: 100px; padding: 0px 0px 0px 0px; font-size: 11px; text-align: center; color: #000000; background-color: inherit;} .latestreviewscontentright { float: right; height: 105px; width: 455px; text-align: left; vertical-align:middle; padding: 5px 5px 5px 0px; background-color: inherit;} .latestrevpreview { color: #000000; background-color: inherit; } .latesttitleright { font-weight: bold; background-color: inherit;} .latestdate { font-size: 11px; color: #000000; background-color: inherit;} #ReviewsPageTopRated {float: right; display: inline; width: 400px; height: 425px; background-image: url(images/bg/reviews/top-rated-reviews.gif); background-repeat:no-repeat; margin-left: 10px; margin-right: 5px; margin-top: 10px } .TopRatedReviews { height: 390px; text-align:justify; padding: 30px 5px 5px 5px } .topratedreviewsblock { display: block; height: 95px; width: 390px; padding: 0px 0px 0px 0px; overflow:hidden;} .topratedreviewsblock:hover { background-color: #f1f1f1;} .topratedreviewsblock a { color: #de6800; text-decoration: none; cursor:pointer;} .topratedreviewsblock a:hover { color: #d50000; text-decoration: none; } .topratedreviewsimageleft { float: left; height: 75px; width: 100px; padding: 10px 5px 10px 5px; background-color: inherit;} .topratedreviewscontentright { float: right; height: 75px; width: 275px; text-align: left; vertical-align:middle; padding: 10px 5px 10px 0px; background-color: inherit;} .topratedrating { color: #000000; background-color: inherit; } .topratedtitleright { font-weight: bold; background-color: inherit;} .topratedviews { font-size: 11px; color: #000000; background-color: inherit;} #ReviewsPageHot {float: right; display: inline; width: 190px; height: 325px; background-image: url(images/bg/reviews/hot-reviews.gif); background-repeat:no-repeat; margin-right: 5px; margin-top: 20px } .HotReviews { height: 260px; text-align:justify; padding: 30px 5px 5px 5px } .hotreviewsimage { height: 120px; width: 160px; text-align: center; padding:0px 10px 5px 10px } .hotreviewscontent { height: 110px; width: 180px; text-align: center} .hotreviewscontent a { color: #de6800; text-decoration: none; font-weight: bold; } .hotreviewscontent a:hover { color: #d50000; text-decoration: none; font-weight: bold; } .hotreviewsrevp { text-align: justify; line-height:15px;} .hotreviewsstoryphotos { display:inline; width: 190px; font-size: 11px; text-align: center; padding: 5px 0px 10px 0px;} .hotreviewsstoryphotos a { color: #de6800; text-decoration: none; font-weight: bold; } .hotreviewsstoryphotos a:hover { color: #d50000; text-decoration: none; font-weight: bold; } #ReviewsPagepoll {float: right; display: inline; width: 200px; height: 325px; background-image: url(images/bg/reviews/poll.gif); background-repeat:no-repeat; margin-right: 10px; margin-top: 20px } .polltReviews { height: 260px; text-align:justify; padding: 30px 5px 0px 5px } #ReviewsPageByMake {float: left; display: inline; width: 490px; height: 200px; background-image: url(images/bg/reviews/reviews-by-make.gif); background-repeat:no-repeat; margin-left: 5px; margin-right: 10px; margin-top: 10px } .ReviewsByMake { height: 165px; text-align:justify; padding: 30px 5px 5px 5px } .ReviewsByMake .block { float: left; width: 115px; height: 20px; display: inline; margin-right: 5px; margin-bottom: 5px; overflow:hidden;} .ReviewsByMake .block a { color: #de6800; text-decoration: none; } .ReviewsByMake .block a img{ color: #de6800; text-decoration: none;} .ReviewsByMake .block a:hover { color: #d50000; text-decoration: none; } #ReviewsPageByTuner {float: right; display: inline; width: 490px; height: 200px; background-image: url(images/bg/reviews/reviews-by-tuner.gif); background-repeat:no-repeat; margin-right: 5px; margin-top: 10px } .ReviewsByTuner { height: 165px; text-align:justify; padding: 30px 5px 5px 5px } .ReviewsByTuner .block { float: left; width: 115px; height: 20px; display: inline; margin-right: 5px; margin-bottom: 5px; overflow:hidden } .ReviewsByTuner .block a { font-weight: bold; color: #de6800; text-decoration: none; } .ReviewsByTuner .block a:hover { font-weight: bold; color: #d50000; text-decoration: none; } /* Reviews subpage */ #ReviewsSubPage {float: left; display: inline; width: 710px; margin-left: 5px; margin-top: 20px; } #ReviewsSubPage p { margin: 10px 0px 10px 0px; } #ReviewsSubPage .container-1 { background: url(images/bg/reviews/subpage/top.gif) top no-repeat; padding: 0px 5px 0px 5px; } #ReviewsSubPage .container-1 h1 { font-size:24px; height: 50px; line-height: 50px; margin-bottom: 0px; margin-top: 0px; } #ReviewsSubPage .container-2 { background: url(images/bg/reviews/subpage/bottom.gif) bottom no-repeat; padding: 0px 0px 50px 0px; } #ReviewsSubPage .container-3 { background-color: #f2f3f3; padding: 10px 10px 10px 10px; text-align: justify; } #ReviewsSubPage .container-3 h2 { font-size:15px; font-weight: bold; line-height: 15px; margin-bottom: 5px; margin-top: 5px; } #ReviewsSubPage .container-3 a { color: #de6800; text-decoration: none; font-weight: bold;} #ReviewsSubPage .container-3 a:visited { color: #787878; text-decoration: none; font-weight: bold;} #ReviewsSubPage .container-3 a:hover { color: #d50000; text-decoration: none; font-weight: bold;} #ReviewsSubPage .rimage { float: left; margin-right: 10px; width: 290px; margin-bottom: 5px; margin-top: 10px; text-align: center } #ReviewsSubPage .container-3 .SubHeader { float: left; width: 700px; margin-top: 0px;} #ReviewsSubPage .container-3 .SubHeader .Published { float: left; width: 110px; text-align: left; font-size: 11px; line-height: 13px; color: #787878; padding: 0px 5px 5px 0px; } #ReviewsSubPage .container-3 .SubHeader .Views { float: right; width: 150px; text-align: right; font-size: 11px; line-height: 13px; color: #787878; padding: 0px 10px 5px 5px; } #SubpageMostReadReviews { float: left; display: inline; width: 270px; height: 290px; background-image: url(images/bg/reviews/subpage/most-read-reviews.gif); background-repeat: no-repeat; margin: 20px 0px 0px 10px } .mreadreviews { height: 255px; text-align:justify; padding: 30px 5px 5px 5px } .mreadreviewsblock { display: block; height: 85px;} .mreadreviewsblock:hover { background-color: #f1f1f1; } .mreadreviewsblock a { color: #de6800; text-decoration: none; cursor:pointer;} .mreadreviewsblock a:hover { color: #d50000; text-decoration: none; } .imageleft { float: left; height: 75px; width: 100px; padding: 5px 5px 5px 5px; background-color: inherit;} .contentright { float: right; height: 75px; width: 145px; text-align: left; vertical-align:middle; padding: 5px 5px 5px 0px; background-color: inherit;} .titleright { font-weight: bold; background-color: inherit;} .textright { font-size: 11px; color: #000000; background-color: inherit;} #SubpageTopRatedReviews { float: left; display: inline; width: 270px; height: 375px; background-image: url(images/bg/reviews/subpage/top-rated-reviews.gif); background-repeat: no-repeat; margin: 10px 0px 0px 10px } .trreviews { height: 340px; text-align:justify; padding: 30px 5px 5px 5px } #SubpageMostRecentReviews { float: right; display: inline; width: 270px; height: 460px; background-image: url(images/bg/reviews/subpage/most-recent-reviews.gif); background-repeat: no-repeat; margin: 10px 5px 0px 10px } .mrecentreviews { height: 425px; text-align:justify; padding: 30px 5px 5px 5px } .MarginLeft30 { margin-left: 30px; } /*Events page*/ #EventsPageFeatured {float: left; display: inline; width: 580px; height: 250px; background-image: url(images/bg/events/featured-events.gif); background-repeat:no-repeat; margin-left: 5px; margin-right: 10px; margin-top: 20px } .FeaturedEvents { height: 215px; text-align:justify; padding: 30px 5px 5px 5px } #EventsPageLatest {float: left; display: inline; width: 580px; height: 500px; background-image: url(images/bg/events/latest-events.gif); background-repeat:no-repeat; margin-left: 5px; margin-right: 10px; margin-top: 10px } .LatestEvents { height: 465px; text-align:justify; padding: 30px 5px 5px 5px } #EventsPagepoll {float: right; display: inline; width: 200px; height: 300px; background-image: url(images/bg/events/poll.gif); background-repeat:no-repeat; margin-right: 10px; margin-top: 20px } .pollEvents { height: 242px; text-align:justify; padding: 23px 5px 0px 5px } #EventsPageHot {float: right; display: inline; width: 190px; height: 300px; background-image: url(images/bg/events/hot-events.gif); background-repeat:no-repeat; margin-right: 5px; margin-top: 20px } .HotEvents { height: 235px; text-align:justify; padding: 30px 5px 5px 5px } #EventsPageTopRated {float: right; display: inline; width: 400px; height: 240px; background-image: url(images/bg/events/top-rated-events.gif); background-repeat:no-repeat; margin-right: 5px; margin-top: 10px } .TopRatedEvents { height: 205px; text-align:justify; padding: 30px 5px 5px 5px } .topratedeventsblock { display: block; height: 95px; width: 390px; padding: 0px 0px 0px 0px; overflow:hidden;} .topratedeventsblock:hover { background-color: #f1f1f1;} .topratedeventsblock a { color: #de6800; text-decoration: none; cursor:pointer;} .topratedeventsblock a:hover { color: #d50000; text-decoration: none; } .topratedeventsimageleft { float: left; height: 75px; width: 100px; padding: 10px 5px 10px 5px; background-color: inherit;} .topratedeventscontentright { float: right; height: 75px; width: 275px; text-align: left; vertical-align:middle; padding: 3px 5px 3px 0px; background-color: inherit;} .topratedrating { color: #000000; background-color: inherit; } .topratedtitleright { font-weight: bold; background-color: inherit;} .topratedviews { font-size: 11px; color: #000000; background-color: inherit;} #EventsPageByCountry {float: right; display: inline; width: 400px; height: 200px; background-image: url(images/bg/events/events-by-country.gif); background-repeat:no-repeat; margin-right: 5px; margin-top: 10px } .EventsByCountry { height: 165px; text-align:justify; padding: 30px 5px 5px 5px } .EventsByCountry .block { float: left; width: 125px; height: 20px; display: inline; margin-right: 5px; margin-bottom: 5px; overflow:hidden;} .EventsByCountry .block a { color: #de6800; text-decoration: none; } .EventsByCountry .block a img{ color: #de6800; text-decoration: none;} .EventsByCountry .block a:hover { color: #d50000; text-decoration: none; } /* Events subpage*/ #EventSubPage {float: left; display: inline; width: 710px; margin-left: 5px; margin-top: 20px; } #EventSubPage p{ margin: 10px 0px 10px 0px; } #EventSubPage .container-1 { background: url(images/bg/events/subpage/top.gif) top no-repeat; padding: 0px 5px 0px 5px; } #EventSubPage .container-1 h1 { font-size:24px; height: 50px; line-height: 50px; margin-bottom: 0px; margin-top: 0px; } #EventSubPage .container-2 { background: url(images/bg/events/subpage/bottom.gif) bottom no-repeat; padding: 0px 0px 50px 0px; } #EventSubPage .container-3 { background-color: #f2f3f3; padding: 10px 10px 10px 10px; text-align: justify; } #EventSubPage .container-3 h2 { font-size:15px; font-weight: bold; line-height: 15px; margin-bottom: 5px; margin-top: 5px; } #EventSubPage .container-3 a { color: #de6800; text-decoration: none; font-weight: bold;} #EventSubPage .container-3 a:visited { color: #787878; text-decoration: none; font-weight: bold;} #EventSubPage .container-3 a:hover { color: #d50000; text-decoration: none; font-weight: bold;} #EventSubPage .rimage { float: left; margin-right: 10px; width: 290px; margin-bottom: 5px; margin-top: 10px; text-align: center } #EventSubPage .container-3 .SubHeader { float: left; width: 700px; margin-top: 0px;} #EventSubPage .container-3 .SubHeader .Published { float: left; width: 110px; text-align: left; font-size: 11px; line-height: 13px; color: #787878; padding: 0px 5px 5px 0px} #EventSubPage .container-3 .SubHeader .Views { float: right; width: 150px; text-align: right; font-size: 11px; line-height: 13px; color: #787878; padding: 0px 10px 5px 5px } #SubpageMostViewedEvents { float: left; display: inline; width: 270px; height: 290px; background-image: url(images/bg/events/subpage/most-viewed-events.gif); background-repeat: no-repeat; margin: 20px 0px 0px 10px } #SubpageTopRatedEvents { float: left; display: inline; width: 270px; height: 375px; background-image: url(images/bg/events/subpage/top-rated-events.gif); background-repeat: no-repeat; margin: 10px 0px 0px 10px } #SubpageMostRecentEvents{ float: right; display: inline; width: 270px; height: 460px; background-image: url(images/bg/events/subpage/most-recent-events.gif); background-repeat: no-repeat; margin: 10px 5px 0px 10px } /*Videos page*/ #VideosPageFeatured {float: left; display: inline; width: 580px; height: 300px; background-image: url(images/bg/videos/featured-videos.gif); background-repeat:no-repeat; margin-left: 5px; margin-right: 10px; margin-top: 20px } .FeaturedVideos { height: 205px; text-align:justify; padding: 25px 5px 5px 5px } .featuredvideosimage { float: left; height: 200px; width: 265px; padding: 0px 15px 5px 5px; } .featuredvideostitle a { float: right; height: 30px; width: 285px; text-align: left; font-weight: bold; color: #de6800; text-decoration: none; font-size: 14px;} .featuredvideostitle a:hover { float: right; height: 30px; width: 285px; text-align: left; font-weight: bold; color: #d50000; text-decoration: none; font-size: 14px;} .featuredvideosrevpreview { float: right; width: 285px; height: 60px; text-align: justify; color: #000000; padding: 0px 0px 15px 0px; overflow:hidden} .featuredvideosrating { float: left; color: #000000; height: 60px;} .featuredvideosviews { font-size: 11px; color: #000000; height: 10px;} .featuredvideosall { float: right; height: 20px; width: 285px; text-align: right; margin-top: 10px;} #VideosPagepoll {float: right; display: inline; width: 200px; height: 300px; background-image: url(images/bg/videos/poll.gif); background-repeat:no-repeat; margin-right:10px; margin-top: 20px } .pollVideos { height: 242px; text-align:justify; padding: 23px 5px 0px 5px } #VideosPageHot {float: right; display: inline; width: 190px; height: 300px; background-image: url(images/bg/videos/hot-videos.gif); background-repeat:no-repeat; margin-right: 5px; margin-top: 20px } .HotVideos { height: 235px; text-align:justify; padding: 30px 5px 5px 5px } #VideosPageTopGear {float: left; display: inline; width: 330px; height: 250px; background-image: url(images/bg/videos/top-gear.gif); background-repeat:no-repeat; margin-left: 5px; margin-right: 10px; margin-top: 10px } .TopGearVideos { height: 215px; text-align:justify; padding: 30px 5px 5px 5px } .topgearvideosblock { display: block; height: 95px; width: 320px; padding: 0px 0px 0px 0px; overflow:hidden;} .topgearvideosblock:hover { background-color: #f1f1f1;} .topgearvideosblock a { color: #de6800; text-decoration: none; cursor:pointer;} .topgearvideosblock a:hover { color: #d50000; text-decoration: none; } .topgearvideosimageleft { float: left; height: 75px; width: 100px; padding: 10px 5px 10px 5px; background-color: inherit;} .topgearvideoscontentright { float: right; height: 75px; width: 205px; text-align: left; vertical-align:middle; padding: 10px 5px 10px 0px; background-color: inherit;} .topgearvideosrating { color: #000000; background-color: inherit; } .topgearvideostitleright { font-weight: bold; background-color: inherit;} .topgearvideosviews { font-size: 11px; color: #000000; background-color: inherit;} .topgearvideosall { float: left; height: 20px; width: 320px; text-align: center; margin-top: 5px; overflow:hidden } #VideosPageFifthGear {float: left; display: inline; width: 330px; height: 250px; background-image: url(images/bg/videos/fifth-gear.gif); background-repeat:no-repeat; margin-right: 10px; margin-top: 10px } .FifthGearVideos { height: 215px; text-align:justify; padding: 30px 5px 5px 5px } #VideosPageTopGearAustralia {float: right; display: inline; width: 310px; height: 250px; background-image: url(images/bg/videos/top-gear-australia.gif); background-repeat:no-repeat; margin-right: 5px; margin-top: 10px } .TopGearAustraliaVideos { height: 215px; text-align:justify; padding: 30px 5px 5px 5px } .topgearaustraliavideosblock { display: block; height: 95px; width: 300px; padding: 0px 0px 0px 0px; overflow:hidden;} .topgearaustraliavideosblock:hover { background-color: #f1f1f1;} .topgearaustraliavideosblock a { color: #de6800; text-decoration: none; cursor:pointer;} .topgearaustraliavideosblock a:hover { color: #d50000; text-decoration: none; } .topgearaustraliavideosimageleft { float: left; height: 75px; width: 100px; padding: 10px 5px 10px 5px; background-color: inherit;} .topgearaustraliavideoscontentright { float: right; height: 75px; width: 185px; text-align: left; vertical-align:middle; padding: 10px 5px 10px 0px; background-color: inherit;} .topgearaustraliavideosrating { color: #000000; background-color: inherit; } .topgearaustraliavideostitleright { font-weight: bold; background-color: inherit;} .topgearaustraliavideosviews { font-size: 11px; color: #000000; background-color: inherit;} .topgearaustraliavideosall { float: left; height: 20px; width: 300px; text-align: center; margin-top: 5px; overflow:hidden } #VideosPageByProducer {float: left; display: inline; width: 200px; height: 200px; background-image: url(images/bg/videos/videos-by-producer.gif); background-repeat:no-repeat; margin-left: 5px; margin-right: 10px; margin-top: 10px } .VideosByProducer { height: 165px; padding: 30px 5px 5px 5px; } .VideosByProducer .block { float: left; height: 48px; width: 190px; display: inline; margin-bottom: 5px; overflow:hidden; text-align: center} .VideosByProducer .block a { color: #de6800; text-decoration: none; } .VideosByProducer .block a img{ color: #de6800; text-decoration: none;} .VideosByProducer .block a:hover { color: #d50000; text-decoration: none; } #VideosPageByMake {float: left; display: inline; width: 490px; height: 200px; background-image: url(images/bg/videos/videos-by-make.gif); background-repeat:no-repeat; margin-right: 10px; margin-top: 10px } .VideosByMake { height: 165px; text-align:justify; padding: 30px 5px 5px 5px } .VideosByMake .block { float: left; width: 115px; height: 20px; display: inline; margin-right: 5px; margin-bottom: 5px; overflow:hidden;} .VideosByMake .block a { color: #de6800; text-decoration: none; } .VideosByMake .block a img{ color: #de6800; text-decoration: none;} .VideosByMake .block a:hover { color: #d50000; text-decoration: none; } #VideosPageTopRated {float: left; display: inline; width: 280px; height: 200px; background-image: url(images/bg/videos/top-rated-videos.gif); background-repeat:no-repeat; margin-right: 5px; margin-top: 10px } .TopRatedVideos { height: 165px; text-align:justify; padding: 30px 5px 5px 5px } .topratedvideosblock { display: block; height: 81px; width: 270px; padding: 0px 0px 0px 0px; overflow:hidden;} .topratedvideosblock:hover { background-color: #f1f1f1;} .topratedvideosblock a { color: #de6800; text-decoration: none; cursor:pointer;} .topratedvideosblock a:hover { color: #d50000; text-decoration: none; } .topratedvideosimageleft { float: left; height: 75px; width: 100px; padding: 3px 5px 3px 5px; background-color: inherit;} .topratedvideoscontentright { float: right; height: 75px; width: 155px; text-align: left; vertical-align:middle; padding: 3px 5px 3px 0px; background-color: inherit;} /*Videos Subpage*/ #VideoSubPage {float: left; display: inline; width: 710px; margin-left: 5px; margin-top: 20px; } #VideoSubPage p{ margin: 10px 0px 10px 0px; } #VideoSubPage .container-1 { background: url(images/bg/videos/subpage/top.gif) top no-repeat; padding: 0px 5px 0px 5px; } #VideoSubPage .container-1 h1 { font-size:24px; height: 50px; line-height: 50px; margin-bottom: 0px; margin-top: 0px; } #VideoSubPage .container-2 { background: url(images/bg/videos/subpage/bottom.gif) bottom no-repeat; padding: 0px 0px 50px 0px; } #VideoSubPage .container-3 { background-color: #f2f3f3; padding: 10px 10px 10px 10px; text-align: justify; } #VideoSubPage .container-3 h2 { font-size:15px; font-weight: bold; line-height: 15px; margin-bottom: 5px; margin-top: 5px; } #VideoSubPage .container-3 a { color: #de6800; text-decoration: none; font-weight: bold;} #VideoSubPage .container-3 a:visited { color: #787878; text-decoration: none; font-weight: bold;} #VideoSubPage .container-3 a:hover { color: #d50000; text-decoration: none; font-weight: bold;} #VideoSubPage .container-3 .video { float: left; width: 690px; text-align: center; margin: 10px 0px 10px 0px; } #VideoSubPage .container-3 .SubHeader { float: left; width: 700px; margin-top: 0px;} #VideoSubPage .container-3 .SubHeader .Published { float: left; width: 110px; text-align: left; font-size: 11px; line-height: 13px; color: #787878; padding: 0px 5px 5px 0px} #VideoSubPage .container-3 .SubHeader .Views { float: right; width: 150px; text-align: right; font-size: 11px; line-height: 13px; color: #787878; padding: 0px 10px 5px 5px } #SubpageMostViewedVideos{ float: left; display: inline; width: 270px; height: 290px; background-image: url(images/bg/videos/subpage/most-viewed-videos.gif); background-repeat: no-repeat; margin: 20px 0px 0px 10px } #SubpageTopRatedVideos { float: left; display: inline; width: 270px; height: 375px; background-image: url(images/bg/videos/subpage/top-rated-videos.gif); background-repeat: no-repeat; margin: 10px 0px 0px 10px } #SubpageMostRecentVideos{ float: right; display: inline; width: 270px; height: 460px; background-image: url(images/bg/videos/subpage/most-recent-videos.gif); background-repeat: no-repeat; margin: 10px 5px 0px 10px } /*Search Page*/ #SearchPageResults {float: left; display: inline; width: 580px; height: 800px; background-image: url(images/bg/search/search.gif); background-repeat:no-repeat; margin-left: 5px; margin-top: 20px } .SearchResults { height: 742px; text-align:justify; padding: 23px 5px 0px 5px } .SearchResults h3 { font-size:18px; font-weight: 100; line-height: 20px; margin-bottom: 5px; margin-top: 5px; } .pagenav { float: none; display:block; height: 10px; padding: 10px 10px 10px 10px; text-align:center; color: #000000; } .pagenav a { color: #de6800; text-decoration: none; } .pagenav a:visited { color: #787878; } .pagenav a:hover { color: #d50000; text-decoration: underline; } #SearchPageLatestNews { float: left; display: inline; width: 270px; height: 300px; background-image: url(images/bg/search/latest-news.gif); background-repeat: no-repeat; margin: 10px 0px 0px 10px } .splatestnews { height: 272px; text-align:justify; padding: 23px 5px 5px 5px } #SearchPageLatestVideos { float: left; display: inline; width: 270px; height: 300px; background-image: url(images/bg/search/latest-videos.gif); background-repeat: no-repeat; margin: 10px 0px 0px 10px } .splatestvideos { height: 272px; text-align:justify; padding: 23px 5px 5px 5px } #SearchBanner {display: inline; float: right; width: 120px; height: 600px; margin: 20px 5px 0px 10px } /*List Page*/ #ListPageResults {float: left; display: inline; width: 580px; height: 800px; background-image: url(images/bg/list/list.gif); background-repeat:no-repeat; margin-left: 5px; margin-top: 20px } .ListResults { height: 735px; text-align:justify; padding: 30px 5px 0px 5px } .ListResults h3{ font-size: 14px; font-weight: bold; padding: 10px 10px 10px 5px; margin: 0px; } .lpblock { float: left; display: block; width: 570px; height: 95px; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; overflow:hidden;} .lpblock a { color: #de6800; text-decoration: none; cursor:pointer;} .lpblock a:hover { color: #d50000; text-decoration: none;} .lpblock:hover { background-color: #f1f1f1; } .lpimageleft { float: left; width: 100px; height: 85px; text-align:center; padding: 5px 5px 5px 5px; background-color: inherit;} .lpcontentright { float: right; height: 85px; width: 455px; text-align: left; vertical-align:middle; padding: 5px 5px 5px 0px; background-color: inherit;} .lptitleright { font-weight: bold; background-color: inherit;} .lptextright { color:#000000; background-color: inherit; } .lpviews { float: left; display: inline; height: 15px; width: 100px; font-size: 11px; text-align: center; line-height: 12px; color: #000000; background-color: inherit; } .lpdate { padding: 0px 0px 0px 1px; font-size: 11px; color: #000000; background-color: inherit; text-align: left} #ListPageLatestNews { float: left; display: inline; width: 270px; height: 530px; background-image: url(images/bg/list/latest-news.gif); background-repeat: no-repeat; margin: 10px 0px 0px 10px } .lplatestnews { height: 495px; text-align:justify; padding: 30px 5px 5px 5px } .lplatestnewsblock { display: block; height: 81px;} .lplatestnewsblock:hover { background-color: #f1f1f1; } .lplatestnewsblock a { color: #de6800; text-decoration: none; cursor:pointer;} .lplatestnewsblock a:hover { color: #d50000; text-decoration: none; } .imageleft { float: left; height: 75px; width: 100px; padding: 3px 5px 3px 5px; background-color: inherit;} .contentright { float: right; height: 75px; width: 145px; text-align: left; vertical-align:middle; padding: 3px 5px 3px 0px; background-color: inherit;} .titleright { font-weight: bold; background-color: inherit;} .textright { font-size: 11px; color: #000000; background-color: inherit;} #ListPageLatestNewsSmall { float: left; display: inline; width: 270px; height: 260px; background-image: url(images/bg/list/latest-news-small.gif); background-repeat: no-repeat; margin: 10px 0px 0px 10px } .lplatestnewssmall { height: 225px; text-align:justify; padding: 30px 5px 5px 5px } .lplatestnewssmallblock { display: block; height: 85px;} .lplatestnewssmallblock:hover { background-color: #f1f1f1; } .lplatestnewssmallblock a { color: #de6800; text-decoration: none; cursor:pointer;} .lplatestnewssmallblock a:hover { color: #d50000; text-decoration: none; } #ListPageLatestReviews { float: left; display: inline; width: 270px; height: 530px; background-image: url(images/bg/list/latest-reviews.gif); background-repeat: no-repeat; margin: 10px 0px 0px 10px } .lplatestreviews { height: 495px; text-align:justify; padding: 30px 5px 5px 5px } #ListPageLatestEvents { float: left; display: inline; width: 270px; height: 530px; background-image: url(images/bg/list/latest-events.gif); background-repeat: no-repeat; margin: 10px 0px 0px 10px } .lplatestevents { height: 495px; text-align:justify; padding: 30px 5px 5px 5px } #ListPageLatestVideos { float: left; display: inline; width: 270px; height: 530px; background-image: url(images/bg/list/latest-videos.gif); background-repeat: no-repeat; margin: 10px 0px 0px 10px } .lplatestvideos { height: 495px; text-align:justify; padding: 30px 5px 5px 5px } #ListPageLatestVideosSmall { float: left; display: inline; width: 270px; height: 260px; background-image: url(images/bg/list/latest-videos-small.gif); background-repeat: no-repeat; margin: 10px 0px 0px 10px } .lplatestvideossmall { height: 225px; text-align:justify; padding: 30px 5px 5px 5px } #ListBanner {display: inline; float: right; width: 120px; height: 600px; margin: 20px 5px 0px 10px } /*Contact page*/ #ContactContainer { float: left; display: inline; width: 710px; margin-left: 5px; margin-top: 20px;} #ContactContainer .container-1 { background: url(images/bg/contact/top.gif) top no-repeat; padding: 0px 5px 0px 5px; } #ContactContainer .container-1 h1 { font-size:24px; height: 50px; line-height: 50px; margin-bottom: 0px; margin-top: 0px; } #ContactContainer .container-2 { background: url(images/bg/contact/bottom.gif) bottom no-repeat; padding: 0px 0px 50px 0px; } #ContactContainer .container-3 { background-color: #f2f3f3; padding: 10px 10px 10px 10px; text-align: justify; } #ContactContainer .container-3 h2 { font-size:15px; font-weight: bold; line-height: 15px; margin-bottom: 5px; margin-top: 5px; } #ContactContainer .container-3 a { color: #de6800; text-decoration: none; font-weight: bold;} #ContactContainer .container-3 a:visited { color: #787878; text-decoration: none; font-weight: bold;} #ContactContainer .container-3 a:hover { color: #d50000; text-decoration: none; font-weight: bold;} #ContactNewsContainer { float:right; width: 270px; height: 580px; background-image: url(images/bg/contact/latest-news.gif); background-repeat: no-repeat; margin: 20px 5px 0px 10px} #ContactNewsContainer .latestnews { height: 545px; text-align:justify; padding: 30px 5px 5px 5px } #ContactNewsContainer .latestnews .block { display: block; height: 89px; width: 260px; padding: 0px 0px 0px 0px; overflow:hidden;} #ContactNewsContainer .latestnews .block:hover { background-color: #f1f1f1;} #ContactNewsContainer .latestnews .block a { color: #de6800; text-decoration: none; cursor:pointer;} #ContactNewsContainer .latestnews .block a:hover { color: #d50000; text-decoration: none; } #ContactNewsContainer .latestnews .imageleft { float: left; height: 75px; width: 100px; padding: 7px 5px 7px 5px; background-color: inherit;} #ContactNewsContainer .latestnews .contentright { float: right; height: 75px; width: 145px; text-align: left; vertical-align:middle; padding: 7px 5px 7px 0px; background-color: inherit;} #ContactNewsContainer .latestnews .title { font-weight: bold; background-color: inherit;} #ContactNewsContainer .latestnews .date { font-size: 11px; color: #000000; background-color: inherit;} /*FOOTER*/ #FooterContainer { float:left; display: inline; width: 1000px; margin-top: 10px; } .footer { float: left; padding: 0px 5px 5px 5px; color:#787878; font-size: 11px; text-align:left; width: 700px;} .footer a { color: #d1d1d1; text-decoration: none; } .footer a:visited { color: #787878; } .footer a:hover { color: #ff8a00; } .copyright { float: right; text-align:right; padding: 0px 5px 5px 5px; color: #FFFFFF; font-size: 11px; width: 260px} .copyright a { color: #787878; text-decoration: none; } .copyright a:visited { color: #787878; } .copyright a:hover { color: #ff8a00; } /*POPUP*/ .popuplink a { color: #de6800; text-decoration: none; font-weight:bold;} .popuplink a:hover { color: #d50000; }