body { font-family: Arial, Helvetica, sans-serif; margin: 0; background-color:black; color:white; } td { font-family: Arial, Helvetica, sans-serif; } th { font-family: Arial, Helvetica, sans-serif; } A:link{color:#ffffff} A:visited{color:#ffffff} A:hover{color:#ffffff} A:active{color: #ffffff} .contentdiv {position:absolute; width:100%; margin: 0 auto; left:0px; top:120px} .contentdiv2 { width:980px; margin: 0 auto; background-color:black; border-left: #282828 solid 4px; border-right: #282828 solid 4px; } /*This exists so the bottom bar always flows underneath content*/ .contentdiv3 {width:100%;} .contentdiv4 {width:980px; margin: 0 auto; background-color:black; font-family: Helvetica, Arial, sans-serif; font-size: 70%; line-height:140%; color: #cfcfcf;} .contentdiv5 {padding-left: 5px; padding-top: 5px; padding-bottom: 5px; background-color:black; font-family: Helvetica, Arial, sans-serif; align: top; color: #cfcfcf;} .contentdivgtx480 {position:absolute; width:100%; height: 100%; margin: 0 auto; left:0px; top:120px; background-image:url(http://www.kobaltcomputers.co.uk/images/GTX480M/gtx480m_bg.jpg); background-repeat:no-repeat; background:center; } .contentdiv4h2 {font-family: Helvetica, Arial, sans-serif; font-size: 120%; line-height:170%; font-weight: bold; color: #ffffff; display:inline} .content{font-family: Helvetica, Arial, sans-serif; font-size: 70%; line-height:100%; color: #cfcfcf} .content_leftdiv {float:left; width:490px} .content_leftdiv1 {float:left; width:460px} .content_rightdiv {float:right; width:490px} .content_rightdiv1 {float:right; width:460px} /*Notebook layout style*/ .notebookcontent_leftdiv {float:left; width:640px; display:inline; vertical-align:top; font-family: Helvetica, Arial, sans-serif; font-size: 70%; line-height:140%; color: #cfcfcf; display:inline;} .notebookcontent_rightdiv {float:right; width:250px; display:inline; vertical-align:top} .notebooktext{font-family: Helvetica, Arial, sans-serif; font-size: 70%; line-height:150%; color: #ffffff; display:inline} .notebooktitle{font-family: Helvetica, Arial, sans-serif; font-size: 70%; line-height:170%; font-weight: bold; color: #ffffff; display:inline} .indexcentre {width:100%; height:68px; text-align:right; background-image:url(images/nav/index_centrebreak.gif);} .bottombar1 {width:100%; height:60px; text-align:right; background-image:url(images/nav/bottomnav_bg3.gif);} .bottombar {width:100%; padding:0px; margin:0px; border-top:solid 1px #737373} .bottombarmenu {width:100%; height:45px; text-align:right; background-image:url(images/nav/bottomnav_bg2.gif);} .bottombarbottom {width:100%; height:89px; background-image:url(images/nav/bottomnav_bg1.gif); text-align:right} .topbar {width:980px; height:80px; position:inline; margin-left: auto ; margin-right: auto; border-left: #282828 solid 4px; border-right: #282828 solid 4px; background-image:url(images/nav/header_bg.jpg); background-repeat: repeat-x; z-index: 1;} .topbar2 {width:988px; margin:0 auto; } .topbartop {} .topbartopleft {width:170px; height:10px; margin-left:10px; float:left; position:absolute; z-index: 2;} .topbartopright {width:40%; float:right; text-align:right; vertical-align:bottom; position:inline; z-index: 3;} .topbarmenu {position:inline; width:100%; left:0px;} .topbarmenu2 {width:988px; margin:0 auto; height:34px; background-image:url(images/GTX480M/nav_bg.jpg); background-repeat: repeat-x;} .topbarmenuleft {float:left; width:58%; height:34px; padding-left: 10px; border-left: #282828 solid 4px; padding-top:4px; text-align: left; } .topbarmenuright {float:right; width:40%; height:35px; border-right: #282828 solid 4px; padding-top: 12px; vertical-align:middle; text-align:right; } /*Styles for Processors Pop-ups*/ .processorstopbarmenu {position:absolute; width:726px; left:0px; top:90px} .processorstopbarmenu2 {width:726px; margin:0 auto; background-image:url(images/nav/topnav_bg2.gif); height:25px} .processorstopbarmenuleft {float:left; width:100%; height:25px; padding-top:2px} p.loginerror { line-height:130%; font-size:70%; text-align:center; width:100%; color:#b2b2b2; position:relative; top:10px; margin-bottom:18px} p.loginerror a:link {color:#0066cc} p.loginerror a:visited {color:#0066cc} p.smallgray { line-height:130%; font-size:70%; color:#b2b2b2; display:inline} input {background-color:#333333; color:white; border:solid 1px gray; font-family: Helvetica, Arial, sans-serif; font-size: 80%; line-height:130%; font-weight:bold} textarea {background-color:#333333; color:white; border:solid 1px gray; font-family: Helvetica, Arial, sans-serif; font-size: 80%; line-height:130%; font-weight:bold} select { font: normal 11px Helvetica, Arial, sans-serif; color: black; background: #ffffff; position: absolute} .selectwrapdiv {display:inline; position:absolute; } input.email {color:white; background-color:#000000; border:0; font-size:9px; margin-bottom:4px} .formdiv {min-height:30px; line-height:130%; font-size:70%; position: relative; overflow: hidden} table.formtable1 { border:0px} table.formtable1 td {padding:5px; border:0px} table.formtable1 tr > td:first-child {text-align:right} p.formerror {color:white; font-size:10px; display:inline} p.formerror a:link {color:#0066cc} p.formerror a:visited {color:#0066cc} table.productdetailstable {border:0px; margin-bottom:30px} table.productdetailstable td {border:0px; padding:5px; vertical-align:top} table.productdetailstable tr > td:first-child {font-weight:bold; color:white} table.productdetailstable tr { font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #b2b2b2; background-color: #000000; padding-top: 4px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px} table.productdetailstable a:link {color:#0066cc} table.productdetailstable a:visited {color:#0066cc} table.contenttable {border:0px; margin-bottom:30px; width:100%} table.contenttable td {border:0px; padding:5px} table.contenttable tr:first-child {font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; background-color: #333333; padding-top: 4px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px} table.contenttable tr { background-color:#181818; border:0px; text-align: left; font-family: Helvetica, Arial, sans-serif; font-size: 70%; color: #b2b2b2; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 0px} table.contenttable a:link {color:#0066cc} table.contenttable a:visited {color:#0066cc} /*table.contenttable a:hover {color:white; text-decoration:underline} table.contenttable a:active {color:#0066cc}*/ a.whitelink {color:white; font-size:12px} a.whitelink:visited {color:white} .img {display:block} /* STYLES FOR OVERVIEW PAGES */ .nav2 {width:100%; margin:0px} /*The same, but for text links*/ .nav3 {width:100$; margin:0px} .nav3 a {color:#cccccc; text-decoration:none; font-weight:bold; vertical-align:top; font-size:10px; font-family:Arial, Helvetica, sans-serif; padding-left:25px; padding-right:25px; position:relative; top:2px} .nav3 a:hover {color:white} H1{font-family: Helvetica, Arial, sans-serif; font-size:115%} H2{font-family: Helvetica, Arial, sans-serif; font-size: 90%; line-height:170%; font-weight: bold; color: #ffffff; display:inline} H3{font-family: Helvetica, Arial, sans-serif; font-size: 100%; line-height:180%; font-weight: bold; color: #ffffff; display:inline} H4{font-family: Helvetica, Arial, sans-serif; font-size: 70%; line-height:170%; font-weight: bold; color: #ffffff; display:inline} p.content{font-family: Helvetica, Arial, sans-serif; font-size: 70%; line-height:140%; color: #cfcfcf; display:inline} .nforce_logo {float:left; width:470px; height:100px; background-color:#000000; padding-top:20px; padding-left:0px} /* STYLES FOR PRODUCT INFO PAGES */ .topwhitesept {float:left; display:inline; width:980px; height:18px; background: url(http://www.kobaltcomputers.co.uk/images/newtechnology/top_whitestarter.jpg) no-repeat; } /*mainwhitediv does the same stuff as for i7 - meant to replace it to be of general use, but not deleting i7 yet in case wrecks another page*/ .maincontent_white {background-color: white; background-image:url(images/newtechnology/white_bottom.gif); background-position: bottom; background-repeat: no-repeat; padding-bottom: 20px}/*17 is minimum padding-bottom*/ .content_i7 {float:left; display:inline; width:940px; vertical-align:top; font-family: Helvetica, Arial, sans-serif; font-size: 70%; line-height:140%; background-color:#ffffff; color: #000000; padding-left:20px; padding-right:20px;} .content_csli {font-family: Helvetica, Arial, sans-serif; font-size: 80%; line-height:160%; background-color:#f5f5f5; padding-left:10px; color:#000000;} .content_csli a:link {color:#000000; font-weight:bold; font-family: Helvetica, Arial, sans-serif; font-size: 110%; text-decoration:none} .contentcsli a:link {color:#000000; font-weight:bold; font-family: Helvetica, Arial, sans-serif; font-size: 110%; text-decoration:none} .content_csli a:visited {color:#000000; font-weight:bold; font-family: Helvetica, Arial, sans-serif; font-size: 110%; text-decoration:none} .content_csli a:hover{color:#000000; font-weight:bold; font-family: Helvetica, Arial, sans-serif; font-size: 110%; text-decoration:underline} .content_csli a:active {color:#000000; font-weight:bold; font-family: Helvetica, Arial, sans-serif; font-size: 110%; text-decoration:underline} .content_cslitable {border:solid 1px #b2b2b2} .cslitablecontentleft { float:left; width:220px; text-align: left; font-family: Helvetica, Arial, sans-serif; font-size: 100%; line-height: 140%; color: #000000; padding-top: 4px; padding-bottom: 4px; padding-left: 10px; padding-right: 0px } .cslitablecontentright { float:left; width:280px; text-align: left; font-family: Helvetica, Arial, sans-serif; font-size: 100%; line-height: 140%; color: #000000; padding-top: 4px; padding-bottom: 4px; padding-left: 10px; padding-right: 0px } td.cslisection { text-align: right; font-family: Helvetica, Arial, sans-serif; font-size: 100%; font-weight: bold; color: #000000; background-color: #f5f5f5; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 4px} .cslicontent_leftdiv {float:left; width:455px; padding-left:11px} .cslicontent_rightdiv {float:right; width:460px} .cslitablecontentleftfull { float:left; width:400px; text-align: left; font-family: Helvetica, Arial, sans-serif; font-size: 100%; line-height: 140%; color: #000000; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 0px } .inteltableimageholder { float:right; display:inline; width:50px; padding-right:70px } .content_i7 table {font-size: inherit; line-height:inherit; color:inherit} h5 {font-family: Helvetica, Arial, sans-serif; font-size:14pt; line-height:170%; font-weight: bold; color: #000000; display:inline} H6 {font-family: Helvetica, Arial, sans-serif; font-size:90%; line-height:100%; color: #000000; display:inline} .priceprompt {font-family: Helvetica, Arial, sans-serif; font-size:13pt; line-height:170%; font-weight: bold; color: #000000; display:inline} .productprice {font-family: Helvetica, Arial, sans-serif; font-size:13pt; line-height:170%; font-weight: bold; color: #354ab5; display:inline} .content_i71 a {color:#000000; text-decoration:underline; font-weight:bold; font-family:Arial, Helvetica, sans-serif;} /* RULES FOR THE "MENUDIV" OBJECT */ /* JB created - for information panels, not lists of links */ .menupaneldiv {width:370px; position:absolute; left:-10000px; visibility:hidden; z-index:1000; font-family: Helvetica, Arial, sans-serif; text-align: left; font-size:80%; background-color:#1d1d1d;} .imagecontainer {width:100%; margin-top:30px; text-align:center} .menupanelname {font-size:11px; font-weight:bold; padding-left:4px} table.menupaneltable {font-size:10px; background-color:#333333; border-collapse:collapse;} table.menupaneltable td {border:solid 1px #1d1d1d; padding-left:5px; padding-right:5px; padding-top:1px; padding-bottom:2px} table.menupaneltable tr > td:first-child {font-weight:bold} /* An absolutely positioned and hidden DIV (treated as a layer in NS4). */ .menudiv { position: absolute; visibility: hidden; z-index: 1000; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; } /* Formatting to apply to the elements inside the "menudiv" class elements. */ /* Of course, you can put whatever you want within the menu divs, these are just examples. */ .menudiv .header { width: 100%; font-weight: bold; text-align: left; border-bottom: 2px dashed #999966; margin-bottom: 5px; } .menudiv a {display: block; color: #ffffff; text-align: left; padding:4px; padding-right:40px; border-collapse:collapse; background-color:#1d1d1d; text-decoration: none; } /* I'm using :hover and :active pseudo-classes for link mouse effects. */ .menudiv a:hover { background-color:#363636; } .menudiv a:active { color: #FFFFFF; } /* The script will automatically assign a class of "highlighted" to elements that currently have an active submenu, so here's a little CSS to format links within a .menudiv element. */ .menudiv .highlighted { color: #FFFFFF; } .trigger {display:inline} /* The links in the upper-left that pop out 'divMenu' menus. */ .trigger a { text-decoration:none; color:white; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#ffffff; margin-left: 20px; margin-right:20px; cursor:hand } /* Likewise, style active trigger links */ .trigger a.highlighted { color: cccccc; } /* Styles for technical specification pages*/ td.section { text-align: right; font-family: Helvetica, Arial, sans-serif; font-size: 70%; font-weight: bold; color: #ffffff; background-color: #333333; padding-top: 4px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px} td.tablecontent { text-align: left; font-family: Helvetica, Arial, sans-serif; font-size: 70%; color: #cfcfcf; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 0px } .tablecontentleft { float:left; width:250px; text-align: left; font-family: Helvetica, Arial, sans-serif; font-size: 70%; line-height: 140%; color: #cfcfcf; padding-top: 4px; padding-bottom: 4px; padding-left: 10px; padding-right: 0px } .tablecontentleftfull { float:left; width:400px; text-align: left; font-family: Helvetica, Arial, sans-serif; font-size: 70%; line-height: 140%; color: #cfcfcf; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 0px } .tableimageholder { float:right; display:inline; width:50px; padding-right:70px } .tableimageholder2 { float:right; display:inline; width:50px; padding-top:20px; padding-right: 90px } /* Styles for overview pages*/ .overviewcontentleft {float: left; font-family: Helvetica, Arial, sans-serif; font-size: 70%; line-height:140%; color: #cfcfcf; display:inline} .overviewcontentlefttext {float: left; font-family: Helvetica, Arial, sans-serif; font-size: 70%; line-height:140%; color: #cfcfcf; width:180px; display:inline} .overviewcontentright {float: right; font-family: Helvetica, Arial, sans-serif; font-size: 70%; line-height:140%; color: #cfcfcf; width:250px; padding-top:10px; padding-left:30px; display:inline} /* Styles for Lightbox*/ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(http://www.kobaltcomputers.co.uk/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(http://www.kobaltcomputers.co.uk/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /* Styles blackhawk*/ .productimage {position:relative; width:980px; height:529px; background: url(http://www.kobaltcomputers.co.uk/images/blackhawk/productimage.jpg) no-repeat; z-index:2} .vid {position:relative; top:-50; left:5; z-index:3} .footerbg1 {width:100%; height: 320px; background-image: url(http://www.kobaltcomputers.co.uk/magento/skin/frontend/default/modern/images/footer2bg.png) ; } .footer1box {width:1000px; margin:0 auto; left:0px; height: 300px; padding-top: 20px; padding-left: 80px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#4e4d4d } .productsbox {text-align:left; width:120px; float:left } .productsbox2 {text-align:left; width:140px; padding-left: 20px; float:left; padding-top: 11px; } .productsbox3 {text-align:left; width:140px; float:left; padding-left: 20px; } .productsbox4 {text-align:left; width:172px; float:left; padding-left: 20px; } .footer1linkboxheader {text-align:left; width: 140px; left:0px; height: 10px; padding-top: 20px; padding-left: 1px; padding-bottom:2px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#ffffff; font-weight:bold} a.footer1linkboxheader:link {color:#FFFFFF; text-decoration:none; font-weight:bold} /* unvisited link */ a.footer1linkboxheader:visited {color:#FFFFFF; text-decoration:none; font-weight:bold} /* visited link */ a.footer1linkboxheader:hover {color:#FFFFFF; text-decoration:underline; font-weight:bold} /* mouse over link */ a.footer1linkboxheader:active {color:#FFFFFF; text-decoration:underline; font-weight:bold} /* selected link */ .footer2linkboxheader {text-align:left; width: 140px; left:0px; height: 10px; padding-top: 20px; padding-left: 1px; padding-bottom:2px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#ffffff;} a.footer2linkboxheader:link {color:#FFFFFF; text-decoration:none; } /* unvisited link */ a.footer2linkboxheader:visited {color:#FFFFFF; text-decoration:none; } /* visited link */ a.footer2linkboxheader:hover {color:#FFFFFF; text-decoration:underline; } /* mouse over link */ a.footer2linkboxheader:active {color:#FFFFFF; text-decoration:underline; } /* selected link */ .footer1dots {width: 100px; left:0px; height: 2px; padding-top: 4px; padding-left: 1px; } .footer1linkbox {text-align:left; width: 140px; left:0px; height: 10px; padding-top: 5px; padding-left: 1px; padding-bottom:2px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#ffffff; } a.footer1linkbox:link {color:#FFFFFF; text-decoration:none;} /* unvisited link */ a.footer1linkbox:visited {color:#FFFFFF; text-decoration:none;} /* visited link */ a.footer1linkbox:hover {color:#FFFFFF; text-decoration:underline;} /* mouse over link */ a.footer1linkbox:active {color:#FFFFFF; text-decoration:underline;} /* selected link */ .footer3linkbox {text-align:left; width: 140px; left:0px; height: 10px; padding-top: 5px; padding-left: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#ffffff; } a.footer3linkbox:link {color:#FFFFFF; text-decoration:underline;} /* unvisited link */ a.footer3linkbox:visited {color:#FFFFFF; text-decoration:underline;} /* visited link */ a.footer3linkbox:hover {color:#FFFFFF; text-decoration:underline;} /* mouse over link */ a.footer3linkbox:active {color:#FFFFFF; text-decoration:underline;} /* selected link */ .footer4linkbox {text-align:left; width: 172px; left:0px; height: 10px; padding-top: 5px; padding-left: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#ffffff; } .spacer {width: 140px; height: 5px; } .spacer2 {width: 140px; height: 10px; } .footer1followus {float:left; width: 90px; left:0px; height: 24px; padding-top: 15px; padding-left: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#ffffff; } .footernetworkingimage {float: left; width: 33px; left:0px; height: 39px; padding-top: 5px; padding-left: 3px; } .footerbg2 {width:100%; height: 90px; background-color:#060605; } .footer2box {text-align:left; width:1000px; margin:0 auto; left:0px; padding-left: 30px; padding-top: 50px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#777777;}