/* ---- Thames CSS Document ----- */ Body {margin: 0px;padding: 0px;background-image:url(../Thames-Furniture/Thames-BckGrd.jpg);background-repeat: repeat-x;padding-bottom:30px;font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif; font-size: 11px;} /* ---- Thames Text & Headings ----- */ /* ---- Text Headings ----- */ h1 {color: #333333; font-size: 19px;font-weight: bold; letter-spacing: -0.5px; padding-left:5px;margin: 0px;} h2 {color: #333333; font-size:14px; font-weight:bold; letter-spacing: -0.5px; } h2 a{color: #333333; font-size:14px; font-weight:bold; letter-spacing: -0.5px; text-decoration:None} h2 a.hover{ text-decoration:underline} h4 {color: #666666;font-size:14px;font-weight:bold; letter-spacing: -0.5px; margin:0;} /* ---- Body Text & Copy ----- */ .General-Text {color: #333333;padding-left:8px; font-size:11px;line-height: 16px} .general-text a {text-decoration: underline; color:#333333} .general-text a:hover {text-decoration: none; color:#ff3399} .ThamesSmallItalics {font-style:italic;text-align:left;} .Thames-Telephone-Number {color: #999999;font-size:20px;font-weight:bold} .Thames-it-Offer {color: #ffffff;font-size:16px;font-weight:bold; text-align:center} .General-List {padding: 15px 0 0 15px} .Lime-Green-tick {font:Arial, Helvetica, sans-serif; font-size:18px; color:#9dbc30} .Orange-tick {font:Arial, Helvetica, sans-serif; font-size:18px; color:#9dbc30} .FormSub { font:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#5e5e5e; padding-left:10px;} .FormSub a{ color:#5e5e5e; text-decoration:none} /* ---- Text Higlights ----- */ .Blue-Highlight {color: #0099cc} .Blue-Highlight a{color: #0099cc; text-decoration:none;} .Blue-Highlight a:hover{color: #0099cc; text-decoration:underline;} .Pink-Highlight {color: #ff3399} /* ----- Bread Crubming -----*/ .Bread-Crumb a {color: #0099cc; font-size:10px; text-decoration:none; } p.Bread-Crumb {color: #0099cc; font-size:10px; text-decoration:none; padding: 5px 8px 0 4px} .Bread-Crumb a:hover {text-decoration: underline; color:#ff3399} /* ---- Thames Global Body Elements ----- */ /* ---- Item1 - Logo & Contact Links ----- */ .Header-Wrapper {margin: 0px auto;width:727px;height:60px;} .Thames-Logo {width:200px;float:left;height:54px;margin-top:6px;} #Thames-Contact-Wrapper {float:left;position: relative;width:527px;height:60px; } #Thames-Quick-Links {margin: 0px auto;text-align:right;position: absolute;bottom: 0px;right:0px; } #Thames-Quick-Links li { display: inline; list-style-type: none; color: #ccc; text-indent: 0; } #Thames-Quick-Links a { text-decoration: none; color: #999; font-weight: normal; font-family:Arial, Helvetica, sans-serif; font-size:15px;font-weight:bold} #Thames-Quick-Links a:hover {text-decoration: underline; color: #0099cc} /* ---- Item2 - Thames Navigation ----- */ #Thames-Nav-Redesign {width:729px;margin: 0px auto} .Thames-New-Top-Navigation {margin: 0px; text-align: center;background-image:url(../Thames-Furniture/Thames-Menu-Background.gif); margin: 0px auto;height: 30px;text-transform: uppercase;border-right: solid 1px #999999;} .Thames-New-Top-Navigation li {margin: 0px;list-style: none;height:30px;float: left; border-right: solid 1px #999999;} .Thames-New-Top-Navigation li a {display: block;background: url('../Thames-Furniture/Thames-Computers-Tab.jpg') repeat-X 0 -30px; line-height: 30px; padding:09x; margin:0px} .Thames-New-Top-Navigation li a:hover {background-position: 0 -60px;} .Thames-New-Top-Navigation li.current a, .Thames-New-Top-Navigation li.current a:hover {background-position: 0 0;text-decoration:underline;} .Thames-New-Top-Navigation a{font-size:11px; color:#4d4d4d; text-decoration:none;font-family: Arial, sans-serif;} .Thames-New-Top-Navigation a:hover {text-decoration:underline} .Thames-Home {display: block;float:left;width: 80px;line-height:30px;text-align:center;background-image: url(../Thames-Furniture/Thames-Menu-Line.jpg);background-repeat: no-repeat;background-position: right;} .Thames-Advertising-Software {display: block;float:left;width: 154px;line-height:30px;text-align:center;background-image: url(../Thames-Furniture/Thames-Menu-Line.jpg);background-repeat: no-repeat;background-position: right;} .Thames-IT-Support-London {display: block;float:left;width: 90px;line-height:30px;text-align:center;background-image: url(../Thames-Furniture/Thames-Menu-Line.jpg);background-repeat: no-repeat;background-position: right;} .Thames-Job-Management {display: block;float:left;width: 181px;line-height:30px;text-align:center;background-image: url(../Thames-Furniture/Thames-Menu-Line.jpg);background-repeat: no-repeat;background-position: right;} .Thames-PC-Store {display: block;float:left;width: 118px;line-height:30px;text-align:center;background-image: url(../Thames-Furniture/Thames-Menu-Line.jpg);background-repeat: no-repeat;background-position: right;} .Thames-Business-Info {display: block;float:left;line-height:30px;text-align:center;width: 101px;} /* ---- Item3 Thames Bannner ----- */ #Thames-Bannner {margin: 0px auto;width:727px;border-left: solid 1px #999999;border-right: solid 1px #999999;background-color:#FFFFFF;} #Thames-Bannner-ITSUPPORT {margin: 0px auto;width:727px;border-left: solid 1px #999999;border-right: solid 1px #999999;background-color:#FFFFFF; background-image:url(../Thames-Furniture/IT-Support-Ban-Back.jpg); background-repeat:repeat-x; height:265px} #Thames-Bannner-ITPRODUCTS {margin: 0px auto;width:727px;border-left: solid 1px #999999;border-right: solid 1px #999999;background-color:#FFFFFF; background-image:url(../Thames-Furniture/IT-Support-Prod-Back.jpg); background-repeat:repeat-x; height:265px} #Thames-Bannner-ITSUPPORT-Title {width:702px; height:60px; font-family:Tahoma, Geneva, sans-serif; color:#0e2d41; font-size:21px; font-weight:bold; line-height:60px; padding-left:23px} #Thames-Banner-left{float:left;padding-left:23px;width:407px; height:204px; font-family:Arial, Helvetica, sans-serif; color:#27608b; font-size:14px; line-height:18px} #Thames-Banner-left ul{ font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:22.4px; list-style-image:url(../Thames-Furniture/Arrow-Bullet.gif);} #Thames-Banner-right { float:left; width:295px; float:left; } #Instant-Quote-Button { float:left;Height:29px; line-height:26px; padding: 12px 15px 0 0; background:url(../Thames-Furniture/Instant-Quote.gif) 0 12px no-repeat; font-size:12.95px; text-align:center; width:145px} #Instant-Quote-Button a {color:#FFF; text-decoration:none; font-weight:bold} #Instant-Quote-Button a:hover {text-decoration:underline} #Live-Chat-Button { float:left;Height:29px; line-height:26px; padding: 12px 0 0 0; background:url(../Thames-Furniture/Live-Chat-Button.gif) 0 12px no-repeat; font-size:12.95px; text-align:center; width:110px} #Live-Chat-Button a{color:#FFF; text-decoration:none; font-weight:bold} #Live-Chat-Button a:hover {text-decoration:underline} /* ---- Top Boxes ---- */ #IT-Support-TopBox { float:left;width:279px; border:2px solid #FFF; background:url(../Thames-Furniture/Top-Boxes-BGD.jpg) repeat-x; height:67px} #MicrosoftLogo{ width:75px; height:16px; padding-left:10px; padding-top:20px; padding-bottom:31px; float:left} #MicrosoftLeft { height:67px; padding: 8px 0 0 10px; width:184px; float:left; font-size:12px; font-weight:bold; line-height:22px; color:#5e5e5e} #IT-Support-Box {height:67px; padding: 8px 0 0 10px;font-size:12px; font-weight:bold; line-height:22px; color:#5e5e5e} #Enq-form { height:346px; border: 1px solid #ccc; width:530px; padding-left:10px; background-image:url(../Thames-Furniture/Thames-Form-Back-GRD.jpg); background-repeat:repeat-x} #Enq-form-header { height:40px; line-height:40px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; font-size:18px; color:#5e5e5e} #Enq-left {width:388px; float:left;} #MainITForm label { width:160px; display:block; float:left; text-align:right; color:#666; padding-right:10px; font-size:12px } #MainITForm select { width: 190px;float:left; margin-bottom:7px} .ITFORMSET { width: 190px;float:left;margin-bottom:7px; background-color:#FFC; border: 1px solid #999 } #EnqFormLeft {width:160px; float:left;} #Titles {width:173px; float:left} #Enq-Right {width:120px; float:left; padding-right:15px; text-align:right;} #Bottom-Box { width:177px; height:133px; float:left; margin: 0 0 15px 8px; border: 1px solid #cccccc; background-image:url(../Thames-Furniture/Small-box-bgrd.jpg); background-repeat:repeat-x} #Bottom-Box li {font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#666666; line-height:20px; list-style-type:square;} #Bottom-Box li a {color:#666666; text-decoration:none} #Bottom-Box li a: {color:#666666; text-decoration:underline} #btm-ban { border: 1px solid #ccc; width:540px; margin:0 0 10px 10px; background-image:url(../Thames-Furniture/Small-box-bgrd.jpg); background-repeat:repeat-x; height:46px; line-height:46px} #support-box { width:206px; float: right; text-align:left; padding-left:10px;border: 1px solid #cccccc; color: #333333; line-height:16px } #Text-ITHome {float:left; width:325px} #Text-ITHomeRight { float:left; width:220px; text-align:right} /* ---- Item4 - Body Section ----- */ #Body-Wrapper {margin: 0px auto;width:727px;border-left: solid 1px #999999;border-right: solid 1px #999999; border-bottom: solid 1px #999999;background-color:#FFFFFF;} /* ---- Data Hive ----*/ #DataHiveLeft { width:454px; float:left} #DataHiveRight {width:110px; float:left; padding-top:40px; text-align:center} /* ---- Item5 - Side Navigation ----- */ #Thames-side-nav-bar {float:left; width:155px; background: url(../Thames-Furniture/Thames-Blue-Gradient.jpg) repeat-x;border-right: solid 1px #999999;border-top: solid 1px #999999;} .Levitation {float:right; width: 150px;border-right: 1px solid #ccc; margin-left: 4px; background-color: #fff} #Thames-Side-Nav {margin-top: 15px; background: url(../Thames-Furniture/side-nav-tl.gif) no-repeat; background-color: #fff; } .Thames-Side-Nav-Bottom {width: 10px; height: 10px;background: url(../Thames-Furniture/side-nav-bl.gif) no-repeat left bottom; } #Thames-Side-Nav h3, .Levitation h3 { margin: 10px 0 2px 10px; font-size: 12px; border-bottom: 2px solid #999; } #Thames-Side-Nav ul { margin-top:0; list-style-position:outside;list-style: none; } #Thames-Side-Nav li { border: 0; border-top: 1px solid #eee; margin: 0; padding: 5px 0 5px 0px;} #Thames-Side-Nav a {text-decoration: none; color: #666; display: block; padding: 5px 0 5px 0px;} #Thames-Side-Nav a {width: 100%; } /* Dirty Fix for IE whitespace */ #Thames-Side-Nav a:hover {background-color: #eee; color: #666;} .SideActive a{text-decoration: underline; color: #666; display: block; padding: 5px 0 5px 0px;} #Thames-Side-Nav h3 a, #Thames-Side-Nav h3 a:hover {color: #333; margin: 0; padding: 2px 0 2px 0;} #Thames-Side-Nav h1 a, #Thames-Side-Nav h1 a:hover {color: #333; margin: 0; padding: 2px 0 2px 0;} /* ----- Item6 - Side Navigation Other Items ----- */ #Thames-Side-Second {margin: 30px 0 0 0;width:155px; float:left; text-align:center;} #Thames-Side-Third {margin: 60px 0 0 0;width:155px; float:left; text-align:center;} #Thames-Brochure-Request {margin: 60px 0 25px 0;width:155px; float:left;text-align:center;} .TextField {padding: 0 0 0 5px; border: 1px solid #7F9DB9;background-color: #FFFFCC;height: 18px;color: #333333;text-align: left;margin-top:8px; font-size: 12px;} /* ----- IT Support Bullet Ticks ----- */ #Bullet-Tick li{list-style-image:url(../Thames-Furniture/Bullet-Tick.jpg); padding-bottom:6px} /* ----- Item7 Thames Second Column ----- */ #Second-Column {width:570px; float:left;border-left: 1px solid #999;} #Page-Title {width:564px; float:left;height:45px;background: url(../Thames-Furniture/Thames-Grey-Gradient.gif) repeat-x; border-left: solid 3px #fff;border-right: solid 3px #fff;} #Index-Title {margin: 0px auto; position:relative;width:727px;border-left: solid 1px #999999;border-right: solid 1px #999999;height:45px;background: url(../Thames-Furniture/Thames-Grey-Gradient.gif) repeat-x; background-color:#FFFFFF} #Thames-endorsed-logos { text-align:right; width:220px; position:absolute; right:0px; top:0px} /* ----- Item8 Thames Square Box ------ */ .ColumnB {float:right; } .ColumnC {float:right; margin:10px} .ColumnD {float:left; margin:10px} /*----- Thames Footer ----- */ #Thames-Footer {margin: 0px auto;height:70px;width:727px; border-left: solid 1px #999999;border-right: solid 1px #999999;border-bottom: solid 1px #999999;background: url(../Thames-Furniture/Thames-Footer-Background.jpg) repeat-x;} #Thames-Footer-BB{width:55px;height:70px;text-align:center;float:left;} #Why-Choose-Thames {float:left;width:415px;height:25px;padding-top:10px;border-right: solid 1px #999999;} #Thames-Bottom-Woman {Float:left;width195px} /*----- Thames Footer Fader ----- */ #Thames-Bullets {float:left;width:415px; } #Thames-Bullet-Fades li {position: absolute;width: 415px;height: 35px;visibility: hidden;border-right: solid 1px #999999;} ul.crossfade {padding: 0;margin: 0;list-style: none;position: relative;} /*----- Thames Footer Links -----*/ #Footer {margin: 0px auto;width: 727px; position: relative; height:20px; } #Thames-Quick-Links-Bottom {margin: 0px auto;position: absolute;bottom: 0px; text-align:center} #Thames-Quick-Links-Bottom li { display: inline; list-style-type: none; color: #ccc; text-indent: 0;} #Thames-Quick-Links-Bottom a { text-decoration: none; color: #999; font-weight: normal; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center} #Thames-Quick-Links-Bottom a:hover {text-decoration: underline; color: #0099cc} /* ----- Thames Random Objects ----*/ #Thames-Interest { border:solid 1px #999999; margin:8px; background-color:#FCFCFC} #Thames-Contact {float:left; margin:8px; width:45%;} #Map-Header {float:left; width:540px; padding:8px} #Screenshots {float:left; width:190px;} /* ----- Thames Small Online Offer ----- */ #IT-Offer-Small-Box {margin: 5px; background-color:#4b7dae;} /* ----- Thames Grey Box ----- */ #Thames-Box-Top { float:left;background:url(../Thames-Furniture/IT-Support-Box-Top.gif) bottom left;width:553px;height:15px} #Thames-Box-Body { float:left;background: url(../Thames-Furniture/IT-Support-Box-Body.gif) repeat-y;width:553px;height: 200px} #Thames-Box-Bottom { float:left;background:url(../Thames-Furniture/IT-Support-Box-bottom.gif) bottom left;width:553px;height:15px; margin-bottom:5px} #Small-Circles {width:65px; text-align:center; float:left; padding-left:18px;padding-top:5px; } .Deep-Links {float:left;padding-left:18px; color:#999999} .Deep-Links a {color:#999999} .Deep-Links a:hover {color: #ff3399} .push-left { margin-left:2px; } /*----Thames Home Page Grey Box ---*/ #Home-Box-Wrapper {float:left; width:218px; margin-left:10px;} #Home-Box-Top {float:left; background:url(../Thames-Furniture/Home-Box-Top.jpg) bottom left;width:218px;height:15px} #Home-Box-Body {float:left; background: url(../Thames-Furniture/Home-Box-Body.jpg) repeat-y;width:218px;} #Home-Box-Bottom {float:left;background:url(../Thames-Furniture/Home-Box-bottom.jpg) bottom left;width:218px;height:15px; margin-bottom:5px} #circle {float:left; width:100px; padding-left:9px} #circle-links {float:left; width:100px; height:104px} #circle-links li {color:#ff3399; list-style-type:none; padding-left:-5px} #circle-links a {text-decoration: none; color:#ff3399; } #circle-links a:hover {text-decoration: underline; color: #0099cc} /*-- IT Support Man --*/ #IT-Support-Man-Wrapper {position: relative; height:100%;} #IT-Support-Man {height:300px; text-align:right; padding-right:4px} #IT-Support-Ticks {position: absolute; top: 0px; left:0px; width: 170px; margin:0px; padding:0px;} #IT-Support-Ticks li { color:#333; list-style-image:url(../Thames-Furniture/Thames-Tick-Bullet.gif); padding-bottom:12px; padding-left:-10px;} #IT-Support-Ticks a { color:#333; text-decoration:none} #IT-Support-Ticks a:hover {text-decoration:underline} #GreenBoxLeft {width:300px; background-color:#3497cd; margin-left:10px;float:left; margin-bottom:20px; height:165px} #GreenBoxright {width:240px; background-color:#3497cd; float:left; margin-bottom:20px; height:165px} #OrangeBoxLeft {width:300px; background-color:#f48c05; margin-left:10px;float:left; margin-bottom:20px; height:100px} #OrangeBoxright {width:240px; background-color:#f48c05; float:left; margin-bottom:20px; height:100px} #BlueBoxLeft {width:300px; background-color:#4b7dae; margin-left:10px;float:left; margin-bottom:20px; height:92px} #BlueBoxright {width:240px; background-color:#4b7dae; float:left; margin-bottom:20px; height:92px} .white-bullets li{ color:#FFFFFF; list-style:none; line-height:19px} .white-bullets li a {text-decoration:none; font-size: 12px;color:#FFFFFF; font-weight:bold} .white-bullets li:hover a {text-decoration:underline; color:#000000} /*--- Funk Form ---*/ #Inner-Container-Blue { margin:10px; background-image:url(../Thames-Furniture/ThamesITSupport-Vert-Blue-B.jpg); background-repeat:repeat-x; background-color:#FFFFFF} .whitetext {color:#FFFFFF;} #Quote-Form { width:680px; position:relative; padding:10px} #Design-Quote-Two-Ticks {position:absolute;top:0px; right:0px; width:250px;} .Design-Quote-Table tr{ height:35px; text-align:left} .Design-Quote-Table2 tr{ text-align:right} .whitetextPAD { color:#FFF; padding-left:10px} .yellowtext {color:#fad424;} .TextField2 {padding: 0 0 0 5px; border: 1px solid #7F9DB9;background-color: #FFFFCC;height: 18px; width:210px; color: #333333;text-align: left;margin-top:8px; font-size: 12px;} .TextField3 {padding: 0 0 0 5px; border: 1px solid #7F9DB9;background-color: #FFFFCC;height: 50px; width:210px; color: #333333;text-align: left;margin-top:8px; font-size: 12px;} /*---- Popup ----*/ div.popup { width:560px; /* The following properties should not be changed */ position: absolute;height: 500px;} #popup_overlay {/* The following properties should not be changed */position: absolute; top: 0; left: 0; width: 100%;height: 500px;} .popup_draghandle {cursor: move;} /*---- Product ----*/ #Prod-Thumb { float:left; width:167px; height:131px; padding: 0 0 21px 11px; } #Prod-Desc { float:left; width:375px; height:131px; padding: 0 0 21px 15px; } #DoubleTake {float:left; width:137px; height:35px; padding: 4px 0 4px 10px} #DoubleTakeDesc {float:left; width:382px; padding: 4px 0 4px 15px; height:35px; color#333333;padding-bottom:10px} #LiveChat {float:left; width:530px; padding:40px 0 0 40px} /*---- giga form ----*/ #giga-form {border: 1px solid #ccc; width:520px; background-image:url(http://www.thames.co.uk/Thames-Furniture/Thames-Form-Back-GRD.jpg); background-repeat:repeat-x;background-color:#dcdcdc; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-left:20px} #giga-form-half { width:240px; float:left; padding-top:15px} #giga-form-half-ROW {width:240PX;float:left;} #giga-form-half-right { width:270px; padding-top:15px; float:left;} #giga-form label { float:left; width:180px; text-align:right; padding-right:10px; font-size:12px;} #ROW { float:left; width:510px;} #ROWHEIGHT { float:left; width:510px; height:35px;} #ROWHEIGHTTALL { float:left; width:510px; height:55px;} #giga-form select ,#giga-form input { display:block; float:left;} .Gigatext { font-size:15px; color:#5e5e5e; font-weight:bold; height:30px; font:Arial, Helvetica, sans-serif; font-weight:bold; padding-left:10px} .web-dev { display:block; color:#bbbbbb; padding:10px 0 0 40px; font-size:12px; } .web-dev a { text-decoration:none; color:#bbbbbb; } .web-dev a:hover { color:#0099cc; text-decoration:underline; }