/* CSS sheet for Tantronics Main Pages, avoiding tables */ /* Thanks to cssplay www.cssplay.co.uk for many of the CSS tips used here */ /* body, th { background-image: url('http://www.tantronics.co.uk/images/snow_back2.gif'); background-repeat: repeat; } */ .Promo1, .Promo2, .Promo3 { font-size: large; font-style: italic; font-weight: bold; } .Promo2 { color: #C00; font-size: xx-large; } .Promo3 { font-size: small; } body, td, th { font-family: Arial, Helvetica, sans-serif; color:#000; font-size:14px; } a, a:link, a:visited { text-decoration:none; color:#006; } a:hover { text-decoration:underline; color:#c00; } .fullbox { background: transparent; width:960px;  /* float:left;  margin:0; */ margin-left: auto; margin-right: auto; } .menuxbox { width:956px;  float:left;  margin:0;  } .menuxbox p, .menuxbox a { padding:0px 5px;  font-size:0.9em; color:#fff; margin:0;  } .leftxbox h2, .rightxbox h2, .middlexbox h2, .leftxbox h1, .rightxbox h1, .middlexbox h1 { font-size:0.9em;  padding:0 10px 5px 10px;  border-bottom:1px solid #444; margin:0;  } .leftxbox p, .rightxbox p, .middlexbox p { padding:5px 10px;  font-size:0.7em; margin:0;  } .leftxbox, .middlexbox, .rightxbox, .productxbox, .productxbox2wide, .productxbox1wide, .productxboxnowidth { background: #FFF;  padding:5px 2px 0 2px; margin:0;  } .actimagexbox { float:left;  } .lefttopbox { background: transparent;  width:200px;  float:left;  padding: 0 2px; margin:0;  } /*.middletopbox_text, .middletopbox_phone { background: transparent;  width:548px; float:left;  padding: 0 2px; text-align: center; margin:0;  }*/ .middletopbox_text { font-size:0.9em;  } .middletopbox_phone { font-size:1.2em;  color:#c00; letter-spacing: 0.5em; font-weight: bold; } .righttopbox { background: transparent;  width:200px;  float:right;  padding: 0 2px; text-align: right; margin:0;  } .leftxbox { width:150px; float:left;  } .middlexbox { width:642px;  float:left;  } .rightcolumn { width:150px; float:right;  } .productxbox img, .productxbox2wide img,  .productxbox1wide img, .productxboxnowidth img { margin:3px;  } .producttext { font-size:0.8em; } .checkouttext, .checkouttext tr { font-size:0.8em; } .checkouttext a, .checkouttext a:link, .checkouttext a:visited { text-decoration:underline; color:#c00; } .checkouttext a:hover { color:purple; } .footertext { font-size:0.7em; } .relatedtext{ font-size:0.8em;  } .pricebox{ float:left; font-size:1.1em;  padding:0 1px 0px 1px;  } .priceboxcontent { display:block;  height:auto; } .packsize { display:block;  height:auto; border: 0 solid #444;  border-width:1px 1px; } .price { display:block;  height:auto; border:0 solid #444;  border-width:0 1px 1px 1px; } /* .productxbox td, .productxbox2wide td, .productxbox1wide td, .productxboxnowidth td { font-size:0.8em; } */ .productxbox, .productxbox2wide, .productxbox1wide, .productxboxnowidth { font-size:1.0em; float:left; } .productxbox { width:207px;  margin:0;  } .productxbox2wide { width:315px;  } .productxbox1wide { width:632px;  } .productxboxnowidth { width:auto;  margin:0 0px; } .productxbox h4, .productxbox2wide h4, .productxbox1wide h4, .productxboxnowidth h4 .productxbox h5, .productxbox2wide h5, .productxbox1wide h5, .productxboxnowidth h5 { font-size:0.8em;  padding:5px 10px 0px 10px;  border:0 solid #444;  /* border-width:0 1px; */ text-align: right; margin:0;  } .productxbox h6, .productxbox2wide h6, .productxbox1wide h6, .productxboxnowidth h6 { padding:0px 10px 0px 10px;  border:0 solid #444;  border-width:0 1px;  text-align: left; margin:0;  } .productxbox h4, .productxbox2wide h4, .productxbox1wide h4, .productxboxnowidth h4 { /* font-style: italic; */ /* font-size:0.7em; */ border-width:0 1px;  border-top:1px solid #444; background: #FFF;  } .productxbox h3, .productxbox2wide h3, .productxbox1wide h3, .productxboxnowidth h3 { font-size:0.8em;  padding:1px 10px 0px 10px;  border:0 solid #444;  border-width:0 1px;  text-align: right; margin:0;  } .rightxbox { width:150px;  float:right;  } .sectionlinks { margin:0;  padding:0 ; } .sectionlinks h5 { font-size:0.8em;  padding:0 0 0 10px ; border-top:1px solid #444; border-bottom:1px solid #444; margin:0;  } .xtop, .xbottom { display:block;  background:transparent;  font-size:1px; } .xb1, .xb2, .xb3, .xb4 { display:block;  overflow:hidden; } .xb1, .xb2, .xb3 { height:1px; } .xb2, .xb3, .xb4 { background:#fff;  border-left:1px solid #444; border-right:1px solid #444; } .xb1 { margin:0 5px;  background:#444; } .xb2 { margin:0 3px; border-width:0 2px; } .xb3 { margin:0 2px; } .xb4 { height:2px;  margin:0 1px; } .xboxcontentvshort h5 , .xboxcontentvvshort h5, .xboxcontentqshort h5{ font-size:0.7em; font-weight:normal;  } .xboxcontent, .xboxcontentvvshort, .xboxcontentvshort, .xboxcontentqshort, .xboxcontentshort, .xboxcontentmedium, .xboxcontentlong{ display:block;  border:0 solid #444;  border-width:0 1px;  height:auto; } .xboxcontent {height:auto;} .xboxcontentvvshort {height:50px;} .xboxcontentvshort {height:75px;} .xboxcontentshort, .xboxcontentqshort {height:100px;} .xboxcontentmedium {height:150px;} .xboxcontentlong {height:250px;} * html .xboxcontent { height:1px; } .xboxcontent a:hover { text-decoration:underline; } .color_a, .color_a a:visited, .color_a a:link { background:#c00; color:#fff; } .color_b, .color_b a:visited, .color_b a:link { background:#feb048; color:#006; } .color_c, .color_c a:visited, .color_c a:link { background:#ffcf8f; color:#006; } .color_d, .color_d a:visited, .color_d a:link { background:#ff9; color:#006; } .color_a a:hover { text-decoration:underline; color:#ff6; } .qs-small {font-size: 0.8em;} .qs-aaa, .qs-aa, .qs-c, .qs-d, .qs-9v, .qs-aaa-c, .qs-aa-c, .qs-c-c, .qs-d-c, .qs-9v-c, .qs-specbox-type, .qs-specbox-speed, .qs-specbox-input, .qs-specbox-form, .qs-specbox-batts, .qs-specbox-special, .qs-specbox-value, .qs-specbox-staff{ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; float: left; padding-right: 2px; padding-left: 2px; margin: 2px; width: auto; text-align: center; border: thin solid #000; /*	border: 0.5px solid #000; */ /*	border-width: 1px; */ } .qs-aaa, .qs-aa, .qs-c, .qs-d, .qs-9v { font-weight: bold; font-size: 1.1em;  } .qs-aaa, .qs-aaa-c {background-color: #6C0;} .qs-aa, .qs-aa-c {background-color: #FC0;} .qs-c, .qs-c-c {background-color: #F90;} .qs-d, .qs-d-c {background-color: #F0F;} .qs-9v, .qs-9v-c {background-color: #09F;} .qs-specbox-type {background-color: #FFC;} .qs-specbox-speed {background-color: #D7CA84;} .qs-specbox-input {background-color: #CCF;} .qs-specbox-form {background-color: #9FC;} .qs-specbox-batts {background-color: #FCF;} .qs-specbox-special {background-color: #9CF;} .qs-specbox-value {color: #FF9; background-color: #060;} .qs-specbox-staff {color: #FF9; background-color: #C00;} .bigprice { color: #c00; font-size: 1.2em; font-weight: bold; } .plain {float: left;} .soapboxlinks table,.soapboxlinks td,.soapboxlinks a{font-style:italic;font-size:10pt;background: #FFF;} .soapboxlinks a{font-weight: bold} .soapboxlinks table,.soapboxlinks td{color:#000000} .soapboxlinks a{color:#CC0000} .soapboxsmall table,.soapboxsmall td,.soapboxsmall a{font-style:italic;font-size:8pt;background: #FFF;} .soapboxsmall a{font-weight: bold} .soapboxsmall table,.soapboxsmall td{color:#000000} .soapboxsmall a{color:#CC0000}