/* Global */ body { margin:0px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; } img { border:0px; } form { margin:0px; padding:0px; } .ContentBreaker { clear:both; } label { font-size:11px; color:#000000; line-height:normal; } p { margin:0px; padding:0px; } .EventsOnClass {background: transparent url('Assets/Images/tab_on_b.jpg');color:Black;font-size:12px; font-weight:bold;} .EventsOffClass{background: transparent url('Assets/Images/tab_off_b.jpg'); color:#5A6264;font-size:12px;font-weight:bold;} /* Template Structure */ #GlobalTable { height:100%; width:100%; background-image:url(../../Assets/Images/front-end-background.jpg); } #BodyTable { width:990px; height:100%; background-color:White; } #BodyContent { width:950px; } #Header { width:950px; } #Header #Logo { width:478px; } #Header #NavContainer { width:468px; } #Header .InfoTextTop { color:#333333; } #Header .InfoTextTop a, #Header .InfoTextTop a:visited { color:#333333; text-decoration:none; font-size:12px; } #Header .InfoTextTop a:hover { color:#333333; text-decoration:underline; } #Header .InfoTextBottom { color:#566467; margin-right:8px; } #Header .InfoTextBottom a, #Header .InfoTextBottom a:visited { color:#566467; text-decoration:none; font-weight:bold; font-size:14px; } #Header .InfoTextBottom a:hover { color:#566467; text-decoration:underline; } #Header .InfoTextBottom a, #Header .InfoTextBottom a:visited { color:#566467; text-decoration:none; font-weight:bold; font-size:14px; } #Header .InfoTextBottom a:hover { color:#566467; text-decoration:underline; } #Footer { height:155px;} #Footer #FooterContainer { width:990px; height:155px; background-color:#FFFFFF; background-image:url(../../Assets/Images/footer-bg.jpg); background-repeat:no-repeat; background-position:top; font-size: 11px; color:#231F20;} #Footer #FooterContainer .copy {font-size: 11px; color:#231F20; text-decoration:none;} #Footer #FooterContainer .copy a, #Footer #FooterContainer .copy a:visited{font-size: 11px; color:#231F20; text-decoration:none;} #Footer #FooterContainer .copy a:hover{font-size: 11px; color:#231F20; text-decoration:underline;} .register a, .register a:visited{font-size: 11px; color:#231F20; text-decoration:none;} .register a:hover{font-size: 11px; color:#231F20; text-decoration:underline;} /* grids */ .gvMyHeader { height:44px; background-image:url(../Images/admin/gvheader-bg.jpg); background-repeat:repeat-x; color:#07395A; font-size:12px; font-weight:bold; text-align:left; padding-left:0px; border-right:1px solid white; } .gvHeader { height:44px; background-image:url(../Images/admin/gvheader-bg.jpg); background-repeat:repeat-x; } .gvHeader th, .gvHeader th div { color:#07395A; font-size:12px; font-weight:bold; text-align:left; padding-left:10px; } .gvHeader th { border-right:1px solid white; } .gvRow { height:25px; font-size:12px;} .gvAlt { height:25px; background-color:#F1F5FA; font-size:12px;} .gvRow td, .gvAlt td { padding-left:0px; } .gvPaging { background-color:#E0E0E0; } .gvPaging td { padding-left:50px; background-image:url(../Images/admin/page-white-go.png); background-repeat:no-repeat; background-position:30px 5px; } .gvPaging td tr td { padding:3px; background-image:none; } .gvPaging td span { font-weight:bold; color:#55A3DD; } /* Template Structure - Home Search By */ .HomeSearchText { font-size:11px; font-weight:bold; } .MiniArrow { float:left; width:4px; height:6px; margin-top:6px; margin-right:4px; /*background-image:url(../../Assets/Images/mini-arrow.png); background-repeat:no-repeat;*/ } #SearchBy { font-size:16px; color:#000000; background-image:url(../../Assets/Images/SearchContentBG.jpg); background-repeat:repeat-x; background-position:bottom;} #SearchBy .copy { font-size:10px; color:#009900; text-decoration:none;} #SearchBy .copy a, #SearchBy .copy a:visited { font-size:16px; color:#000000; text-decoration:none;} #SearchBy .copy a:hover { font-size:16px; color:#38939A; text-decoration:none;} .SearchBrowseOption { float:left; width:310px; padding-top:6px; } .HomeSearchBrowseOption { float:left; width:400px; } /* Template Structure - Home Browse By */ #BrowseBy { font-size:16px; color:#000000; background-image:url(../../Assets/Images/SearchContentBG.jpg); background-repeat:repeat-x; background-position:bottom;} #BrowseBy .copy { font-size:10px; color:#ffffff; text-decoration:none;} #BrowseBy .copy a, #BrowseBy .copy a:visited { font-size:16px; color:#ffffff; text-decoration:none;} #BrowseBy .copy a:hover {font-size:16px; color:#38939A; text-decoration:none;} /* Template Structure - Navigation Left */ #NavigationLeft { width:470px; } #NavigationLeft .Element { float:left; } #NavigationLeft .Element .Left { float:left; background-image:url(../../Assets/Images/turq-left.jpg); width:11px; height:35px; } #NavigationLeft .Element .Middle { float:left; height:35px; width:449px; } #NavigationLeft .Element .Middle .Content { margin-top:6px; } #NavigationLeft .Element .Right { float:left; background-image:url(../../Assets/Images/turq-right.jpg); width:10px; height:35px; } /* Templates for the letters on the supplier search page */ .LetterLeft { background-image: url('../../Assets/Images/BlueLeft.jpg'); background-color:#3A919B; width:10px; height:24px; float:left; } .LetterRight { background-image: url('../../Assets/Images/BlueRight.jpg'); background-color:#3A919B; width:10px; height:24px; float:left; } .TitleTextLeft { font-size:12px; font-weight:normal; color:#FFFFFF; background-color:#BFC7AC; background-image:url(../../Assets/Images/turq-bg.jpg); background-repeat:repeat-x; } .TitleTextLeft a, .TitleTextLeft a:visited { font-size:12px; font-weight:normal; color:#FFFFFF; text-decoration:none; } .TitleTextLeft a:hover { font-size:12px; color:#FFFFFF; text-decoration:underline; } /* Template Structure - Navigation Right */ #NavigationRight { width:470px; } #NavigationRight .Element { float:left; } #NavigationRight .Element .Left { float:left; background-image:url(../../Assets/Images/brown-left.jpg); width:39px; height:35px; } #NavigationRight .Element .Middle { float:left; height:35px; width:424px; } #NavigationRight .Element .Middle .Content { margin-top:6px; } #NavigationRight .Element .Right { float:left; background-image:url(../../Assets/Images/brown-right.jpg); width:7px; height:35px; } /* Template Structure - Search and Browse */ #SearchBrowse { width:950px; } #SearchBrowse .Element { float:left; } #SearchBrowse .Element .Left { float:left; background-image:url(../../Assets/Images/BrownLeft.jpg); width:29px; height:35px; } #SearchBrowse .Element .Middle { float:left; height:35px; width:412px; } #SearchBrowse .Element .Middle .Content { margin-top:6px; } #SearchBrowse .Element .Right { float:left; background-image:url(../../Assets/Images/BrownRight.jpg); width:29px; height:35px; } #SearchFields { width:950px; } #SearchFields .Content { padding-bottom:11px; padding-top:14px; padding-left:29px; padding-right:29px; width:100%; font-size:10px; color:#000000; background-image:url(../../Assets/Images/drop-downBG.jpg); background-repeat:repeat-x; background-position:bottom; } #SearchFields .Content Label { font-size:10px; color:#000000; } /* Template Structure - Text Fields */ #SearchFields .Item { margin:auto; } #SearchFields .ItemSubmit { float:right; padding-top:5px; } #SearchFields .Item .Text { float:left; margin-top:4px; margin-right:4px;} .TextField { float:left; width:134px; height:23px; padding:2px; border-top:solid 1px #E0DCBB; border-bottom:solid 1px #E0DCBB; border-left:0px; border-right:0px; } .TextFieldLeft { float:left; width:12px; height:23px; /*background-image:url(../../Assets/Images/TextFieldLeft.png); background-repeat:no-repeat;*/ } .TextFieldRight { float:left; margin-right:15px; width:12px; height:23px; /*background-image:url(../../Assets/Images/TextFieldRight.png); background-repeat:no-repeat;*/ } .TextFieldSmall { float:left; width:80px; height:23px; padding:2px; border-top:solid 1px #E0DCBB; border-bottom:solid 1px #E0DCBB; border-left:0px; border-right:0px; } /* Template Structure - Latest Suppliers/ CaseStudies/ Editorial Articles */ #LatestSuppliers { width:230px; } #LatestSuppliers .Left { float:left; background-image:url(../../Assets/Images/BrownLeft.jpg); width:29px; height:35px; } #LatestSuppliers .Middle { float:left; height:35px; width:412px; } #LatestSuppliers .Middle .Content { margin-top:6px; } #LatestSuppliers .Right { float:left; background-image:url(../../Assets/Images/BrownRight.jpg); width:29px; height:35px; } .SupplierBlock { height:400px; vertical-align:top; background-image:url(../../Assets/Images/SupplierBG.jpg); background-repeat:no-repeat; background-position:top; } #LatestCaseStudies { width:230px; } .GreyLeft { float:left; background-image:url(../../Assets/Images/GreyLeft.jpg); width:29px; height:35px; } .GreyMiddle { float:left; height:35px; width:172px; background-color:#566467; } .GreyMiddle h2 { padding-top:8px; } .GreyRight { float:left; background-image:url(../../Assets/Images/GreyRight.jpg); width:29px; height:35px; } .GreyMiddle a, .GreyMiddle a:visited { font-size:11px; font-weight:bold; color:#FFFFFF; text-decoration:underline; } .GreyMiddle a:hover { font-size:11px; font-weight:bold; text-decoration:none; } .BlueLeft { float:left; width:10px; height:24px; background-image:url(../../Assets/Images/BlueLeft.jpg); background-repeat:no-repeat; } .BlueRight { float:left; width:10px; height:24px; background-image:url(../../Assets/Images/BlueRight.jpg); background-repeat:no-repeat; } .BlueMiddle { float:left; height:24px; background-color:#38939A; color:#FFFFFF; padding-left:5px; padding-right:5px; } .BlueMiddle a, .BlueMiddle a:visited { font-size:12px; font-weight:bold; color:#FFFFFF; text-decoration:none; } .BlueMiddle a:hover { text-decoration:underline; } .BlueRight { width:10px; height:24px; background-image:url(../../Assets/Images/BlueRight.jpg); background-repeat:no-repeat; } /* Advertising */ #TopBanner { width:468px; height:60px; background-color:green; } /* Body Copy */ .MainTitleText { font-size:17px; font-weight:normal; color:#FFFFFF; width:98px; float:left; padding-top:2px; } .TitleText { font-size:12px; font-weight:normal; color:#000000; background-color:#BFC7AC; background-image:url(../../Assets/Images/BrownMiddle.jpg); background-repeat:repeat-x; } .TitleText a, .TitleText a:visited { font-size:12px; font-weight:normal; color:#211D1B; text-decoration:none; } .TitleText a:hover { font-size:12px; color:#FFFFFF; text-decoration:underline; } .BlackCopy { font-size:12px; color:#000000; } .BlackCopy a, .BlackCopy a:visited { font-size:12px; color:#38939A; text-decoration:underline; } .BlackCopy a:hover { text-decoration:none; color:#888888; } .BlackCopySmall { font-size:10px; color:#000000; } .BlackCopySmall label { font-size:10px; color:#000000; } .GreyCopy { color:#515E61; font-size:12px; } .GreyCopy label { color:#515E61; font-size:12px; line-height:normal; } .GreyCopy a, .GreyCopy a:visited { color:#38939A; font-weight:normal; font-size:12px; text-decoration:underline; } .GreyCopy a:hover { color:#38939A; font-size:12px; text-decoration:none; } .GreyCopyBig { color:#515E61; font-size:16px; } /* Suppliers */ .SupplierLink {} a.SupplierLink, a.SupplierLink:visited { font-size:12px; color:#536063; text-decoration:none; } a.SupplierLink:hover { color:#1D1F20; text-decoration:underline; } /* CaseStudies */ .CaseStudyLink {} a.CaseStudyLink, a.CaseStudyLink:visited { font-size:12px; color:#536063; text-decoration:none; font-weight:bold; text-decoration:underline; } a.CaseStudyLink:hover { color:#1D1F20; text-decoration:none; } #CaseOptions { padding-top:10px; } #CaseOptions .Item { float:left; padding-left:5px; } #CaseOptions .Item .Image { background-color:#E5E7E6; padding:4px; border:solid 1px #CCCCCC; } #CaseOptions .Item .Text { width:250px; padding-top:5px; padding-bottom:5px; } #CaseOptions .Page { float:right; color:#000000; padding-right:5px; } #CaseOptions .Page a, #CaseOptions .Page a:visited { text-decoration:none; } #CaseOptions .Page a:hover { text-decoration:underline; } /* Jobs */ #JobOptions { padding-top:10px; padding-bottom:10px; padding-left:28px; padding-right:28px; } #JobOptions .Content { width:744px; } /* Editorial */ .EditorialBox { width:320px; height:400px; background-image:url(../../Assets/Images/EditorialBG.jpg); background-repeat:no-repeat; background-position:top; } .EditorialBox a, .EditorialBox a:visited { font-size:12px; color:#38939A; text-decoration:none; font-weight:bold; text-decoration:underline; } .EditorialBox a:hover { color:#38939A; text-decoration:none; } /* Footer link */ .footerlink a, .footerlink a:visited { font-size:12px; color:#38939A; font-weight:bold; text-decoration:underline; } .footerlink a:hover { text-decoration:none; } /* SEO */ h1 { font-size:16px; line-height:normal; color:#FFFFFF; margin:0px; font-weight:bold; } h2 { font-size:16px; line-height:normal; color:#FFFFFF; margin:0px; font-weight:bold; } h3 { margin:0px; } h4 { margin:0px; } .Header h1 { font-size:18px; line-height:normal; color:#211D1C; margin:0px; font-weight:bold; padding-top:10px; padding-bottom:10px; } .DotLine { background-image:url(../../Assets/Images/DotLine.jpg); background-repeat:repeat-x; height:3px; overflow:hidden; } /*.gvPaging { background-color:#E0E0E0; }*/ .gvPaging td { padding-left:25px; background-image:none; background-repeat:no-repeat; background-position:30px 5px; font-size:11px; } .gvPaging td tr td { padding:3px; background-image:none; font-size:11px; } .gvPaging td span { font-weight:bold; color:#38939A; } /*paging */ .gvPaging a { color:#07395A; } .gvPaging a:hover { text-decoration:underline; } .gvPaging a.selected { color:#38939A; } /* Additional */ /*p { margin:0px; padding:0px; } */ .headerGrey {background-color:#566467; color:White;line-height:35px;} .homeSearchBy {background-image: url(../../Assets/Images/GreySlice.gif); background-repeat:repeat-x;} .homePageText {font-size: 12px; color: #566467; } .articleDate {font-size: 12px;color: Black; font-weight:bold;line-height:18px;} a.SearchAlphabet {font-size:15px; font-weight:bold; color:#FFFFFF; text-decoration:none; } a.SearchAlphabet:visited {font-size:15px; font-weight:bold; color:#FFFFFF; text-decoration:none; } a.SearchAlphabet:hover {font-size:15px; font-weight:bold; color:Black; text-decoration:none; } /* modals */ .modalBackground { background-color:Gray; filter:alpha(opacity=70); opacity:0.7; background-image:url(../Images/modal_bg.gif); } .modalPopup { background-color:White; border:1px solid #CCCCCC; } .modalPopup .title { line-height:31px; padding-left:10px; height:31px; background-image:url(../Images/admin/navigation-bg.jpg); background-repeat:repeat-x; color:#FFCC00; font-weight:bold; clear:both; font-size:10px; } .modalPopup .form { padding:10px; } .modalPopup .form label { color:#2C7178; font-size:12px; text-align:right; float:none;} .modalPopup .form .input { border:1px solid #DEDEDE; font-size:12px; } .modalPopup .form .checkbox { padding:0px;}