@charset "utf-8"; /* CSS Document */ /*RED #a31005*/ /*CREAM #f9d49b*/ body{ font-size:10px; font-family:Arial, Helvetica, sans-serif; } ul{ /*list-style:none;*/ margin:0 0 20px 30px; padding:0 0 0 0; } li{ padding:0; margin:0;	 } h2{ font-size:12px; margin:0 0 10px 0; padding:11px 0 0 0; color:white; } p{ margin:0 0 10px 0; padding:0; } a{ color:#000; text-decoration:none; } a:hover{ text-decoration:underline; } img{ border:0; } .redBar{ background:url('bg-red.png') repeat-x; height:18px;/*20*/ font-size:12px; padding:2px 0 0 10px; color:#f9d49b; margin:0 0 10px 0; } .creamBar{ background:url('bg-cream.png') repeat-x; height:18px;/*20*/ font-size:12px; padding:2px 0 0 10px; color:#a31005; } .creamBar2{ background:url('bg-cream-border.png') repeat-x; height:18px;/*20*/ font-size:12px; padding:2px 0 0 10px; color:#a31005; } /*****************************/ #wrapper{ width:950px; margin:0 auto; } /*****************************/ #header{ width:890px;/*950*/ height:156px;/*170*/ background:url('bg-header.png'); padding:14px 30px 0 30px; position:relative; } #header p{ padding:0; margin:0; color:#a31005;	 } #header ul{ list-style:none; margin:0; } #header li{ float:left;	 margin-right:4px; } #header a{ color:#a31005; } #questionBox{ width:200px; border:1px solid #a31005; padding:2px 0 2px 36px; background:#FFFFFF url('bg-info-box.png') no-repeat 6px 4px; margin-bottom:10px; position:absolute; right:26px; bottom:31px; } #emailAddresses{ position:absolute; left:266px; bottom:44px; } #phoneNumbers{ position:absolute; right:370px; bottom:44px; } #searchBox{ position:absolute; left:28px; top:135px; bottom:6px;	 } #searchBox .submit{ background-color: #A31005; border: 2px solid #C7C7C7; color: white;	 } #header .adverts{ position:absolute; right:26px; bottom:3px; } /*****************************/ #contentWrapper{ width:950px;/*950*/ padding:0 0 0 0; background:url('bg-content-wrapper.png'); float:left; } #contentLeft{ width:262px; /*	height:300px; */ float:left; margin-right:10px; /*background-color:#99CC33;*/ } #contentRight{ width:652px;/*668*/ min-height:430px; float:left; padding:0 16px 0 0; /*background-color:#9999FF;*/ } #contentFull{ width:920px;/**/ float:left; padding-left:30px; /*background-color:#9999FF;*/ } /*****************************/ #nav{ /*background:#999999;*/ } #nav li{ background:url('bg-nav.png'); padding:2px 0 0 30px; width:232px;/*262*/ height:18px;/*20*/ margin-bottom:4px; font-size:13px; color:#6C4600; } #nav .categoryHeading{ background:#a31005; color:#f9d49b; } /*****************************/ .containerSmall{ width:414px;/*434*/ height:130px;/*118*/ padding:4px 10px 0 10px; float:left; background:url('bg-container-small2.png') no-repeat; margin:0 24px 10px 0; } .containerMedium{ width:300px;/*350*/ height:256px;/*118*/ padding:4px 10px 0 10px; float:left; background:url('bg-container-medium.png') no-repeat; margin:0 11px 10px 0; position:relative; } .containerLarge{ width:872px;/*890*/ height:150px;/*118*/ padding:4px 10px 0 10px; float:left; background:url('bg-container-largeIII.png') no-repeat; margin:0 24px 10px 0;  } .containerSmall img, .containerMedium img, .containerLarge img, .containerSquare img{ float:left; } .tileWrapper{ width:668px; position:relative; /*padding-top:20px;*/ /*background:#FC6;*/ } .containerSquare{ width:190px;/*210*/ height:212px;/*216*/ padding:4px 10px 0 10px; float:left; background:url('bg-container-square.png') no-repeat; margin:0 10px 10px 0; } .tipStyle{ padding:0; margin:0; position:absolute; top:0; color:#a31005; font-weight:bold; font-size:10px; } .containerSmall h2, .containerMedium h2, .containerLarge h2, .containerSquare h2, .containerSmall h2 a, .containerMedium h2 a, .containerLarge h2 a, .containerSquare h2 a{ color:#f9d49b; text-decoration:none; margin-bottom:12px; font-size:11px; } .containerSmall h2 a:hover, .containerLarge h2 a:hover, .containerSquare h2 a:hover{ text-decoration:underline; } .containerSmall h2 a, .containerLarge h2 a, .containerSquare h2 a{ padding-right:10px; background:url('cream_arrow.gif') no-repeat right;  } .containerMedium h2 a{ padding-right:10px; } .containerSmall ul, .containerLarge ul, /*.containerSquare ul*/{ list-style:none; margin:0 0 0 20px; padding:0; } .containerSquare ul{ margin:0 0 0 14px; list-style:none; clear:both; width:100px; } .containerDetails{ list-style:none; margin-right:10px; float:left; } .containerLarge li a, .containerSmall li a, .containerSquare li a{ color:#000; font-weight:bold; background:url('icon-red-arrow.gif') no-repeat right; padding-right:5px;	 } .containerSpec{ width:305px; /*	height:367px; */ float:left; margin:0 11px 10px 0; border:#666 1px solid; clear:left;  } .containerSpec .redBar, .containerSpec .creamBar{ margin-bottom:0; } .specImage{ margin-bottom:10px; width:320px; /*	height:180px; */ } .containerSpec p{ padding:10px; } .containerSpec table{ width:100%; } .containerSpec td{ padding:2px 8px 2px 8px; border-bottom:1px solid #DDD; } .questionMark{ height:17px; width:24px; background:url('icon-question-mark.png') no-repeat; float:left; } .containerPrice{ width:210px; float:left; margin:0 11px 10px 0; border:#666 1px solid; clear:left; } .containerPrice .redBar, .containerPrice .creamBar{ margin-bottom:0; } .containerPrice p{ padding:10px; } .containerPrice table{ width:100%; border-collapse: collapse; } .containerPrice td{ padding:2px 8px 2px 8px; border-bottom:1px solid #DDD; } .containerPrice td{ padding:2px 8px 2px 8px; border-bottom:1px solid #DDD; } .containerPrice th{  background:url('bg-red.png') repeat-x; border: 1px #000000 solid; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #f9d49b; text-align: center;  } /* .containerList{ float:left; text-aligh:right; } */ .containerList { list-style-type: none; min-width: 100%; padding: 0; position: relative; left: -10px; } .containerList li { display: block; float: left; margin: 0; width: 50%; font-size: 1.0em; } .containerList1 { list-style-type: none; min-width: 80%; padding: 0; position: relative; /*	left: -10px; */ } .containerList1 li { float: left; margin: 0; font-size: 0.9em; list-style-type:disc; background:url('shim.gif') no-repeat; }	 .containerList1 li a { text-decoration:none; font-weight:normal; background:url('shim.gif') no-repeat; }		 #productBorder { /*width: 671px !important; */ margin-bottom:14px !important; border: 1px solid #000 !important; background: #ffffff; padding-left:5px; padding-right:5px; } /*****************************/ #footer{ width:950px; height:60px; float:left; background:url('bg-footer.png'); text-align:center; color:#a31005; } #footer p{ margin:0; padding:0;	 } #footerLogos{ width:100%; text-align:center; /*margin:0 0 20px 0;*/ padding:0 0 20px 0; } #footer a{ color:#a31005;	 } /************************************/ .floatLeft{ float:left;	 } .floatRight{ float:right; } .clearBoth{ clear:both;	 } .red{ color:#a31005; } /************************************/ /************************************/ /************************************/ /*		CLASSES		*/ /* .margin			{ margin:10px; } .marginTop		{ margin-top:10px; } .marginRight	{ margin-right:10px; } .marginBottom	{ margin-bottom:10px; } .marginLeft		{ margin-left:10px; } .padding		{ padding:10px; } .paddingTop		{ padding-top:10px; } .paddingRight	{ padding-right:10px; } .paddingBottom	{ padding-bottom:10px;} .paddingLeft	{ padding-left:10px;padding-right:10px; } .relative		{ position:relative; } .bold			{ font-weight:bold; } .left			{ float:left; } .right			{ float:right; } .clear			{ clear:both; } .third			{ width:33%; } .redText		{ color:#6E0000; } .centerText		{ text-align:center; } .rightText		{ text-align:right; } .small			{ font-size:10px; } .sidePadding	{ padding:0 10px;margin:0; } .upper			{ text-transform:uppercase; } .medium        { font-size:12px; } .arrow { background:url("arrow.gif") no-repeat right center; padding-right:10px; } .arrow.orange { background-image:url("arrow_orange.gif"); } .orange, .smallBox h2.orange, a.orange, a.orangeText { color:#D3822B; } .smallBox h2.orange { background:none; }  h6.box { color:#6E0000; margin-left:8px; margin-top:2px; margin-bottom:-11px; }	 table.spec { width: 280px; border: 1px #000000 solid; border-collapse: collapse; border-spacing: 0px; } td.specHead { background-color: #A31005; border: 1px #000000 solid; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: white; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; } td.specs {  text-align: left; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: .6em; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; } td.specs2 {  text-align: left; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: .6em; padding-top: 1px; padding-bottom: 1px; padding-left: 0px; padding-right: 0px; } table.price { width: 190px; border: 1px #000000 solid; border-collapse: collapse; border-spacing: 0px; } td.priceHead { background-color: #A31005; border: 1px #000000 solid; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: white; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; text-align: center; } td.prices {  text-align: left; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: .6em; padding-top: 4px; padding-bottom: 2px; padding-left: 4px; padding-right: 4px; border:1px #999999 solid; } td.prices2 {  text-align: left; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: .6em; padding-top: 1px; padding-bottom: 1px; padding-left: 0px; padding-right: 0px; } */ /*		LEFT SIDE		*/ #featuredProducts { background:url("featurebg.gif") no-repeat; width:250px; height:329px; padding-top:5px; } .featureBox { background:url("featurebox.gif") no-repeat; width:179px; height:130px; margin:0 0 10px 25px; padding:23px 10px 0 10px; position:relative; text-align:center; } .featureBox span { font-size:10px; font-weight:normal; } .featureBox h2  { font-size:11px; font-weight:normal; position:absolute; color:#ffffff; top:4px; left:10px; } .featureBox .title { text-transform:uppercase; text-align:left; display:block; } /*		RIGHT SIDE		*/ /* .smallBoxContainer { width:212px; height:210px; background:url("smallbox.gif") no-repeat;  position:relative; float:left; margin:0 10px 8px 0; } .smallBoxContainer2 { width:323px; height:230px; background:url("coda_medium_box_deep2.gif") no-repeat;  position:relative; float:left; margin:0 8px 8px 0; } .smallBoxContainer2 .h2 { font-size:10px; }	 .smallBox { padding: 40px 10px 0 10px; font-size:10px; height:197px; background:  128px 115px no-repeat;	 background-position: bottom 128px; } .smallBoxContainer1 { width:212px; height:173px; background:url("smallbox1.gif") no-repeat;  position:relative; float:left; margin:0 10px 8px 0; } .smallBox1 { padding: 40px 10px 0 10px; font-size:10px; height:133px; background: no-repeat 128px 115px; } .bigBox { padding: 40px 10px 0 10px; font-size:10px } .bigBoxContainer { width:658px; height:173px; background:url("bigbox.gif") no-repeat; position:relative; line-height:15px; >margin-top:8px; } .bigBoxContainer select { font:10px Arial, Helvetica, sans-serif; } .bigBoxContainer select, .bigBoxContainer option { color:#A31005; font-weight:bold; } .bigBox1 { padding: 40px 10px 0 10px; } .bigBoxContainer1 { width:658px; height:173px; background:url("bigboxheader.gif") no-repeat; position:relative; line-height:15px; >margin-top:8px; } .bigBoxContainer1 select { font:11px Arial, Helvetica, sans-serif; } .bigBoxContainer1 select, .bigBoxContainer1 option { color:#A31005; font-weight:bold; } .largeBox1 { width:920px; height:125px; background:url("large-box.png") no-repeat; position:relative; margin-left:10px; padding-left: 10px; line-height:15px; >margin-top:8px; font-size:11px; color:#F9D49B; font-weight:bold; } .smallBox1a { width:460px; height:125px; background:url("small-box.png") no-repeat; position:left; margin-left:10px; padding-left: 10px; line-height:15px; >margin-top:8px; clear:both; font-size:11px; color:#F9D49B; font-weight:bold; } td.largeBox {  text-align: left; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: .6em; padding-top: 6px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; } .27 { background-image:url("General_Purpose.gif") ; } .61 { background-image:url("Interfacing_Components.gif"); } .10 { background-image:url("ATE_Probes.gif"); } .14 { background-image:url("ATE_Technology.gif"); } .23 { background-image:url("Tools_Accessories.gif"); } .28 { background-image:url("High_Current_Probes.gif"); } .29 { background-image:url("Micro_Probes.gif"); } .36 { background-image:url("Detection_Switching.gif"); } .47 { background-image:url("Coaxial_Probes.gif"); } .48 { background-image:url("Bladed_Probes.gif"); } .49 { background-image:url("Extended_Reach_Probes.gif"); } .60 { background-image:url("Pass_Marking.gif"); } .62 { background-image:url("Kelvin_Test.gif"); } .1 { background-image:url("Kelvin_Pliers.gif") ; } .68 { background-image:url("Kelvin_Probes.gif"); } .70 { background-image:url("Pneumatic_Probing_Systems.gif"); } .74 { background-image:url("Bench_Top.gif"); } .77 { background-image:url("Test_Jig_Parts.gif"); } .smallBox li { padding:0; line-height:12px; } .smallBox p { margin:0; padding:0 0 8px 0; font-size:9px; } .smallBox h2, .bigBox h2 { font-size:11px; font-weight:normal; position:absolute; color:#ffffff; top:16px; left:10px; } .smallBoxContainer .product { font-size:11px; font-weight:bold; text-align:center; } .product .title { text-align:left; display:block; } .product .price, .product .cart  { position:absolute; bottom:10px; left:10px; } .product .cart { left:130px; white-space:nowrap; } .product p { text-align:left; margin:0; padding:0; font-size:10px; } */ /*		HOME BROCHURE PAGE		*/ #brochure { float:right; width:940px; overflow:hidden; } /* Shopping cart and checkout fields ------------------------------------------- */ table.checkout td { background-color: #eeeeee; font:10px Arial, Helvetica, sans-serif; } table.checkout th { background-color: #A31005; font:10px Arial, Helvetica, sans-serif; color:#F9D49B; } .cart { font:10px Arial, Helvetica, sans-serif; } .cartheading { /*background-color: #A31005;F9D49B*/ background:url('h2yellow.gif') repeat-x; font:10px Arial, Helvetica, sans-serif; font-weight: bold; color:#A31005; } .altcartheading { /*background-color: #A31005;*/ background:url('h2yellow.gif') repeat-x; font:10px Arial, Helvetica, sans-serif; font-weight: bold; color:#6E0000; } #fbPanel {  margin: 0 0 20px 30px; width: 580px; height: 136px; border: 1px solid #1F408B; float: left; background: url('bg-fb-logo.png') no-repeat #FFF; color: #183A88; position: relative; } #contentFull #fbPanel { margin: 0 0 20px 0 !important; } #fbLike { position: absolute; bottom: 10px; left: 24px; } #fbStatusContainer { margin: 14px 0 0 122px; width: 300px; height: 92px; float: left; color: #183A88; position: relative; } #fbStatusContainer p { margin-top: 8px; font-size: 11px; width: 260px; } #fbStatusContainer ul { margin: 0; padding: 0; color: #183A88; } #fbStatusContainer ul li { margin: 0 0 13px 0; padding: 0;	 } #fbStatusContainer ul a { font-size: 11px; color: #183A88; } #fbVideoContainer { margin: 22px 0 0 0; width: 132px; float: left; } .fbVideoCaption { width: 132px; text-align: center;	 } #fbVideoContainer a { color: #183A88; } #fbVideoContainer img { width: 132px; } .fbVideoClearer { width: 736px; height:1px; clear: both; } #footerLogos img { margin-top: 28px !important; } #facebookVerticalPanel { margin: 12px 0  0 24px; width: 230px; height: 368px; position: relative; border: 1px solid #183A88; background: url(facebook_vertical_logo.png) no-repeat #FFF; } #fbLikeVertical { position: absolute; top: 36px; left: 94px; } #facebookVerticalPanel #fbStatusContainer { margin: 76px 0 8px 34px; width: 160px; height:152px; float: left; color: #183A88; position: relative; } #facebookVerticalPanel #fbStatusContainer p { margin-top: 8px; font-size: 11px; width: 260px; } #facebookVerticalPanel #fbStatusContainer ul { margin: 0; padding: 0; color: #183A88; } #facebookVerticalPanel #fbStatusContainer ul li { margin: 0 0 13px 0; padding: 0;	 width: 176px; } #facebookVerticalPanel #fbStatusContainer ul a { font-size: 11px; color: #183A88; } .fbClearer { width: 120px; height:1px; clear: both; float: left; } #fbvVideoContainer { margin: 0 0 12px 34px; width: 132px; float: left; } #fbvVideoContainer .fbVideoCaption { margin: 0 0 4px 0; width: 132px; text-align: left;	 font-weight: bold; color: #183A88; } #fbvVideoContainer a { color: #183A88; } #fbvVideoContainer .fbVideoClearer { width: 120px; height:1px; clear: both; float: left; }