/* CSS Document */ @import url("/CSS/Reset.css"); @import url("/CSS/MainStyles.css"); #DataCheck { display:none; } #SubscribeDataCheck { display:none; } strike { text-decoration:line-through; } /************************** PAGE STYLE **************************/ .noborder { border: 0px none; } .nopadding { padding: 0px ; } .hidden { display: none ; } .blur { color:#000; background:#e5f1fa; border:#71b8e5 solid 3px } a img { border: 0; } a:hover img { border: 0; } a:visited { color:#abd03b; border-bottom: #abd03b dotted 0px; } a:active { color:#abd03b; border-bottom: #abd03b dotted 0px; } /************************** HTML **************************/ #Container { background: #fff url(/Image/MainBackground.jpg) 0 0 repeat-x; } #mainContainer { width: 1026px; margin: 0 auto; /*** Centers the design ***/ min-height: 451px; text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/ } * html #mainContainer { height: 451px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/ } /************************** TOP CLEAR **************************/ #TopClear { height: 18px; padding:0px; } /************************** CONTENT AND COLUMNS **************************/ .outer { margin-top: 451px; /*** We need to add some space for our top menu ***/ } .float-wrap { float: left; } * html .float-wrap { /*** No need for hacking IE on this layout ***/ } #content { float: left; width: 1026px; background: #fff; } * html #content { position: relative; /*** IE needs this ***/ } .contentWrap { padding: 0px; background:#FFF url(/Image/FrameBG.jpg) 0 0 repeat-y; } /************************** LEFT **************************/ .Left {width: 251px; float:left; z-index:2000; } .MCLeftBlue {width: 251px; padding:0; margin:0; background:url(/Image/LeftBlueBkggrad.jpg) 0 0 repeat-x;} .Left a.MediaLogo { background:url(/Image/ASTMediaBlueBkg.jpg) 0 0 no-repeat; width:251px; height:70px; display:block; border:0; overflow:hidden; padding:0; margin:0; clear:both; line-height:100em } .Left a.MediaLogo:hover { border:0;} /* Newsletter Subscription */ .NewsletterHold {width: 222px; padding:15px 10px 0px 19px; margin:0; background: #102749; color:#FFFFFF; font-size: 12px;} .NewsletterHold h2 {color: #FFFFFF; border:none; padding:0; margin:0; font-weight: bold; font-size: 14px;} .NewsText {width:211px; height:24px; padding:4px 0px 0px 5px; margin:0; background:url(/Image/NewsLetterTxtBox.jpg) 0 0 no-repeat; color: #FFFFFF; font-weight:bold; font-size:13px; border: 0px #FFFFFF solid; margin-bottom: 8px;} .SubscribeForm { width:222px; } .SubscribeForm .blur { color:#000; background:#e5f1fa; border:#71b8e5 solid 3px; width:205px; height:18px } .SubscribeButton {width: 216px; height:35px; padding:0; margin:0; border:none; background: url(/Image/SubmitBkgAni.jpg) 0 0 repeat-x; color:#FFFFFF; font-weight: bold; font-size: 16px;} #SubscribeMessage {color: #FFCC00;} /************************** RIGHT **************************/ .Right {width: 740px; padding:0px 20px 0px 0px; margin:0; float:right; } .Right p { padding-top: 15px; } .Right a { color:#102649; border-bottom: #abd03b dotted 1px; } .Right a:hover {color:#abd03b; border-bottom: #abd03b dotted 1px; } .Right ul { } .Right li { list-style-type:square; } .Bread { } .Bread ul { padding:0 0 10px 0; margin:0; top:0; } .Bread li { list-style-type:none; display:inline; padding-left: 5px; } .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; } .jScrollPaneTrack { position: absolute; cursor: pointer; left: 0; bottom: 0; width: 100%; background: url(/Image/productbrowserBG.png) 0 0 repeat-x; } .jScrollIntervalTrack { position: absolute; display:none } .jScrollPaneDrag { position: absolute; background: url(/Image/productbrowsersDrag.png) 0 0 no-repeat; cursor: pointer; overflow: hidden; } .jScrollPaneDragLeft { position: absolute; bottom: 0; left: 0; overflow: hidden; } .jScrollPaneDragRight { position: absolute; bottom: 0; right: 0; overflow: hidden; } a.jScrollArrowLeft { display: block; position: absolute; z-index: 1; bottom: 0; left: 0; text-indent: -2000px !important; overflow: hidden; background: url(/Image/ArrowLeft.png) 0 0 no-repeat; height: 40px; width: 21px; border:0; } a.jScrollArrowLeft:hover { /*background-color: #f60;*/ border:0;} a.jScrollArrowRight { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px !important; overflow: hidden; background: url(/Image/ArrowRight.png) 0 0 no-repeat; height: 40px; width: 21px; border:0;} a.jScrollArrowRight:hover { /*background-color: #f60;*/ border:0;} a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/} ul.blocks { padding: 0; width: 1600px; display: block; height: 179px; margin:0px; top:0; } ul.blocks li { width: 200px; margin:0px; padding:0px; float: left; display: block; height: 179px; text-align:center; } .holder { margin: 0; display: block; /* TEMP */ margin-bottom: 20px; } .scroll-pane { width: 740px; background: url(/Image/GalleryBkg.jpg) ; float: left; padding: 0; } #WrappingTypes { height: 219px; width:740px; padding: 0; display: block; overflow: hidden; } a.Image { border:0;} a.Image:hover { border:0;} div.scrollable { position:relative; overflow:hidden; width: 232px; height:143px; margin:0; padding:0; } #thumbs { position:absolute; width:20000em; clear:both; } #thumbs div { float:left; width:232px; height:143px; color:#555;cursor:pointer; } #thumbs div.hover { color:#7b9a00; } #thumbs div.active { background-color:#fff; cursor:default; } #thumbs img { border:none;} #thumbs a { border:none;} div.scrollable { float:left; padding: 0 0 5px 0; } a.prev, a.next, a.prevPage, a.nextPage { display:block; width:18px; height:18px; background:url(/Image/left.png) no-repeat; float:left; cursor:pointer; border:0; } a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover { background-position:0px -18px; border:0; } a.disabled { visibility:hidden !important; } a.next, a.nextPage { background-image:url(/Image/right.png); float:left; } .navi { width:156px; height:20px; float:left; margin-left:30px; float:left; } .navi a { width:8px; height:8px; float:left; margin:3px; background:url(/Image/navigator.png) 0 0 no-repeat; display:block; font-size:1px; border:0 ; } .navi a:hover { background-position:0 -8px; border:0 ;} .navi a.active { background-position:0 -16px; } #WrappingTypeshold {background: url(/Image/GalleryBkg.jpg) ;width: 680px; height:172px; padding: 0 30px; position:relative; } #WrappingTypeshold div.scrollablewrappingtypes { position:relative; overflow:hidden; width: 720px; height:172px; margin:0; padding:0; float:left; } #WrappingTypeshold #thumbswrappingtypes { position:absolute; width:20000em; clear:both; } #WrappingTypeshold #thumbswrappingtypes div { float:left; width:179px; height:172px; color:#555;cursor:pointer; text-align:center; } #WrappingTypeshold #thumbswrappingtypes div.hover { color:#7b9a00; } #WrappingTypeshold #thumbswrappingtypes div.active { background-color:#fff; cursor:default; } #WrappingTypeshold #thumbswrappingtypes img { border:none;} #WrappingTypeshold #thumbswrappingtypes a { border:none;} #WrappingTypeshold div.scrollablewrappingtypes { float:left; padding: 0 0 5px 0; } #WrappingTypeshold a.prev, #WrappingTypeshold a.next, #WrappingTypeshold a.prevPage, #WrappingTypeshold a.nextPage { display:block; width:36px; height:36px; background:url(/Image/prev.png) no-repeat; float:left; cursor:pointer; border:0; position:absolute; top:70px; z-index:100; } #WrappingTypeshold a.prev { left:0px;} #WrappingTypeshold a.prev:hover, #WrappingTypeshold a.next:hover, #WrappingTypeshold a.prevPage:hover, #WrappingTypeshold a.nextPage:hover { background-position:0px -36px; border:0; } #WrappingTypeshold .disabled a { visibility:visible; background-position:0 -72px; } #WrappingTypeshold a.next, #WrappingTypeshold a.nextPage { background-image:url(/Image/next.png); float:left; right:0px; } #WrappingTypeshold .disabled a:hover { background-position:0 -72px;} #WrappingTypeshold .navi { width:156px; height:20px; float:left; margin-left:330px; float:left; } #WrappingTypeshold .navi a { width:8px; height:8px; float:left; margin:3px; background:url(/Image/navigator.png) 0 0 no-repeat; display:block; font-size:1px; border:0 ; } #WrappingTypeshold .navi a:hover { background-position:0 -8px; border:0 ;} #WrappingTypeshold .navi a.active { background-position:0 -16px; } .GalleryHold {width: 737px; height:240px; padding:0; margin:0; background: url(/Image/GalleryBkg.jpg) 0 0 repeat-x; display: block; overflow: hidden;} .LatestHold {width: 740px; padding:0px 0px 10px 0px; margin:0;} .LatestHold a { font-weight:bold;} .LHL {width: 482px; padding:0; margin:0; float:left;} .LHR {width: 248px; padding:0px 0px 0px 10px; margin:0; float:left;} .LatestStory {width: 482px; padding:0px 0px 10px 0px; margin:0;} .LSImage {width: 232px; height: 163px; padding:0; margin:0; float:left;} .LSImage .Thumb {padding:0px 0px 8px 0px} .LSCopy {width: 240px; padding:0px 0px 0px 10px; margin:0; float:left;} .ClientsHold {width: 740px; padding:0px 0px 10px 0px; margin:0;} .ClientsLeft {width: 232px; padding:0px 10px 0px 0px; margin:0; float:left;} .ClientsRight {width: 493px; padding:0px 0px 0px 5px; margin:0; float:left;} .NewsHold {width: 740px; padding:0px 0px 10px 0px; margin:0;} .NewsStoryHold {width: 232px; padding:0; margin:0 7px 15px 7px; float:left;} .NewsStoryTitle {font-weight: bold;} .NewsStoryDate {color: #999999; font-weight: normal; padding:5px 0px 5px 0px} .Last {margin:0;} .SocialFeed a {color:#102649; font-weight:bold; top: 5px ; position:relative; } .SocialFeed {float:right; width:740px;} .RSS { padding-right:15px;height:40px; float:right; width:300px;} .RSS a {color:#102649; font-weight:bold; top: 5px ; position:relative; } .RSS a:hover {color:#abd03b; border-bottom: #abd03b dotted 1px; } .Addthis {height:32px; float:right; padding-top:8px; padding-right:10px; top:0px; background:url(/Image/Share.jpg) -4px 4px no-repeat;} .Addthis a { top:0px;} .SubpageHold { padding: 10px 0 0 0; } .SubpageHoldLeft { width: 232px; float:left; display:block; } .SubpageHoldLeft a { border: 0; } .SubpageHoldLeft a:hover { border: 0; } .SubpageHoldRight { width: 498px; padding: 0 0 0 10px; float:left; display:block; } .Page { text-align:center; } .Page ul {list-style-type:none; padding:0; margin: auto; top:0; text-align:left; } .Page li {list-style-type:none; display:inline; padding:0; margin:0; top:0;} .Page li a {text-align:center; width:30px; height:23px; padding: 5px 0 0 0; display:block; float:left; border-color:#CCCCCC; border-style: solid; border-width: 1px 1px 1px 0px; background:#FFFFFF url(/Image/PageBG.jpg) 0 0 repeat-x; } .Page li a:hover {border-color:#CCCCCC; border-style: solid; border-width: 1px 1px 1px 0px; color:#000000; } .Page li a.PagePrev { width:60px; border-left:#CCCCCC solid 1px ; } .Page li a.PageNext { width:60px; } .ContactLeft { width: 485px; display:block; float:left; } .ContactRight { width: 185px; display:block; float:left; padding: 0 0 0 20px } .Row { padding: 5px 0 0 0; } .RowLeft { width: 150px; padding: 0px 0 0 0px ; float:left; display:block; } .RowRight { width: 280px; padding: 0px 0 0 5px ; float:left; display:block; } fieldset { border:1px solid #ccc; padding:10px; } .textarea { width: 290px; height:75px; } .ContactLeft input { width: 285px; } .LocationHold {width: 690px; height:auto; padding:0; margin:0; padding-bottom: 10px; border-bottom:1px solid #FFFFFF; border-top: 1px solid #d3d8db;} .LFirst {border-top: none;} .LocationLeft { width: 285px; display:block; float:left; font-size: 14px;} .LocationRight { width: 385px; display:block; float:left; padding: 0 0 0 20px } .Map { border: 10px solid #fff; width: 365px; height:250px;} .Film {width:580px; height:326px; padding:5px; border:1px solid #CCCCCC; margin-left:auto; margin-right:auto;} /************************** TOP BANNERS **************************/ #Top { float: right; width: 1026px; height: 451px; padding: 0px; margin: -451px 0 0 -1026px; /*** Move the left column so it takes the positon as a top menu ***/ } * html #Top { position: relative; /*** IE needs this ***/ } .TopBanner {width: 1026px; height: 106px; padding:0px 0px 0px 0px; margin:0; background:url(/Image/TopBG.jpg) 0px 94px no-repeat; } .TopBannerLeft {width: 684px; height: 44px; padding:62px 0px 0px 0px; margin:0; float:left;} .TopBannerRight {width: 342px; height: 106px; padding:0; margin:0; float:left; background: url(/Image/ASTSignsLogo.jpg) 0 0 no-repeat} .TopNav {padding:0; margin:0;} .TopNav li { display: inline; list-style-type: none; padding:0; margin:0; padding-right: 20px;} .TopNav li a {text-decoration: none; color: #000000; font-weight: bold; font-size: 13px;} .TopNav li a:hover {color: #95b826; border-bottom: #000 dotted 1px; } .MainBanner {width:1026px; height:359px; background: #fff url(/Image/MainBannerImage_Signs5.jpg) 0 0 no-repeat; overflow:hidden;} /* testimonial in middle .MainBanner .testimonial .fade {width:326px; padding-top:25px; height:334px; float:left; color:#6b8eae; padding-left:390px; text-align:left; } .MainBanner .testimonial .fade p {font-size:23px; font-weight:bold; line-height:1.4em;height:334px;} .MainBanner .testimonial p .client { font-size:15px; font-weight:normal;} */ /* testimonial right small */ .MainBanner .testimonial { padding-top:240px;} .MainBanner .testimonial .fade {width:456px; float:left; color:#6b8eae; margin: 0 0 0 540px; text-align:left; padding:0; top:0; list-style-type:none; } .MainBanner .testimonial .fade li {font-size:15px; font-weight:bold; line-height:1.3em; padding:0; margin:0; top:0; list-style-type:none; } .MainBanner .testimonial .client { font-size:11px; font-weight:normal; line-height:1.0em;} .MainBanner .contact {width:290px; height:57px; font-size:13px; color:#464647;font-weight:bold; text-align:right; float:right; line-height:2.0em; padding-top:255px; float:left; display:none;} .MainBanner .head {color:#0c2649; font-size:25px; font-weight:bold;} .MainBanner a.head {color:#0c2649; font-size:25px; font-weight:bold;} .MainBanner a.head:hover {color:#95b826; border-bottom: #000 dotted 1px;} /************************** TOP BANNERS **************************/ #Side {width: 48px; padding:30px 0px 0px 0px; margin:0; display: block; position:absolute; left:auto; top:10px; right: 0px; z-index:100; overflow: hidden; height:451px; } #SideTab {width: 38px; background:#CC99CC; height:451px; overflow:hidden; } #SideTab div {width: 38px; background:#CC99CC; height:101px; overflow:hidden; } a.Search {height: 121px; width:1px; padding:0 0 0 48px; margin:0 0 0 10px; background:url(/Image/SearchButton.png) 0 0 no-repeat; overflow: hidden; display:block; } a.TradeLogin { height: 179px; width:1px; padding:0 0 0 48px; margin:0 0 0 10px; background:url(/Image/TradeLogin.png) 0 0 no-repeat; overflow: hidden; display:block; } a.FTP { height: 91px; width:1px; padding:0 0 0 48px; margin:0 0 0 10px; background:url(/Image/FTPButton.png) 0 0 no-repeat; overflow: hidden; display:block; } /************************* BOTTOM CLEAR **************************/ #BottomClear { float: left; width: 1016px; padding: 0px; height: 8px; background:#FFF url(/Image/FrameBG.jpg) 0 0 repeat-y; } * html #BottomClear { position: relative; /*** IE needs this ***/ } .clear { clear: both; } /************************** FOOTER STYLE **************************/ .FooterHold {width: 100%; padding:0px 0px 0px 0px; margin:0; background:url(/Image/FooterBkg.jpg) 0 0 repeat-x ; clear:both;} .Footer {width: 1026px; padding:20px 0px 0px 0px; margin:auto; background: url(/Image/FrameBottom.jpg) 0px -1px no-repeat ; color: #FFFFFF; font-size: 11px; text-align:left;} .FooterLeft {width:430px; padding:0 0 0 20px; margin:0; float:left;} .FooterRight {width:576px; padding:0; margin:0; float:left;} .FooterLeft a {color:#FFFFFF; font-weight:normal; text-decoration:none;} .FooterLeft a:hover {color:#abd03b; border-bottom: #abd03b dotted 1px; } .FooterList { padding:0; margin:0; top:0; } .FooterList li { display:inline; border-left: 2px solid #fff; padding: 0 10px 0 10px; } .FooterList .noborder { border: 0px none; } .FooterList .nopadding { padding: 0px 10px 0 0 ; } .FooterList .hidden { display: none ; } .ast-footer-contact { font-size:24px; font-weight:normal; color:#dbe3ee; padding-bottom:10px; } .ast-footer-contact a {color:#c6d4e8;} .ast-footer-contact a:hover { border:0; text-decoration:none; color:#FFF;} .SearchB {width:350px; padding:0; margin:0; } .SearchTextB { width: 243px; height: 27px; padding:8px 0px 0px 10px; margin:0; background: url(/Image/SearchTxtBkg.jpg) 0 0 no-repeat; color:#FFFFFF; font-size:16px; font-weight: bold; border:none; float:left; } .SearchButton { width: 110px; height:35px; padding:0; margin:0; margin: 0px; border:none; background: url(/Image/SubmitBkgAni.jpg) 0 0 repeat-x; color:#efeeee; font-weight: bold; font-size: 16px; float:left; } .FooterLeft .blur { color:#000; background:#e5f1fa; border:#71b8e5 solid 3px; height: 25px; padding:4px 0px 0px 10px; width: 237px; } .FooterLinks a {color: #FFFFFF; text-decoration: none; padding:0; margin:0;} .FooterLinks a:hover {color: #66CC33; } .LogoH ul { top:0; left:0; padding:0px; margin:0px; } .LogoH li { display:inline; border-left: 0px; padding: 0px; margin:0px; } .LogoH { height:71px; width:auto; overflow:hidden;} .LogoH div { line-height:100em; display:block; float:left; overflow:hidden;} .LogoH .ThreeM { width:92px; height:50px; background:url(/Image/3M.png) 0 0 no-repeat;} .LogoH .Avery { width:58px; height:50px; background:url(/Image/Avery.png) 0 0 no-repeat; } .LogoH .BSG { width:58px; height:50px; background:url(/Image/BritishSIgnsAndGraphics.png) 0 0 no-repeat; } .LogoH .Matched { width:70px; height:50px; background:url(/Image/MatchedComponentSystem.png) 5px 0 no-repeat; padding-left:5px;} .LogoH .UKAS { width:71px; height:50px; background:url(/Image/UKAS.png) 10px 0 no-repeat; padding-left:10px;} .LogoH a:hover { border:0 none;} .FooterAstNav {width:233px; padding:0; margin:0; float:right;} .FooterAstMedia {width:233px; padding:0px 0px 0px 10px; margin:0; float:right;} #AstNav {padding: 0; margin: 0; width: 233px; color: #FFFFFF; top:0;} #AstNav li {list-style: none; margin: 0; border-bottom: 1px solid #6c7e8f; color: #ffffff; padding: 6px 6px 6px 10px; width: 217px; display:block;} #AstNav li a { text-decoration: none; color: #ffffff;} #AstNav li a:hover {color:#abd03b; border-bottom: #abd03b dotted 1px; } #AstNav .noborder { border: 0px none; } #AstMediaNav {padding: 0; margin: 0; width: 233px; color: #FFFFFF; top:0;} #AstMediaNav li {list-style: none; margin: 0; border-bottom: 1px solid #6c7e8f; color: #ffffff; padding: 6px 6px 6px 10px;width: 217px; display:block;} #AstMediaNav li a { text-decoration: none; color: #ffffff; } #AstMediaNav li a:hover {color:#abd03b; border-bottom: #abd03b dotted 1px; } #AstMediaNav .noborder { border: 0px none; } .DevelpedBy { color:#354d71; } .DevelpedBy a { color:#496183; border:0 none; } .DevelpedBy a:hover { color:#fff; border-bottom: 1px solid #496183; } /************************** Gallery **************************/ .anythingSlider { width: 725px; height: 504px; position: relative; margin-left:auto; margin-right:auto;overflow:hidden; z-index:0; } .anythingSlider .wrapper { width: 721px; overflow: auto; height: 444px; margin: 0px; position: absolute; top: 0; left: 0; border:2px solid #102749;} .anythingSlider .wrapper ul { width: 999999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; } .anythingSlider ul li { display: block; float: left; padding: 0; height: 444px; width: 721px; margin: 0; } .anythingSlider .arrow { display: block; height: 18px; width: auto; position: absolute; top: 448px; cursor: pointer; border-top:none; padding: 2px 8px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; color: #102749;background: #abd03a;} .anythingSlider a.arrow:hover {text-decoration:none; color: #abd03a;background: #102749;} .anythingSlider .forward { right: 0px; } .anythingSlider .back { left: 0px; } .anythingSlider .forward:hover { } .anythingSlider .back:hover { } #thumbNav { position: relative; top: 448px; text-align: center; width:400px; margin-left:auto; margin-right:auto;} #thumbNav a { background: #abd03a; color: #102749; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 2px 0 0; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;} #thumbNav a:hover { background-image: none; } #thumbNav a.cur { color: #abd03a;background: #102749; } .anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } .anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; }