/* --- Major Containers --- */
body {background-color:#FFF; color:#333; padding-top:12px;}
#bd  {padding-top:22px;}
#hd  {margin-bottom:12px;}
#ft  {margin-top:26px; padding-top:12px; text-align:center; font-size:80%;
      border-top:1px solid #CCC;}


/* --- Typography ---*/
a          {color:#D60; text-decoration:none;}
a:visited  {color:#B40;}
a:hover    {color:#0AC;}
h1         {height:94px; margin-bottom:0px; margin-top:0;
            background-position:top right; background-repeat:no-repeat;}
h1 span    {display:none;}
#flags     {float:left; margin:0; width:316px; height:94px;}
h2         {font-size:167%; color:#000; margin-top:8px;}
h3         {margin-top:16px;}
h3.subtitle {margin-top:-12px; font-size:140%;}
h4         {margin-top:6px; margin-bottom:12px; color:#666;}
sup, sub   {font-size: 78%;}
.very-big  {font-size: 220%;}
#banner    {border-bottom:1px solid #CCC;}
#banner p  {text-align:right; font-size:85%; margin-top:-8px; margin-bottom:6px;}
.bold      {font-weight:bold;}
.light     {color:#AAA;}
.thin      {font-weight:normal;}
.smallcaps {font-size:85%; text-transform:uppercase;}
.capitalized {text-transform:capitalize;}
.centered  {text-align:center;}
.numeric   {text-align:right;}
.italic    {font-style: italic;}
.caption   {font-size: 93%;}
.thin-grey-border {border:1px solid #999; padding:12px;}
.first     {margin-top:0;}
.shaded    {background-color:#EEE; padding:6px 2px;}
.tight     {letter-spacing:-1px;}
.green     {color:#3d993d;}
.red       {color:#D43;}


/* --- Navbar ---*/
#navbar {
  font-family: 'PT Sans', arial, serif;
  text-align: right;
  font-size: 131%;
  margin: 4px;
}
#navbar li {
  display: inline;
  list-style-type: none;
  padding-left: 24px;
}
#navbar li a {color:#999;}
#navbar li a:hover {color:#2250A9;}
#navbar li a.current {color:#333;}


/* --- Diagrams, Mates and Mirrors --- */
#product_header h2 {
  display: block;
  float: left;
  margin-top: 28px;
  margin-bottom: 0;
}
#product_header h2 a {
  float: left;
  margin: 2px 14px 2px 0;
  color: #000;
}
#diagram_icons {
  margin-top: 34px;
  float: left;
}
#diagram_icons a {
  margin-right: 4px;
}
#diagram_icons img {
  padding: 0;
}
#mates {
  float: right;
}
#mates a {
  float: left;
  color: #AAA;
  margin-left: 8px;
  padding: 4px;
  text-align: center;
}
#product_header #mates a:hover {
  background-color: #EEE;
}
#product_header img {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
#product_header a.selected img {
  opacity: 0.8;
  filter: alpha(opacity=80);
}


/* --- Sidebar --- */
#rightcol .image     {margin-top:36px;}
#rightcol .image img {margin-bottom:6px;}
#wadit-sidebar {margin-top:18px; border:1px solid #AAA; padding:2px 8px;}


/* --- Product Selector --- */
#product_families .family {
  border: 1px solid #EEE;
  margin-bottom: 4px;
}
a.family_name {
  display: block;
  height: 34px;
  color: #FFF;
  background-repeat: no-repeat;
  background-position: 8px 6px;
  padding-left: 48px;
  padding-top: 12px;
  font-size: 131%;
}
.family_products {
  padding: 8px 6px;
}
.family_products .product_row {
  clear: left;
}
.family_products .product {
  display: block;
  float: left;
  width: 66px;
  height: 100%;
  margin: 3px 1px;
  padding: 4px 2px 4px 2px;
  text-align: center;
  border: 1px solid #FFF;
}
.family_products .product:hover {
  background-color: #EEE;
}

.family_products .product .image {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.family_products .product .name {
  color: #AAA;
  line-height: 88%;
}

  #product_families .larssen {border-color:#00aae7;}
  #product_families .larssen a.family_name {color:#FFF;
    background-color:#00aae7; background-image:url(/images/product_families/larssen.png);}
  #product_families .larssen .family_products .selected {border-color:#00aae7;}
  #product_families .pz_pzc {border-color:#252379;}
  #product_families .pz_pzc a.family_name {color:#FFF;
    background-color:#252379; background-image:url(/images/product_families/pz_pzc.png);}
  #product_families .pz_pzc .family_products .selected {border-color:#252379;}
  #product_families .hoesch {border-color:#a6228e;}
  #product_families .hoesch a.family_name {color:#FFF;
    background-color:#a6228e; background-image:url(/images/product_families/hoesch.png);}
  #product_families .hoesch .family_products .selected {border-color:#a6228e;}
  #product_families .flat_sheets {border-color:#e40375;}
  #product_families .flat_sheets a.family_name {color:#FFF;
    background-color:#e40375; background-image:url(/images/product_families/flat_sheets.png);}
  #product_families .flat_sheets .family_products .selected {border-color:#e40375;}
  #product_families .cold_formed {border-color:#f47b20;}
  #product_families .cold_formed a.family_name {color:#FFF;
    background-color:#f47b20; background-image:url(/images/product_families/cold_formed.png);}
  #product_families .cold_formed .family_products .selected {border-color:#f47b20;}
  #product_families .pipe_piling {border-color:#51b848;}
  #product_families .pipe_piling a.family_name {color:#FFF;
    background-color:#51b848; background-image:url(/images/product_families/pipe_piling.png);}
  #product_families .pipe_piling .family_products .selected {border-color:#51b848;}
  #product_families .interlock_sealing {border-color:#008255;}
  #product_families .interlock_sealing a.family_name {color:#FFF;
    background-color:#008255; background-image:url(/images/product_families/interlock_sealing.png);}
  #product_families .interlock_sealing .family_products .selected {border-color:#008255;}


/* --- Product Detail Page --- */
.product_name h2 {
  font-size: 197%;
  margin-bottom: 8px;
}
.property_set {
  background-color: #EEE;
  margin-bottom: 8px;
}
.property_set div {
  padding: 5px 16px;
}
#big_product_image_slot {
  height: 300px;
  text-align: center;
  padding-bottom: 20px;
}
.big_product_image {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.product_specs {
  border-top: 2px solid #EEE;
}
#action-shots img {
  margin-bottom: 12px;
  border: 4px solid #CCC;
}


/* --- Forms --- */
label {font-weight:bold;}
label[required]:after {content: " *"; color:#D43;}
textarea {height:150px;}
#error_explanation {color: #D43; padding:2px 8px; background-color: #EEE;}
.field_with_errors {display: inline;}


/* --- Lists --- */
dl {margin-left:-8px;}
dt {font-size:85%; margin-left:8px;}
dd {margin:0 0 8px 0;  padding:0;}


/* --- Tables --- */
td {border:0; text-align:left; vertical-align:top; padding:0 6px 6px 0;}
table.wadit {margin-left:18px; width:400px; margin-bottom:0;}
table.wadit td.label {width:150px; font-weight:normal;}


/* --- Clearfix --- */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */