/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : G-Forces Web Management Ltd Author : Darren Lynch / darren.lynch@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet G-Forces Web Management Ltd site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#000608 url(../images/layup/bodyBg.gif) top left repeat-x; color:#000000; text-align:center; } /* This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text. Declaring the font size in pixels makes it more consistent across browsers. */ td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; } html>body td, html>body textarea, html>body input, html>body select { font-size:11px; } /* some browsers don't inherit the font into tables or textareas! */ /* ----- IDS ----- */ #container { width:949px; background: url(../images/layup/containerBg.gif) top left repeat-y; margin:0 auto; text-align:left; font-size:110%; } #container.noBg { background: none; } #printHeader { display:none; } #header { height:72px; width:949px; background: #fff url(../images/layup/headerBg.gif) top right no-repeat; margin:0 auto; position:relative;} #header #logo { height:50px; width:300px; position:absolute; top:7px; left: 20px;} #header #telephone { position:absolute; top:22px; right:22px;} #google_map { float:right; width:330px; height:284px;} #launchedHeading { position: absolute; top: 15px; left: 15px; } #gforcesAdvert { position: absolute; top: 120px; left: 481px; } /* ----- MAIN IMAGES ----- */ #mainImages { width:937px; height:330px; margin:5px 6px 5px 6px;} #mainImage { position:relative; height:330px; width:775px; float:left; margin-right: 6px; } #mainImage .image {} #mainImage .frame { position:absolute; top:0px; left:0px;} #mainImageRight { position:relative; height:330px; width:156px; float:left;} #mainImageRight #recruitment { width:156px; height:163px; float: left; } #mainImageRight #testimonials { width:156px; height:163px; float: left; } #mainImageRight #liveChat { width:156px; height:163px; float: left; margin-bottom: 4px; } /* ----- HOME CMS CONTENT ----- */ #homeCMS { line-height:130%; min-height:240px; } #homeCMS .padding { padding:20px 22px 0 22px; } #homeCMS ul { margin:0; padding:0 0 7px 10px; list-style:none; } #homeCMS li { background:url(../images/layup/bulletArrow.gif) 4px 6px no-repeat; padding:2px 0 12px 20px; } #homeCMS #mainContent { width: 555px; float: left; } #companyNews { width:310px; float:right; margin-left:30px;} #featuredNews { } #featuredNewsImage { margin: 0 0 15px 0px; } #featuredNewsTitle { font-weight:bold; } #companyNewsList { float: left; margin-top: 15px; } #companyNewsList ul { margin:0px !important; padding:0 !important; list-style:none !important; } #companyNewsList li { padding: 5px 0 5px 0px !important; background: none; } /* ----- TABS ----- */ #homeTabs { margin-left: 6px; margin-right: 6px; } #homeTabs .tabset { margin: 0px; padding: 0; height: 31px; } #homeTabs .tabset li { list-style: none; display: inline; padding: 0px; float:left; position:relative; } #homeTabs .tabset li a { display: block; clear: both; text-decoration: none; cursor: pointer; font-weight: normal; line-height: 120%; } #homeTabs .tabset li.last { margin-right: 0px; } #homeTabs .image {border:1px solid #fff;padding:1px;} #homeTabs .tabWebManagement { background:url(../images/layup/tabWebManagement.gif) top left no-repeat; cursor: pointer !important; width: 192px; height: 31px; margin-right: 5px; } #homeTabs .tabWebManagementOver { background:url(../images/layup/tabWebManagementHover.gif) top left no-repeat !important; width: 192px; height: 31px; margin-right: 5px; } #homeTabs .tabWebMarketing { background:url(../images/layup/tabWebMarketing.gif) top left no-repeat; cursor: pointer !important; width: 192px; height: 31px; margin-right: 5px; } #homeTabs .tabWebMarketingOver { background:url(../images/layup/tabWebMarketingHover.gif) top left no-repeat !important; cursor: pointer !important; width: 192px; height: 31px; margin-right: 5px; } #homeTabs .tabRecentlyLaunched { background:url(../images/layup/tabRecentlyLaunched.gif) top left no-repeat; cursor: pointer !important; width: 192px; height: 31px; margin-right: 5px;} #homeTabs .tabRecentlyLaunchedOver { background:url(../images/layup/tabRecentlyLaunchedHover.gif) top left no-repeat !important; cursor: pointer !important; width: 192px; height: 31px; margin-right: 5px; } #homeTabs .tabPartnerProgramme { background:url(../images/layup/tabTraining.gif) top left no-repeat; cursor: pointer !important; width: 184px; height: 31px; margin-right: 5px; } #homeTabs .tabPartnerProgrammeOver { background:url(../images/layup/tabTrainingHover.gif) top left no-repeat !important; cursor: pointer !important; width: 184px; height: 31px; margin-right: 5px; } #homeTabs .tabDigital { background:url(../images/layup/tabDigitalDealership.gif) top left no-repeat; cursor: pointer !important; width: 157px; height: 31px; } #homeTabs .tabDigitalOver { background:url(../images/layup/tabDigitalDealershipHover.gif) top left no-repeat !important; cursor: pointer !important; width: 157px; height: 31px; } #homeTabs #contentPartnerProgramme .boxListSmall { } #homeTabs #contentPartnerProgramme .boxListSmall .box { width: 288px; float: left; border-right: 1px solid #4d9dd0; padding-right: 8px; margin-right: 11px; } #homeTabs #contentPartnerProgramme .boxListSmall .box a { text-decoration: none; position: relative; display: block; cursor: pointer; } #homeTabs #contentPartnerProgramme .boxListSmall .box.last { border-right: none; padding-right: 0px; margin-right: 0px; } #homeTabs #contentPartnerProgramme .boxListSmall .box img { float: left; margin-right: 7px; } #homeTabs #contentPartnerProgramme .boxListSmall .box .content { width: 128px; float: left; line-height: 14px; } /* ----- TAB CONTENT ----- */ #homeTabs #contentHeight { height: 115px; background: url(../images/layup/tabBg.gif) top left repeat-x; color: #fff; } #homeTabs #contentHeight a { color: #fff; } #homeTabs #contentHeight .padding { padding: 16px 16px 10px 16px; } #homeTabs #contentHeight p { text-align: justify; line-height: 160%; padding-bottom: 0; } #homeTabs #contentHeight p.recentlyLaunchedP {line-height:140%;} #homeTabs #contentWebManagement .thumb { float: left; margin-right: 20px; } #homeTabs #contentWebManagement {} #homeTabs #contentWebManagement ul { padding: 0; margin: 0px 0px 0px 30px; list-style: none; width: 310px; float: right; } #homeTabs #contentWebManagement li { display: block; float: left; padding: 0px 0px 0px 8px; background:url(../images/layup/bulletSquare.gif) 0px 8px no-repeat; width: 147px; } #homeTabs #contentWebMarketing {} #homeTabs #contentWebMarketing .thumb { float: left; margin-right: 20px; } #homeTabs #contentWebMarketing {} #homeTabs #contentWebMarketing ul { padding: 0; margin: 0px 0px 0px 30px; list-style: none; width: 310px; float: right; } #homeTabs #contentWebMarketing li { display: block; float: left; padding: 0px 0px 0px 8px; background:url(../images/layup/bulletSquare.gif) 0px 8px no-repeat; width: 147px; } #homeTabs #contentRecentlyLaunched {} #homeTabs #contentRecentlyLaunched .thumb { float: left; margin-right: 20px; } #homeTabs #contentRecentlyLaunched .btn { float: right; margin-top:-3px;} #homeTabs #contentRecentlyLaunched .recentlyLaunchedBtn { float: right;margin-top:-5px; } #homeTabs #contentRecentlyLaunched .article { float: left; width: 420px; margin-right: 10px; padding-right: 20px; display: inline; } #homeTabs #contentPartnerProgramme {} #homeTabs #contentPartnerProgramme .thumb { float: left; margin-right: 20px; } #homeTabs #contentDigital {} #homeTabs #contentDigital .thumb { float: left; margin-right: 20px; } /* ----- COLUMNS ----- */ #leftCol { width:173px; float:left; font-family: Arial, Verdana, Helvetica, sans-serif; margin-left: 24px; margin-right: 22px; display: inline; } #leftCol #liveChatInternal { margin:40px 0 14px 15px; width: 156px; height: 163px;} #leftCol #sixtySecondStartUp { margin: 0px 0 20px 15px; width: 156px; height: 163px;} #leftCol #siteRequires { margin:30px 0 0 38px;} #leftCol #siteRequires span { position:relative; top:-6px; left:-20px; font-size:90%; font-weight:bold;} #leftCol #flashPlayer { margin: 0 0 10px 0; display:block;} #leftCol #adobeReader { margin: 0 0 30px 0; display:block;} #mainCol { width:681px; line-height:130%; padding-left: 24px; float:left; font-family: Arial, Verdana, Helvetica, sans-serif; border-left: 1px solid #dfdede; } #mainCol ul { margin:0; padding:0 0 7px 10px; list-style:none;} #mainCol li { background:url(../images/layup/bulletArrow.gif) 4px 6px no-repeat; padding:2px 0 12px 20px;} #mainCol .padding { padding:10px 0px;} #mainCol.fullWidth { width:901px; border:none; padding: 0px 24px 0px 24px; } #mainCol.fullWidth .padding { padding:10px 0px 10px 0px;} #mainCol .padding .mainTopPicture {margin:-10px 0 15px;} #liveChatContent { float:right; margin: 0 0 5px 10px;} #ads { float: right; width: 162px; margin: 0px 0px 20px 20px; } #ads img { margin-bottom: 10px; } #midCol { width:446px; line-height:130%; float:left; border-left: 1px solid #dfdede; } #midCol .padding { padding:10px 12px 10px 12px;} #rightCol { float: left; width: 236px; min-height: 322px; background:url(../images/layup/rightColBg.gif) top left no-repeat; font-size: 0.9em; font-family: Arial, Verdana, Helvetica, sans-serif;} #rightCol .padding { padding:20px 22px 10px 45px;} #rightCol .title { color:#1073b3; font-weight:bold; font-size:110%; padding: 0px 0px 6px 0px; } #rightCol ul { padding: 0px 0px 15px 20px; margin: 0; } #rightCol li { color: #037ccb; list-style: square; padding: 0px 0px 8px 0px; font-size: 50%; } #rightCol li a { font-size: 200% !important; text-decoration: none; } #rightCol li a:hover { text-decoration: underline; } #rightCol #integration { margin-bottom: 60px; } #rightCol #chatOnline { margin-bottom: 30px; } /* ----- NEWS GRAPHICS ----- */ .newsImages img.item { border-color: #c7c8c8 !important; padding: 4px; margin: 0px 7px 0px 0px; border: 1px solid #999999; float: left; } .newsImages img.lastItem { border-color: #c7c8c8 !important; padding: 4px; margin: 0px; border: 1px solid #999999; float: left; } /* ----- HOME JUMPS ----- */ #homeJumps { width:848px; margin: 0 15px 0 15px} #homeJumps a { text-decoration:none; font-weight:bold;} #homeJumps div { position: relative; } #homeJumps div .jumpheading { position: absolute; top: 11px; left: 16px; color: #FFF; font-weight: bold; } #homeJumps .text { position:absolute; top:10px; left:15px; color:#FFFFFF; text-decoration:none;} #homeJumpPurple { width:162px; height:151px; position:relative; left:0px; float:left; display:block;} #homeJumpPurple .frame { position:absolute; top:0px; left:0px;} #homeJumpPurple .image { position:absolute; top:36px; left:6px;} #homeJumpRed { width:162px; height:151px; position:relative; left:0px; float:left; display:block;} #homeJumpRed .frame { position:absolute; top:0px; left:0px;} #homeJumpRed .image { position:absolute; top:36px; left:6px;} #homeJumpBlue { width:162px; height:151px; position:relative; left:-1px; float:left; display:block;} #homeJumpBlue .frame { position:absolute; top:0px; left:0px;} #homeJumpBlue .image { position:absolute; top:36px; left:6px;} #homeJumpGreen { width:162px; height:151px; position:relative; left:-2px; float:left; display:block;} #homeJumpGreen .frame { position:absolute; top:0px; left:0px;} #homeJumpGreen .image { position:absolute; top:36px; left:6px;} #homeJumpPartner { width:200px; height:151px; position:relative; left:-1px; float:left; display:block;} /* ----- ADDRESSES ----- */ #addresses { margin-top:25px; height:170px;} #ukAddress { float:left; width:200px; height:150px;} #ukEmail { float:left; width:235px; height:150px;} #polishAddress { float:left; width:190px; height:150px;} #polishEmail { float:left; width:145px; height:150px;} /* ----- ITEM LIST ----- */ .listItem { background:url(../images/layup/dotsH.gif) bottom left repeat-x; padding:8px 0;} .listThumb { width:134px; height:102px; position:relative; float:left;} .listThumb .image { padding:9px 0 0 9px;} .listThumb .frame { position:absolute; top:0px; left:0px;} .listDetails { padding:5px 15px 5px 0;} .listDetails .listTitle { font-weight:bold; padding-bottom:7px;} #listImage { float:right; width:295px; height:224px; position:relative; left:0px; margin: 29px 0 15px 15px;} #listImage .image {} #listImage .frame { position:absolute; top:-7px; left:-7px;} /* ----- PAYMENT GATEWAYS ----- */ .paymentGatewaySurround { border:1px solid #2887bd; padding:15px 15px 5px 15px; margin-bottom:15px;} .paymentLogo { float:right; margin: 0 0 15px 15px; border: 1px solid #cccccc;} /* ----- CAREERS BOXES ----- */ #careersImage .thumb { cursor: pointer; display: block; width: 272px; height: 204px; position: relative; background: url(../images/layup/noImage272x204.jpg); float: left; } #careersImage .frame { display: block; position: absolute; top: -5px; left: -5px; } #careersImage { float: right; margin-left: 20px; width: 275px; } #careersImage .padding { padding: 20px 0px 0px 0px; } #careersContent { width: 325px; } #careersTable .oddRow { background-color: #e4f3f9; } #careersTable td { padding: 5px; border-right: 1px solid #d4e3e9; border-left: 1px solid #FFF; } #careersTable .altRow {} .jumpCareers { margin-left: 40px; display: block; } /* ----- ALLIANCE BOXES ----- */ #alliance .box { float: left; width: 228px; height: 146px; } #alliance .auto { background: url(../images/layup/allianceAuto.jpg); background-repeat: no-repeat; } #alliance .marketing { background: url(../images/layup/allianceWeb.jpg); background-repeat: no-repeat; } #alliance .management { background: url(../images/layup/allianceManage.jpg); background-repeat: no-repeat; } #alliance .ecom { background: url(../images/layup/allianceEcom.jpg); background-repeat: no-repeat; } #alliance .tech { background: url(../images/layup/allianceTech.jpg); background-repeat: no-repeat; } #alliance ul { padding: 30px 0px 0px 30px; margin: 0px; background: none; } #alliance ul li { padding: 2px 0px 2px 0px; margin: 0px; background: none; } #alliance ul li a { color: #000; text-decoration: none; } #alliance ul li a:hover { color: #000; text-decoration: underline; } #alliance .autoPad { padding-right: 20px; } #alliance #allianceBottomBox { padding-top: 20px; } /* ----- SERVICES LIST ----- */ #services ul { padding: 38px 0px 0px 25px; margin: 0; list-style: square; } #services li { background: none; padding: 0px 0px 4px 8px; list-style: none; background:url(../images/layup/bullet.gif) 0px 7px no-repeat; font-size: 1.0em; } #services #software { background:url(../images/layup/listSoftware.gif) top left no-repeat; min-height: 166px; width: 212px; float: left; } #services #webmarketing { background:url(../images/layup/listWebmarketing.gif) top left no-repeat; min-height: 166px; width: 212px; float: left; } #services #webmanagement { background:url(../images/layup/listWebManagement.gif) top left no-repeat; min-height: 166px; width: 210px; float: left; } /* ----- SOFTWARE BOXES ----- */ #software { } #software .box { float: left; position: relative; top: -1px !important; } #software .box a { text-decoration: none; cursor: pointer; display: block; width: 186px; padding: 184px 20px 0px 20px; } #software .box .title { display: block; color: #037ccb; padding: } #software .box .content { display: block; line-height:19px;height: 180px; } #software .box .btn { display: block; float: right; } #software a.auto { background: url(../images/layup/softwareAuto.jpg) top left no-repeat; width: 220px; height:371px;padding:0;margin:0 7px 20px 0;} #software a.auto:hover {background:url(../images/layup/softwareAuto.jpg) bottom right no-repeat;} #software a.etradepro { background: url(../images/layup/softwareEtradePro.jpg) top left no-repeat; width: 220px;height:371px;padding:0;margin:0 7px 20px 0; } #software a.etradepro:hover { background: url(../images/layup/softwareEtradePro.jpg) bottom right no-repeat;} #software a.leadbeast { background: url(../images/layup/softwareLeadBeast.jpg) top left no-repeat; width: 220px;height:371px;padding:0;margin:0 7px 20px 0; } #software a.leadbeast:hover { background: url(../images/layup/softwareLeadBeast.jpg) bottom right no-repeat;} #software a.cms { background: url(../images/layup/softwareCms.jpg) top left no-repeat; width: 220px;height:371px;padding:0;margin:0 0 20px 0; } #software a.cms:hover { background: url(../images/layup/softwareCms.jpg) bottom right no-repeat;} #software .clear { display: block; clear: both; } .softwareData {width:437px;float:left;padding:10px 10px 10px 0;margin:10px 0 25px;height:225px;} .softwareData p {color:#5a5a5a;} .softwareData.auto {border-bottom:4px solid #0272bc;margin-right:7px;} .softwareData.auto h1 {color:#0272bc;border-bottom:1px solid #0272bc;padding:0 0 5px;;margin:5px 0 15px;} .softwareData.etradepro {border-bottom:4px solid #00aff0;} .softwareData.etradepro h1 {color:#00aff0;border-bottom:1px solid #00aff0;padding:0 0 5px;;margin:5px 0 15px;} .softwareData.leadbeast {border-bottom:4px solid #ffdd00;margin-right:7px;} .softwareData.leadbeast h1 {color:#ffdd00;border-bottom:1px solid #ffdd00;padding:0 0 5px;;margin:5px 0 15px;} .softwareData.cms {border-bottom:4px solid #f8931d;} .softwareData.cms h1 {color:#f8931d;border-bottom:1px solid #f8931d;padding:0 0 5px;;margin:5px 0 15px;} /* ------ CMS SOFTWARE PAGE ----- */ #softwareCMSleft {width:612px;float:left;} #softwareCMSleft .softwareCMSMain {margin:0 0 20px;} #softwareCMSFeatures .seperator {float:left;width:13px;} #softwareCMSFeatures a.info {text-decoration:none !important; font-weight:normal;color:#140d00;width:194px;display:block;float:left;height:110px;line-height:100%;} #softwareCMSFeatures a.info:hover {position:relative; z-index:25; } #softwareCMSFeatures a.info span{display: none; font-weight:normal !important; text-decoration:none !important} #softwareCMSFeatures a.info:hover span{display:block !important; position:absolute; padding:5px; top:70px; left:0px; width:225px; border:1px solid #333; background: #ffffff url(../../images/cms_layup/infoMan.gif) bottom left no-repeat; color:#000; text-align: left; text-decoration:none !important; z-index:100;} #softwareCMSright {float:right;width:258px;text-align:left;} #softwareCMSright .CMSRightImage {margin-bottom:85px;} #galleryFlash {margin-bottom: 20px;} /* ------ CLIENT PAGES ----- */ /* client videos */ #clientVideos { height: 330px; background: url(../images/layup/bodyBg.gif) 0px -151px repeat-x; } #clientVideos #theFlashVideo { padding: 25px 0px 0px 88px; float: left; } #clientVideos #theFlashVideo .border { border: 5px solid #FFFFFF; } #clientVideos #theFlashVideo .border object { display: block; } #clientVideos #theClientLinks { float: right; padding: 25px 70px 0px 0px; } #clientVideos #theClientLinks a { display: block; width: 333px; height: 80px; background: url(../images/layup/spriteClientVideos.jpg) no-repeat; margin-bottom: 20px; outline: none; } #clientVideos #theClientLinks #link1 a { background-position: left 0px; } #clientVideos #theClientLinks #link2 a { background-position: left -80px; } #clientVideos #theClientLinks #link3 a { background-position: left -160px; } #clientVideos #theClientLinks #link1 a:hover, #clientVideos #theClientLinks #link1 a.active { background-position: right 0px; } #clientVideos #theClientLinks #link2 a:hover, #clientVideos #theClientLinks #link2 a.active { background-position: right -80px; } #clientVideos #theClientLinks #link3 a:hover, #clientVideos #theClientLinks #link3 a.active { background-position: right -160px; } #clientFlash { background:url(../images/layup/clientFlashBg.gif) top left repeat-x;} #clientFlash div { width: 590px; margin: 0 auto; } #clientSort { border-bottom: 1px solid #ccc; font-size: 0.9em; background:url(../images/layup/greyGrad.gif) top left repeat-x; padding: 9px 0px 6px 24px; margin-bottom: 10px; } #clientSort form {} #clientSort label { width: 105px; padding-top: 2px; } #clientSort select { width: 110px; } #clientList { margin-left: 17px; margin-top: 30px; } #clientList .box { margin-right: 17px; margin-bottom: 13px; float: left; } #clientList .box a { font-weight: normal !important; cursor: pointer; text-decoration: none; width: 159px; display: block; } #clientList .box .title { padding: 6px 0px 10px 5px; display: block; font-size: 1.0em; font-family: Arial, Verdana, Helvetica, sans-serif !important; font-weight: normal; } #clientList .box .thumb { display: block; position: relative; } #clientList .box .frame { display: block; position: absolute; top: -3px; left: -3px; } .clientTable { border-top: solid 1px #dfdede; padding-top: 1px; margin-bottom: 5px; } .clientTable table { width: 100%; } .clientTable tr { background: #fcfcfc; } .clientTable tr.trAlt { background: #f6f6f6; } .clientTable td { vertical-align: top; padding: 10px 10px 10px 10px; } .clientTable td.whiteBg { background: #fff; } .clientTable .heading { color: #2278b1; font-size: 1.2em; } /* ----- CLASSES ----- */ .clear { clear:both; } .clearSmall { clear: both; display: block; height: 0; line-height: 0; font-size: 0; } .clear_left { clear: left; } .clear_right { clear: right; } .hide { display:none; } .show { display:block; } .printShow { display:none; } .float_left { float:left !important; } .float_right { float:right !important; } .align_left { text-align:left !important; } .align_center { text-align:center !important; } .align_right { text-align:right !important; } .align_justify { text-align:justify !important; } .align_bottom { vertical-align:bottom !important; } .image_right { float:right; padding:0 0 15px 15px; } .image_left { float:left; padding:0 15px 15px 0; } .image_center { margin:0 auto;} .relative { position:relative; } .inline {display:inline;} .hand { cursor:pointer;} .title { color:#1073b3; font-weight:bold; font-size:17px; font-family:Arial, Helvetica, sans-serif;} .screenshot { margin:10px 0 20px 30px;} .contactSubmit { margin: 0 0 0 148px;} .clickable { cursor: pointer;} .block { display: block; } .lightboxImage { float:left; margin-right:30px; margin-bottom:30px; } .borderRight { border-right: 1px solid #fff; } .blue { color: #3ca3e4; } /* ----- DEFAULT LIST ----- */ #list {} #list ul { margin:0 0 0 18px; padding:0; list-style:none;} #list li { background:url(../images/layup/dotsH.gif) bottom left repeat-x; padding:15px 20px 20px 0;} #list .listTitle { font-weight:bold; display:block; padding-bottom:6px;} #list .listDetails {} #list .last { background:none;} /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;} h1 { color: #008fd5; } h2 { padding: 0px 0px 6px 0px; color: #006aae; font-size: 1.5em; font-weight: normal; } h1.careersTitle { color: #FFF; font-size: 20px; font-weight: normal; padding: 10px 20px 10px 20px; } /* ----- TOP NAVIGATION ----- */ #topNav { background:url(../images/layup/topNavBg.gif) top left no-repeat; margin:0 auto; height:36px; width:949px; position:relative; font-size: 1.1em; } #topNav ul { margin: 0px 1px 0px 1px; padding:0; list-style:none; } #topNav ul li { display:block; float:left; background:url(../images/layup/topNavDivider.gif) top right no-repeat; padding-right: 1px; } #topNav li a { font-weight:bold; display:block; float:left; color:#FFFFFF;text-decoration:none; padding:8px 14px 8px 14px;} #topNav li a:hover { background: #0072bc; } #topNav li.active a { background: #0072bc; } #topNav .rightLink { float:right; background: none; padding-right: 0px !important; } #topNav .rightLink a { border:none !important; background: url(../images/layup/topNavRightLink.gif) 0px -36px no-repeat; padding: 8px 14px 8px 31px; display: block; } #topNav .rightLink a:hover { background: url(../images/layup/topNavRightLink.gif) 0px 0px no-repeat; } /* ----- LEFT NAVIGATION ----- */ #leftNav { } #leftNav ul { margin: 0; padding:0; list-style:none;} #leftNav li { border-bottom: 1px solid #e9e8e8; text-align: right;} #leftNav a { font-weight:bold; color:#000000; text-decoration:none; display:block; padding: 10px 2px 9px 0px; } #leftNav a:hover { background:url(../images/layup/leftNavHover.gif) top left repeat-x;} #leftNav .active a { background:url(../images/layup/leftNavHover.gif) top left repeat-x;} #leftNav .leftNavChild {margin:0;padding:0;list-style:none;} #leftNav .leftNavChild li {border:0;margin:0;padding:0;} #leftNav .leftNavChild li a {padding:4px 10px 4px 0;margin:0;display:inline-block;background:none;color:#000304;font-weight:normal;} #leftNav .leftNavChild li a:hover {text-decoration:underline;color:#008fd5;background:none;} #leftNav .leftNavChild li.active a {color:#008fd5;} /* ----- LEFT NAVIGATION CLIENTS ----- */ #leftNavClients { } #leftNavClients ul { margin: 0; padding:0; list-style:none;} #leftNavClients li { text-align: right;} #leftNavClients a { font-weight:bold; color:#5c5c5c; text-decoration:none; display:block; padding: 4px 2px 4px 0px; width: 171px; } #leftNavClients a:hover { color: #006aae; } #leftNavClients .active a { color: #006aae; } #leftNavClients .leftNavChild {margin:0;padding:0;list-style:none;} #leftNavClients .leftNavChild li {border:0;margin:0;padding:0;} #leftNavClients .leftNavChild li a {padding:4px 10px 4px 0;margin:0;display:inline-block;background:none;color:#000304;font-weight:normal;} #leftNavClients .leftNavChild li a:hover {text-decoration:underline;color:#008fd5;background:none;} #leftNavClients .leftNavChild li.active a {color:#008fd5;} /* ----- SITE MAP ----- */ #sitemap { list-style:none; margin:0 0 0 3px !important; padding:0 !important;} #sitemap li { background:url(../images/layup/bulletArrow.gif) 0px 11px no-repeat; list-style:none; padding:6px 0 5px 15px; } /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #breadcrumbs { background:url(../images/layup/breadcrumbsBg.gif) top left no-repeat; height: 39px; } #breadcrumbs a { color:#000000; font-weight:normal; text-decoration:none;} #breadcrumbs a:hover { text-decoration:underline;} #breadcrumbs .currentPage { font-weight:bold; color:#1382b9;} #breadcrumbs .padding { padding:9px 0 0 24px;} /* ----- SEARCH COLUMNS ----- */ #searchEngines { width: 280px; float: left; } #frmDomainTools { width: 350px; float: right; } #searchEngines .submit { width: 56px !important; height: 21px !important; display: block; margin: 10px 0px 10px 0px; } #frmDomainTools .submit { width: 56px !important; height: 21px !important; display: block; margin: 10px 0px 10px 0px; } /* ----- FRAMES ----- */ #recentlyLaunched a { display: block; width: 201px; height: 139px; } #recentlyLaunched .listImage { cursor:pointer; display:block; float:left; position:relative; width:201px; } #recentlyLaunched .cmsImage { background: url(../images/layup/noImage136x102.gif) no-repeat; cursor:pointer; display:block; height:131px; position:relative; width:193px; padding: 8px 0px 0px 7px; } #recentlyLaunched .cmsImage .frame { display:block; left:0px; position:absolute; top:0px; } .listItemV { background: url(../images/layup/dotsH.gif) bottom left repeat-x; padding: 10px 0px 15px 0px; margin: 0px 20px 0px 0px; } .listItemV a.imageLink { display: block; width: 201px; height: 142px; float: left; } .listItemV .listImage { cursor:pointer; display:block; float:left; position:relative; width:201px; } .listItemV .cmsImage { background: url(../images/layup/noImage136x102.gif) no-repeat; cursor:pointer; display:block; height:131px; position:relative; width:193px; padding: 8px 0px 0px 8px; } .listItemV .cmsImage .frame { display:block; left:0px; position:absolute; top:0px; } .listItemV .listContent { float: left; width: 385px; padding-left: 25px; } .listItemV img.webLink { margin-left: 10px; } /* ----- FOOTER ----- */ #footer { margin:10px 1px 0px 1px; background: #bce1f3; color: #484848; } #footer .padding { padding: 20px 20px 0px 23px; } #footerL { float: left; width: 566px; padding-right: 33px; } #footerR { float: left; width: 303px; line-height: 120%; } #footer a { font-weight:normal; text-decoration:none; color:#484848;} #footer a:hover { text-decoration:underline;} #footer #footerR img { display: inline; } /* ----- GLOBAL ----- */ img { display:block; border:0; } p { padding:0 0 15px 0; margin:0; } address { font-style:normal;} /* ----- LINKS ----- */ a { color:#008fd5; font-weight:normal; text-decoration:underline; } a:hover { text-decoration:none; } /* ----- FORMS ----- */ form { padding:0; margin:0; } fieldset { padding:0; margin:0; border:0px none; display:inline; } legend { padding:0; margin:0; display:none; } label { display:block; width:190px; float:left; } input, textarea { width:200px; font-size:11px !important;} .required { color:#1382b9;} .checkRadio { width:20px; position:relative; left:-7px;} #frmContact { } #frmContact p { padding:7px 0;} #frmContact select { width:204px;} #frmContact div { margin-bottom:10px;} #submit { width:56px; height:21px; border:none;} /* ----- DEFAULT FORM ----- */ #defaultForm { position:relative; margin:15px 0 0 0; border-top: 1px solid #cccccc; min-height:300px;} #defaultForm .padding { padding:30px 25px 0px 25px !important;} #defaultForm #leftShadow { position:absolute; top:0px; left:-9px;} #defaultForm #rightShadow { position:absolute; top:0px; right:-9px;} #defaultForm #formTitle { position:absolute; top:-11px; left:14px; background:#FFFFFF; border:1px solid #cccccc; padding:2px 10px; font-weight:bold;} /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #1382b9; color : #FF3300; } input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; } .validation-advice { margin: 5px 0; width:382px; padding: 5px; background-color: #1382b9; color : #FFF; font-weight: bold; } /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; } #thumbBox{ /*Outermost DIV for thumbnail viewer*/ position: absolute; left: 0; top: 0; width: auto; padding: 5px; padding-bottom: 0; background: #000; visibility: hidden; z-index: 10; cursor: hand; cursor: pointer; } #thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */ font: bold 11px arial; letter-spacing: 1px; line-height: 1.1em; color: white; padding: 5px 0; text-align: right; } #thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */ background-color: white; } #thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/ position: absolute; visibility: hidden; border: 1px solid black; background-color: #EFEFEF; padding: 5px; z-index: 5; } #multimediaServicesPage {} #multimediaServicesPage .mainImage,#multimediaVideo .mainImage {margin:0 auto 15px;} #multimediaServicesPage .quoteImage {margin:0 auto 15px;} .multimediaJumps img {display:inline;} .multimediaJumps {margin:0 auto 15px;} .multimediaJumps #videoExamples div {width:227px;float:left;} #multimediaServicesPage table {width:100%;border:1px solid #cacaca;} #multimediaServicesPage table th,#multimediaServicesPage table td {border-bottom:1px solid #cacaca;border-right:1px solid #cacaca;} #multimediaServicesPage .emphasis {background:#dfecf5;text-align:left;} #multimediaServicesPage table td {text-align:center;vertical-align:top;padding:5px;} #multimediaServicesPage .align_left td {text-align:left;} #animationExamples a {cursor:pointer;} #animationExamples embed,#animationExamples object {background:url(../js/lightbox/loading.gif) no-repeat center #fff;display:block;} #animationExamples .exampleContainer {display:none;position:absolute;right:0;z-index:4000000;background:black;} #animationExamples .exampleContainer a {border:1px solid #000;display:block;background:#000000;padding:0;color:#fff;text-align:right;text-decoration:none;cursor:pointer;} #animationExamples .exampleContainer a span {display:block;padding:5px 10px;} #videoExamples a {cursor:pointer;} #videoExamples div {position:relative;} #videoExamples embed,#animationExamples object {background:url(../js/lightbox/loading.gif) no-repeat center #fff;display:block;} #videoExamples embed,#animationExamples #presPresentation object {background:url(../js/lightbox/loading.gif) no-repeat center #000;display:block;} #videoExamples .exampleContainer {width:auto !important;display:none;position:absolute;right:0;z-index:4000000;background:black;} #videoExamples .exampleContainer a {border:1px solid #000;display:block;background:#000000;padding:0;color:#fff;text-align:right;text-decoration:none;cursor:pointer;} #videoExamples .exampleContainer a span {display:block;padding:5px 10px;}