@import url('/shop/MyHobbyStore.css'); /* CSS Document */ body { margin: 10px 0 0 0; font-family: Verdana, Arial, Sans-Serif; background: #fff; /* Styles for skinning the site */ /*background-image: url(../images/website_images/HFN-skin-v2.0.gif); background-color: #333; background-position: center top;*/ } #Page { width: 980px; background: #fff; position: relative; margin:0 auto 0 auto; text-align:left; } .QASaveBox { background-color: #F1F0F0; border: 1px solid #000000; } .QAChoices { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #F1F0F0; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #000000; border-left-color: #000000; padding: 3px; } h1 { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin-top: 0; padding-top: 0; font-size: 18px; font-weight: bold; line-height: normal; } h2 { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: normal; } h3 { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: normal; } h4 { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 13px; } h5 { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; } .QAQuestion { background-color: #DDDDDD; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; border: 1px solid #000000; padding: 3px; font-weight: bold; } p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .FormInputBox { width: 200px; } .FormInputBoxWide { width: 400px; } .FormInputBoxSmall { width: 100px; } .StdForm { padding: 0; margin: 0; } .StdText { font-family: Arial, Helvetica, sans-serif; font-size: 11px; } .StdTable { font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 100%; } .ErrorText { color: Red; } .SuccessText { color: Green; } .SmallText { font-family: Arial, Helvetica, sans-serif; font-size: 9px; } .AdminControlRow { background-color: #F9F1FD; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #9245B0; /*border: 1px solid #A156CC;*/ padding: 2px; text-align: right; } .AdminControlRow a { color: #9245B0; text-decoration: none; } .AdminControlRow a:hover { text-decoration: underline; } .MemberControlRow { background-color: #ddd; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333; padding: 2px; } .MemberControlRow a { color: #333; text-decoration: none; } .MemberControlRow a:hover { text-decoration: underline; } /*html #Page{text-align:center;margin:0;}*/ .floatleft{float:left;} .floatright{float:right;} .Clear, .clear {clear: both;} .RowStyleNormal { background-color: #fff; } .RowStyleAlt { background-color: #eee; } .RowStyleAlt:hover { background-color: #ddd; } .RowStyleHeading { background-color: #e20017; color: White; font-size: 11px; font-weight: bold; padding: 6px 0 6px 0; height: 25px; line-height: 25px; } .RowStyleHeading a { color: White; text-decoration: none; } .InfoBox { border: solid 1px black; background-color: #eee; padding: 5px; margin-bottom: 5px; } .InfoBox p { font-size: 10px; margin: 3px; color: #333; } .StdImage { border: 0; } /* Header */ #Header { width:980px; } #HeaderTop { height: 120px; position: absolute; background-image: url(../images/website_images/Header980x222.jpg); background-repeat: no-repeat; top: 0px; background-position: left top; } #Banner { padding-top: 10px; padding-bottom: 10px; text-align: center; height: 90px; } #Header #SubNav { /*background-image: url(/sites/7/images/website_images/submenubgtile.gif);*/ height: 35px; font-family: Arial, Sans-Serif; font-size: 11px; background-color: #000000; color: #fff; } #Header #SubNav a { color: #FFF; text-decoration: none; } #Header #SubNav a:hover { text-decoration: underline; } #SubNav .Right { float: right; padding: 10px 10px 0 0; } #Header #SubNav .Left { float: left; padding: 5px 0 0 10px; } #SubNav form {padding:0; margin:0 0 0 10px;} #SubNav .SearchBox {width:120px; font-size:12px; color:#000;} #SubNav .SearchButton {font-size:12px; padding-left:3px; padding-right:2px; line-height:18px; color:#fff; background-color:#e20017; border:0; } #BreadcrumbRow { padding: 10px; margin: 5px 5px 5px 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; height: 35px; } #BreadcrumbRow .Right { float: right; padding: 0; } #BreadcrumbRow .Left { float: left; padding: 0; } /* Navigation */ *html #TopNav {bottom:-1px;} #TopNav { height: 22px; background: #E0E1E2; border-top: 1px solid #201d1f; clear: both; position: relative; z-index: 0; } #TopNav .NavItem { float: left; padding-top: 4px; width: 122px; height: 18px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; text-transform: uppercase; font-weight: bold; z-index: 0; } #TopNav .NavItem a { text-decoration: none; color: #201d1f; } #Wrapper { position: relative; text-align:center; margin:10px 0 10px 0; } /* Main Page */ #MainPage { width: 980px; position: absolute; top: 260px; background: #fff; padding: 10px 0 0 0; margin-top: 20px; clear: both; } #MainPage #SingleColumn { width: 960px; margin: 0 10px 0 10px; } #MainPage #LeftOuterColumn { width: 660px; margin: 0 0 0 0px; /* float: left;*/ } #MainPage #LeftCol { width: 0px; margin: 0; min-height:500px; /* float: left;*/ } #MainPage #CentreCol { width: 590px; /* float: right; */ } #MainPage #RightCol { width: 300px; /* float: right; */ } /* Page Navigation */ .NavigationContainer { font-family: Arial, Sans-Serif; font-size: 11px; padding-top: 10px; text-align: right; } .NavigationContainer a { color: #666; padding: 2px; text-decoration: none; } .NavigationContainer .CurrentPageBrowseNav { font-weight: bold; } /* Pods */ .Pod { background-image: url(/sites/7/images/website_images/podrightcorner.gif); background-repeat: no-repeat; background-position: right top; margin-bottom: 10px; line-height: normal; } .Pod .Podhead { padding: 4px 5px 6px 10px; line-height: normal; background-color: #e20017; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: bold; } .Pod .PodBody { border-top: 1px solid #e20017; border-right: 1px solid #e20017; border-bottom: 1px solid #e20017; border-left: 1px solid #e20017; padding: 5px; background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: normal; } .Pod .PodBody .SideBanner { margin-bottom: 10px; } .Pod .PodBody div img { border: 0; max-width: 288px; } .Pod .PodBody ul { margin: 0; padding: 0; } .Pod .PodBody ul li { margin: 5px 0 5px 0; padding: 0; list-style-type: none; } .Pod .PodBody img { border: 0; } *html .Pod .PodBody form {padding:0; margin:0; border:0;font-family: Arial, Helvetica, sans-serif; font-size: 11px;} *html .Pod .PodBody table{font-family: Arial, Helvetica, sans-serif; font-size: 11px;} /* MHS Product Pod */ .Pod-mhs { margin-bottom: 10px; } .Pod-mhs .Podhead-mhs { padding: 4px 5px 6px 10px; background-color: #004f9f; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: bold; /*background-image: url(../images/website_images/RHSpodbgselected.gif); background-repeat: repeat; background-position: left top;*/ line-height:normal; } .Pod-mhs .Podhead-mhs a {color:#fff; font-weight:normal;} .Pod-mhs .PodBody-mhs { border: 1px double #004f9f; padding: 5px; background-color: #FFFFFF; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; line-height: normal; } .Pod-mhs .PodBody-mhs .ProductBox { margin-top: 5px; margin-bottom: 5px; } .Pod-mhs .PodBody-mhs div img { border: 0; max-width: 150px; } /* Member Admin Menu (pod) */ #CustomerStatusText { margin-bottom: 10px; } #MemberAdminMenuMemberName { font-weight: bold; font-size: 12px; } #MemberAdminMenuLeft { width: 60px; height: 60px; float: left; } #MemberAdminMenuLeft img { width: 60px; height: 60px; border: solid 1px #000; } #MemberAdminMenuLeft img:hover { border: solid 1px red; } #MemberAdminMenuRight { width: 575px; float: right; font-size: 1.1em; border-radius: 5px; } #MemberAdminMenuRightLeft { width: 150px; /*padding:0px 5px 0px 5px;*/ } #MemberAdminMenuRightRight { width: 350px; } /* Footer */ #MHSSiteLinkBox { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; padding: 6px; background-color: #e20017; color: #ffffff; } #MHSSiteLinkBox a { color: #ffffff; text-decoration: none; } #MHSSiteLinkBox a:link, a:visited{color: #FFFFFF;text-decoration: none;} #MHSSiteLinkBox a:hover, a:active{color: #FFFFFF;text-decoration: none;text-decoration: underline;} #Footer { background-color: #696a6c; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#696a6c), to(#484749)); background-image: -moz-linear-gradient(top, #696a6c, #484749); background-image: -ms-linear-gradient(top, #696a6c, #484749); background-image: linear-gradient(top, #696a6c, #484749); margin-bottom: 10px; padding: 15px 15px 8px 15px; font-size: 0.8em; border-radius: 5px; clear: both; } #Footer div { text-align: center; margin-bottom: 7px; color: #fff; } #Footer div a { color: #fff; text-decoration: none; } #Footer div a:hover { text-decoration: underline; } /* Voting */ .VotingStarsContainer { font-family: Arial, Sans-Serif; font-size: 12px; padding: 5px 0 10px 0; height: 15px; } .VotingStarOff { height: 14px; width: 14px; background-image: url(/sites/7/images/website_images/voting_star_off.gif); cursor: pointer; float: left; } .VotingStarText { float: left; } .VotingStarOn { height: 14px; width: 14px; background-image: url(/sites/7/images/website_images/voting_star_on.gif); cursor: pointer; float: left; } .RatingStarsContainer { font-family: Arial, Sans-Serif; font-size: 12px; } .RatingStarText { float: left; } .RatingStarOff { height: 14px; width: 14px; background-image: url(/sites/7/images/website_images/rating_star_off.gif); cursor: pointer; float: left; } .RatingStarOn { height: 14px; width: 14px; background-image: url(/sites/7/images/website_images/rating_star_on.gif); cursor: pointer; float: left; } /* Albums */ #AlbumContainer { margin: 0; padding: 0; } .AlbumPhotoViewer { text-align: center; } .AlbumPhotoViewer .PrevButton { padding-right: 5px; } .AlbumPhotoViewer .NextButton { padding-left: 5px; } .AlbumPhotoViewer img { max-width: 500px; } .AlbumTilesViewBox { border: solid 1px grey; padding: 3px; margin: 0 5px 5px 0; float:left; height: 125px; font-family: Arial, Sans-Serif; font-size: 10px; } .AlbumTilesViewBox img { width: 150px; max-height: 124px; border: 0; } .AlbumListBoxCoverImage { width: 150px; border: 0; } .AlbumListBox { border: 1px solid #999999; padding: 10px; margin-bottom: 10px; font-family: Arial, Sans-Serif; font-size: 12px; height: 110px; } .AlbumListBox img { float: left; width: 150px; } .AlbumListBoxDetails { float: right; width: 300px; } .AlbumListBoxDetails h2 { margin-top:0; } .AlbumPhotoBox { border: 1px solid #999999; padding: 5px; margin-bottom: 5px; font-family: Arial, Sans-Serif; font-size: 12px; overflow: hidden; } .DragHandle { cursor: move; } .AlbumPhotoBox img { width: 125px; float: left; } .AlbumPhotoBox table { width: 350px; float: right; } .AlbumPhotoBox table tr td { padding: 0; margin: 0; border: 0; } /* Forums */ #ForumSponsorBanner { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; text-align: center; margin-top: 30px; } #ForumSponsorBanner img { border: solid 1px black; margin: 5px 0 10px 0; max-width: 590px; max-height: 90px; } #ForumContainer { } #ForumContainer table { width: 100%; } #ForumThreadContainer table { width: 660px; table-layout: fixed; } #ForumContainer img { max-width: 350px; max-height: 350px; border: 0; } .RowStyleForumBoard { background-color: #ddd; } .RowStyleForumBoard td { padding: 5px; } .ForumBoardName { font-weight: bold; font-size: 13px; } .ForumBoardDesc { font-size: 13px; } .RowStylePosting { background-color: #eee; } .ForumPostingBox { word-wrap: break-word; } .ForumPostingBox a { font-weight:bold; color: #8b080b; } .ForumPostingBox img { max-width: 100%; height: auto; border: 0; } .ForumPostingBox iframe { max-width: 100%; border: 0; z-index: auto; } .TopicName:link { color: #8b080b; } .TopicName:visited { color: #777; } .ThreadName:link { color: #8b080b; } .ThreadName:visited { color: #777; } .MemberAvatar { border: solid 1px black; width: 60px; } #LoggedInMembersBox { background-color: #eee; border: solid 1px #b0b0b0; font-family: Arial, Sans-Serif; font-size: 11px; margin-top: 10px; padding: 5px; } #LoggedInMembersBox h3 { font-size: 13px; margin: 0 0 5px 0; padding-top: 0; } #LoggedInMembersBox ul { margin: 0; padding: 0; } #LoggedInMembersBox ul li { margin: 0 10px 0 0; padding: 0; list-style-type: none; float: left; } /* Messages */ .MessageRowUnread { font-weight: bold; } .MessageRowRead { font-weight: normal; } #MessageContainer { } #MessageContainer table { width: 100%; } #MessageContainer img { max-width: 350px; border: 0; } .MemberPostingsThreadNameRow { background-color: #516946; font-size: 12px; font-weight: bold; padding: 5px; color: White; } .MemberPostingsThreadNameRow a { color: White; } .ThreadName, .TopicName { font-size: 12px; color: #516945; } .ThreadName a { color: #516945; text-decoration: none; } .ThreadHeadline { color: #000; } /* Articles */ .ArticleTypeListContainer { /*width: 260px; float: left;*/ margin: 14px 0 10px 0; font-size: 12px; font-family: Arial, Sans-Serif; /*min-height: 425px;*/ } .ArticleTypeListContainer h2 { margin: 0 0 10px 0; padding: 0; color: Black; } .ArticleTypeListContainer .SeeAllLink { text-align: right; } .ArticleTypeListContainer .SeeAllLink a { color: #333; font-weight: bold; text-decoration: none; } .ArticleTypeListContainer .SeeAllLink a:hover { color: red; text-decoration: underline; } .ArticleTypeListContainerInner { min-height: 75px; margin-bottom: 10px; font-size: 12px; font-family: Arial, Sans-Serif; } .ArticleListThumbnailImage { border: 0; height: 75px; width: 100px; float: left; margin-right: 5px; } .ArticleTypeListContainerInner h3 { margin: 0; padding: 0; font-size: 12px; } .ArticleTypeListContainerInner p { margin: 0; padding: 0; } .ArticleTypeListContainerInner a { color: #516945; font-weight: bold; text-decoration: none; } .ArticleTypeListContainerInner a:hover { text-decoration: underline; } .ArticleSearchbox { border: solid 1px #ccc; padding: 5px; font-size: 11px; color: Gray; margin-top: 10px; font-family: Arial, Sans-Serif; } .ArticleContainer { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .ArticleContainer .ArticleTypeBox { font-weight: bold; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #CCCBCB; } .ArticleContainer .ArticleTypeBoxRight { font-weight: bold; float:right; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #CCCBCB; } .ArticleContainer .ArticleDetailsBox { margin-top: 10px; height: 80px; } .ArticleContainer .ArticleDetailsBox .ArticleTitleBox { float: left; } .ArticleContainer .ArticleDetailsBox .Thumbnail { float: right; } .ArticleContainer .ArticleDetailsBox .Thumbnail img { height: 75px; width: 100px; } .ArticleContainer .ArticleStandfirst { font-weight: bold; font-size: 13px; } .ArticleContainer .Actions { text-align: right; } .ArticleContainer .Actions a { color: Black; text-decoration: none; } .ArticleContainer .Actions a:hover { text-decoration: underline; } .ArticleContainerLeft { width: 450px; float: left; } .ArticleContainerLeft .ArticleType { background: #e20017; padding: 5px; margin: 0 0 0 0; font-size: 1.1em; text-align: center; text-transform: uppercase; color: #ffffff; border: none; font-weight: bold; } .ArticleContainerLeft img { max-width: 450px; } .ArticleContainerRight { float: right; width: 190px; } .ArticleContainerRight .Verdict { background: #dbdcde; } .ArticleContainerRight .Verdict h2 { background-color: #333; padding: 5px; margin: 0 0 0 0; font-size: 1.1em; text-align: center; text-transform: uppercase; color: #ffffff; } .ArticleContainerRight .VerdictText { padding: 5px; } .ArticleContainerRight .VerdictText .RatingStarsContainer { /*background: #dbdcde;*/ } .ArticleContainerRight .VerdictText .RatingStarText { float: left; } .ArticleContainerRight .VerdictText .RatingStarOff { height: 16px; width: 16px; /*background-color: #dbdcde; background-image: url(/sites/18/images/website_images/rating_star_off.gif);*/ background-image: url(/sites/18/images/website_images/newstaroff.gif); cursor: pointer; float: left; } .ArticleContainerRight .VerdictText .RatingStarOn { height: 16px; width: 16px; /*background: #dbdcde; background-image: url(/sites/18/images/website_images/rating_star_on.gif);*/ background-image: url(/sites/18/images/website_images/newstaron.gif); cursor: pointer; float: left; } .ArticleContainerRight .VerdictText .RatingStarHalf { height: 16px; width: 16px; /*background: #dbdcde; background-image: url(/sites/18/images/website_images/rating_star_on.gif);*/ background-image: url(/sites/18/images/website_images/newstarhalf.gif); cursor: pointer; float: left; } .ArticleContainerRight .VerdictText b, strong { color: #333; } .ArticleContainerRight .VerdictText table b { color: #000; } .ArticleContainerRight .Specification { background: #dbdcde; } .ArticleContainerRight .Specification h2 { background-color: #a6a8aa; padding: 5px; margin: 10px 0 0 0; font-size: 1.1em; text-align: center; text-transform: uppercase; color: #ffffff; } .ArticleContainerRight .SpecificationText { padding: 5px; } .ArticleContainerRight .SpecificationText h4 { color: #333; } .ArticleAlbumContainerBottom { text-align: center; } .ArticleAlbumContainerBottom img { margin: 0 5px 5px 0; border: 0; } .ArticleAlbumContainerBottom img:hover { cursor: pointer; } .ArticleAlbumContainerTop { text-align: center; } .ArticleAlbumContainerTop img { margin: 0 5px 5px 0; border: 0; } .ArticleAlbumContainerTop img:hover { cursor: pointer; } .ArticleAlbumContainerLeft { float: left; width: 150px; margin: 0 10px 10px 0; } .ArticleAlbumContainerLeft img { margin-bottom: 5px; border: 0; } .ArticleAlbumContainerLeft img:hover { cursor: pointer; } .ArticleAlbumContainerRight { float: right; width: 150px; margin: 0 0 10px 10px; } .ArticleAlbumContainerRight img { margin-bottom: 5px; border: 0; } .ArticleAlbumContainerRight img:hover { cursor: pointer; } .ArticleAlbumPhotoThumbnail { float: left; } .ArticleAlbumPhotoThumbnail a img { cursor: pointer; border: 0; margin-right: 20px; } /* Public Profile */ #ProfileContainer #MainBox h3 { background-color: #516946; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; padding: 3px; color: White; } #ProfileContainer #SummaryBox { height: 100px; } #ProfileContainer #SummaryBox #AvatarBox { width: 102px; float: left; margin-right: 20px; } #ProfileContainer #SummaryBox #AvatarBox img { border: solid 1px black; width: 100px; } #ProfileContainer #SummaryBox #NameBox { width: 375px; float: left; font-family: Arial, Sans-Serif; font-size: 11px; line-height: 15px; } #ProfileContainer #SummaryBox #NameBox h2 { margin-top: 0; margin-bottom:0; } #ProfileContainer #SummaryBox #NameBox p { font-family: Times New Roman, Roman, Serif; font-size: 15px; font-style: italic; } #ProfileContainer #SummaryBox #MemberOnlineStatusBox { background-color: #eee; border: solid 2px #516946; font-weight: bold; padding: 5px; margin: 5px 0 5px 0; text-align: center; width: 100px; color: #516946; } /* Links */ #LinkContainer { height: 80px; margin-bottom: 10px; } .LinkContainerInner{ clear: both; } .LinkContainerInner .Left { width: 70px; float: left; margin-right: 20px; } .LinkContainerInner .Left img { border: 0; max-width: 70px; } .LinkContainerInner .Right { width: 450px; float: left; margin-bottom: 40px; } .LinkContainerInner .Right h2 { font-size: 12px; margin: 0; padding: 0; } .LinkContainerInner .Right p { margin: 0; padding: 0; font-size: 11px; } /* Products */ #ProductContainer { } #ProductContainer table { width: 100%; } #CatContainer { height: 80px; margin-bottom: 10px; } .CatContainerInner { height: 60px; margin-bottom: 10px; } .CatContainerInner .Left { float: left; width: 60px; margin-right: 10px; } .CatContainerInner .Left img { border: 0; max-width: 60px; } .CatContainerInner .Right { float: left; width: 450px; } .CatContainerInner .Right h2 { font-size: 12px; margin: 0; padding: 0; } .CatContainerInner .Right p { margin: 0; padding: 0; font-size: 11px; } .ProductSearchbox { border: solid 1px #ccc; padding: 5px; font-size: 11px; color: Gray; margin: 10px 0 10px 0; font-family: Arial, Sans-Serif; } .ProductReviewRatingBar { border: solid 1px black; width: 100px; height: 11px; margin: 3px; } .ProductReviewRatingBarInner { height: 11px; background-color: Red; } #ProductReviewContainer { } #ProductReviewContainer #Left { width: 47%; float: left; background-color:#eee; padding: 5px; } #ProductReviewContainer #Right { width: 47%; float: right; background-color:#eee; padding: 5px; } #ProductReviewContainer h2 { padding: 0; margin: 0; } .ProductReviewInput { width: 150px; } /* Classifieds */ #ClassifiedsSearchbox { border: solid 1px #ccc; padding: 5px; font-size: 11px; color: Gray; margin: 10px 0 10px 0; font-family: Arial, Sans-Serif; } #ClassifiedsSearchbox .KeywordInput { width: 75px; } #ClassifiedsSearchbox .PriceInput { width: 40px; } .RecentAdsContainerInner { border: solid 1px #ccc; width: 135px; height: 125px; margin: 0 10px 10px 0; float: left; overflow:hidden; font-size: 10px; } #ClassifiedAdContainer .ImageBox { float: right; } #ClassifiedsPlaceAnAdLink { float: right; width: 150px; font-family: Arial, Sans-Serif; font-weight: normal; font-size: 10px; text-align: right; } #ChosenProductName { display: none; } #SkyscraperBanner { position: absolute; top: 200px; left: 1000px; } /* Homepage */ #HomepageContainer #WelcomeBox { } #HomepageContainer #WelcomeBox .mpu { float: right; margin: 0 0 5px 10px; } #HomepageContainer #HomepageLeft { float: left; width: 450px; } #HomepageContainer #HomepageLeft .HomepageContainerInner { background: #FFF; margin-top: 10px; } #HomepageContainer #HomepageLeft .HomepageContainerInner tbody tr td a img { border: 0; } #HomepageContainer #HomepageLeft .HomepageContainerInner h2 { background: #e20017; margin: 0px; padding: 5px; font-size: 1.1em; text-align: center; text-transform: uppercase; color: #ffffff; } .NewsBox { margin-top: 10px; clear: both; height: 75px; } .NewsBox .NewsBoxImage { height: 75px; width: 100px; float: left; } .NewsBox .NewsBoxImage img{ height: 75px; width: 100px; float: left; } .NewsBox .NewsBoxText { width: 335px; float: left; } .NewsBox .NewsBoxText h3 { margin:0; padding:0 10px 0 10px; font-size: 0.9em; } .NewsBox .NewsBoxText h3 a{ color: #333; text-decoration: none; } .NewsBox .NewsBoxText p { font-size: 0.8em; padding:0 10px 0 10px; margin-top: 0px; } #HomepageContainer #HomepageRight { float: right; width: 190px; /*padding-right:10px*/ } #HomepageContainer #HomepageRight .HomepageContainerInner { margin-top: 10px; background: #dbdcde; padding-bottom: 10px; } #HomepageContainer #HomepageRight .HomepageContainerInner h2 { background: #747577; margin: 0px; padding: 5px; font-size: 1.1em; text-align: center; text-transform: uppercase; color: #ffffff; } #HomepageContainer #HomepageRight .HomepageContainerInner p { margin: 5px 10px 5px 10px; } #HomepageContainer #HomepageRight .HomepageContainerInner img { max-width: 180px; } .TopStoriesText { float: right; width: 190px; background: #dbdcde; padding-bottom: 10px; } .TopStoriesText h3 { margin: 8px 10px 0 10px; padding:0; } .TopStoriesText h3 a { font-weight:bold; display: block; color: #747577; } .TopStoriesText p { margin: 0 10px 0 10px; padding: 0; } #HomepageContainer #HomepageBottom { margin-top: 20px; display:inline-block; width: 660px; } #HomepageContainer #HomepageBottom h2 { background: #333; margin: 0px; padding: 5px; font-size: 1.1em; text-align: center; text-transform: uppercase; color: #ffffff; } #HomepageContainer #HomepageBottom p { font-size: 0.8em } .HomepageContainerInner .HomepageGalleryBox { border: solid 1px #ccc; width: 120px; height: 140px; float: left; margin-right: 5px; margin-bottom: 10px; } .HomepageContainerInner .HomepageGalleryBox p { font-size: 11px; margin: 0; padding: 0; } .HomepageContainerInner .HomepageGalleryBox img { width: 120px; border: 0; } #HomepageForumPodPostings, #HomepageForumPodTopics { /*width: 48%; float: left;*/ font-family: Arial, Sans-Serif; font-size: 11px; margin-right: 5px; } #HomepageForumPodPostings h3, #HomepageForumPodTopics h3 { color: #516945; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 0; padding-top: 0; } #HomepageForumPodPostings li, #HomepageForumPodTopics li { list-style-image: url(/sites/6/images/website_images/folder-small.gif); padding-bottom: 5px; } /* Social Bookmarking */ #SocialBookmarksContainer { border: solid 1px gray; padding: 5px; margin: 10px 0 10px 0; } #SocialBookmarksContainer p { margin-top: 0; font-size: 11px; } #SocialBookmarksContainer ul { margin: 0; } #SocialBookmarksContainer ul li { display: inline; font-family: Arial, Sans-Serif; font-size: 11px; padding: 0 10px 0 20px; } #SocialBookmarksContainer .delicious { background-image: url(/images/sb_delicious.gif); background-repeat: no-repeat; } #SocialBookmarksContainer .digg { background-image: url(/images/sb_digg.gif); background-repeat: no-repeat; } #SocialBookmarksContainer .reddit { background-image: url(/images/sb_reddit.gif); background-repeat: no-repeat; } #SocialBookmarksContainer .facebook { background-image: url(/images/sb_facebook.gif); background-repeat: no-repeat; } #SocialBookmarksContainer .stumbleupon { background-image: url(/images/sb_stumbleupon.gif); background-repeat: no-repeat; } /* Ajax dropdown box on compose message page */ #NicknameSearchResultsDropdown { background-color: #eee; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; width: 390px; border-bottom: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; padding: 5px; float: left; display: none; max-height: 150px; overflow: auto; } #NicknameSearchResultsDropdown div:hover { background-color: #666; color: #fff; } /* Events */ .EventsRowBody { background-color: #fff; vertical-align: top; } .EventsRowHead { background-color: #eee; vertical-align: top; font-weight: bold; } #SubscribeToCalendarLink { float: right; width: 200px; font-family: Arial, Sans-Serif; font-weight: normal; font-size: 10px; text-align: right; } #SubscribeToCalendarLink a img { border: 0; } /* Ad Sense */ .AdSenseBanner { text-align: center; margin-bottom: 10px; border: solid 1px #b0b0b0; /*margin-right: 10px;*/ } /* Competitions */ .CompsListContainerInner { min-height: 60px; margin-bottom: 10px; font-size: 12px; font-family: Arial, Sans-Serif; } .CompsListThumbnailImage { border: 0; height: 90px; width: 90px; float: left; margin-right: 5px; } .CompsListContainerInner h3 { margin: 0; padding: 0; font-size: 12px; } .CompsListContainerInner p { margin: 0; padding: 0; } .CompsListContainerInner a { color: #00984a; font-weight: bold; text-decoration: none; } .CompsListContainerInner a:hover { text-decoration: underline; } .CompContainerRight { width: 300px; float: right; } .CompContainerLeft { width: 260px; float: left; } .CompTermsBox { height: 100px; border: solid 1px gray; padding: 5px; overflow: auto; } .CompFormInput { width: 150px; } /* Digital Editions */ .DE_Thumbnail { width: 115px; float: left; margin: 0 10px 10px 0; font-family: Arial, Sans-Serif; font-size: 10px; } .DE_Thumbnail img { width: 115px; height: 163px; border: solid 1px #333; cursor: pointer; } .DE_Thumbnail img:hover { border: solid 1px red; } .Sitemap ul{font-size:11px; list-style-type:none; list-style-position:inside; padding:0; margin:0 0 0 20px;} .Sitemap ul li {font-weight:bold; margin-bottom:5px;} .Sitemap ul li ul li {font-weight:normal;} .Sitemap a {color:#1a1a1a; text-decoration:none;} .Sitemap a:hover {color:#1a1a1a; text-decoration:underline;} .SearchPage {font-family: Arial, Helvetica, sans-serif; font-size:12px;} .SearchPage .Title {color: #00984a; font-size:14px;} .SearchPage .Title a {color:#000; text-decoration:none; font-size:12px; line-height:14px;} .SearchPage ul {color:#00984a; padding:0; margin:5px 0 20px 15px;} .SearchPage ul li {padding-left:5px; margin-left:5px;} .SearchPage ul li a {color:#000; text-decoration: none;} .SearchPage a:hover { text-decoration:underline;} /*My Hobby store product browser list*/ .product-detail-text {margin:0 0 15px 0; padding:0 0 20px 0; border-bottom:solid 1px #eee; font-size:12px;} .product-detail-text p {text-align:left; text-indent:0; padding:0; margin:0; font-size:12px;} .product-detail-text ul, .product-detail-text p ul { list-style-position:outside; list-style-type:none; padding:0; margin:0 0 10px 0; } .product-detail-text li, .product-detail-text p li {font-size: 12px; list-style-image: none; padding:0; margin:0;padding:0 0 0 9px; background-image:url(/sites/1000/images/website_images/detail-li-bg.gif); background-repeat:no-repeat;} .product-detail-main-image {margin-bottom:5px; position:relative;} .on-special-image {position:absolute; top:0; left:0; z-index:10;} .product-main-image {width:350px; height:350px; border:solid 1px #eee;} .product-sub-image {float:left; margin:0 8px 5px 0; width:80px; height:80px; border:solid 1px #eee;} .product-detail-sub-images {padding:0 0 25px 0; border-bottom:solid 1px #eee; margin:0 0 10px 0;} .ProductBrowserHeader {padding:0; margin:20px 0 0 0; line-height:30px;} .ProductBrowserHeader a {text-decoration:none; color:#004f9f; font-weight:bold;font-size:12px; font-family: Tahoma, Arial;} .product-browser-list {text-align:left;} .product-browser-list a {text-decoration:none; color:#004f9f;} .product-browser-list a:hover {text-decoration:underline;} .product-browser-list img {border:0;} .product-browser-list .product-browser-item {border-bottom:solid 1px #eee; margin:0 0 10px 0; padding: 0 0 5px 0;} .product-browser-list .product-image {float:left; width:90px; position:relative;} .product-browser-list .product-image .on-special-image {width:50px; height:45px;} .product-browser-list .product-image img.product-image {width:80px; height:80px; border:solid 1px #eee;} .product-browser-list .product-details {float:left; width:400px;} .product-browser-list .product-details h2 {padding:0; margin:0 0 5px 0; font-size:12px;} .product-browser-list .product-details h2 a { text-decoration:none;} .product-browser-list .product-details h2 a:hover { text-decoration:underline;} .product-browser-list .product-details p {padding:0;margin:0 0 5px 0;} .product-browser-list .product-info {} .product-browser-list .product-info-price {float:left; font-weight: bold; line-height:20px; font-size:20px; color:#912C2C; margin-right:10px;} .product-browser-list .product-info-RRP {float:left; font-weight: normal; line-height:20px; text-decoration:line-through; font-size:17px; color:#000; margin-right:10px;} .product-browser-list .product-info-buynow{float:left;} .product-browser-list .clear-product-browser {clear:both; line-height:10px; height:10px;} .modal {position:absolute; margin:auto; left:30%; top:-150px; z-index:99; border:solid 1px #666;} .modal .modalImageContainer { padding:0;} .modal .modalImageContainer img {border:0; z-index:0;} .modal .modalCloseButton {position:absolute; top:-10px; left:395px; z-index:0;} #sbox-overlay { position: fixed; background-color: #000; left: -33%; top: 0px; } .PodcastFeed .PodcastTitle h2 {float:left; text-decoration:none; border-bottom:0;} .PodcastFeed .PodcastTitle .Subscribe {float:right; font-size:12px;} .Podcast {margin-left:40px;} a[href^="mailto:"] { background-image: url(../images/website_images/email.jpg); background-repeat: no-repeat; background-position: left center; padding-left: 20px; } .red { color: #CC0000; } .ticket-row { vertical-align: top; padding-bottom: 3px; border-bottom: #CCCCCC 1px dotted; text-align: center; } .ticket-row tr th td{padding: 3px;} .strike { text-decoration:line-through; } .exhibitor-row-logo { width: 190px; text-align: center; font-weight: bold; vertical-align: top; padding: 7px 0 7px 0; border-bottom: #CCCCCC 1px dotted; } .exhibitor-row-copy { width: 370px; text-align: left; padding: 7px 0 7px 0; border-bottom: #CCCCCC 1px dotted; line-height: 16px;/* change made by priti */ } .exhibitor-image { border: #000 1px solid; } .exhibitor-name { font-size: 16px; line-height: 16px; text-transform: uppercase; } .exhib-table-row { vertical-align: top; padding-bottom: 3px; border-bottom: #CCCCCC 1px dotted; } a {color: #000000; font-weight: bold;} a:link, a:visited {color:#000000; font-weight: bold;} a:hover, a:active {color:#000000; font-weight: bold; text-decoration: underline;} a[href^="http"] {color: #000000; font-weight: bold;} a:link, a:visited a[href^="http"] {color:#000000; font-weight: bold;} a:hover, a:active a[href^="http"] {color:#000000; font-weight: bold; text-decoration: underline;} a img{border: none;} PodBody{border: none; padding: 0px;} #Logo img{border: none; padding: 0px;} .green{font-weight: bold; color: #e20017;} .poll { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin:1px; } .poll-choice-abbrev { font-family: Arial, Helvetica, sans-serif; font-size: 12px; float:left } .poll-right { font-family: Arial, Helvetica, sans-serif; font-size: 12px; float:right } .poll-choice-result-display-outer { float:left; width:100%; border-style:solid; border-width:1px; margin:1px; } .poll-choice-result-display-answered { background-color:#e20017; float:left;} .poll-choice-result-display-blank { float:left; } .poll-box { border-style:solid; border-width:1px; padding: 5px; border-color:Silver; margin:5px 0 5px 0; } .poll-box-center { width:500px; margin-left:auto; margin-right:auto } /*Cookies*/ .cookies {position:relative; height:25px; background-color:#fff; border-bottom: solid 1px #eee;} .cookies-holder {width:980px; margin:0 auto 0 auto; color:#000; text-align: center;} .cookies-holder .text {float:left; width: 980px; font-size:10px; font-family: Arial, Helvetica, sans-serif; margin:5px 0 0 0;} .cookies-holder .text a {text-decoration:underline; color:#000;} .cookies-holder .text a:visited {color:#000;} #Webpage { width: 980px; margin-right: auto; margin-left: auto; } #LeaderBoard { padding-top: 10px; padding-bottom: 10px; text-align: center; height: 90px; } #LoginRegister { height: 24px; background: url(../images/website_images/login-background.png); font-family: Arial, Helvetica, sans-serif; font-size: .75em; text-transform: uppercase; color: #333; padding-top: 3px; padding-left: 10px; position: relative; z-index: 0; } #LoginRegister a { color: #333333; text-decoration: none; } #LoginRegister .Right { float: right; padding: 0 60px 0 0; } #LoginRegister .SearchBox {width:120px; font-size:11px; color:#000;} #LoginRegister .SearchButton {font-size:11px; line-height:16px; } #Masthead { height: 120px; background: url(../images/website_images/masthead-background.png) no-repeat right top; background-color: #FFF; position:relative; /*z-index:999;*/ } #Masthead #Logo { padding-top: 25px; padding-bottom: 6px; width: 290px; float: left; } #Masthead #Features { height: 118px; } #Masthead #Features h3 { color: #333; margin: 0px; padding: 7px 0px 5px 0px; font-size: 0.8em; } #Masthead #Features a { text-decoration: none; } #Masthead #Features ul { margin: 0px; padding: 0px; } #Masthead #Features li { background-image: url(../images/website_images/bullet.png); background-repeat: no-repeat; background-position:left top; font-size: 0.7em; margin-bottom: 2px; padding-left: 20px; display: block; } #Masthead #Features #Feature1 { width: 200px; float: left; background: url(../images/website_images/masthead-feature-divider.png) no-repeat right; height: 118px; padding-right: 15px; position: relative; } #Masthead #Features #Feature1 .FeatureTextContainer { width: 135px; position: absolute; right: 7px; } #Masthead #Features #Feature1 .FeatureImage { position: absolute; bottom: 9px; left:5px; /*width: 81px; height: 109px; z-index: 100;*/ } #Masthead #Features #Feature1 .FeatureImage img{ max-height: 90px; /*z-index: 100;*/ } #Masthead #Features #Feature2 { width: 140px; float: left; height: 118px; background: url(../images/website_images/masthead-feature-divider.png) no-repeat right; padding-right: 15px; position: relative; } #Masthead #Features #Feature2 .FeatureTextContainer { position: absolute; width: 80px; left: 2px; } #Masthead #Features #Feature2 .FeatureImage { position: absolute; bottom: 12px; right: 20px; width: 54px; height: 89px; /*z-index: 100;*/ } #Masthead #Features #Feature3 { width: 150px; float: left; background: url(../images/website_images/masthead-feature-divider.png) no-repeat right; position: relative; height: 118px; } #Masthead #Features #Feature3 .FeatureTextContainer { width: 80px; position: absolute; left: 5px; } #Masthead #Features #Feature3 .FeatureImage { position: absolute; right: 10px; bottom: 12px; /*width: 35px; height: 44px; z-index: 100;*/ } #Masthead #Features #Feature3 .FeatureImage img{ max-height: 88px; /*z-index: 100;*/ } #Masthead #Features #Feature4 { width: 160px; float: left; position: relative; height: 118px; } #Masthead #Features #Feature4 .FeatureTextContainer { width: 90px; position: absolute; } #Masthead #Features #Feature4 .FeatureImage { position: absolute; right: 16px; bottom: 10px; width: 69px; height: 88px; /*z-index: 100;*/ } #Nav { height: 22px; width: 980px; background: #201d1f; border-top: 1px solid #201d1f; clear: both; padding: 0px; position: relative; z-index: 0; } #Nav .NavItem { float: left; padding-top: 4px; width: 122px; height: 18px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; text-transform: uppercase; font-weight: bold; z-index: 1000; position:relative; } #Nav .NavItem a { text-decoration: none; color: #201d1f; display:block; } #Nav ul.modernSub {display:none; visibility:hidden;} #Nav .NavItem:hover ul.ModernSub { display:block; visibility:visible; background-color:inherit; margin:0px; padding:0px; position:absolute; top:22px; left:0px; z-index: 1000; width:200px; text-align:left; } #Nav .NavItem ul.ModernSub li { visibility:hidden; display:none; padding:3px; margin:0; list-style-position:inside; list-style-type:none; } #Nav .NavItem:hover ul.ModernSub li {visibility:visible; display:block;} #Nav ul.ModernSub li:hover { background-color:#000; } #Nav ul.ModernSub li a { font-size:13px; color:#fff; text-transform:none; } #MainPage .MainPageLeft { width: 660px; float: left; margin-bottom: 10px; /*margin-left:10px;*/ } #MainPage .MainPageLeft #CommsPrefCentreLink { border-radius: 3px; background-color: #ddd; padding: 10px 10px 10px 10px; margin: 10px 0; color: #000; display: inline-block; position: relative; width: 325px; } #MainPage .MainPageLeft #CommsPrefCentreLink img { height: 37px; width: 37px; margin-right: 10px; display: block; } #MainPage .MainPageLeft #CommsPrefCentreLink div { position: absolute; top: 17px; left: 57px; } #MainPage .MainPageLeft #CommsPrefCentreLink div a { text-decoration: none; color: #000; font-size: 14px; } #MainPage #MainPageRight { width: 250px; float: left; margin-left: 20px; } #MainPage #MainPageRight .LeftAdBox { margin-bottom: 10px; } #MainPage #MainPageRight .LeftAdBox img { border-width: 0px; } #MainPage .SidePod { border: 3px solid #ff9933; margin-bottom: 10px; } #MainPage .SidePod .PodHead { background: #ff9933; color: #FFF; text-align: center; padding-top: 3px; padding-bottom: 3px; font-weight: bold; text-transform: uppercase; font-size: 0.9em; } #MainPage .SidePod .PodBody { font-size: 0.9em; padding: 10px; color: #ff9933; } #MainPage .SidePod .PodBody p { margin: 0px 0px 5px; } #Footer { background-color: #696a6c; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#696a6c), to(#484749)); background-image: -moz-linear-gradient(top, #696a6c, #484749); background-image: -ms-linear-gradient(top, #696a6c, #484749); background-image: linear-gradient(top, #696a6c, #484749); margin-bottom: 10px; padding: 15px 15px 8px 15px; font-size: 0.8em; border-radius: 5px; clear: both; } #Footer div { text-align: center; margin-bottom: 7px; color: #fff; } #Footer div a { color: #fff; text-decoration: none; } #Footer div a:hover { text-decoration: underline; } /*Login page*/ .LoginBox table { width: 660px; float: left; } .LoginBox table tr td { font-size:12px; } .LoginFormInputBox { width: 300px; } .LoginFormButton { } #Carousel { background: #5E5E61; height: 270px; overflow: hidden; color: #fff; margin-bottom: 10px; /*margin-right:10px;*/ } #Carousel ul, #Carousel li { padding:0; margin:0; list-style-position:inside; list-style-type:none; } #Carousel #CarouselThumbs { float: left; /*width: 220px;*/ width: 230px; } #Carousel #CarouselThumbs .CarouselThumb { height: 90px; position: relative; } #Carousel #CarouselThumbs .CarouselThumbSelected { background-color: #3c3b3c; } #Carousel #CarouselThumbs .CarouselThumb .CarouselThumbImage { position: absolute; left: 0px; top: 9px; width: 100px; height: 75px; } #Carousel #CarouselThumbs .CarouselThumb .CarouselThumbText { position: absolute; height: 82px; /*width: 100px;*/ width: 115px; top: 0px; right: 0px; /*padding: 4px 6px 4px 5px;*/ padding: 4px 6px 4px 0; } #Carousel #CarouselThumbs .CarouselThumb .CarouselThumbText h3 { margin: 0px; font-size: 0.8em; /*color: #333;*/ color:#fff; } #Carousel #CarouselThumbs .CarouselThumb .CarouselThumbText h4 { font-size: 0.7em; margin: 0px; } #Carousel #CarouselThumbs .CarouselThumb .CarouselThumbText p { font-size: 0.7em; margin: 0px; } #Carousel #CarouselThumbs .CarouselThumb .CarouselThumbText h3 a { text-decoration: none; /*color: #333;*/ color:#fff; } #Carousel #CarouselMain { float: left; width: 430px; height: 270px; position: relative; } #Carousel #CarouselMain .CarouselBox { height: 270px; position: relative; width: 430px; } #Carousel #CarouselMain .CarouselTransText { background: rgba(0,0,0,0.4); position: absolute; bottom: 0px; padding: 7px; } #Carousel #CarouselMain .CarouselTransText h1 { font-size: 1em; margin: 0; color: #fff; } #Carousel #CarouselMain .CarouselTransText h2 { margin: 0px; font-size: 0.8em; text-transform: uppercase; } #Carousel #CarouselMain .CarouselTransText p { font-size: 0.8em; margin: 0; } #Carousel #CarouselMain .CarouselTransText p a { text-decoration: none; color: #fff; } #NewspageLeft { float: left; width: 450px; } #NewspageLeft .NewspageContainerInner { background: #FFF; margin-top: 13px; } #NewspageLeft .NewspageContainerInner tbody tr td a img { border: 0; } #NewspageLeft .NewspageContainerInner h2 { background: #e20017; margin: 0px 0 5px 0; padding: 5px; font-size: 16px; text-align: center; text-transform: uppercase; color: #ffffff; font-weight: bold; } #NewspageLeft .NewspageContainerInner h2 a { text-decoration:none; color: #ffffff; } #AZNavigationContainer { font-family: Arial, Sans-Serif; font-size: 12px; padding: 0 0 10px 0; text-align: center; } #AZNavigationContainer a { /*border: solid 1px #666; color: #666;*/ padding: 0 2px 0 2px; text-decoration: none; color: #333; background-color: #fff; border: solid 1px #fff; border-radius: 5px; } #AZNavigationContainer a:hover { background-color: #ccc; border: solid 1px #ccc; border-radius: 5px; } #AZNavigationContainer .CurrentPageBrowseNav { font-weight: bold; padding: 0 2px 0 2px; background: #e20017; color:#fff; border: solid 1px #e20017; border-radius: 5px; } #AZNavigationContainer .Invalid { font-weight: bold; padding: 0 1px 0 1px; color: #b5b6b9; } #NewspageRight { float: right; width: 190px; /*padding-right:10px;*/ } #NewspageRight .NewspageContainerInner { background: #FFF; margin-top: 14px; margin-bottom: 20px; } #NewspageRight .NewspageContainerInner h2 { background: #747577; padding: 5px; margin: 0 0 0 0; font-size: 1.1em; text-align: center; text-transform: uppercase; color: #ffffff; } #Slider1 .slider {padding:15px 0 0 0; height:200px; margin:0; overflow: hidden;} #Slider1 .articletype-container, .slider .articletype-container {width:160px; padding:0px;} #Slider1 .articletype-box-item, .slider .articletype-box-item {margin:0; padding:0 0 0 0px;} /*.articletype-box-nav-left, .articletype-box-nav-right {position:absolute; left:5px; z-index:999;} .articletype-box-nav-right {left:648px;}*/ .articletype-box-item {width:160px; float:left; text-align:center;} .articletype-box-item .articletype-box-item-image {width:150px; height:100px; border:solid 1px #eee; padding:0; margin-bottom:0px; vertical-align:middle; position:relative; background-color: #fff;} .articletype-box-item .articletype-box-item-name {width:150px; background-color:#dbdcde; border:solid 1px #eee; color:#000; font-size:14px;margin-bottom:2px; height:47px; max-height:47px; overflow:hidden; text-decoration: none; text-align:left;} .articletype-box-item .articletype-box-item-name a {color:#000; text-decoration: none;} /*Subscription page bullets for Sarah */ .SubsUL { list-style-position: outside; margin-left: 0px; padding-left: 18px; } .VideoListSingleContainerInner { background: #f2f1f1; width: 592px; border-top: 1px double #dfe7ed; border-right: 1px double #dfe7ed; border-bottom: 1px double #dfe7ed; border-left: 1px double #dfe7ed; padding: 20px; margin-bottom: 20px; } .VideoListSingleContainerInner .VideoListSingleImage { width: 300px; height: 188px; float: left; border-top: 2px double #6c9d2a; border-right: 2px double #6c9d2a; border-bottom: 2px double#6c9d2a; border-left: 2px double #6c9d2a; margin-right: 20px; } .VideoListSingleContainerInner h2 a { color: #154061; } .VideoListSingleContainerInner h3 { color: #6c9d2a; } .VideoListSingleContainerInner .tags p { color: #6c9d2a; } .VideoListSingleContainerInner .tags a { color: #6c9d2a; text-decoration: none; } .VideoFullPageContainerInner .VideoEmbedCode { text-align:center; } .VideoFullPageContainerInner .tags p { color: #6c9d2a; font-size: 14px; } .VideoFullPageContainerInner .tags a { color: #6c9d2a; text-decoration: none; } .VideoListContainerInner { background: #f2f1f1; width: 265px; height: 350px; border-top: 1px double #dfe7ed; border-right: 1px double #dfe7ed; border-bottom: 1px double #dfe7ed; border-left: 1px double #dfe7ed; padding: 20px; margin-bottom: 20px; margin-right: 20px; float:left; } .VideoListContainerInner .VideoListThumbnailImage { width: 265px; height: 166px; border-top: 2px double #6c9d2a; border-right: 2px double #6c9d2a; border-bottom: 2px double#6c9d2a; border-left: 2px double #6c9d2a; } .VideoListContainerInner h2 a { color: #154061; } .VideoListContainerInner h3 { color: #6c9d2a; } .VideoDetails { height: 90px; overflow: auto; } .VideoListContainerInner .tags p { color: #6c9d2a; } .VideoListContainerInner .tags a { color: #6c9d2a; text-decoration: none; } .RunningTime { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#6286a1; float:right; } .VideoListContainerBlank { width: 265px; height: 350px; padding: 20px; margin-bottom: 20px; margin-right: 25px; float:left; } .VideoListContainerRelated { background: #f2f1f1; width: 185px; height: 220px; border-top: 1px double #dfe7ed; border-right: 1px double #dfe7ed; border-bottom: 1px double #dfe7ed; border-left: 1px double #dfe7ed; padding: 10px; margin-bottom: 10px; margin-right: 11px; float:left; } .VideoListContainerRelated .VideoListThumbnailImage { width: 180px; height: 110px; border-top: 2px double #6c9d2a; border-right: 2px double #6c9d2a; border-bottom: 2px double#6c9d2a; border-left: 2px double #6c9d2a; } .VideoListContainerRelated h2 a { color: #154061; margin-bottom: 0; } .VideoListContainerRelated h3 { color: #6c9d2a; margin-top: 0; } .VideoListContainerRelatedBlank { width: 185px; height: 200px; padding: 10px; margin-bottom: 10px; margin-right: 15px; float:left; } .SocialMediaButtons { float:right; margin-top: 5px; margin-bottom: 5px; margin-right: 25px; } .ArticleSocialMediaButtons { margin-top: 5px; margin-bottom: 5px; }