/* CSS Document */ /* Reset.css - Removes all standard browser formatting - no editing required */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} /* remember to define focus styles! */ :focus {outline: 0;} /* remember to highlight inserts somehow! */ ins {text-decoration: none;} del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse;border-spacing: 0;} /* end Reset */ /* Default.css */ html, body {margin: 0; padding: 0; height: 100%;} body { font-family : Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif; /*font-family : Verdana, Geneva, Tahoma, Helvetica, sans-serif;*/ /*font-size: 100.1%;*/ font-size: 12px; background-color: #373B32; color: #666666; line-height: 1.5; /*letter-spacing:1px;*/ -webkit-font-smoothing: antialiased; } table, tr, td{vertical-align:top;} h1, h2, h3, h4, h5, h6 {color: #666666; font-weight:normal; /*letter-spacing:1px;*/ /*font-family: century gothic, georgia, arial;*/ font-family: Century Gothic, Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif;} h1{font-size: 32px; /*padding:30px 0px 10px 0px; line-height:1.4;*/} h2{font-size: 32px; /*padding:15px 0px 2px 0px;*/ } h3{font-size: 18px; color: #000; padding:9px 0px 2px 0px;} a{color: #000; text-decoration: underline;} a:hover{color: #000; text-decoration: none;} p{padding-bottom:12px; font-weight:lighter;} /* Use as required to clear float values */ .Clear{clear:both;} /* end Default*/ /* Frame.css */ /* WRAP */ #Wrap {z-index:200; position: relative; width: 100%; height: 100%; margin: 0 auto;} /* Global Shadow*/ .Shadow{z-index:200; position: relative; left: 50%; width: 1000px; margin-left: -500px;} .ShadowT{background: transparent url(../images/bkg/shadow.top.png) bottom center no-repeat;} .ShadowM{background: transparent url(../images/bkg/shadow.png) top center repeat-y;} .ShadowB{background: transparent url(../images/bkg/shadow.footer.png) top center no-repeat;} /* Global Position*/ .CenterThis {z-index:200; position: relative; left: 50%; width: 960px; margin-left: -480px; text-align: left; vertical-align:top;} /* Frames */ .Frame{position:relative; width:100%;} .Frame#Top {font-family:century gothic;} .Frame#Top .CenterThis{/*height:39px;*/ height:9px; text-align:right;} .Frame#Header {font-family:century gothic;} .Frame#Header .CenterThis{height:137px; background:#FFF;} .Frame#NavBar {} .Frame#NavBar .CenterThis{height:78px; background:#FFF;} .Frame#Content {/* font-size: 0.7em; */} .Frame#Content .CenterThis{min-height:400px; background:#FFF;} .Frame#Footer {font-family:century gothic; color:#FFF;} .Frame#Footer .CenterThis{height:122px; background:#000 url(../images/bkg/footer.png) top center no-repeat;} .Frame#Bottom {} .Frame#Bottom .CenterThis{height:39px;} /* end Frame*/ /* Navigation */ /* Top Links */ #TopLinks{position:relative; top:7px;} a.TopLink {margin-left:20px; text-decoration:none;} a:hover.TopLink {text-decoration:underline;} /* #TopNav{ width: 900px; margin-left: 30px;} #TopNav a{ display:block; text-align: center; float: left; margin: 0 1px; width: 178px; height:47px; padding:20px 0px 0px 0px; background-color:#9D9FA1; text-decoration: none; font-size: 14px; font-family: Century Gothic, Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif; color:#FFFFFF; } #TopNav a.Cyan{background: transparent url(../images/nav.sprite.png) 0px -67px no-repeat;} #TopNav a:hover.Cyan{background:#00ADEF url(../images/nav.sprite.png) 0px 0px no-repeat;} #TopNav a.ActiveCyan{background:#00ADEF url(../images/nav.sprite.png) 0px 0px no-repeat;} #TopNav a.Orange{background: transparent url(../images/nav.sprite.png) -178px -67px no-repeat;} #TopNav a:hover.Orange{background:#F26522 url(../images/nav.sprite.png) -178px 0px no-repeat;} #TopNav a.ActiveOrange{background:#F26522 url(../images/nav.sprite.png) -178px 0px no-repeat;} #TopNav a.Burgandy{background: transparent url(../images/nav.sprite.png) -356px -67px no-repeat;} #TopNav a:hover.Burgandy{background:#7F1820 url(../images/nav.sprite.png) -356px 0px no-repeat;} #TopNav a.ActiveBurgandy{background:#7F1820 url(../images/nav.sprite.png) -356px 0px no-repeat;} #TopNav a.Lime{background: transparent url(../images/nav.sprite.png) -534px -67px no-repeat;} #TopNav a:hover.Lime{background:#8CC63F url(../images/nav.sprite.png) -534px 0px no-repeat;} #TopNav a.ActiveLime{background:#8CC63F url(../images/nav.sprite.png) -534px 0px no-repeat;} #TopNav a.Purple{background: transparent url(../images/nav.sprite.png) -712px -67px no-repeat;} #TopNav a:hover.Purple{background:#91278F url(../images/nav.sprite.png) -712px 0px no-repeat;} #TopNav a.ActivePurple{background:#91278F url(../images/nav.sprite.png) -712px 0px no-repeat;} */ /* General */ #cssdropdown{position:absolute; z-index:9000; left:30px; overflow:visible;} #cssdropdown, #cssdropdown ul {list-style: none;} #cssdropdown, #cssdropdown * {padding: 0; margin: 0; color:#FFF;} /* Header links / TopTabs*/ #cssdropdown li.dMenu {float: left; background:transparent url(../images/spacer.gif) repeat;/*Bkg used for IE8 Bug */} #cssdropdown li.dMenu a {text-decoration:none;} #cssdropdown li.dMenu a.navTab {text-align:center; float:left; display:block; width:178px; height:47px; padding:20px 0px 0px 0px; font-size:14px; font-family: Century Gothic, Lucida Grande, Lucida Sans Unicode, sans-serif;} #cssdropdown li.dMenu a:hover.navTab {} /* TopTab Positioning */ #cssdropdown li.Cyan{position:absolute; top:0px; left:1px;} #cssdropdown li.Orange{position:absolute; top:0px; left:181px;} #cssdropdown li.Burgandy{position:absolute; top:0px; left:361px;} #cssdropdown li.Lime{position:absolute; top:0px; left:541px;} #cssdropdown li.Purple{position:absolute; top:0px; left:721px;} /* Child lists and links */ #cssdropdown li.dMenu ul {display: none; text-align: left;} #cssdropdown li.dMenu:hover ul {display:block; float:left; width:250px;} /* TopTabs - Siwtch Font Colour Overide*/ #cssdropdown span.topTab {display:block;} #cssdropdown span.topTab a{color:#FFF;} /* TopTabs - Switch Backgrounds */ #cssdropdown li.Cyan span.topTab a.navTab{background: transparent url(../images/nav.sprite.png) 0px -67px no-repeat;} #cssdropdown li.Cyan span.topTab:hover a.navTab{background:#00ADEF url(../images/nav.sprite.png) 0px 0px no-repeat;} #cssdropdown li.Cyan span.activeTab a.navTab{background:#00ADEF url(../images/nav.sprite.png) 0px 0px no-repeat;} #cssdropdown li.Orange span.topTab a.navTab{background: transparent url(../images/nav.sprite.png) -178px -67px no-repeat;} #cssdropdown li.Orange span.topTab:hover a.navTab{background:#F26522 url(../images/nav.sprite.png) -178px 0px no-repeat;} #cssdropdown li.Orange span.activeTab a.navTab{background:#F26522 url(../images/nav.sprite.png) -178px 0px no-repeat;} #cssdropdown li.Burgandy span.topTab a.navTab{background: transparent url(../images/nav.sprite.png) -356px -67px no-repeat;} #cssdropdown li.Burgandy span.topTab:hover a.navTab{background:#7F1820 url(../images/nav.sprite.png) -356px 0px no-repeat;} #cssdropdown li.Burgandy span.activeTab a.navTab{background:#7F1820 url(../images/nav.sprite.png) -356px 0px no-repeat;} #cssdropdown li.Lime span.topTab a.navTab{background: transparent url(../images/nav.sprite.png) -534px -67px no-repeat;} #cssdropdown li.Lime span.topTab:hover a.navTab{background:#8CC63F url(../images/nav.sprite.png) -534px 0px no-repeat;} #cssdropdown li.Lime span.activeTab a.navTab{background:#8CC63F url(../images/nav.sprite.png) -534px 0px no-repeat;} #cssdropdown li.Purple span.topTab a.navTab{background: transparent url(../images/nav.sprite.png) -712px -67px no-repeat;} #cssdropdown li.Purple span.topTab:hover a.navTab{background:#91278F url(../images/nav.sprite.png) -712px 0px no-repeat;} #cssdropdown li.Purple span.activeTab a.navTab{background:#91278F url(../images/nav.sprite.png) -712px 0px no-repeat;} /* Dropped Navigation */ #cssdropdown li .drop ul {padding: 9px 0px 3px 0px; margin:0px;} #cssdropdown li .drop ul li{padding: 0px 0px 10px 0px; margin-bottom:2px; display:block;} #cssdropdown li .drop a{color:#FFFFFF; padding:6px 16px 7px 10px; text-decoration:none; font-size:12px; -moz-box-shadow: 1px 1px 8px #000; -webkit-box-shadow: 1px 1px 8px #000; box-shadow: 1px 1px 8px #000; } #cssdropdown li.Cyan .drop a{background:#00ADEF;} #cssdropdown li.Orange .drop a{background:#F26522;} #cssdropdown li.Burgandy .drop a{background:#7F1820;} #cssdropdown li.Lime .drop a{background:#8CC63F;} #cssdropdown li.Purple .drop a{background:#91278F;} #cssdropdown li .drop a.Active{background:#666666 !important;} #cssdropdown li .drop a:hover{background:#000000 !important;} /* end Navigation*/ /* Side Navigation */ #SideNav{padding:0px 0px 11px 0px;} #SideNav ul li{padding: 0px 0px 7px 0px;} #SideNav a{background:#666666; color:#FFFFFF; padding:3px 13px 4px 7px; text-decoration:none;} #SideNav.Cyan a{background:#00ADEF;} #SideNav.Cyan a.Active{background:#666666;} #SideNav.Orange a{background:#F26522;} #SideNav.Orange a.Active{background:#666666;} #SideNav.Burgandy a{background:#7F1820;} #SideNav.Burgandy a.Active{background:#666666;} #SideNav.Lime a{background:#8CC63F;} #SideNav.Lime a.Active{background:#666666;} #SideNav.Purple a{background:#91278F;} #SideNav.Purple a.Active{background:#666666;} #SideNav.Grey a{background:#666666;} #SideNav.Grey a.Active{background:#333333;} #SideNav.About a{background:#666666;} #SideNav.About a.Active{background:#333333;} #SideNav.Terms a{background:#666666;} #SideNav.Terms a.Active{background:#333333;} #SideNav a:hover{background:#000000;} /* end Navigation*/ /* Style.css */ /* Header Links */ span.HeaderLinks{position:absolute; float:right; top:20px; right:30px;} span.HeaderLinks a{color:#666666; text-decoration:none;} span.HeaderLinks a:hover{text-decoration:underline;} /* Telephone Number */ span.Telephone{position:absolute; float:right; bottom:17px; right:30px;} /* Text Colours */ span.Cyan, h3.Cyan{color:#00ADEF;} .Cyan a{color:#00ADEF;} .CyanHome a{color:#666666; text-decoration:none;} .CyanHome a:hover{color: #00ADEF; text-decoration:underline;} span.Orange, h3.Orange {color:#F26522;} .Orange a{color:#F26522;} .OrangeHome a{color:#666666; text-decoration:none;} .OrangeHome a:hover{color: #F26522; text-decoration:underline;} span.Burgandy, h3.Burgandy {color:#7F1820;} .Burgandy a{color:#7F1820;} .BurgandyHome a{color:#666666; text-decoration:none;} .BurgandyHome a:hover{color: #7F1820; text-decoration:underline;} span.Lime, h3.Lime {color:#8CC63F;} .Lime a{color:#8CC63F;} .LimeHome a{color:#666666; text-decoration:none;} .LimeHome a:hover{color: #8CC63F; text-decoration:underline;} span.Purple, h3.Purple {color:#91278F;} .Purple a{color:#91278F;} .PurpleHome a{color:#666666; text-decoration:none;} .PurpleHome a:hover{color: #91278F; text-decoration:underline;} /* Text Sizes */ .S10{font-size:10px;} .S12{font-size:12px;} .S14{font-size:14px;} .S16{font-size:16px;} .S18{font-size:18px;} .S20{font-size:20px;} .S24{font-size:24px;} /* Colour Wraps */ #WrapContent{padding:23px 0px 30px 0px;} #WrapContent.Cyan{} #WrapContent.Cyan h3{color:#00ADEF;} #WrapContent.Orange{} #WrapContent.Orange h3{color:#F26522;} #WrapContent.Burgandy{} #WrapContent.Burgandy h3{color:#7F1820;} #WrapContent.Lime{} #WrapContent.Lime h3{color:#8CC63F;} #WrapContent.Purple{} #WrapContent.Purple h3{color:#91278F;} /*White Text */ span.White, .White a{color:#FFFFFF;} a.White{color:#FFFFFF;} /* Banner - Static */ #Banner{margin-left:30px;} /* Title Bar */ #TitleBar{width:930px; /*ALLOWING FOR DOCK MOVEMENT */ margin-left:30px; margin-bottom:5px;} #TitleBar h2{padding-top:3px; /*background-color:#ff0000;*/ } /* Mac Style Dock */ #dock{position:relative; float:right; min-width:360px; /*background-color:#0066FF;*/ display:block;} .dock-container { position: relative; /*top: -8px;*/ top: -10px; height: 50px; padding-left: 20px;} a.dock-item { display: block; width: 50px; position: absolute; bottom: 0; text-align: center; text-decoration: none; color: #666; font-size:9px;} .dock-item span { display: none; padding-left: 10px;} .dock-item img { border: 0; margin: 5px 10px 0px; width: 100%;} /* ul.social{position:relative; display:inline; float:right; margin-right:25px;} ul.social li{display:inline;} ul.social img{width:28px; height:28px;} ul.social li a{display:block; float:left; padding:0px 3px 0px 0px; margin: 6px 0px 0px 0px;} ul.social li a:hover{margin: 4px 0px 0px 0px; } ul.social li a:hover img{width:34px; height:34px; } */ ul.socialcss{position:relative; display:inline; float:right; margin-right:25px;} ul.socialcss li{display:inline; /*padding-right:3px; margin-right:3px;*/ background:#666666;} ul.socialcss li a{display:block; float:left; padding: 0px; margin: 6px 3px 0px 0px; width:28px; height:28px;} ul.socialcss li a:hover{display:block; margin: 4px 0px 0px 0px; width:34px; height:34px;} ul.socialcss li a.facebook{background:transparent url(../images/social.sprite.png) 0px 0px no-repeat;} ul.socialcss li a.facebook:hover{background:transparent url(../images/social.sprite.png) 0px -34px no-repeat;} ul.socialcss li a.linkedin{background:transparent url(../images/social.sprite.png) -34px 0px no-repeat;} ul.socialcss li a.linkedin:hover{background:transparent url(../images/social.sprite.png) -34px -34px no-repeat;} ul.socialcss li a.twitter{background:transparent url(../images/social.sprite.png) -68px 0px no-repeat;} ul.socialcss li a.twitter:hover{background:transparent url(../images/social.sprite.png) -68px -34px no-repeat;} ul.socialcss li a.google{background:transparent url(../images/social.sprite.png) -102px 0px no-repeat;} ul.socialcss li a.google:hover{background:transparent url(../images/social.sprite.png) -102px -34px no-repeat;} ul.socialcss li a.stumble{background:transparent url(../images/social.sprite.png) -136px 0px no-repeat;} ul.socialcss li a.stumble:hover{background:transparent url(../images/social.sprite.png) -136px -34px no-repeat;} ul.socialcss li a.digg{background:transparent url(../images/social.sprite.png) -170px 0px no-repeat;} ul.socialcss li a.digg:hover{background:transparent url(../images/social.sprite.png) -170px -34px no-repeat;} ul.socialcss li a.delicious{background:transparent url(../images/social.sprite.png) -204px 0px no-repeat;} ul.socialcss li a.delicious:hover{background:transparent url(../images/social.sprite.png) -204px -34px no-repeat;} ul.socialcss li a.technorati{background:transparent url(../images/social.sprite.png) -238px 0px no-repeat;} ul.socialcss li a.technorati:hover{background:transparent url(../images/social.sprite.png) -238px -34px no-repeat;} ul.socialcss li a.reddit{background:transparent url(../images/social.sprite.png) -272px 0px no-repeat;} ul.socialcss li a.reddit:hover{background:transparent url(../images/social.sprite.png) -272px -34px no-repeat;} ul.socialcss li a.myspace{background:transparent url(../images/social.sprite.png) -306px 0px no-repeat;} ul.socialcss li a.myspace:hover{background:transparent url(../images/social.sprite.png) -306px -34px no-repeat;} ul.socialcss li a.rss{background:transparent url(../images/social.sprite.png) -340px 0px no-repeat;} ul.socialcss li a.rss:hover{background:transparent url(../images/social.sprite.png) -340px -34px no-repeat;} /* Layouts */ table#Layout{width:900px; margin-left:30px;} table#Layout.Home td{} table#Layout.Home td.C{width:900px; padding:0px;} table#Layout.Home td.L{width:435px; padding-right:15px;} table#Layout.Home td.R{width:435px; padding-left:15px;} table#Layout.Standard td{} table#Layout.Standard td.L{width:610px; padding-right:30px; border-right:#CCC solid 1px;} table#Layout.Standard td.R{width:230px; padding-left:30px;} /* Spacer */ div.Spacer{width:100%; height:20px; /*paragraph +9 bottom*/ border-bottom:#CCC 1px solid; margin-bottom:30px; font-size:1px; /*ie6 force colapse*/} /* Lists */ ul.Bullet{padding:5px 0px 10px 0px;} ul.Bullet li{margin: 0px 0px 2px 0px; padding:0px 0px 0px 32px; list-style:none;} .Cyan ul.Bullet li{background: url(../images/simple-list.gif) no-repeat scroll 0px 5px;} .Orange ul.Bullet li{background: url(../images/simple-list.gif) no-repeat scroll 0px -44px;} .Burgandy ul.Bullet li{background: url(../images/simple-list.gif) no-repeat scroll 0px -94px;} .Lime ul.Bullet li{background: url(../images/simple-list.gif) no-repeat scroll 0px -144px;} .Purple ul.Bullet li{background: url(../images/simple-list.gif) no-repeat scroll 0px -194px;} .Aqua ul.Bullet li{background: url(../images/simple-list.gif) no-repeat scroll 0px -244px;} .Grey ul.Bullet li{background: url(../images/simple-list.gif) no-repeat scroll 0px -294px;} /* Lists */ #ArrowList{padding:5px 0px 10px 0px;} #ArrowList ul{margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px;} #ArrowList ul li{margin: 0px 0px 2px 0px; padding:0px 0px 0px 0px; list-style:none;} #ArrowList ul li span.Info{display:block; margin: 0px 0px 0px 29px; padding:4px 5px 4px 7px; width:480px;} #ArrowList ul.Orange li{background:transparent url(../images/icons/arrow-orange.png) no-repeat scroll -1px 3px;} #ArrowList ul.Orange li span.Info{background:url(../images/icons/shade-orange.gif) repeat;} #ArrowList ul.Cyan li{background:transparent url(../images/icons/arrow-cyan.png) no-repeat scroll -1px 3px;} #ArrowList ul.Cyan li span.Info{background:url(../images/icons/shade-cyan.gif) repeat;} #ArrowList ul.Lime li{background:transparent url(../images/icons/arrow-lime.png) no-repeat scroll -1px 3px;} #ArrowList ul.Lime li span.Info{background:url(../images/icons/shade-lime.gif) repeat;} #TickList{padding:5px 0px 10px 0px;} #TickList ul{margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px;} #TickList ul li{margin: 0px 0px 2px 0px; padding:0px 0px 0px 0px; list-style:none;} #TickList ul li span.Info{display:block; margin: 0px 0px 0px 29px; padding:4px 5px 4px 7px; width:480px;} #TickList ul.Lime li{background:transparent url(../images/icons/tick-lime.png) no-repeat scroll -1px 3px;} #TickList ul.Lime li span.Info{background:url(../images/icons/shade-lime.gif) repeat;} ul.ClientList li{margin-bottom:8px;} /* Price Table */ table#PriceData{width:100%; border-style:solid; border-color:#666666; border-width:0px 1px 0px 1px;} table#PriceData tr.Labels{color:#FFF; background-color:#666; font-weight:bold;} table#PriceData tr.Data{} table#PriceData td{width:33%; padding:5px; border-style:solid; border-color:#666666; border-width:0px 0px 1px 0px;} .TextNote{font-size:9px;} /* Graphix */ #gfxLook{width:230px; height:97px; font-size:1px;} #gfxLook.Cyan{background:url(../images/gfx.look.png) no-repeat 0px 0px;} #gfxLook.Lime{background:url(../images/gfx.look.png) no-repeat 0px -97px;} /*Home Newsletter Box*/ .floatLeft{float:left;} .floatRight{float:right;} /* Footer Links */ span.FooterLinks{position:absolute; left:30px; top:20px;} span.FooterLinks a{color:#FFF; text-decoration:none;} span.FooterLinks a:hover{text-decoration:underline;} span.Company{position:absolute; left:30px; bottom:20px;} span.VAT{position:absolute; float:right; right:30px; bottom:20px;} /* Accessibility */ .offleft { position: absolute; margin-left: -9000px; } /* End Style.css */ /* QuoteYouBox.css */ /* Global Box Styles */ div.qyb{width:100%; margin:0px auto; padding:22px 0px 15px 0px; font-family: /*Century Gothic,*/ Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif;} .qyb .qyb-header{font-size:1px;} .qyb .qyb-header .qyb-side{width:7px; height:7px; font-size:1px;} .qyb .qyb-body{color:#FFF;} .qyb .qyb-body .qyb-content{padding:2px 13px 0px 13px; text-align:left;} .qyb .qyb-body .qyb-content h3{padding:0; margin:0;} .qyb .qyb-footer{font-size:1px;} .qyb .qyb-footer .qyb-side{width:7px; height:7px; font-size:1px;} /* Cyan Box Styles */ .Cyan div.qyb {} .Cyan .qyb .qyb-header{background: url(../images/qyb.all.gif) no-repeat right 0px;} .Cyan .qyb .qyb-header .qyb-side{background: url(../images/qyb.all.gif) no-repeat 0px 0px;} .Cyan .qyb .qyb-body{background: url(../images/colour.cyan.gif) repeat 0px 0px;} .Cyan .qyb .qyb-footer{background: url(../images/qyb.all.gif) no-repeat right -7px;} .Cyan .qyb .qyb-footer .qyb-side{background: url(../images/qyb.all.gif) no-repeat 0px -7px;} /* Orange Box Styles - #FF7F00 */ .Orange div.qyb {} .Orange .qyb .qyb-header{background: url(../images/qyb.all.gif) no-repeat right -14px;} .Orange .qyb .qyb-header .qyb-side{background: url(../images/qyb.all.gif) no-repeat 0px -14px;} .Orange .qyb .qyb-body{background: url(../images/colour.orange.gif) repeat 0px 0px;} .Orange .qyb .qyb-footer{background: url(../images/qyb.all.gif) no-repeat right -21px;} .Orange .qyb .qyb-footer .qyb-side{background: url(../images/qyb.all.gif) no-repeat 0px -21px;} /* Burgandy Box Styles - #892933 */ .Burgandy div.qyb {} .Burgandy .qyb .qyb-header{background: url(../images/qyb.all.gif) no-repeat right -28px;} .Burgandy .qyb .qyb-header .qyb-side{background: url(../images/qyb.all.gif) no-repeat 0px -28px;} .Burgandy .qyb .qyb-body{background: url(../images/colour.burgandy.gif) repeat 0px 0px;} .Burgandy .qyb .qyb-footer{background: url(../images/qyb.all.gif) no-repeat right -35px;} .Burgandy .qyb .qyb-footer .qyb-side{background: url(../images/qyb.all.gif) no-repeat 0px -35px;} /* Lime Box Styles - #ACC11E */ .Lime div.qyb {} .Lime .qyb .qyb-header{background: url(../images/qyb.all.gif) no-repeat right -42px;} .Lime .qyb .qyb-header .qyb-side{background:url(../images/qyb.all.gif) no-repeat 0px -42px;} .Lime .qyb .qyb-body{background: url(../images/colour.lime.gif) repeat 0px 0px;} .Lime .qyb .qyb-footer{background: url(../images/qyb.all.gif) no-repeat right -49px;} .Lime .qyb .qyb-footer .qyb-side{background: url(../images/qyb.all.gif) no-repeat 0px -49px;} /* Purple Box Styles - #8210D2 */ .Purple div.qyb {} .Purple .qyb .qyb-header{background: url(../images/qyb.all.gif) no-repeat right -56px;} .Purple .qyb .qyb-header .qyb-side{background: url(../images/qyb.all.gif) no-repeat 0px -56px;} .Purple .qyb .qyb-body{background:url(../images/colour.purple.gif) repeat 0px 0px;} .Purple .qyb .qyb-footer{background: url(../images/qyb.all.gif) no-repeat right -63px;} .Purple .qyb .qyb-footer .qyb-side{background: url(../images/qyb.all.gif) no-repeat 0px -63px;} /* Aqua Box Styles */ .Aqua div.qyb {} .Aqua .qyb .qyb-header{background: url(../images/qyb.all.gif) no-repeat right -70px;} .Aqua .qyb .qyb-header .qyb-side{width:300px; background: url(../images/qyb.all.gif) no-repeat 0px -70px;} .Aqua .qyb .qyb-body{background: url(../images/colour.aqua.gif) repeat 0px 0px;} .Aqua .qyb .qyb-footer{background: url(../images/qyb.all.gif) no-repeat right -77px;} .Aqua .qyb .qyb-footer .qyb-side{width:300px; background: url(../images/qyb.all.gif) no-repeat 0px -77px;} /* End QuoteYouBox.css */ /* QuoteMeBox.css */ /* Global Box Styles */ div.qmb{width:100%; margin:0px auto; padding:22px 0px 15px 0px; font-family: /*Century Gothic,*/ Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif;} .qmb .qmb-header{background:#FFF;} .qmb .qmb-header .qmb-side{margin:0px; min-height:7px; height:auto !important; height:7px; font-size:1px;} .qmb .qmb-body{color:#FFF;} .qmb .qmb-body .qmb-side{} .qmb .qmb-body .qmb-side .qmb-content{padding:2px 11px 0px 11px; text-align:left;} .qmb .qmb-body .qmb-side .qmb-content p{padding-bottom:0px; font-style:italic;} .qmb .qmb-footer{} .qmb .qmb-footer .qmb-side{height:30px;} .qmb .qmb-footer .qmb-side span{color:#666; position:relative; top:19px; left:5px;} .qmb .qmb-footer .qmb-side img{position:relative; float:left; top:19px;} /* Grey Box Styles */ .Grey div.qmb{} .Grey .qmb .qmb-header{background: url(../images/qmb/grey/TL.gif) no-repeat 0px 0px;} .Grey .qmb .qmb-header .qmb-side{background: url(../images/qmb/grey/TR.gif) no-repeat right 0px;} .Grey .qmb .qmb-body{background:url(../images/qmb/grey/M.gif) repeat 0px 0px;} .Grey .qmb .qmb-body .qmb-side{} .Grey .qmb .qmb-footer{background: url(../images/qmb/grey/BL.gif) no-repeat left bottom;} .Grey .qmb .qmb-footer .qmb-side{background: url(../images/qmb/grey/BR.gif) no-repeat right bottom;} /* Cyan Box Styles */ .Cyan div.qmb {} .Cyan .qmb .qmb-header{background: url(../images/qmb/cyan/TL.gif) no-repeat 0px 0px;} .Cyan .qmb .qmb-header .qmb-side{background: url(../images/qmb/cyan/TR.gif) no-repeat right 0px;} .Cyan .qmb .qmb-body{background: url(../images/qmb/cyan/M.gif) repeat 0px 0px;} .Cyan .qmb .qmb-body .qmb-side{} .Cyan .qmb .qmb-footer{background: url(../images/qmb/cyan/BL.gif) no-repeat left bottom;} .Cyan .qmb .qmb-footer .qmb-side{background: url(../images/qmb/cyan/BR.gif) no-repeat right bottom;} /* Orange Box Styles - #FF7F00 */ .Orange div.qmb {} .Orange .qmb .qmb-header{background: url(../images/qmb/orange/TL.gif) no-repeat 0px 0px;} .Orange .qmb .qmb-header .qmb-side{background: url(../images/qmb/orange/TR.gif) no-repeat right 0px;} .Orange .qmb .qmb-body{background: url(../images/qmb/orange/M.gif) repeat 0px 0px;} .Orange .qmb .qmb-body .qmb-side{} .Orange .qmb .qmb-footer{background: url(../images/qmb/orange/BL.gif) no-repeat left bottom;} .Orange .qmb .qmb-footer .qmb-side{background: url(../images/qmb/orange/BR.gif) no-repeat right bottom;} /* Burgandy Box Styles - #892933 */ .Burgandy div.qmb {} .Burgandy .qmb .qmb-header{background: url(../images/qmb/burgandy/TL.gif) no-repeat 0px 0px;} .Burgandy .qmb .qmb-header .qmb-side{background: url(../images/qmb/burgandy/TR.gif) no-repeat right 0px;} .Burgandy .qmb .qmb-body{background: url(../images/qmb/burgandy/M.gif) repeat 0px 0px;} .Burgandy .qmb .qmb-body .qmb-side{} .Burgandy .qmb .qmb-footer{background: url(../images/qmb/burgandy/BL.gif) no-repeat left bottom;} .Burgandy .qmb .qmb-footer .qmb-side{background: url(../images/qmb/burgandy/BR.gif) no-repeat right bottom;} /* Lime Box Styles - #ACC11E */ .Lime div.qmb {} .Lime .qmb .qmb-header{background: url(../images/qmb/lime/TL.gif) no-repeat 0px 0px;} .Lime .qmb .qmb-header .qmb-side{background: url(../images/qmb/lime/TR.gif) no-repeat right 0px;} .Lime .qmb .qmb-body{background: url(../images/qmb/lime/M.gif) repeat 0px 0px;} .Lime .qmb .qmb-body .qmb-side{} .Lime .qmb .qmb-footer{background: url(../images/qmb/lime/BL.gif) no-repeat left bottom;} .Lime .qmb .qmb-footer .qmb-side{background: url(../images/qmb/lime/BR.gif) no-repeat right bottom;} /* Purple Box Styles - #8210D2 */ .Purple div.qmb {} .Purple .qmb .qmb-header{background: url(../images/qmb/purple/TL.gif) no-repeat 0px 0px;} .Purple .qmb .qmb-header .qmb-side{background: url(../images/qmb/purple/TR.gif) no-repeat right 0px;} .Purple .qmb .qmb-body{background: url(../images/qmb/purple/M.gif) repeat 0px 0px;} .Purple .qmb .qmb-body .qmb-side{} .Purple .qmb .qmb-footer{background: url(../images/qmb/purple/BL.gif) no-repeat left bottom;} .Purple .qmb .qmb-footer .qmb-side{background: url(../images/qmb/purple/BR.gif) no-repeat right bottom;} /* Job List */ #JobList table{width:100%;} #JobList td{padding:5px 0 5px 0; border-bottom:dashed #CCC 1px;} #JobList td.A{width:30%;} #JobList td.B{width:70%;} /* Form Defaults */ #promotion-form form{ margin:0; padding:0; font-size:12px; } .form-promotion input, .form-promotion textarea, .form-promotion select {font-size:12px; font-family: Arial,Helvetica,sans-serif; padding:5px;} /* Form Layout - Promotion */ .form-promotion{} .form-promotion input.first_name{width:158px;} .form-promotion input.last_name{width:158px;} .form-promotion input.company{width:336px;} .form-promotion input.email{width:336px;} .form-promotion input.telephone{width:336px;} .form-promotion input.nbutton{} /* Form Lime */ form.Lime input, form.Lime textarea{background-color: #FFF; border: 1px solid #8dc419; color:#787878;} form.Lime input.nbutton{border:0; background-color:#1B2024;color:#FFF;padding:7px 9px 7px 9px;} /* Form Cyan */ form.Cyan input, form.Cyan textarea{background-color: #FFF; border: 1px solid #33CCFF; color:#787878;} form.Cyan input.nbutton{border:0; background-color:#33CCFF;color:#FFF;padding:7px 9px 7px 9px;} /* Form Aqua */ form.Aqua input, form.Aqua textarea{background-color: #FFF; border: 1px solid #369168; color:#787878;} form.Aqua input.nbutton{border:0; background-color:#369168;color:#FFF;padding:7px 9px 7px 9px;} /* Form Orange */ form.Orange input, form.Orange textarea{background-color: #FFF; border: 1px solid #F26522; color:#787878;} form.Orange input.nbutton{border:0; background-color:#F26522;color:#FFF;padding:7px 9px 7px 9px;} .form-promotion input.nbutton{cursor:pointer; /*cursor:hand!important;*/} .form-promotion input.reset{border:0; background-color:#999999 !important;color:#FFF;padding:7px 9px 7px 9px; /*color:#666666!important;*/} .thumb-about{ float:right; margin-top:20px; margin-left:20px; margin-bottom:20px; display:block; height:110px; width:110px; -webkit-box-shadow: 0 2px 3px #333; -moz-box-shadow: 0 2px 3px #333; box-shadow: 0 2px 3px #333; -moz-border-radius:6px; -webkit-border-radius:6px; } .thumb-james-parry{background:url(../images/team.james.parry.jpg) top left;} .thumb-michael-hutton{background:url(../images/team.michael.hutton.jpg) top left;} .thumb-kay-thomas{background:url(../images/team.kay.thomas.jpg) top left;} .thumb-pam-parry{background:url(../images/team.pam.parry.jpg) top left;} .thumb-tom-andrews{background:url(../images/team.tom.andrews.jpg) top left;} .thumb-matt-poynter{background:url(../images/team.matt.poynter.jpg) top left;} .thumb-ben-spear{background:url(../images/team.ben.spear.jpg) top left;} .thumb-sarah-young{background:url(../images/team.sarah.young.jpg) top left;} .thumb-dan-tyack{background:url(../images/team.dan.tyack.jpg) top left;} .thumb-ian-scott{background:url(../images/team.ian.scott.jpg) top left;} .thumb-sam-goddard{background:url(../images/team.sam.goddard.jpg) top left;}