/* =============================================================================
   HTML5 Boilerplate Resets
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display:block; }
audio, canvas, video { display:inline-block; *display:inline; *zoom:1; }
audio:not([controls]) { display:none; }
[hidden] { display:none; }

html { font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
html, button, input, select, textarea { font-family:sans-serif; color:#222; }
body { margin:0; font-size:1em; line-height:1.4; }

abbr[title] { border-bottom:1px dotted; }
b, strong { font-weight:bold; }
blockquote { margin:1em 40px; }
dfn { font-style:italic; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
ins { background:#ff9; color:#000; text-decoration:none; }
mark { background:#ff0; color:#000; font-style:italic; font-weight:bold; }
pre, code, kbd, samp { font-family:monospace, serif; _font-family:'courier new', monospace; font-size:1em; }
pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word; }
q { quotes:none; }
q:before, q:after { content:""; content:none; }
small { font-size:85%; }

sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }
ul, ol { margin:1em 0; padding:0; }
ul { list-style:none; list-style-image:none; }
dd { margin:0 0 0 40px; }
nav ul, nav ol { list-style:none; list-style-image:none; margin:0; padding:0; }

img { border:0; -ms-interpolation-mode:bicubic; vertical-align:middle; }

svg:not(:root) { overflow:hidden; }

figure { margin:0; }

form { margin:0; }
fieldset { border:0; margin:0; padding:0; }
label { cursor:pointer; }
legend { border:0; *margin-left:-7px; padding:0; white-space:normal; }
button, input, select, textarea { font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle; }
button, input { line-height:normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer; -webkit-appearance:button; *overflow:visible; }
button[disabled], input[disabled] { cursor:default; }
input[type="checkbox"], input[type="radio"] { box-sizing:border-box; padding:0; *width:13px; *height:13px; }
input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance:none; }
input[type="image"]:focus{outline:2px dotted #ddd;}
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
textarea { overflow:auto; vertical-align:top; resize:vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color:#f0dddd; }

table { border-spacing:0; }
td { vertical-align:top; }

.chromeframe { margin:0.2em 0; background:#ccc; color:black; padding:0.2em 0; }


/* ==========================================================================
   Typography
   ========================================================================== */

body{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6, dt { line-height:1.25; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:0; text-shadow:none; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight:inherit; }

h1 {     font-size:30px; color:#1E4067; margin:0 0 1em 0; }
h2 {     font-size:18px; color:#1E4067; margin:2em 0 1.2em 0; }
h3, dt { font-size:14px; color:#3D74A4; margin:2em 0 1.2em 0; }
h4 {     font-size:13px; color:#7E6500; margin:1.5em 0 .8em 0; font-weight:normal; }
h5 {     font-size:13px; color:#1E4067; margin:1.5em 0 .8em 0; }
h6 {     font-size:13px; color:#3D74A4; margin:1.5em 0 .8em 0; border-bottom: 1px solid #3D74A4}

p, dd     { font-size:13px; color:#333; padding:0; line-height:1.8em; margin:1.4em 0;}
p img     { margin:0; }
p.lead    { font-size:18px; font-size:1.8rem; line-height:1.5;  }

::-moz-selection  { background:#dcd5c0; color:#444; text-shadow:none; }
::selection       { background:#dcd5c0; color:#444; text-shadow:none; }

a                 { color:#3D74A4; text-decoration:none; }
/*a:visited         { color:#3D74A4; }*/
a:hover           { color:#25547d; }
a:focus           { outline:thin dotted; }
a:hover, a:active { outline:0; }

em, i { font-style:italic; line-height:inherit; }
strong, b { color:#222; font-weight:bold; line-height:inherit; }
small { font-size:60%; line-height:inherit; }

h1 small, h2 small, h3 small, h4 small, h5 small { color:#777; }

blockquote, blockquote p { line-height:20px; color:#777; }
blockquote { margin:0 0 18px; padding:9px 20px 0 19px; border-left:1px solid #ddd; }
blockquote cite { display:block; font-size:13px; font-size:1.2rem; color:#555; }
blockquote cite:before { content:"\2014 \0020"; }
blockquote cite a, blockquote cite a:visited { color:#555; }

hr { border:solid #ddd; border-width:1px 0 0; clear:both; margin:13px 0 18px; height:0; }

abbr, acronym { text-transform:uppercase; font-size:90%; color:#222; border-bottom:1px solid #ddd; cursor:help; }
abbr { text-transform:none; }

dt { font-weight:bold; }

ol { margin:0 0 2em 0; }
ol li a { font-size:13px; padding:0; line-height:20px; margin:0 0 2.4em 0; }

#left-content-indent table{ font-size:13px; color:#444; margin:1.4em 0;}
#left-content-indent td, #left-content-indent th{ border:1px solid #eeeeee; padding:10px; text-align:left;}
#left-content-indent td{ background-color:rgba(255,255,255,0.5);}
#left-content-indent th{ background-color:#1E4067; color:#eeeeee;}
#left-content-indent .dataTable th{color:#16548A;}

/* ==========================================================================
   Buttons
   ========================================================================== */

/* ---------------------------------

   Shared Styles
   --------------------------------- */

.mini-lb-button, .mini-b-button, .mini-y-button, .mini-grey-button{
  border:1px solid #fcfcfc !important;
  border-radius:7px !important;
  -moz-border-radius:7px !important;
  -webkit-border-radius:7px !important;
  -o-border-radius:7px !important;
  color:#fcfcfc;
  display:block;
  font-size:12px !important;
  font-weight:lighter;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  padding:8px 0 8px;
  margin-bottom:12px;
  line-height:12px !important;
  text-align:center;
  text-transform:uppercase;
  width:100%;
  position:relative;
}
.blue-button,
.yellow-button{
/*
  behavior:url('/images/PIE.htc');*/
  border:2px solid #fcfcfc !important;
  border-radius:8px !important;
  -moz-border-radius:8px !important;
  -webkit-border-radius:8px !important;
  -o-border-radius:8px !important;
  color:#fcfcfc;
  display:block;
  font-size:15px !important;
  font-weight:bold;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  padding:13px 0 13px;
  margin-bottom:12px;
  line-height:15px !important;
  text-align:center;
  text-transform:uppercase;
  width:100%;
  position:relative;
}
#gradient-full .blue-button, .gradient-full .blue-button{
  /*overflow:hidden !important;*/
 }
a.blue-button:hover,
.blue-button-active,
a.blue-button:active,
a.yellow-button:hover,
a.yellow-button:active,
a.mini-lb-button:hover,
a.mini-b-button:hover,
a.mini-y-button:hover,
a.mini-lb-button:active,
a.mini-b-button:active,
a.mini-y-button:active,
a.mini-grey-button:hover{
  color:#fcfcfc;
}

.glow{
  display:none;
}

/* ---------------------------------
   Blue Specifics
   --------------------------------- */


.blue-button{
  background:#0d4379; /* Old browsers */
  background:-moz-linear-gradient(top, #135486 0%, #0d4379 100%); /* FF3.6+ */
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#135486), color-stop(100%,#0d4379)); /* Chrome,Safari4+ */
  background:-webkit-linear-gradient(top, #135486 0%,#0d4379 100%); /* Chrome10+,Safari5.1+ */
  background:-o-linear-gradient(top, #135486 0%,#0d4379 100%); /* Opera 11.10+ */
  background:-ms-linear-gradient(top, #135486 0%,#0d4379 100%); /* IE10+ */
/*  background:linear-gradient(to bottom, #135486 0%,#0d4379 100%);  W3C */
  box-shadow:inset 0 7px 30px #000, 0 2px 4px #777, inset 0 -7px 20px #051e39;
  text-shadow:1px -1px 1px #222;
}
.blue-button{
        box-shadow:inset 0 7px 30px #000, 0 2px 4px #777, inset 0 -7px 20px #051e39, inset 0px 19px 0px rgba(255,255,255,0.2) ;
   -moz-box-shadow:inset 0 7px 30px #000, 0 2px 4px #777, inset 0 -7px 20px #051e39, inset 0px 19px 0px rgba(255,255,255,0.2) ;
-webkit-box-shadow:inset 0 7px 30px #000, 0 2px 4px #777, inset 0 -7px 20px #051e39, inset 0px 19px 0px rgba(255,255,255,0.2) ;
}
.blue-button:hover{
        box-shadow:inset 0 7px 30px #051e39, 0 2px 5px #555, inset 0 -7px 20px #051e39, inset 0px 21px 0px rgba(255,255,255,0.2) ;
   -moz-box-shadow:inset 0 7px 30px #051e39, 0 2px 5px #555, inset 0 -7px 20px #051e39, inset 0px 21px 0px rgba(255,255,255,0.2) ;
-webkit-box-shadow:inset 0 7px 30px #051e39, 0 2px 5px #555, inset 0 -7px 20px #051e39, inset 0px 21px 0px rgba(255,255,255,0.2) ;
}

.blue-button:active{
        box-shadow:inset 0 7px 30px #000, 0 0 2px #333, inset 0 -7px 20px #000, inset 0px 21px 0px rgba(255,255,255,0.2) ;
   -moz-box-shadow:inset 0 7px 30px #000, 0 0 2px #333, inset 0 -7px 20px #000, inset 0px 21px 0px rgba(255,255,255,0.2) ;
-webkit-box-shadow:inset 0 7px 30px #000, 0 0 2px #333, inset 0 -7px 20px #000, inset 0px 21px 0px rgba(255,255,255,0.2) ;
}

.blue-button-active{
        box-shadow:inset 0 7px 30px #051e39, 0 2px 6px #555, inset 0 -7px 20px #051e39, inset 0px 21px 0px rgba(255,255,255,0.2) ;
   -moz-box-shadow:inset 0 7px 30px #051e39, 0 2px 6px #555, inset 0 -7px 20px #051e39, inset 0px 21px 0px rgba(255,255,255,0.2) ;
-webkit-box-shadow:inset 0 7px 30px #051e39, 0 2px 6px #555, inset 0 -7px 20px #051e39, inset 0px 21px 0px rgba(255,255,255,0.2) ;
}

a.blue-button:hover span.nib,
.blue-button-active span.nib{
  background-color:#051e39;
  border-radius: 0px;
  -moz-border-top-left-radius:10px !important;
  -webkit-border-top-left-radius:10px !important;
  border-top-left-radius:10px !important;
  border-right:2px solid #FFF;
  border-bottom:2px solid #FFF;
  border-left:0px solid #051e39;
  border-top:0px solid #051e39;
  box-shadow:2px 2px 3px #555;
  -moz-box-shadow:2px 2px 3px #555;
  -o-box-shadow:2px 2px 3px #555;
  -webkit-box-shadow:2px 2px 3px #555;
  display:block;
  height:13px;
  margin:7px auto -22px;
  transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  width:12px;
}

a.blue-button:active span.nib{
  background-color:#051e39;
  border-top-left-radius:20px;
  -moz-border-radius-topleft:20px;
  -webkit-border-top-left-radius:20px;
  border-right:2px solid #FFF;
  border-bottom:2px solid #FFF;
  box-shadow:1px 1px 1px #888;
}

a.yellow-button:hover span.nib,
.yellow-button.blue-button-active span.nib{
  background-color:#7e5e12 !important;
  border-radius: 0px;
  -moz-border-top-left-radius:500px !important;
  -webkit-border-top-left-radius:500px !important;
  border-top-left-radius:500px !important;
  border-right:2px solid #FFF;
  border-bottom:2px solid #FFF;
  border-left:0px solid #051e39;
  border-top:0px solid #051e39;
  box-shadow:2px 2px 3px #555;
  -moz-box-shadow:2px 2px 3px #555;
  -o-box-shadow:2px 2px 3px #555;
  -webkit-box-shadow:2px 2px 3px #555;
  display:block;
  height:13px;
  margin:7px auto -22px;
  transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  width:12px;
}

a.yellow-button:active span.nib{
  background-color:#051e39;
  border-top-left-radius:20px;
  -moz-border-radius-topleft:20px;
  -webkit-border-top-left-radius:20px;
  border-right:2px solid #FFF;
  border-bottom:2px solid #FFF;
  box-shadow:1px 1px 1px #888;
}

/* ---------------------------------
   Yellow Specifics
   --------------------------------- */
.yellow-button:hover{
        box-shadow:inset 0 7px 20px #7e5e12, 0 2px 6px #555, inset 0 -7px 7px #926c15, inset 0px 21px 0px rgba(255,255,255,0.2) ;
   -moz-box-shadow:inset 0 7px 20px #7e5e12, 0 2px 6px #555, inset 0 -7px 7px #926c15, inset 0px 21px 0px rgba(255,255,255,0.2) ;
-webkit-box-shadow:inset 0 7px 20px #7e5e12, 0 2px 6px #555, inset 0 -7px 7px #926c15, inset 0px 21px 0px rgba(255,255,255,0.2) ;
}
.yellow-button:active{
        box-shadow:inset 0 7px 25px #2e2101, 0 0 2px #333, inset 0 -7px 15px #926c15, inset 0px 19px 0px rgba(255,255,255,0.2) ;
   -moz-box-shadow:inset 0 7px 25px #2e2101, 0 0 2px #333, inset 0 -7px 15px #926c15, inset 0px 19px 0px rgba(255,255,255,0.2) ;
-webkit-box-shadow:inset 0 7px 25px #2e2101, 0 0 2px #333, inset 0 -7px 15px #926c15, inset 0px 19px 0px rgba(255,255,255,0.2) ;
}

.yellow-button{
  background:#BF9726;
  text-shadow:0 -1px 1px #555;
        box-shadow:inset 0 5px 19px #2e2101, 0 2px 4px #777, inset 0 -6px 9px #926c15, inset 0px 21px 0px rgba(255,255,255,0.2) ;
   -moz-box-shadow:inset 0 5px 19px #2e2101, 0 2px 4px #777, inset 0 -6px 9px #926c15, inset 0px 21px 0px rgba(255,255,255,0.2) ;
-webkit-box-shadow:inset 0 5px 19px #2e2101, 0 2px 4px #777, inset 0 -6px 9px #926c15, inset 0px 21px 0px rgba(255,255,255,0.2) ;
}

/* ---------------------------------
   Mini Yellow Specifics
   --------------------------------- */

.mini-y-button:hover{
        box-shadow:inset 0 7px 18px #7e5e12, 0 2px 6px #555, inset 0 -7px 7px #926c15, inset 0px 14px 0px rgba(255,255,255,0.3) ;
   -moz-box-shadow:inset 0 7px 18px #7e5e12, 0 2px 6px #555, inset 0 -7px 7px #926c15, inset 0px 14px 0px rgba(255,255,255,0.3) ;
-webkit-box-shadow:inset 0 7px 18px #7e5e12, 0 2px 6px #555, inset 0 -7px 7px #926c15, inset 0px 14px 0px rgba(255,255,255,0.3) ;
}
.mini-y-button:active{
        box-shadow:inset 0 7px 23px #2e2101, 0 0 2px #333, inset 0 -7px 15px #926c15, inset 0px 12px 0px rgba(255,255,255,0.3) ;
   -moz-box-shadow:inset 0 7px 23px #2e2101, 0 0 2px #333, inset 0 -7px 15px #926c15, inset 0px 12px 0px rgba(255,255,255,0.3) ;
-webkit-box-shadow:inset 0 7px 23px #2e2101, 0 0 2px #333, inset 0 -7px 15px #926c15, inset 0px 12px 0px rgba(255,255,255,0.3) ;
}

.mini-y-button{
  background:#BF9726;
  text-shadow:0 -1px 1px #555;
        box-shadow:inset 0 5px 17px #2e2101, 0 2px 4px #777, inset 0 -6px 9px #926c15, inset 0px 14px 0px rgba(255,255,255,0.3) ;
   -moz-box-shadow:inset 0 5px 17px #2e2101, 0 2px 4px #777, inset 0 -6px 9px #926c15, inset 0px 14px 0px rgba(255,255,255,0.3) ;
-webkit-box-shadow:inset 0 5px 17px #2e2101, 0 2px 4px #777, inset 0 -6px 9px #926c15, inset 0px 14px 0px rgba(255,255,255,0.3) ;
}

/* ---------------------------------
   mini light blue Specifics
   --------------------------------- */

.mini-lb-button:hover{
        box-shadow:inset 0 7px 18px #076fa4, 0 2px 6px #555, inset 0 -7px 7px #156192, inset 0px 14px 0px rgba(255,255,255,0.3) ;
   -moz-box-shadow:inset 0 7px 18px #076fa4, 0 2px 6px #555, inset 0 -7px 7px #156192, inset 0px 14px 0px rgba(255,255,255,0.3) ;
-webkit-box-shadow:inset 0 7px 18px #076fa4, 0 2px 6px #555, inset 0 -7px 7px #156192, inset 0px 14px 0px rgba(255,255,255,0.3) ;
}
.mini-lb-button:active{
        box-shadow:inset 0 7px 23px #002936, 0 0 2px #333, inset 0 -7px 15px #002936, inset 0px 12px 0px rgba(255,255,255,0.3) ;
   -moz-box-shadow:inset 0 7px 23px #002936, 0 0 2px #333, inset 0 -7px 15px #002936, inset 0px 12px 0px rgba(255,255,255,0.3) ;
-webkit-box-shadow:inset 0 7px 23px #002936, 0 0 2px #333, inset 0 -7px 15px #002936, inset 0px 12px 0px rgba(255,255,255,0.3) ;
}

.mini-lb-button{
  background:#00c0ff;
  text-shadow:0 -1px 0px #555;
        box-shadow:inset 0 5px 17px #003f56, 0 2px 4px #777, inset 0 -6px 9px #155392, inset 0px 14px 0px rgba(255,255,255,0.3) ;
   -moz-box-shadow:inset 0 5px 17px #003f56, 0 2px 4px #777, inset 0 -6px 9px #155392, inset 0px 14px 0px rgba(255,255,255,0.3) ;
-webkit-box-shadow:inset 0 5px 17px #003f56, 0 2px 4px #777, inset 0 -6px 9px #155392, inset 0px 14px 0px rgba(255,255,255,0.3) ;
}

/* ---------------------------------
   mini blue Specifics
   --------------------------------- */

.mini-b-button:hover{
        box-shadow:inset 0 7px 15px #051e39, 0 2px 5px #555, inset 0 -7px 10px #051e39, inset 0px 14px 0px rgba(255,255,255,0.2) ;
   -moz-box-shadow:inset 0 7px 15px #051e39, 0 2px 5px #555, inset 0 -7px 10px #051e39, inset 0px 14px 0px rgba(255,255,255,0.2) ;
-webkit-box-shadow:inset 0 7px 15px #051e39, 0 2px 5px #555, inset 0 -7px 10px #051e39, inset 0px 14px 0px rgba(255,255,255,0.2) ;
}
.mini-b-button:active{
        box-shadow:inset 0 7px 15px #000, 0 0 2px #333, inset 0 -7px 10px #000, inset 0px 12px 0px rgba(255,255,255,0.2) ;
   -moz-box-shadow:inset 0 7px 15px #000, 0 0 2px #333, inset 0 -7px 10px #000, inset 0px 12px 0px rgba(255,255,255,0.2) ;
-webkit-box-shadow:inset 0 7px 15px #000, 0 0 2px #333, inset 0 -7px 10px #000, inset 0px 12px 0px rgba(255,255,255,0.2) ;
}

.mini-b-button{
  background:#135486;
  text-shadow:0 -1px 0px #555;
        box-shadow:inset 0 7px 15px #000, 0 2px 4px #777, inset 0 -7px 10px #051e39, inset 0px 14px 0px rgba(255,255,255,0.2) ;
   -moz-box-shadow:inset 0 7px 15px #000, 0 2px 4px #777, inset 0 -7px 10px #051e39, inset 0px 14px 0px rgba(255,255,255,0.2) ;
-webkit-box-shadow:inset 0 7px 15px #000, 0 2px 4px #777, inset 0 -7px 10px #051e39, inset 0px 14px 0px rgba(255,255,255,0.2) ;
}


/* ---------------------------------
   mini grey Specifics
   --------------------------------- */
.mini-grey-button{
  background:#ccc;
  text-shadow:0 -1px 0px #999;
        box-shadow:inset 0 5px 17px #a0a0a0, 0 2px 4px #777, inset 0 -6px 9px #8c8c8c, inset 0px 14px 0px rgba(255,255,255,0.2) ;
   -moz-box-shadow:inset 0 5px 17px #a0a0a0, 0 2px 4px #777, inset 0 -6px 9px #8c8c8c, inset 0px 14px 0px rgba(255,255,255,0.2) ;
-webkit-box-shadow:inset 0 5px 17px #a0a0a0, 0 2px 4px #777, inset 0 -6px 9px #8c8c8c, inset 0px 14px 0px rgba(255,255,255,0.2) ;
}
a.mini-grey-button:hover, input.mini-grey-button:hover{
  background:#ccc;
  text-shadow:0 -1px 0px #000;
        box-shadow:inset 0 5px 17px #999, 0 2px 4px #666, inset 0 -6px 9px #333, inset 0px 14px 0px rgba(255,255,255,0.2) ;
   -moz-box-shadow:inset 0 5px 17px #999, 0 2px 4px #666, inset 0 -6px 9px #333, inset 0px 14px 0px rgba(255,255,255,0.2) ;
-webkit-box-shadow:inset 0 5px 17px #999, 0 2px 4px #666, inset 0 -6px 9px #333, inset 0px 14px 0px rgba(255,255,255,0.2) ;
}

/* ---------------------------------
   Icon Button
   --------------------------------- */

  .icon-button{
    box-shadow: inset 0px -5px 20px rgba(0,0,0,0.05), 0px 1px 2px rgba(0,0,0,0.3);
    height: 26px;
    line-height: 26px;
    padding: 0px 12px 0px 37px;
    border: 1px solid #dddddd;
    border-radius: 4px;
    font-size: 12px;
    display: inline-block;
    font-weight: normal;
  }
  .icon-button:hover{
    background-color: #fff;
    box-shadow: inset 0px -5px 20px rgba(0,0,0,0.1), 0px 1px 2px rgba(0,0,0,0.5);
  }


  .icon-button.grid{background: #eeeeee url('../images/grid_icon.png') no-repeat 12px center;}
  .icon-button.wrench{background: #eeeeee url('../images/wrench_icon.png') no-repeat 12px center;}
  .icon-button.pdf{background: #eeeeee url('../images/pdf_icon.png') no-repeat 12px center;}
  .icon-button.noicon{background: #eeeeee; padding: 0px 12px; font-size: 12px;}

/* ==========================================================================
   Custom Forms
   ========================================================================== */



/*================= New Custom Select ============================*/


/* all form DIVs have position property set to relative so we can easily position newly created SPAN */
form div{position:relative;}

/* setting the width and height of the SELECT element to match the replacing graphics */
select.select{
  display:block;
    position:absolute;
    top:5px;
    left:0;
    z-index:10;
    height:24px !important;
    padding:0 !important;
    cursor:pointer;
    width:100% !important;
}
select#state.select, select#country.select{text-transform: capitalize;}
select#state.select + span.select, select#country.select + span.select{text-transform: capitalize;}
span.select{
  position:absolute;
  top:0;
  float:left;
  left:0;
  text-indent:10px;
  border:1px solid #c1c1c1;
  background:#fff url('../images/sel_arrows.png') no-repeat right top;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  box-shadow:0px 1px 0px #CCC, inset 0px -10px 10px #eeeeee;
  -moz-box-shadow:0px 1px 0px #CCC, inset 0px -10px 10px #eeeeee;
  -webkit-box-shadow:0px 1px 0px #CCC, inset 0px -10px 10px #eeeeee;

  margin-top:-2px;
  display:block;
  font-size:12px;
  height:24px;
  line-height:24px !important;
  padding:5px 10% 5px 0 !important;
  color:#547293;
  z-index:1;
  overflow:hidden;
  width:90% !important;
}
span.select span{
  margin-right: 15px;
  overflow: hidden;
  display: block;
  line-height:22px !important;
}
select.select:hover + span{
  background-position:right bottom;
}
div.select{
padding-bottom:34px;
}
div.select.medium{
  width:262px;
  margin-top: 2px;
  margin-bottom: 4px;
}
div.select.small{
  width:80px;
  float:right;
  margin-bottom:10px;
  clear:right;
}
input.checkbox, input.radio{
  width:24px !important;
  height:24px !important;
  z-index:10;
  position:absolute;
  cursor:pointer;
  outline:none;
}
span.checkbox{
  display:block; float:left; margin-right:10px; width:25px; height:26px; position:absolute; top:2px; border:0px; background:url('../images/checkbox.png') right no-repeat; z-index:1; outline:none;
}
span.checkbox.checked{
  background-position:left !important;
}
span.radio { display:block; float:left; margin-right:10px; position:absolute; top:2px; border:0px; background:url('../images/checkbox.png') right no-repeat; z-index:1; border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; border:2px solid #ccc; width:19px; height:19px; background-position:-28px -4px; outline:none;}
span.radio.checked { background-position:-3px -4px !important; }

span.radio + label, span.checkbox + label{
  padding:7px 0 7px 30px;
  outline: none;
}
/* --------------------------------
   Text Inputs
   -------------------------------- */

textarea{
  border:1px solid #c1c1c1;
  background:#fff;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  box-shadow:0px 1px 0px #fff, inset 0px 2px 2px #aaa,  inset 0px -10px 10px #eeeeee;
  -moz-box-shadow:0px 1px 0px #fff, inset 0px 2px 2px #aaa,inset 0px -10px 10px #eeeeee;
  -webkit-box-shadow:0px 1px 0px #fff, inset 0px 2px 2px #aaa,  inset 0px -10px 10px #eeeeee;
}
input[type=text], input[type=password]{
  line-height: 14px;
  font-size: 14px;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  border:1px solid #c1c1c1;
  background:#fff;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  box-shadow:0px 1px 0px #fff, inset 0px 2px 2px #aaa,  inset 0px -10px 10px #eeeeee;
  -moz-box-shadow:0px 1px 0px #fff, inset 0px 2px 2px #aaa,inset 0px -10px 10px #eeeeee;
  -webkit-box-shadow:0px 1px 0px #fff, inset 0px 2px 2px #aaa,  inset 0px -10px 10px #eeeeee;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus{
  outline:none;
  -webkit-box-shadow:0px 2px 0px #fff,  inset 0px 0px 6px #20e1ed, inset 0px 2px 2px #999,  inset 0px -10px 20px #f6f6f6;
  -moz-box-shadow:   0px 2px 0px #fff,  inset 0px 0px 6px #20e1ed, inset 0px 2px 2px #999,  inset 0px -10px 20px #f6f6f6;
  box-shadow:        0px 2px 0px #fff,  inset 0px 0px 6px #20e1ed, inset 0px 2px 2px #999,  inset 0px -10px 20px #f6f6f6;
}
input[disabled=disabled]{
  color:#888;
  background-color: #eee;
}
input.input-error, textarea.input-error{
  outline:none;
  -webkit-box-shadow:0px 2px 0px #fff,  inset 0px 0px 6px red, inset 0px 2px 2px #999,  inset 0px -10px 20px #f6f6f6 !important;
  -moz-box-shadow:   0px 2px 0px #fff,  inset 0px 0px 6px red, inset 0px 2px 2px #999,  inset 0px -10px 20px #f6f6f6 !important;
  box-shadow:        0px 2px 0px #fff,  inset 0px 0px 6px red, inset 0px 2px 2px #999,  inset 0px -10px 20px #f6f6f6 !important;
}
.inputholder input[type=text], .inputholder input[type=password], .checkform input[type=text]{
  padding:0 10px;
}

.inputholder input[type=text]:focus, .checkform input[type=text]:focus, .holder input[type=text]:focus{
  outline:none;
}

/* ===============
Extranet Quote Form
==================*/

#delivery_quote_content{
  padding:0 10px;
}

/* ===============
Quote.php Form
==================*/
#bad_pn_modal{padding-left: 10px; padding-right: 10px;}
#bad_pn_modal p{font-size: 14px; line-height: 16px;}
form#quote_form div.checkfield input#partnumber {
  width: 300px !important;
}

div.checkfield div.form-column {
  width: 100px;
  float: left;
  display: block;
  padding:0;
  margin: 0;
}
.delete_part{opacity: 0.6; cursor: pointer;}
.delete_part:hover{opacity: 1;}
form#quote_form div.checkfield label {
  /*padding: 0;*/
  margin:0;
}

form#quote_form div.checkfield p {
  font-size:14px;
  font-weight: bold;
  padding: 9px 0;
  margin: 0;
}
#delivery_quote_modal label{width: 78px !important;overflow:hidden;}
input#quantity1,
input#quantity2,
input#quantity3,
input#quantity4,
input#quantity5,
input#quantity6,
input#quantity7,
input#quantity8,
input#quantity9,
input#quantity10 {
  width:50px !important;
  margin:0 !important;
  padding:9px 20px !important;
}

/* ===============
Status.php Form
==================*/
#narrowsearch_form div.form-column {
  float: left;
  padding:20px 0;
  margin-right: 10px;
}

#narrowsearch_form div.form-column label { display: block; }
#narrowsearch_form div.form-column input {
  width: 175px !important;
  margin-right: 10px !important;
}

#narrowsearch_form div.form-column input[type="submit"] {
  width: 85px !important;
  margin-top:35px;
}

ul.prod-tab-nav.status { margin-left: 0 !important; }

/* ==========================================================================
   Header Styles
   ========================================================================== */

header{
  height:146px;
  padding:0 42px;
  margin:auto;
  width:940px;
}

header nav{
  float:right;
  margin-right:-16px;
}

a.logo {
  background:url('/images/logo.png');
  display:block;
  float:left;
  height:146px;
  margin:0 0 0 -11px;
  width:206px;
}

div#top-links{
  float:right;
  margin:30px -15px 23px 0;
  font-size:12px;
  color:#333;
  line-height:20px;
}
.topsearch{
  display: block;
  float: right;
  padding: 25px 0 0 30px;
}
.topsearch input[type=text]{
  padding: 6px 20px !important;
  width: 120px;
  height: 14px;
  float: left;
}
.topsearch input[type=image]{
  opacity: 0.5;
  display: block;
  margin: 0 0 0 5px;
  float:left;
  height: 28px;
  width: 28px;
}
.topsearch input[type=image]:hover{
  opacity: 0.7;
}
div#top-links a,
div#top-links span{
  color:#333;
  display:inline-block;
  overflow:hidden;
  padding:0px 15px 0px 40px;
  text-decoration:none;
  border-left:1px solid #777;

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important; /* IE8 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF) !important;   /* IE6 & 7 */
    zoom: 1;
}
div#top-links a:first-child{
  border:none !important;
}

div#top-links a.samples{
  background:url('/images/cart.png') no-repeat 10px -4px;
  border:none;
}
div#top-links a.quotes{
  border:none;
  padding-left: 0;
  margin-left: -4px;
}
div#top-links a.login{
  background:url('/images/login.png') no-repeat 10px -4px;
}
div#top-links span.loggedin{
  background:url('/images/logout.png') no-repeat 10px -4px;
  padding: 0 0 0 36px;
}
div#top-links a.logout, div#top-links small{
  color:#333;
  display:inline;
  overflow:hidden;
  padding: 0;
  text-decoration:none;
  border:none;
  font-size:10px;
  line-height: 20px;
}
div#top-links small{

  position: relative;
  top:-7px;
}
div#top-links a:hover{
  opacity:.5;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter:alpha(opacity=50);
}

.left{
  float:left;
}

.right{
  float:right;
}

.headshadow, .footshadow{
  height:47px;
  width:100%;
  position:absolute;
  z-index: -1;
}

.headshadow{
  background:url('/images/sh_head.png') no-repeat center;
  top:0px;
}

.footshadow{
  background:url('/images/sh_foot.png') no-repeat center;
  bottom:0px;
  position: relative;
}

/* ==========================================================================
   Main Navigation
   ========================================================================== */

/* --------------------------------
   Main Menu
   --------------------------------*/

.top-nav {
  margin:0;
  padding:0;
  position:relative;
}

.top-nav li {
  float:left;
  font-size:14px;
  font-weight:normal;
  line-height:12px;
  list-style:none;
  position:relative;
}

.top-nav li a:link, .top-nav li a:visited {
  display:block;
  text-decoration:none;
  padding:14px 15px;
  margin:0;
  color:#111;
}

.top-nav a.nodrop:hover {
  border:none;
  padding:14px 15px 14px 0;
  margin:0 0 0 15px;
  background:url('/images/navbg.png') top right;
  color:#3d74a4;
  text-shadow:0 1px 0 #fff;
}

.top-nav li a.nodrop:hover div.cap{
  background:url('/images/navbg.png') top left;
  height:40px;
  width:15px;
  margin:-14px 0 0 -15px;
  float:left;
}

.top-nav li a.drop:hover, .top-nav li a.drop.selected{
  color:#3d74a4;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
  border:1px solid #ddd;
  border-bottom-width:0px !important;
  background:#f8f8f8 url('/images/arrow_dn.png') center 26px no-repeat;
  padding:13px 14px 14px 14px;
  z-index:20;
  position:relative;
  text-shadow:0 1px 0 #fff;
}

/* --------------------------------
   Sub Menu
   --------------------------------*/

.top-nav li ul {
  position:absolute;
  visibility:hidden;
  border:1px solid #ddd;
  margin:-1px 0 0 0;
  padding:15px 30px 15px 0px;
  background:#f8f8f8 url('/images/menu_grad.jpg') bottom repeat-x;
  right:0px;
  -webkit-border-radius:5px;
  -webkit-border-top-right-radius:0;
  -moz-border-radius:5px;
  -moz-border-radius-topright:0;
  border-radius:5px;
  border-top-right-radius:0;
  z-index:15;
}
.top-nav li ul li {
  display:inline;
  white-space: nowrap;
  background:url('/images/shadow.png') left 10px no-repeat;
  margin-left: 180px;
  padding-left: 20px;
}
.top-nav li ul li.title {
  position: absolute;
  left: -180px;
  height:200px;
  font-weight:bold;
  padding:0 40px 0 10px;
  background: none;
}

.top-nav li ul li a:link, .top-nav li ul li a:visited {
  padding:10px 0 10px 15px;
  width:auto;
}

.top-nav li ul li a:hover {
   color:#3d74a4;
   background:url('/images/arrow_rt.png') 0px 9px no-repeat;
}


/* ==========================================================================
   Primary Styles
   ========================================================================== */

body{
  background:#fff url('/images/sand_bg.jpg');
}

div#main{
  width:940px;
  margin:auto;
}
div#main > h1{
  padding: 40px 60px 0px;
  margin:0px;
}
/* --------------------------------
   Blue Gradient Header
   -------------------------------- */

#gradient-full{
  background:#d9d0b3 url('/images/homebg_grad.jpg') repeat-x 0 0;
  border-bottom:1px solid #ccc;
  border-top:1px solid #dfdfdf;
  overflow:hidden;
  width:100%;
  min-width: 1024px;
  /*-webkit-box-shadow:inset 0px -160px 170px rgba(210,240,255,0.5);
  -moz-box-shadow:   inset 0px -160px 170px rgba(210,240,255,0.5);
  box-shadow:        inset 0px -160px 170px rgba(210,240,255,0.5);*/
  position:relative;
}

/*#gradient-full h1, #gradient-full p, #gradient-full img{
  float:left;
}*/

#gradient-full img.about-hero{
  margin:0 29px 0 40px;
}
.vid-hold{margin:20px 40px;}
#gradient-full h1, #gradient-full p{
  /* text-shadow:0 1px 0 #7897b6; */
  width:500px;
}
#gradient-full div.title{
  float:right;
}
#gradient-full h1{
  color:#4c4c4c;
  text-shadow:0 -1px 0 #222;
  font-weight:normal;
  margin:.3em 0;
}

#gradient-full p{
  color:#333;
  font-size:16px !important;
  line-height:22px !important;
  margin:0;
}

#gradient-full p a { }

.row-full{
  margin:auto;
  padding:60px 42px 10px 42px;
  position:relative;
  width:940px;
}

.blue-headshadow, .blue-footshadow{
  position:absolute;
  width:100%;
  height:47px;
}
.blue-headshadow{
  top:0px;
  background:url('/images/sh_head.png') no-repeat center;
}

.blue-footshadow{
  bottom:0px;
  background:url('/images/sh_foot.png') no-repeat center;
}
#gradient-full .row-full{
  background: url('/images/homebg.jpg') top left no-repeat;
}

div.btn {padding-bottom: 1em;}
.btn .q-search.blnk{  background-image: url('/images/autocomplete.png') !important;}
.btn .q-search.txt{  background-image: url('/images/autocomplete2.png') !important;}
.btn .q-search.error.blnk{  background-image: url('/images/autocomplete3.png') !important;}
.btn .q-search.error.txt{  background-image: url('/images/autocomplete4.png') !important;}

.topsearch .q-search.error{
  box-shadow:inset 0px 0px 6px 1px red, 0px 1px 0px #fff, inset 0px 2px 2px #aaa,  inset 0px -10px 10px #eeeeee;
  -moz-box-shadow:inset 0px 0px 6px 1px red, 0px 1px 0px #fff, inset 0px 2px 2px #aaa, inset 0px -10px 10px #eeeeee;
  -webkit-box-shadow:inset 0px 0px 6px 1px red, 0px 1px 0px #fff, inset 0px 2px 2px #aaa,  inset 0px -10px 10px #eeeeee;
}
/* --------------------------------
   Left Container Width Options
   -------------------------------- */

#left-content {
  float:left;
  padding:70px 40px 50px 0;
  width:680px;
}

#left-content-indent {
  float:left;
  padding:50px 40px 50px 60px;
  width:580px;
}
#left-content-indent.full {
  float:left;
  padding:70px 30px 50px 30px;
  width:880px !important;
}
.shorttop #left-content-indent{
  float:left;
  padding:15px 40px 50px 60px;
  width:580px;
}
.shorttop .right-content-indent{
  float:right;
  padding:15px 40px 50px 60px;
  width:580px;
}
.shorttop .sidebar{padding-top: 10px;}
#full-form {
  float:left;
  padding:70px 0px 50px 200px;
  width:580px;
}

#full-form.narrow {
  float:left;
  padding:70px 0px 50px 200px;
  width:500px;
}
#full-form.narrow .checkfield{
 margin:auto;
 float:none !important;
 width:260px;
 text-align:left;
}
#full-form .checkfield.double{
  width:100%;
}
#full-form .checkfield.double input, #full-form .checkfield.double textarea{width:100%; min-height: 100px;}
.img-container{
  margin:40px 0;
  text-align:center;
}

.img-container img{
  border:5px solid #FFF;
  box-shadow:0 1px 2px #999;
  -moz-box-shadow:0 1px 2px #999;
  -webkit-box-shadow:0 1px 2px #999;
}

/* --------------------------------
   Sidebar
   -------------------------------- */

.sidebar{
  float:left;
  padding:45px 60px 50px 0;
  width:160px;
}

.sidebar-shadow{
  margin:0;
  padding:0;
  list-style-type:none;
}

.sidebar-shadow li{
  padding:0 0 0 45px;
}

.sidebar-shadow .middle{
  margin:-110px 0;
  position:relative;
     min-height:220px;
     height:auto !important;
     height:220px;
}

.midshad {
  position:absolute;
  top:110px;
  bottom:110px;
  left:0px;
  width:13px;
  background:url('/images/vshadow_bg.png') repeat-y;
}

.sidebar-shadow .top{
  height:150px;
  width:13px;
  background:url('/images/vshadow.png') repeat-y top left;
}

.sidebar-shadow .bottom{
  height:150px;
  width:13px;
  background:url('/images/vshadow.png') repeat-y bottom left;
}

.middle p{
  margin:0;
  padding:5px 0;
  font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#444;
}
.middle h3{
  margin-top:0;
}

/* --------------------------------
   Sidebar Wide (extends to edge)
   --------------------------------*/

#sidebar-wide{
  float:left;
  padding:45px 0 50px 0;
  width:260px;
}

#sidebar-wide .img-container{
  margin-bottom:20px;
  margin-top:0;
}


#sidebar-wide .blue-box{
  background-color:#d6e2ec;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  box-shadow:inset 0px 0px 3px #194b75;
  -moz-box-shadow:inset 0px 0px 3px #194b75;
  -webkit-box-shadow:inset 0px 0px 3px #194b75;
  font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
  margin-bottom:15px;
  padding:15px;
  width:185px;
}

#sidebar-wide .blue-box label{
  font-size:11px;
  color:#3a587a;
  display:block;
  float:left;
  padding:11px 0 10px 0;
 }

#sidebar-wide .blue-box input[type='image']{
  margin:15px 0 0 -2px;
  padding:0;
 }

#sidebar-wide .blue-box em{
  font-style:normal;
  font-weight:bold;
}

#sidebar-wide .blue-box p{
  margin:0;
  padding:0;
  font-size:11px;
  line-height:18px;
}

#sidebar-wide .emp p{
  font-size: 13px;
  color: #333;
  padding: 0;
  line-height: 8px;
  margin: 1.4em 0;
  width: 195px;
}

em.pack-opt{
  color:#00f !important;
}
 em.shell-plat{
  color:#b500e9 !important;
 }
 em.cont-plat{
  color:#1ea8a3 !important;
}
em.cont{
  color: #a90 !important;
}
#sidebar-wide h2{
  padding:10px 0 10px 0;
  margin:10px 0 0 0 !important;
}
/* --------------------------------
  project stlyes
   --------------------------------*/

.project-tile{
  background-color: #f0f0f0;
  width:48%;
  margin:1%;
  box-sizing:border-box;
  moz-box-sizing:border-box;
  float:left;
  position: relative;
  border-radius: 8px;
  border: 1px solid #ddd;
  padding: 10px 10px 15px;
  box-shadow: inset 0px 0px 1px 1px white, inset 0px -350px 300px -300px rgba(0,0,0,0.2);
}
.project-tile .delete{
  font-size: 32px;
  display: block;
  position: absolute;
  top:1px;
  right:12px;
  color:#666;
}
.project-tile .delete:hover{
  color:#3a587a;
}
.project-tile h2{
  border-bottom: 1px solid #ddd;
  padding: 0 0 8px;
  margin: 4px 0 5px;
}
.project-tile img{
  float:left;
  width:40%;
}
.project-tile .info{
  width:53%;
  float:right;
  margin-right: 3%;
}
.project-tile p{
  margin: 10px 0;
  font-size: 14px;
  line-height: 16px;
}

.results thead tr th.action{
  font-size: 13px;
  font-weight: normal !important;
  color: #888 !important;
}
.results thead tr th.action .action-well{
  font-size: 18px;
  padding: 0 15px;
  height: 30px;
  display: inline-block;
  background-color: #eee;
  background-color: rgba(255,255,255,0.4);
  border-radius: 5px;
  box-shadow: inset 0px 2px 2px #aaa, inset 0px -1px 0px #eee;
}
.results thead tr th.action .action-well a{
  line-height: 34px;
  margin:0 1px;
  color: #444;
}
.results thead tr th.action .action-well a:hover{
  color:#3a587a;
}
.noresults .tag-selector{
  margin: 0 -20px;
}
.noresults .tag-selector .tag-block{
  float: left;
  display: block;
  width:25%;
  box-sizing: border-box;
  padding:20px;
}
.noresults .tag-selector .tag-block:last-child{
  border-right: 0;
}
.noresults .tag-selector .tag-block a{
  margin: 0 6px 8px 0;
}
p.description{
  margin:-25px 0 30px;
  font-size: 14px;
}
#project_modal{
  padding:20px;
}
#project_modal .checkfield{
  position: relative;
  min-height: 40px;
  width: 100%;
}
#project_modal h2{
  margin: 0 0 10px;
}
#project_update_modal, #project_error_modal{
  padding:20px;
}
.project_modal_error_message {
    color:#ff0000;
    font-weight:bold;
}
#project_update_modal .checkfield{
  position: relative;
  min-height: 40px;
  width: 100%;
}
#project_update_modal h2{
  margin: 0 0 10px;
}
.popover{position: relative;}
.popover span.popover{
  display: none;
}
.popover:hover span.popover{
  display: block;
  padding:4px 10px;
  background-color: #f0f0f0;
  font-size: 12px;
  position: absolute;
  line-height: 12px;
  bottom: 33px;
  right: -15px;
  border-radius: 4px;
  border: 1px solid #ccc;
  white-space: nowrap;
  box-shadow: inset 0px 10px 10px -10px rgba(255,255,255,1);

}
.popover span.popover:after, .popover span.popover:before{
  content:'';
  display: block;
  position: absolute;
  height:0;
  width:0;
  border: 5px solid transparent;
  border-top: 4px solid #ccc;
  bottom:-10px;
  right:20px;
}
.popover span.popover:after{
  border-top: 4px solid #ddd;
  bottom:-8px;
}
.popover.large:hover span.popover{
  padding: 15px 20px;
  box-shadow: inset 0px 100px 50px -50px rgba(255,255,255,1), 0px 2px 2px 1px rgba(0,0,0,0.1), 0px 5px 10px 1px rgba(0,0,0,0.15);
  border-radius: 8px;
  line-height: 14px;
}
.popover.large:hover span.popover strong{
  padding-bottom: 5px;
  font-size: 16px;
  display: inline-block;
}
.popover.large span.popover:after, .popover.large span.popover:before{
  border: 14px solid transparent;
  border-top: 13px solid #ccc;
  bottom:-28px;
  right: 40px;
}
.popover.large span.popover:after{
  border-top: 13px solid #f0f0f0;
  bottom:-26px;
}
/* --------------------------------
  glossary stlyes
   --------------------------------*/

.glossary-nav{
  border:1px solid #ddd;
  color:#C1C1C1;
  background-color:rgba(255,255,255,0.4);
  font-size:14px;
  line-height:16px;
  padding:4px 0;
  margin:0 0 30px 0;
  text-align:center;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}

.glossary-nav a{
  color:#888;
  padding:0 5px;
  text-transform:uppercase;
  }
.glossary-nav a.greyed{
  color:#ddd;
  padding:0 5px;
  text-transform:uppercase;
  }
  .glossary-nav a.greyed:hover{
    color:#ddd;
    cursor: default;
  }
.glossary-nav a:hover{
  color:#3D74A4;
  background-color:#fff;
   -moz-box-shadow:0px 0px 4px #ccc;
-webkit-box-shadow:0px 0px 4px #ccc;
        box-shadow:0px 0px 4px #ccc;
}
.show-all{
  padding-left:10px !important;
  margin-left:5px !important;
  border-left:1px solid #ddd;
}
/* --------------------------------
  subnav style in the sidebar
   --------------------------------*/

   .extranet .sub-nav, #sidebar-wide a.drop, .sidebar a.drop, #sidebar-wide li.title, .sidebar li.title {
    display:none;
   }
   .sidebar-shadow ul.sub-nav li{
    margin:0px;
    padding:0px;
   }
#sidebar-wide .sidebar-shadow ul.sub-nav li a{
margin:0px !important;
}
.sidebar-shadow ul.sub-nav li a{
  display:block;
  margin:0 0 0 -15px;
  padding:5px 11px 6px 11px;
  font-size:13px;
  color:#1E4067;
  border-top:1px dotted #d4d4d4;
}

.sidebar-shadow ul.sub-nav li a:hover{
  padding:5px 10px 5px 10px !important;
  border:1px solid #FFF !important;
  color:#3d74a4;
  background-color:#fff;
     -moz-box-shadow:inset 1px -1px 1px #fff, inset 0px -13px 20px #ddd, 0px 1px 2px #444;
  -webkit-box-shadow:inset 1px -1px 1px #fff, inset 0px -13px 20px #ddd, 0px 1px 2px #444;
          box-shadow:inset 1px -1px 1px #fff, inset 0px -13px 20px #ddd, 0px 1px 2px #444;
  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
  text-shadow:1px 1px 0px #ffffff, -1px -1px 0px #d4d4d4;
}

.sidebar-shadow ul.sub-nav li a:hover + a, .sidebar-shadow ul.sub-nav li a:first-child{
  border:0px;
  padding:6px 11px 6px 11px;
}
/* ==========================================================================
   Home Page
   ========================================================================== */

#search-container{
  position:relative;
  margin:0px 0 50px -8px;
  z-index:1;
}

#homeslide{
  position:absolute;
  margin:0px 20px 0 0 ;
  width:940px;
  height:320px;
  top:90px;
  right:-8px;
  z-index:0;
}

#search-container form{
  float:left;
  margin:0;
  /*overflow:hidden;*/
  width:270px;
}

#search-container div.btn2{
  float:left;
  padding:40px 0 0 0;
  overflow:hidden;
  text-shadow:0 1px 0 #999;
  width:223px;
}

.ordivider{
  float:left;
  padding:0 10px;
  text-align:center;
  text-shadow:0 1px 0 #999;
}

#gradient-full #search-container img{
  margin:0 29px 0 0px;
}

#gradient-full #search-container .ordivider img{
  opacity:0.7;
  float:none;
  margin:0;
}

#search-container form input[type=text]{
  box-shadow:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  float:left;
  margin:0;
  height:14px;
  width:190px;
  padding:21px 40px 27px !important;
  border:0px;
  outline:none;
  background:url('/images/autocomplete2.png') no-repeat 0px 0px;
  color:#000;
}

#search-container form input[type=image]:focus{
  margin:0;
  outline:none;
}

.intro h3{
  background:url('/images/connections.png') no-repeat -7px -1px;
  height:30px;
  margin:0px 0 15px 0;
  padding:0;
}

.intro{
  width:700px;
  margin:0;
  float:left;
  padding-bottom: 30px;
  z-index: 9999;
  margin-left: 8px;
}
.intro p{
  font:14px "Trebuchet MS", Arial, Helvetica, sans-serif !important;
  width: 550px !important;
}

.intro a{
  text-decoration:none;
  color:#3d74a4 !important;
}

.intro a:hover{
  color:#25547d !important;
}
/* ==========================================================================
   Whitepages download page
   ========================================================================== */

.whitepage-hero{
  padding: 50px 0px 40px;
  position: relative;
}
.whitepage-hero h1{
  padding-right: 40px;
}
.whitepage-hero h1 img{
  margin:0 40px 0 80px;
  float:left;
}
.whitepage-hero p{
  font-size:16px;
  padding-right:40px;
  -webkit-font-smoothing: antialiased;
}
.whitepage-wrap{
  text-align:center;
}
.whitepage-wrap .logbox{
  width: auto;
  padding:20px;
  box-shadow: inset 0px 0px 0px 1px #ffffff, inset 0px -200px 200px -200px rgba(0,0,0,0.3), 0px 2px 1px rgba(0,0,0,0.3);
}
.whitepage-wrap .formleft{
  text-align: left;
  display: inline-block;
  float:right;
    max-width:362px;
    overflow:hidden;

}
.whitepage-wrap .formleft .inputholder{
  height:auto;
  margin: -5px -4px 11px;
  padding:5px 4px 4px;
}
.whitepage-wrap .formleft .inputholder .errortext{
  font-size: 12px;
  margin-top:-2px;
  display:block;
}
.whitepage-wrap .logbox .inputholder textarea, .whitepage-wrap .logbox .inputholder input[type="text"], .whitepage-wrap .logbox .inputholder input[type="password"]{
  width:100%;
  display: block;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
  height:28px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.whitepage-wrap .logbox .inputholder .mini-y-button{
  margin-bottom: 0;
}
.whitepage-wrap .colright{
  text-align: left;
  display: inline-block;
  float:right;
  max-width: 450px;
  padding-left: 60px;
    vertical-align:top;
    margin-top: 35px
}
.whitepage-wrap .colright .runaround{
  float:left;
  margin:0px 20px 10px -30px;
}


/* =============================================================================
   Responsive styles
   ========================================================================== */

.responsive #main, .responsive header, .responsive footer{
  width:auto;
  max-width: 940px;
}
.responsive img{
  max-width: 100%;
}
@media only screen and (max-width: 920px){
  .colright{
    width:auto;
    padding:10px 30px !important;
  }
  .whitepage-hero h1{
    font-size: 24px;
  }
  .whitepage-hero h1 img{
    float:none !important;
    display:block;
    margin: 0 auto;
  }
  .whitepage-hero h1, .whitepage-hero p{
    padding: 0 30px;
  }
  footer{
    text-align: center;
  }
  footer .small{
    width:100%;
  }
  .whitepage-wrap .colright, .whitepage-wrap .formleft{
    float:none;
  }
  .whitepage-wrap .colright .runaround{
    margin:0 auto;
    display: block;
    float:none;
  }
}

/* ==========================================================================
   Text Pages
   ========================================================================== */

#left-content-indent ul{
  margin:0 0 2.4em 15px;
  list-style-type:disc;
}
#left-content-indent .blue-box ul{
  list-style-type:none;
}

#left-content-indent ul li{
  font-size:13px;
  margin:10px 0;
}

#left-content-indent ul.sublist{
  margin:0;
}

#left-content-indent ol li ul li{
  padding:0 0 0 20px;
  margin:0;
}

#left-content-indent .ul-indent{
  list-style:disc;
  line-height:20px;
  margin:0 0 1.4em 40px;
}

#left-content-indent .ul-indent li{
  color:#222;
  margin:3px 0;
}

#left-content-indent ul.landing-page li{
  font-size: 14px;
}


/* ==========================================================================
   Custom Part
   ========================================================================== */
div.customboxes .blue-box{
  background-color:#d6e2ec;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  box-shadow:inset 0px 0px 3px #194b75;
  -moz-box-shadow:inset 0px 0px 3px #194b75;
  -webkit-box-shadow:inset 0px 0px 3px #194b75;
  font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
  margin:15px 10px 50px 0px;
  padding:15px;
  overflow:hidden;
  float:left;
  position:relative;
  width: 240px !important;
  height:160px;
}
div.customboxes .blue-box a.icon-button{background-color: #eee; position: absolute; bottom: 15px; left:15px;}
div.customboxes .blue-box .num{
  position:absolute;
  font-size:20px;
  font-weight:bold;
  top:2px;
  left:5px;
  color:#a8c5de;
}
.blue-box h2{
  margin:0px 0 0 0;
}
div.customboxes .blue-box p{
  line-height:18px;
  margin:10px 0 10px 0;
}
.qsearch_btn{
  height:33px;
  width:250px;
  background:url('../images/btn_database.png');
  position:absolute;
  bottom:15px;
}
.worksheet_btn{
  height:33px;
  width:250px;
  background:url('../images/btn_downloadworksheet.png');
  position:absolute;
  bottom:15px;

}
.opt3 input[type="text"]{
  width:228px;
  padding:10px;
}
.opt3 textarea{
  width:228px;
  padding:10px;
  margin-bottom:10px;
}
.customhead{
  width:900px;
  margin:40px auto 0;
}
/* ==========================================================================
   Document Library
   ========================================================================== */

ul.doclib, ul.sublist{
  list-style-type:none !important;
}
ul.doclib li{
  padding:0px 23px;
}
ul.doclib li.lock{background:url('../images/lock_icon.png') no-repeat 4px top;}
ul.doclib li.link{background:url('../images/link_icon.png') no-repeat 2px top;}
ul.doclib li.pdf{background:url('../images/pdf_icon.png') no-repeat left center;}
/* ==========================================================================
   Engineering Notebook Database Content Formating
   ========================================================================== */

#notebook_data{
  padding:0px;
  overflow:hidden;
}

#notebook_data div.img_holder{
  text-align:center;
  font-weight:bold;
  color:#777;
  padding:15px;
  overflow:hidden;
}
#notebook_data div.img_holder img{
display:block;
margin:0 auto 5px;
border:4px solid #fff;
   -moz-box-shadow:0px 2px 3px #888;
-webkit-box-shadow:0px 2px 3px #888;
        box-shadow:0px 2px 3px #888;
}
#notebook_data p{
  display:block;
  clear:both;
}
#notebook_data strong{

}
#notebook_data h2{

}
#notebook_data ul{
  list-style-type:disc;
  padding:10px 0 10px 20px;
}
#notebook_data ul li{
  padding:3px 0 3px 0;
}
#notebook_data ol, #left-content-indent ol{
  list-style-type:decimal;
  padding:10px 0 10px 20px;
  font-size:13px;
  color:#444;
}
#notebook_data ol li, #left-content-indent ol li{
  padding:3px 0 3px 0;
}
#notebook_data img.left_runaround{
  float:left;
  margin:4px 15px 13px 0;
  border:4px solid #fff;
   -moz-box-shadow:0px 2px 3px #888;
-webkit-box-shadow:0px 2px 3px #888;
        box-shadow:0px 2px 3px #888;
}
#notebook_data img.right_runaround{
  float:right;
margin:4px 0 13px 15px;
  border:4px solid #fff;
   -moz-box-shadow:0px 2px 3px #888;
-webkit-box-shadow:0px 2px 3px #888;
        box-shadow:0px 2px 3px #888;
}
.crimp_table{

}
.crimp_table tr td.smalltxt{

}
.springpin_table{

}
.springpin_table .col1{

}
.pages{
  font-size:13px;
  text-align:right;
  padding:0 0 10px 0 ;
}
/* ==========================================================================
   New Product & Engineering Notebook
   ========================================================================== */

#new_products, #engineering_notebooks{
  margin:0 0 0 -31px;
}

#new_products a.frame, #engineering_notebooks a.frame{
  background-color:#FFF;
  border:1px solid #ccc;
  position: relative;
  border-radius:7px; -moz-border-radius:7px;-webkit-border-radius:7px;
  box-shadow:0px 1px 0px #fff, inset 0px 1px 0px #fff; -moz-box-shadow:0px 1px 0px #fff, inset 0px 1px 0px #fff; -webkit-box-shadow:0px 1px 0px #fff, inset 0px 1px 0px #fff;
  float:left;
  height:175px;
  margin:0 0 40px 31px;
  padding:10px;
  width:150px;
  text-align: center;
}

#new_products a:hover, #engineering_notebooks a:hover{
  border:1px solid #3D74A4;
}

#new_products a.frame p, #engineering_notebooks a.frame p{
  font-weight:bold;
  margin-top: 10px;
  line-height: 18px;
}

#products_next{ float:right;}
#products_prev{ float:left;}


/* ==========================================================================
   Product
   ========================================================================== */

.prod-specs{
  float:right;
  width:440px;
  padding:0;
  margin:-35px 0 0 0;
  z-index: 1;
  position: relative;
}
/*.row-full .prod-specs img {
  float:left;
  margin:0;
}*/
.row-full .prod-specs h1{
  font:normal 22px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#ceebff;
  text-shadow:-1px -1px 2px #25547d;
}
.row-full .prod-specs h2 a, .row-full .prod-specs h2 a:visited, .prod-specs a{
  color:#3a587a;
}
.row-full .prod-specs h2 a:hover,.prod-specs a:hover{
  color:#6b8baf;
}
.prod-specs a:hover img{
  opacity: 0.7;
}
.row-full .prod-specs h2{
  font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#888;
  margin:10px 0 10px 0;
}
.row-full .prod-diagram{
  width:433px;
  height:315px;
  margin:-40px 15px 35px 0px;
  padding:20px;
  float:left;
  background:url('/images/pr_diagbox.png') no-repeat;
}
.row-full .prod-diagram img{
  margin:auto;
  max-width:100%;
  max-height:100%;
}
.row-full .prod-specs span.pn{
  font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #333;
  display: block;
  padding: 0 0 12px 0;
  white-space: nowrap;
}
.row-full .prod-specs ul{
  font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
  width:100%;
  display:block;
  margin-bottom:10px;
  overflow:hidden;
}
.row-full .prod-specs ul li{
  float:left;
  margin:0 10px 10px 0;
  display:block;
  width:210px;
  color:#333;
  font-weight:normal;
}
.row-full .prod-specs ul li a, .blueline .box a, table#parts td:first-child a{
  border-bottom: 1px dotted #aaa;
}
.row-full .prod-specs strong{
  color: #777;
}
.row-full .btn-holder{
  position: absolute;
  display:block;
  width:550px;
  height:30px;
  bottom:12px;
  left:45px;
}
.row-full .prod-specs hr{
  height:1px;
  background-color:#dcdcdc;
  border:0px;
  border-bottom:1px solid #eeeeee;
}
.row-full .prod-specs a.mag{
  display:block;
  color:#3a587a;
  padding:2px 0 6px 23px;
  font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
  background:url('/images/pr_magnify.png') no-repeat;
}
.row-full .prod-specs a:hover{
  color:#6b8baf;
}
.blue-col{
  width:100%;
  margin:20px 0 40px 0;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  -webkit-box-shadow:inset 0px 0px 3px #194b75;
  -moz-box-shadow:   inset 0px 0px 3px #194b75;
  box-shadow:        inset 0px 0px 3px #194b75;
  background: #d6e2ec;
  position: relative;
}
.blue-col.blueline{
  background:#d6e2ec url('/images/blueline.jpg')217px 0px repeat-y !important;
}
#parts_length{
  width:100%;
  background: rgba(255,255,255,0.9) ;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  display: block;
  text-align: right;
  border-bottom:1px solid #ddd !important;
}
.dataTable span.pn{
  font-size: 14px;
  white-space: nowrap;
}
.blue-col .box{
  float:left;
  width: 185px;
  padding:15px;
  font:13px "Trebuchet MS", Arial, Helvetica, sans-serif !important;
}
.blue-col .box.double{
  width:430px;
}
.blue-col .box.double th h2{
  text-align: left;
}
.blue-col .box.double td{
  font-size: 11px;
  line-height: 18px;
}
.blue-col .box.double td.shell{padding-right: 20px;}
.blue-col .box.first{
  padding-right: 20px;
  margin-right: 5px;
}
.checkform.right .box{
  width:185px;
  margin-bottom:15px;
  padding:15px;
  background-color:#d6e2ec;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  -webkit-box-shadow:inset 0px 0px 3px #194b75;
  -moz-box-shadow:   inset 0px 0px 3px #194b75;
  box-shadow:        inset 0px 0px 3px #194b75;
  font:13px "Trebuchet MS", Arial, Helvetica, sans-serif !important;
}
.blue-col .custom.dropdown{
  float:right !important;
}
 .box h2{
  color:#000;
  font-weight:bold;
  font-size:13px;
  margin:10px 0 10px 0;
  padding:0;
 }
 .box label{
  font-size:11px;
  color:#3a587a;
  display:block;
  float:left;
  padding:11px 0 20px 0;
 }
 .box input[type='image']{
  margin:10px 0 0 -3px;
  padding:0;
 }
.box em, .rightcol-part em{
  font-style:normal;
  font-weight:bold;
  color:#b500e9;
}
.box p{
  margin:0;
  padding:0;
  font-size:11px;
  line-height:18px;
}
.box em.alt{
  color:#007a76;
}
.rightcol-part{
  margin:10px 0px 30px 0;
  width:940px;
  font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.rightcol-part table td{
  font-size:12px;
  line-height:1.5em;
}
.rightcol-part table tr.odd{
  background-color:#fff;
  border-width:0px;
  border-top:1px solid #000 !important;
  border-bottom:1px solid #000 !important;
}
.rightcol-part table tr.even{
  background-color:transparent;
  border:none;
}

.rightcol-part table th{
  text-align:left;
  color:#000;
  font-weight:normal;
}
.rightcol-part table th img{
  margin:0 0 5px 8px;
}
/*.rightcol-part table th.col1{min-width:150px;}
.rightcol-part table th.col2{min-width:70px;}
.rightcol-part table th.col3{min-width:210px;}
.rightcol-part table th.col4{min-width:200px;}*/

.rightcol-part a.lookingfor img{
  margin:30px 0 ;
}

div.recentview{
  background:url('../images/pr_shadow.png') top center no-repeat;
  clear:both;
  float:none;
  overflow:hidden;
  padding:50px 0 70px 0;
}
div.recentview .item{
  float:left;
  width:210px;
  margin:0 25px 0 0;
}
div.recentview .item img{
  display:block;
  margin:0 0 15px 0;
  max-width: 210px;
  max-height: 125px;
}
div.recentview .item h2{
  color:#1e4067;
  font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight:bold;
}

/*  --------------------------------------------------
  Employment
  -------------------------------------------------- */

.emailresume{
  display:block;

  background:url('../images/btn_emailresume.png');
  width:184px;
  height:33px;
  margin-top:8px;
}



/*  --------------------------------------------------
  Reveal Modals
  -------------------------------------------------- */

  .modal-holder{
    position:absolute;
    top:-50px;
    left:50%;
  }
  .reveal-modal-bg {
    position:fixed;
    height:100%;
    width:100%;
    background:#222;
    z-index:40;
    display:none;
    top:0;
    left:0;
    }

  .reveal-modal {
    visibility:hidden;
    top:100px;
    left:50%;
    margin-left:-300px;
    width:520px;
    background:#eeeeee url(../images/modal-gloss.png) no-repeat -200px -80px;
    position:absolute;
    z-index:41;
    padding:0;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:0 0 10px rgba(0,0,0,.4);
    -webkit-box-shadow:0 0 10px rgba(0,0,0,.4);
    box-shadow:0 0 10px rgba(0,0,0,.4);
    }

  .reveal-modal.small     { width:200px; margin-left:-140px;}

  .reveal-modal.medium    { width:500px; margin-left:-240px;}
  .reveal-modal.large     { width:650px; margin-left:-340px;}
  .reveal-modal.xlarge    { width:800px; margin-left:-400px;}

  .reveal-modal .close-reveal-modal {
    display:block;
    background-color:#000;
    font-size:22px;
    line-height:28px;
    position:absolute;
    -moz-border-radius:   15px;
    -webkit-border-radius:15px;
    border-radius:        15px;
    top:-13px;
    right:-13px;
    color:#aaa;
    height:30px;
    width:30px;
    font-weight:bold;
    cursor:pointer;
    text-align:center;
    }

  .reveal-modal .row {
    min-width:0;
  }

  #order_detail_modal table {

  }
    /* Mobile */

    /*@media handheld, only screen and (max-width:1023px) {
      .reveal-modal-bg { position:absolute; }

      .reveal-modal,
      .reveal-modal.small,
      .reveal-modal.medium,
      .reveal-modal.large,
      .reveal-modal.xlarge { width:60%; top:60px; left:15%; margin-left:0; padding:20px; height:auto; }
    }

    @media handheld, only screen and (max-width:767px) {
      .reveal-modal-bg { position:absolute; }

      .reveal-modal,
      .reveal-modal.small,
      .reveal-modal.medium,
      .reveal-modal.large,
      .reveal-modal.xlarge { width:80%; top:15px; left:5%; margin-left:0; padding:20px; height:auto; }
    }*/

/* ==========================================================================
   Product Finder Styles
   ========================================================================== */
.searchedon{
  font-size: 14px;
  color:#444444;
  margin: -25px 0 20px 0;
}
.searchedon span{
  color: #1E4067;
  padding: 0 10px;
}
.viewdetail{
  margin: 10px 0 0 -3px;
}
.tabnav{
  height:70px;
  margin:40px auto -10px;
  width:832px;
}
.tabnav li{
  float:left;
  display:block;
  margin:0 6px;
  width:195px;
}

a.btn-circuit{background:url('../images/btn_circuitboard.png');}
a.btn-prodfam{background:url('../images/btn_productfamily.png');}
a.btn-cross{background:url('../images/btn_cross.png');}
a.btn-search{background:url('../images/btn_quicksearch2.png');}

a.btn-circuit:hover, a.btn-circuit.active{background:url('../images/btn_circuitboard_hov.png');}
a.btn-prodfam:hover, a.btn-prodfam.active{background:url('../images/btn_productfamily_hov.png');}
a.btn-cross:hover, a.btn-cross.active{background:url('../images/btn_cross_hov.png');}
a.btn-search:hover, a.btn-search.active{background:url('../images/btn_quicksearch2_hov.png');}

.prod-box{
  margin:0;
  width:820px;
 /* width: 940px;*/
  padding:35px 60px 15px;
  height:172px;
  position:relative;

}
.prod-box .famtitle{
  position:absolute;
  height:15px;
  width:300px;
  color:#999999;
  color:rgba(0,0,0,0.3);
  font-size:15px;
  /*float: left;*/
  line-height:15px;
  top:15px;
  left:65px;
}
.prod-box.scroll{
  margin:0;
  width:940px;
  height:207px;
 padding:15px 0 0 0 !important;

}
.prod-box .select-options{
  position: absolute;
  top: 7px;
  right: 10px;
  font-size: 12px;
  z-index: 10;
  /*float: right;*/
}
.prod-box .loading{
  background-image: url('../images/loading.gif');
  background-position: center center;
  background-repeat: no-repeat;
  width:940px;
  height:207px;
  position: absolute;
  left:0px;
  top:0px;
  display:none;
}
#prodfam_step2 .loading, #prodfam_step4 .loading, #prodfam_step6 .loading, #prodfam_step8 .loading{
  background-image: url('../images/loading2.gif');
}
.prod-box ul{
  margin:0;
  padding:0;
  list-style-type:none;
}
.prod-box ul li {
  margin:0;
  padding:13px 11px;
  float:left;
  width:95px;
  height:146px;
  background:url('/images/prodbg.png') -3px 0px;
  text-align:center;
  color:#1e4067;
  font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
  cursor:pointer;
}
.prod-box ul li img{
  width: 73px;
  height: 62px;
  padding: 8px 9px;
}
#prodfam_step1 ul li img{
  width: 91px;
  height: 78px;
  padding:0;
}
.prod-box ul li span{
  padding:0 5px;
  display: block;
  font-size: 11px;
}
.prod-box ul li:hover{
  background:url('/images/prodbg_hov.png') -3px 0px no-repeat;
  position:relative;
  height:146px;
}
.prod-box ul li.active, .prod-box ul li.active2{
  background:url('/images/prodbg_active.png') -3px 0px no-repeat;
  position:relative;
  height:146px;
}
.prod-box ul li.active div{
  background:url('/images/greydiv_arrow1.jpg');
  position:absolute;
  width:35px;
  height:18px;
  left:39px;
  bottom:-31px;
  z-index:20;
}
.prod-box ul li.active2 div{display: none !important;}
#prodfam_step2 ul li.active div, #prodfam_step4 ul li.active div, #prodfam_step6 ul li.active div, #prodfam_step8 ul li.active div{
  background:url('/images/greydiv_arrow2.jpg') !important;
}
.cboard{
  margin:0 auto;
  padding:15px 0 25px 0;
  width:853px;
  height:316px;
  position:relative;
}
.cboard a.highlight:hover{
  border:4px solid white;
  border-color:rgba(255,255,255, 0.6) !important;
  background:url('/images/circuit_board_highlight.png');
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  -webkit-box-shadow:0px 3px 11px rgba(0, 16, 37, 0.45), inset 0px 0px 10px #194b75;
  -moz-box-shadow:   0px 3px 11px rgba(0, 16, 37, 0.45), inset 0px 0px 10px #194b75;
  box-shadow:        0px 3px 11px rgba(0, 16, 37, 0.45), inset 0px 0px 10px #194b75;
}
.part1{
  position:absolute;
  top:170px;
  left:27px;
  height:80px;
  width:93px;
}
.part2{
  position:absolute;
  top:95px;
  left:615px;
  height:80px;
  width:53px;
}

.finder-search{
  padding:40px 0;
  height:64px;
  width:713px;
  margin:0 auto;
}
.finder-search input[type=text]{
  float:left;
  margin:6px 15px 0 0;
  height:18px;
  width:372px;
  outline:none;
  color:#999;
  font-weight:normal;
}

.finder-search input[type=submit]{
  float:left;
  display:block;
}

.finder-search input.yellow-button{
  font-size:14px;
  line-height:40px;
  margin:2px 0 0 10px;
  height:42px;
  padding:0;
  width:270px;
}

.cross-search input[type=image]{
  margin:0;
  height:64px;
}
#prodfam_step2, #prodfam_step4, #prodfam_step6, #prodfam_step8{
  background:url('/images/greydiv_bg.jpg');
  border-top:1px solid #c0c0c0;
  /*padding:20px 60px 15px;*/
}
.center-wrap{
  position: relative;
  float:left;
  left:-50%;
}
.center-wrap2{
  position: relative;
  left:50%;
}
.results-box{
  position: relative;
  font-weight:bold;
  padding:50px 0 35px ;
  height:106px;
}
.results-box .small{
  font-size:20px;
  height: 20px;
  padding:36px 0 0 0;
  margin-left: 25%;
  display:block;
  float:left;
}
.results-box .big{
  height:86px;
  font-size:50px;
  padding:20px 30px 0 10px;
  margin:-6px 20px 0 0;
  display:block;
  float:left;
  background:url('/images/results_divider.jpg') no-repeat top right;
}

.results-box .yellow-button{
  margin:25px 0 0 10px;

  display:block;
  float:left;

  width:200px;
}

/* ===========================================================================
   Circuit Board
   ========================================================================== */
.maparea{
  outline:none;
}
div#circuit-board{
  width:830px;
  height:328px;
  background:url('../images/circuit/board.png');
  position:relative;
  margin:20px auto;
}
div#circuit-board #dark{
  width:830px;
  height:328px;
  background:url('../images/circuit/dark.png');
  position:absolute;
  top:0;
  left:0;
  z-index:10;

}
div#circuit-board #mapactive{
  width:830px;
  height:328px;
  position:absolute;
  top:0;
  left:0;
  z-index:12;
}

div#circuit-board #map{
  width:830px;
  height:328px;
  position:absolute;
  top:0;
  left:0;
  z-index:11;
}
div#circuit-board #map.icsocket{background:url('../images/circuit/hovsprite.png') 0px 0px !important;}
div#circuit-board #map.iosocket{background:url('../images/circuit/hovsprite.png') 0px -328px !important;}
div#circuit-board #map.interconnects{background:url('../images/circuit/hovsprite.png') 0px -656px !important;}
div#circuit-board #map.springpin{background:url('../images/circuit/hovsprite.png') 0px -984px !important;}
div#circuit-board #map.springcon{background:url('../images/circuit/hovsprite.png') 0px -1312px !important;}
div#circuit-board #map.malepcb{background:url('../images/circuit/hovsprite.png') 0px -1640px !important;}
div#circuit-board #map.pinrec{background:url('../images/circuit/hovsprite.png') 0px -1968px !important;}


div#circuit-board #mapactive.icsocket{background:url('../images/circuit/hovsprite.png') 0px 0px !important;}
div#circuit-board #mapactive.iosocket{background:url('../images/circuit/hovsprite.png') 0px -328px !important;}
div#circuit-board #mapactive.interconnects{background:url('../images/circuit/hovsprite.png') 0px -656px !important;}
div#circuit-board #mapactive.springpin{background:url('../images/circuit/hovsprite.png') 0px -984px !important;}
div#circuit-board #mapactive.springcon{background:url('../images/circuit/hovsprite.png') 0px -1312px !important;}
div#circuit-board #mapactive.malepcb{background:url('../images/circuit/hovsprite.png') 0px -1640px !important;}
div#circuit-board #mapactive.pinrec{background:url('../images/circuit/hovsprite.png') 0px -1968px !important;}


div#tooltip.icsocket{left:210px; top:90px;}
div#tooltip.iosocket{left:310px; top:100px;}
div#tooltip.interconnects{left:400px; top:140px;}
div#tooltip.springpin{left:590px; top:100px;}
div#tooltip.springcon{left:520px; top:150px;}
div#tooltip.malepcb{left:460px; top:280px;}
div#tooltip.pinrec{left:170px; top:190px;}


div#maptitle{
  color:#3d74a4;
  font-size:26px !important;
  font-weight:normal;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  position:absolute;
  text-shadow:0px 3px 1px rgba(0,0,0,0.2);
  z-index:12;
  bottom:10px;
  left:20px;
}
div#maptitle div{
    background:url('/images/greydiv_arrow1.jpg');
  position:absolute;
  width:35px;
  height:18px;
  left:139px;
  bottom:-46px;
  z-index:20;
}
div#tooltip{
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  position:absolute;
  background-color:#aaa;
  background-color:rgba(200,200,200,0.7);
  border:1px solid #ccc;
  padding:5px 15px;
  font-size:12px;
  line-height:12px;
  z-index:12;
          border-radius:5px;
     -moz-border-radius:5px;
  -webkit-border-radius:5px;
       -o-border-radius:5px;
     -moz-box-shadow:0px 4px 10px rgba(0,0,0,0.2);
  -webkit-box-shadow:0px 4px 10px rgba(0,0,0,0.2);
          box-shadow:0px 4px 10px rgba(0,0,0,0.2);
        color:#333;
        cursor:default;
}
div.tabcontent{display:none;}
/* ===========================================================================
   Hoverdetail
   ========================================================================== */

.hoverdetail{position: relative;}
.hoverdetail .preview{
  display: block;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  padding:0px;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  background-color: rgba(200,200,200,0.8);
  border-radius: 6px;
  position: absolute;
  bottom:12px;
  z-index:1000;
  box-shadow: inset 1px 1px 0px rgba(255,255,255,0.6), inset -1px -1px 0px rgba(0,0,0,0.2);
  overflow:hidden;
  margin-left: -9999px;
  margin-top: 12px;
  margin-bottom: 12px;
}
.hoverdetail:hover .preview{
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  padding: 15px;
  bottom:0px;
  margin-left: 0px;
  }

/* ===========================================================================
   Catalog Form
   ========================================================================== */
#catalogform{
  /*background:url('../images/cdcat.png') no-repeat top right;*/
  width:550px;
  padding:50px 0 0 0;
  overflow:hidden;
  margin-top:-60px;
}
#catalogform h2{
float:left;
}
#catalogform .checkfield{
  padding:5px;
  width:100%;
}
#catalogform .prod-box{
  padding-left: 95px;
  width:400px;
}
#catalogform .prod-box ul{
  list-style-type: none;
  margin: 0;
}

#catalogform .prod-box ul li.download{
  border-left: 1px solid #ddd;
  padding-left: 20px;
  background-position: 5px;
  margin-left: 5px
}
#catalogform div.cat-step2{
  padding: 30px 92px 10px 93px;
}
#catalogform div.cat-step3{
  padding: 30px 125px 10px 125px;
}
#catalogform div.cat-step2 a{
  width: 167px;
  margin: 0 5px;
  display: inline-block;
}
.cat-step2, .cat-step3{display: none;}
#catalogform .prod-box ul li img{
  height:120px;
  width: 95px;
  padding: 0;
  opacity:0.5;
}
#catalogform .prod-box ul li:hover img, #catalogform .prod-box ul li.active img{
  opacity: 1;
}
#catalogform .checkfield label{
  margin-top:-6px;
}
dl.catalog_pages dd{
  padding:4px 20px 5px 40px;
  background:url('../images/pdf_icon.png') no-repeat 10px 7px;
  margin:0;
  border-top:1px solid #ddd;
  cursor:pointer;
}
dl.catalog_pages dd span{
  color:#316897;
  font-weight:bold;
}
dl.catalog_pages dd:hover{
  padding:4px 19px 4px 39px;
  border:1px solid #aaa;
  color:#3d74a4;
  background-color:#fff;
     -moz-box-shadow:inset 1px -1px 1px #fff, inset 0px -13px 20px #ddd, 0px 1px 2px #444;
  -webkit-box-shadow:inset 1px -1px 1px #fff, inset 0px -13px 20px #ddd, 0px 1px 2px #444;
          box-shadow:inset 1px -1px 1px #fff, inset 0px -13px 20px #ddd, 0px 1px 2px #444;
          border-radius:5px;
     -moz-border-radius:5px;
  -webkit-border-radius:5px;
  text-shadow:1px 1px 0px #ffffff, -1px -1px 0px #d4d4d4;
background:url('../images/pdf_icon.png') no-repeat 9px 7px;
}
dl.catalog_pages dd:hover + dd{
  border:0px !important;
  padding:5px 20px 5px 40px;
  background:url('../images/pdf_icon.png') no-repeat 10px 8px;
}
dl.catalog_pages dt + dd{
  padding:5px 20px 5px 40px;
  background:url('../images/pdf_icon.png') no-repeat 10px 8px;
  border:0px;
}
dl.catalog_pages dd:hover span{
 color:#B500E9;
}
.smallshadow{
  background:url('/images/sh_create.png') no-repeat;
  height:20px;
  margin:35px 0 15px 0;
  width:580px;
}
/* ===========================================================================
   Left Content Blue Box
   ========================================================================== */

#left-content-indent .blue-box, #full-form .blue-box{
  background-color:#d6e2ec;
  border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
  box-shadow:inset 0px 0px 3px #194b75; -moz-box-shadow:inset 0px 0px 3px #194b75; -webkit-box-shadow:inset 0px 0px 3px #194b75;
  font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
  margin-bottom:15px;
  padding:15px;
  width:500px;
  overflow:hidden;
}
#left-content-indent .blue-box ul{
  margin:0px !important;
}
#left-content-indent .blue-box ul li span{
  float:right;
}
#left-content-indent .blue-box ul li{
  border-bottom:1px solid #bccfde;
  padding:10px;
  margin:0 !important;
}
#left-content-indent .blue-box ul li:last-child{
  border:0px;
}
#left-content-indent .blue-box table, #full-form .blue-box table{
  width:100%;
}
#left-content-indent .blue-box th, #full-form .blue-box th{
  background:#bccfde;
  border:0px;
  padding:5px 20px 3px 10px;
  text-align:left;
  color:#194b75;
  vertical-align:middle;

}
#left-content-indent .blue-box td, #full-form .blue-box td{
  background:none;
  border:0px;
  border-top:1px solid #bccfde;
  padding:5px 20px 3px 10px;
  vertical-align:middle;
}
#left-content-indent .blue-box tr:hover td, #full-form .blue-box tr:hover td{
  background:#bccfde;
}
#left-content-indent .blue-box td img{
  margin-left:-4px;
}

/* ===========================================================================
    Contact Page
   ========================================================================== */

#left-content-indent .blue-box textarea{
  width:473px;
  height:60px;
  resize:vertical;
  padding:10px;
  margin-bottom:20px;
}
#left-content-indent .blue-box .checkfield span{
  display:block;
  /*padding:6px;*/
  line-height:14px;
  /*width:450px;*/
}
#left-content-indent .blue-box .checkfield span a{
  font-size:22px;
  font-weight:bolder;
  display:block;
  float:left;
  line-height:13px;
  width:24px;
}
#left-content-indent .blue-box .checkfield .send{
  padding-top:20px;
}
/* ===========================================================================
    Representatives
   ========================================================================== */
table.salestable{
  width:100%;

}
table.salestable td{
  vertical-align:middle;
  background-color:transparent !important;
}
table.salestable tr{
  background-color:rgba(255,255,255,0.7);
}
table.salestable .col1{
  width:200px;
}
table.salestable strong{
  color:#888;
}
table.salestable thead tr{
  background:url('../images/th_bg.png');
}
table.salestable thead tr th{
  background-color: transparent !important;
  padding-top:10px !important;
  padding-bottom:10px !important;
  height:14px;
  text-align:left;
  color:#16548a !important;
  border:0 !important;
}
table.salestable tbody td{
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
          border-radius:5px;
}
table.salestable thead tr th:first-child{
  -webkit-border-top-left-radius:5px;
  -webkit-border-bottom-left-radius:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-bottomleft:5px;
  border-top-left-radius:5px;
  border-bottom-left-radius:5px;
}
table.salestable thead tr th:last-child{
  -webkit-border-top-right-radius:5px;
  -webkit-border-bottom-right-radius:5px;
  -moz-border-radius-topright:5px;
  -moz-border-radius-bottomright:5px;
  border-top-right-radius:5px;
  border-bottom-right-radius:5px;
}



/* ===========================================================================
    Errors
   ========================================================================== */
 #error_modal{
  padding-bottom:20px;
 }
 #error_modal div{
  padding:5px 20px 0;
  font-size:12px;
 }
#error_modal h2{
  text-align:center;
  font-size:20px;
  font-weight:bold;
  color:#aa3333;
  margin:0;
  padding:20px 0 5px 0;
}
#error_modal strong{
  text-transform:uppercase;
  color:#aa3333;
}

.checkfield.errortext label, .inputholder.errortext label {
  color:#aa3333;
}
span.errortext, .errortext p {
  color:#aa3333;
  font-weight: bold;
}

.checkfield.errortext input[type='text'], .checkfield.errortext input[type='password'], .checkfield.errortext textarea,
.inputholder.errortext input[type='text'], .inputholder.errortext input[type='password'], .inputholder.errortext textarea{
  border:1px solid #aa3333;
  outline:none;
  -webkit-box-shadow:0px 2px 0px #fff,  inset 0px 0px 6px red, inset 0px 2px 2px #999,  inset 0px -10px 20px #f6f6f6 !important;
     -moz-box-shadow:0px 2px 0px #fff,  inset 0px 0px 6px red, inset 0px 2px 2px #999,  inset 0px -10px 20px #f6f6f6 !important;
          box-shadow:0px 2px 0px #fff,  inset 0px 0px 6px red, inset 0px 2px 2px #999,  inset 0px -10px 20px #f6f6f6 !important;
}
.checkfield.errortext .select{
  border:1px solid #aa3333;
  outline:none;
}
.checkfield label span.errortext{
  display:none !important;
}
.checkfield.errortext label span.errortext{
  display:inline !important;
  font-size:10px;
  padding-left:0px;
}
.checkfield.sendbtn { float: right;}
span.errortext{clear:left;}
div.holder.errortext{height: 46px;}
/* ===========================================================================
    Cart styles
   ========================================================================== */

div.midshad.fix{
  top:100px !important;
}
.cart{
  width:660px;
  float:left;
  padding:40px 0;
}
.cart > p{
  padding-right: 30px;
}
.sidebar.fix{
  padding-top:25px;
  margin-left:30px;
}
.viewed{
  border-top:1px solid #ddd;
  height:131px;
  width:90px;
  padding:24px 45px;
  background:url('/images/prodbg.png') 30px 6px no-repeat;
  position:relative;
  text-align:center;
  color:#1e4067;
  font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

div.viewed img { max-width: 90px !important; }

.btnbar{
  width:619px;
  height:72px;
  background:url('/images/sh_btnbar.png') no-repeat;
  margin:40px auto 20px;
  padding:24px 0 0 0;
}
.btnbar .left{
  float:left;
}
.btnbar .right{
  float:right;
}
.viewed a.add{
  display:block;
  position:absolute;
  left:32px;
  top:7px;
  width:22px;
  height:22px;
  background:url('/images/part_add.png');
}
.viewed a.add-side{
  display:block;
  position:absolute;
  left:32px;
  top:7px;
  width:22px;
  height:22px;
  background:url('/images/part_add.png');
}

div#cart li label { display:inline-block; width: 75px !important; margin-right:20px; text-align:right; }
div#cart li input { margin: 5px 0;}

.cart h1{
  font:26px "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#163d5f;
  padding:0 0 0 10px;
}
.cart .titles{
  color:#4f5655;
  font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight:normal;
  padding:0 0 0 10px;
  height:40px;
}
.sidebar .titles{
  color:#4f5655;
  font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight:normal;
  padding:0 0 0 0;
  height:30px;
}
.cart .titles .right{
  width:195px;
  padding-left: 5px;
  float:right;
}
div.product{
  overflow:hidden;
  padding:15px 0 10px 0;
}

div.product-thanks{
    overflow:hidden;
    padding:15px 0 10px 0;
    height: 240px;
}
div.product:nth-child(2n+1){
  background:rgba(255,255,255,0.5);
  border:0px;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
}
div.product h2{
  font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#000;
  float:left;
  margin:8px;
  display: block;
  width: 215px;
}
div.product h2 img{
  margin:0 7px 3px 10px;
}
div.product ul{
  list-style-type:none !important;
  /* width:200px; */
  float:right;
  margin:0 !important;
  padding:0;
}
div.product.extra ul{width:400px;}
div.product.extra ul li .holder.title{
  float: left;
  margin-left: 20px;
  font-size: 14px;
  color: #444;
  border: none;
  box-shadow: none;
  height: 18px
  }
div.product.extra ul li .holder{float: left; margin-left: 20px;}
div.product ul li{padding-right: 28px;}
div.product.extra ul li{padding-right: 0px !important;}
div.product ul.info{
  list-style-type:disc !important;
  width:250px;
  float:left;
  clear:left;
  margin:0 0 0 40px !important;
  padding:0;
}

div.product ul.info li{padding-left: 0px;}

.holder{
  height:32px;
  width:163px;
  padding:2px;
  border:1px solid #ddd;
  margin-bottom:6px;
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
  border-radius:7px;
  -webkit-box-shadow:0px 1px 0px #fff,  inset 0px 1px 0px #fff;
     -moz-box-shadow:0px 1px 0px #fff,  inset 0px 1px 0px #fff;
          box-shadow:0px 1px 0px #fff,  inset 0px 1px 0px #fff;
  position:relative;
}

.holder.short { width:32px !important; margin-left:98px; }

.holder input[type=text], .dud{
  margin-top: 0px !important;
  padding:7px 10px !important;
  border:1px solid #ccc;
  background-color:#fff;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
          border-radius:5px;
  -webkit-box-shadow:0px 2px 0px #fff, inset 0px 1px 2px #bbb,  inset 0px -10px 20px #f6f6f6;
     -moz-box-shadow:0px 2px 0px #fff, inset 0px 1px 2px #bbb,  inset 0px -10px 20px #f6f6f6;
          box-shadow:0px 2px 0px #fff, inset 0px 1px 2px #bbb,  inset 0px -10px 20px #f6f6f6;
  color:#555;
  cursor: default;
}
.holder input[disabled=disabled]{
  background-color: #ddd;
}
.holder .full{
  height:15px !important;
  width:140px !important;
}
.holder .small{
  height:15px !important;
  width:100px !important;
  margin-right:40px !important;
}
.holder a{
  display:block;
  position:absolute;
  right:7px;
  top:7px;
  width:22px;
  height:22px;

}
.holder a.add{
  background:url('/images/part_add.png');
}
.holder a.sub{
  background:url('/images/part_subtract.png');
}
.dud {
  background-color:#f1f1f1 !important;
  border:1px solid #fafafa;
}
.small-input-box {
  width: 100px !important;
}
#last .holder{
margin-left: 209px !important;
}
.righttxt{
  float: right;
  margin: 4px -160px 0 0;
  right:0px;
  display: block;
  width: 220px;
  font-size: 11px;
  line-height: 12px;
  padding-top: 4px;
  color: rgb(87, 87, 87);

}
/* ==========================================================================
   Login
   ========================================================================== */

.logbox  .messages .alert-error{
  float:left;
  color:#880000;
  text-transform:uppercase;
  font-size:12px;
  padding:0 0 0 30px;
  height:20px;
  line-height: 20px;
  background:url('/images/alert.png') no-repeat left center;
  margin: 0 30px 20px 0;
}


.logtitle{
  font:18px "Trebuchet MS", Arial, Helvetica, sans-serif;
  padding:0 0px;
  margin:0 auto 20px;
  color:#163d5f;
}

.logbox{
  /*background:url('/images/login_bg.png');*/
  border-radius: 6px;
  box-shadow: inset 0px 0px 0px 1px #ffffff, inset 0px -200px 400px -200px rgba(0,0,0,0.3), 0px 2px 1px rgba(0,0,0,0.3);
  border:1px solid #dddddd;
  background-color: #f4f4f4;
  padding:30px 60px 30px 60px ;
  margin:40px auto ;
  position: relative;
}
.logbox .log{
  border-right:1px solid #cccccc;
  padding-right: 38px;
  width:420px;
  margin:0;
  float:left;
}
.logbox .verify{
  float:left;
  width: 317px;
  padding-left: 38px;
}
.inputholder input.med{
  padding-top:14px !important;
  padding-bottom: 13px !important;
  height:14px;
  width:284px;
}
.logbox .notsure{
  height:72px;
  font-size: 13px;
}
.logbox_modal{
  width:420px;
  margin-left:-245px !important;
  padding:30px 30px 15px;
  -webkit-box-shadow:inset 2px 2px 0px #fff,  inset -1px -1px 2px #888;
     -moz-box-shadow:inset 2px 2px 0px #fff,  inset -1px -1px 2px #888;
          box-shadow:inset 2px 2px 0px #fff,  inset -1px -1px 2px #888;
}
.bot-links{
  font-size:13px;
  text-align:center;
  padding:0;
  margin-top: -10px;
}
.inputholder{
  height:43px;
  padding:4px;
  border:1px solid #ddd;
  margin-bottom:20px;
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
  border-radius:7px;
  -webkit-box-shadow:0px 2px 0px #fff,  inset 0px 2px 0px #fff;
     -moz-box-shadow:0px 2px 0px #fff,  inset 0px 2px 0px #fff;
          box-shadow:0px 2px 0px #fff,  inset 0px 2px 0px #fff;
}


.inputholder input.full{
  padding-top: 14px !important;
  padding-bottom: 13px !important;
  height:14px;
  width:388px;
}

.inputholder input.short{
  padding-top: 14px !important;
  padding-bottom: 13px !important;
  height:14px;
  width:190px;
  margin-right:25px;
}

.inputholder a{
  color:#163d5f;
  font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.create-account{
  text-align:center;
  padding:10px 0 0;
  font-size:14px;
}
.captcha_table { width:480px;}
.captcha_table input {width:412px; margin-bottom: 10px}
.captcha_table input.login {width:160px !important;}
.captcha_table, .captcha_table th, .captcha_table tr, .captcha_table td{
  background-color: transparent;
  padding:0 ;
  border:0 !important;
  margin:0;
}
.captcha_table td {width:50%;}
.captcha_table .icon-button{
  width:18px;
  padding: 0px 41px;
  margin: 0px 8px 5px 8px;
  display: block;
}
.captcha_table .icon-button img{
  opacity: 0.7;
}
.captcha_table .icon-button:hover img{
  opacity: 0.9;
}
.captcha_table #recaptcha_image{
  border: 3px solid #eee;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.captcha_table .recaptcha_only_if_image, .captcha_table .recaptcha_only_if_audio{
  font-size: 12px;
}
/* ==========================================================================
   quote request form
   ========================================================================== */
#quote-request{display: block; padding:15px 60px 30px 60px;}
#quote-request table{ margin-bottom: 15px; border-collapse: separate; border-spacing: 2px;
/*  *border-collapse: expression('separate', cellSpacing = '2px');*/
  }
#quote-request table td{font-size: 12px; text-align: left; padding: 4px 5px; background-color: rgba(255,255,255,0.8); margin: 2px;}
#quote-request table th{font-size: 12px; text-align: left; padding: 4px 7px;}
#quote-request table .additional input{width:55px; padding-left: 5px; padding-right: 5px;}
#quote-request table .company input, #quote-request table .citystate input{width:220px; padding-left: 5px; padding-right: 5px;}
#quote-request table td.part{white-space: nowrap; line-height: 36px;}
#quote-request table td.qty{max-width: 40px; vertical-align: middle;}
/* ==========================================================================
   addresses
   ========================================================================== */

   .addresses{
    float:left;
    margin-right: 20px;
    min-width: 40%;
   }
   .addresses p{
    line-height: 18px;
    margin: 0 0 5px 0;
   }
   .addresses h3{
    margin: 10px 0 5px 0;
    border-bottom:1px solid #3D74A4;
   }

/* ==========================================================================
   Autocomplete styles
   ========================================================================== */
.topnav .autocomplete{
  margin:1px 0 0 5px;
  -webkit-border-radius:7px;
     -moz-border-radius:7px;
          border-radius:7px;
}
.topnav .autocomplete div{
  background-color:rgba(255,255,255,0.8);
  padding:2px 20px;
  width:155px;
  border-top:1px solid #ccc;
  color:#666;
  font:normal normal normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
  -webkit-box-shadow: 0px 4px 6px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 4px 6px rgba(0,0,0,0.2);
  box-shadow: 0px 4px 6px rgba(0,0,0,0.2);
}
.topnav .autocomplete div strong{
  color:#163d5f;
  font-weight:bold;
}
.topnav .autocomplete div.selected strong{
  color:#fff;
}
.topnav .autocomplete div.selected{
  background-color:#58b;
  color:#def;
}
.topnav .autocomplete div:first-child{
  border-top:0px;
  -webkit-border-top-right-radius:7px;
  -moz-border-radius-topright:7px;
  border-top-right-radius:7px;
}
.topnav .autocomplete div:last-child{
  -webkit-border-bottom-left-radius:7px;
  -webkit-border-bottom-right-radius:7px;
  -moz-border-radius-bottomleft:7px;
  -moz-border-radius-bottomright:7px;
  border-bottom-left-radius:7px;
  border-bottom-right-radius:7px;
}

.home .autocomplete,
.extranet_getquote .autocomplete{
  margin:-13px 0 0 15px;
  -webkit-border-radius:7px;
     -moz-border-radius:7px;
          border-radius:7px;
}
.extranet_getquote .autocomplete{ margin-top:0; }
.home .autocomplete div,
.extranet_getquote .autocomplete div{
  background-color:rgba(255,255,255,0.8);
  padding:6px 12px;
  width:220px;
  border-top:1px solid #ccc;
  color:#666;
  font:normal normal normal 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
  -webkit-box-shadow: 0px 4px 6px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 4px 6px rgba(0,0,0,0.2);
  box-shadow: 0px 4px 6px rgba(0,0,0,0.2);
}

.extranet_getquote .autocomplete div{ width: 290px};
.home .autocomplete div strong,
.extranet_getquote .autocomplete div strong{
  color:#163d5f;
  font-weight:bold;
}
.home .autocomplete div.selected strong,
.extranet_getquote .autocomplete div.selected strong{
  color:#fff;
}
.home .autocomplete div.selected,
.extranet_getquote .autocomplete div.selected{
  background-color:#58b;
  color:#def;
}
.home .autocomplete div:first-child,
.extranet_getquote .autocomplete div:first-child{
  border-top:0px;
}
.home .autocomplete div:last-child,
.extranet_getquote .autocomplete div:last-child{
  -webkit-border-bottom-left-radius:7px;
  -webkit-border-bottom-right-radius:7px;
  -moz-border-radius-bottomleft:7px;
  -moz-border-radius-bottomright:7px;
  border-bottom-left-radius:7px;
  border-bottom-right-radius:7px;
}

/* ==========================================================================
   3D API
   ========================================================================== */

div#wrap3d > div {
    float: left;
    width:350px;
    margin: 20px 0 60px 60px;
}

div#wrap3d > div:last-child {
    margin: 20px 0 60px 20px;
    background: url("/images/foot_divider.png") no-repeat scroll 0 10px rgba(0, 0, 0, 0);
    padding-left: 20px;
}

div#wrap3d div.paramdiv {
    color: #333;
    font-size: 13px;
    margin: 0 0 10px 0;
}

div#wrap3d select {
    color: #333;
    font-size: 13px;
    padding: 2px;
    border: 1px solid #555;
}

div#wrap3d div.paramdiv select {
    float: right;
    width:100px;
}

div#wrap3d div.paramdiv span:first-child {
    float: left;
    display: inline-block;
    width:100px;
}

div#wrap3d div.paramdiv input[type=button]{
    width:200px;
    padding: 2px;
    border-width: 1px;
    border-collapse: collapse;
}

div#wrap3d select#format_3d {
    width:350px;
}

div#wrap3d input#zipped_3d {
    margin: 2px 0 0 5px;
}


div#wrap3d select#version_3d {
    margin-left: 10px;
}

div#wrap3d h2, div#wrap3d h3 {
    margin: 0px 0 10px 0;
}

div#wrap3d div#response > div {
    margin: 5px 5px 5px 50px;
    border: 2px solid #ddd;
    background-color: #fff;
    padding: 10px;
    display: none;
    text-align: center;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

div#wrap3d #part_number {
    font: bold 14px arial,sans-serif;
}


/* ==========================================================================
   Checkout
   ========================================================================== */

#left-content-indent input[type=text], #project_modal input[type=text], #full-form input[type=text], #full-form input[type=password], #left-content-indent input[type=password]{
  height:14px;
  width:218px;
  margin-right:28px;
  padding:9px 20px
}

#sidebar-wide input[type=text]{
  height:32px;
  width:167px;
  margin:0 18px 0 2px;
}

.checkfield {
  float:left;
}

.checkfield label{
  padding:15px 0 5px 3px;
  display:block;
  color:#163d5f;
  font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.checkfield.createbox label{
  padding:0 !important;
}

.checktitle{
  font:26px "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#163d5f;
}

#create{
  background:url('/images/sh_create.png') no-repeat;
  height:155px;
  float:left;
  margin:45px 0 20px 0;
  padding:40px 0 0 0;
  width:580px;
}

#create h2{
  margin:0;
}

#create input[type=text]{
  margin-right:0;
}

.createbox{
  color:#666;
  height:34px;
  margin:35px 40px 0 0;
  width:250px;
}

.createbox p{
  line-height:16px;
  margin:0;
}

 .continue{
  display:block;
  margin:10px auto 0;
  width:230px;
  padding-left:10px;
  clear:left;
}
 .continue_dist{
  display:block;
  margin:10px 0 0 2px;
  width:230px;
  padding-left:10px;
  clear:left;
  float:left;
}
.checkfield.newuser{display:none;}
/*==================================================*/
/*  $Tooltips                                       */
/*==================================================*/
[data-tip] {
  position:relative;
  cursor:help;
}
[data-tip]:before {
  content:'';
  /* hides the tooltip when not hovered */
  display:none;
  border:5px solid #1a1a1a;
  /* 4 border technique to create the arrow */
  border-top-color:#1a1a1a;
  border-right-color:transparent;
  border-bottom-color:transparent;
  border-left-color:transparent;
  position:absolute;
  top:-7px;
  left:10px;
  z-index:8;
  font-size:0;
  line-height:0;
  width:0;
  height:0;
}
[data-tip]:after {
  display:none;
  content:attr(data-tip);
  position:absolute;
  top:-35px;
  left:0px;
  padding:5px 8px;
  background:#1a1a1a;
  color:#fff;
  z-index:9;
  font-size: 0.75em;
  height:18px;
  line-height:18px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  white-space:nowrap;
  word-wrap:normal;
}
[data-tip]:hover:before,
[data-tip]:hover:after {
  display:block;
}

/* =============================================================================
   jquery dataTables styles
   ========================================================================== */




/*
 * Table
 */
table.dataTable {
  margin:10px auto;
  clear:both;
  width:100%;
}
table.dataTable tbody {
  border-bottom:1px solid #ddd;
}
table.dataTable thead th {
  padding:10px 18px 10px 10px;
  font-weight:bold;
  cursor:pointer;
  *cursor:hand;
  position:relative;
}

div.release_dates table.datatable thead tr th{
  padding: 5px 10px !important;
  background: #abc !important;
  box-shadow:  inset 0 2px 10px #abc, inset 0 30px 25px -20px #fff;
}
table.datatable{border: none !important; margin-top: 0 !important;}
table.dataTable tfoot th {
  padding:3px 18px 3px 10px;
  font-weight:bold;
  display:none;
}

table.dataTable td {
  padding:10px;
  vertical-align:top;
  position: relative;
}

table.dataTable td.center,
table.dataTable td.dataTables_empty {
  text-align:center;
}

/*table.dataTable td.dataTables_empty {
  padding: ;
}*/
table.dataTable td.dataTables_empty img{
  display: block;
  padding: 20px 0 0 0;
  margin:auto;
}
table.dataTable td.dataTables_empty p{
  font-size: 18px;
  color: #0b4379;
  margin:auto;
}


table.dataTable tr.odd {}
table.dataTable tr.even {}
table.dataTable tr.odd td{border-top:1px solid #ddd !important; border-bottom:1px solid #ddd !important;}
table.dataTable tr.odd td.sorting_1 { }
table.dataTable tr.odd td.sorting_2 { }
table.dataTable tr.odd td.sorting_3 { }
table.dataTable tr.even td.sorting_1 { }
table.dataTable tr.even td.sorting_2 { }
table.dataTable tr.even td.sorting_3 { }
table.dataTable thead th.sorting_asc, table.dataTable thead th.sorting_desc{ }

/*
 * Table wrapper
 */
.dataTables_wrapper {
  position:relative;
  clear:both;
  *zoom:1;
}

#cross_reference_datatable_length{
  position: absolute;
  right: 0px;
  top: -24px;
}
#cross_reference_datatable{
 margin:0px;
}
.tablekey{
  padding: 2px 15px;
}
/*
 * Page length menu
 */
.dataTables_length {
  float:right;
  margin-top:-15px;
}

.dataTables_length label{
padding:10px;
display:block;
color:#888;
}

/*
 * Filter
 */
.dataTables_filter {
  float:right;
  text-align:right;
}


/*
 * Table information
 */
.dataTables_info {
  padding:0 0 10px 10px;
  color:#888;
  clear:both;
  float:left;
}


/*
 * Pagination
 */
.dataTables_paginate {
  float:right;
  text-align:right;
}

/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
  font-size:13px;
  line-height:19px;
  height:19px;
  float:left;
  cursor:pointer;
  *cursor:hand;
  text-decoration:none !important;
}
.paginate_disabled_previous,
.paginate_disabled_next{
  color:#aaa !important;
}
.paginate_enabled_previous,
.paginate_enabled_next{
  color:#888 !important;
}
.paginate_enabled_previous:hover,
.paginate_enabled_next:hover {

  color:#316897 !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
  outline:none;
}

.paginate_disabled_previous,
.paginate_enabled_previous {
  padding-left:23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
  padding-right:23px;
  margin-left:10px;
}

.paginate_enabled_previous { background:url('../images/back_enabled.png') no-repeat top left; }
.paginate_enabled_previous:hover { background:url('../images/back_enabled_hover.png') no-repeat top left; }
.paginate_disabled_previous { background:url('../images/back_disabled.png') no-repeat top left; }

.paginate_enabled_next { background:url('../images/forward_enabled.png') no-repeat top right; }
.paginate_enabled_next:hover { background:url('../images/forward_enabled_hover.png') no-repeat top right; }
.paginate_disabled_next { background:url('../images/forward_disabled.png') no-repeat top right; }

/* Full number pagination */
.paging_full_numbers {
  height:22px;
  line-height:22px;
}
.paging_full_numbers a:active {
  outline:none
}
.paging_full_numbers a:hover {
  text-decoration:none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
  border:1px solid #aaa;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  padding:2px 5px;
  margin:0 3px;
  cursor:pointer;
  *cursor:hand;
  color:#333 !important;
}

.paging_full_numbers a.paginate_button {
  background-color:#ddd;
}

.paging_full_numbers a.paginate_button:hover {
  background-color:#ccc;
  text-decoration:none !important;
}

.paging_full_numbers a.paginate_active {
  background-color:#99B3FF;
}


/*
 * Processing indicator
 */
.dataTables_processing {
  position:absolute;
  top:120px;
  left:50%;
  width:250px;
  height:30px;
  margin-left:-125px;
  margin-top:-15px;
  padding:14px 0 2px 0;
  border:1px solid #ddd;
  text-align:center;
  color:#999;
  font-size:14px;
  background-color:white;
  display:none;
}


/*
 * Sorting
 */
.sorting { background:url('../images/sort_both.png') no-repeat center right; }
.sorting_asc { background:url('../images/sort_asc.png') no-repeat center right; }
.sorting_desc { background:url('../images/sort_desc.png') no-repeat center right; }

.sorting_asc_disabled { background:url('../images/sort_asc_disabled.png') no-repeat center right; }
.sorting_desc_disabled { background:url('../images/sort_desc_disabled.png') no-repeat center right; }

table.dataTable th:active {
  outline:none;
}


/*
 * Scrolling
 */
.dataTables_scroll {
  clear:both;
}

.dataTables_scrollBody {
  *margin-top:-1px;
  -webkit-overflow-scrolling:touch;
}







/* =============================================================================
   Results Styles
   ========================================================================== */
.result-alert{
    /*background: #ddd;*/
    background-color: rgba(0,0,0,0.05);
    padding: 20px 20px 20px 80px;
    position: relative;
    margin-bottom: 50px;
    border-radius: 5px;
    color: #444444

}
.result-alert:before{
    content:'!';
    text-align: center;
    display: inline-block;
    width: 36px;
    height: 36px;
    background:  #BF980B;
    color: #e0e0e0;
    margin:-18px;
    font-size: 28px;
    line-height: 36px;
    border-radius: 50%;
    font-weight: bold;
    font-family: verdana, sans-serif;
    position: absolute;
    top: 50%;
    left: 45px;
}
.full-width-results { width: 860px; }
.full-width-results h2 { font-size: 17px; margin-bottom:-15px; padding-left:10px;}
.full-width-results .franchised-dist {padding:50px 0 0 10px ;}
.compare-bar{
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    background:white;
    z-index: 10;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
}
.compare-bar .heading{
    width: 100%;
    background:#fff url('/images/sand_bg.jpg');
}
.compare-bar .heading h2{
    margin:0;
    padding: 20px 0;
}
.compare-bar .wrap{
    width:940px;
    margin:0 auto;
    position: relative;
}
.compare-bar .heading + .wrap{
    display: none;
}
.compare-bar .item{
    width: 18%;
    float: left;
    text-align: center;
    margin: 20px 1%;
}
.compare-bar .item.last{
    float:right;
}
.compare-bar img{
    max-width: 100%;
}
.compare-bar .part-num{
    color: #3D74A4;
    font-weight:bold;
    font-size: 12px;
}
.compare-bar .plus, .compare-bar .minus{
    font-weight: bold;
    font-size: 30px;
    position: absolute;
    display: block;
    right:0;
    top: 50%;
    height: 34px;
    width: 34px;
    line-height: 34px;
    margin-top: -17px;
    border-radius:50%;
    background:white;
    text-align: center;
}
.compare-bar .minus{
    display: none;
}
.compare-bar.open .minus{
    display: block;
}
.compare-bar.open .plus{
    display: none;
}
.compare-bar.open .heading + .wrap{
    display: block;
}
.results-title{
  width:940px;
  margin-top:40px;
}
.results-title h1{
  padding:0 0 10px 10px;
  margin:0;
  float:left;
  width:100%;
  position:relative;
}
.results a#rec_pin_compare_link, .results a#socket_compare_link{
width: 100px;
}
.results{
  border:1px solid #ccc;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
          border-radius:5px;
}
.results thead tr{
  background:url('../images/th_bg.png');
}
.results thead tr th{
  background-color: transparent !important;
  padding-top:10px !important;
  padding-bottom:10px !important;
  height:14px;
  text-align:left;
  color:#16548a !important;
}
.results tbody tr:last-child{
  border-bottom:0px;
  -webkit-border-bottom-right-radius:5px;
  -webkit-border-bottom-left-radius:5px;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-bottomleft:5px;
  border-bottom-right-radius:5px;
  border-bottom-left-radius:5px;
}
.results thead tr th:first-child{
  -webkit-border-top-left-radius:5px;
  -webkit-border-bottom-left-radius:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-bottomleft:5px;
  border-top-left-radius:5px;
  border-bottom-left-radius:5px;
}
.results thead tr th:last-child{
  -webkit-border-top-right-radius:5px;
  -webkit-border-bottom-right-radius:5px;
  -moz-border-radius-topright:5px;
  -moz-border-radius-bottomright:5px;
  border-top-right-radius:5px;
  border-bottom-right-radius:5px;
}
.results tbody tr td{
   border-bottom:1px solid #e9e9e9;
   font-size: 13px;
   color: #444;
   position: relative;
}
.results tbody tr.odd{
  background-color:rgba(255,255,255,0.6);

}
.results tbody tr td.sorting_1{
  background-color:transparent !important;
}
.results h2{
  font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#3D74A4;
  font-weight:bold;
  margin:15px 0;
}
.results strong{
  color:#444444;
}
.results p{
  font-size:12px;
  padding:0;
  margin:0;
}
.results tbody tr td .thumb{
  margin:15px 15px 15px 35px;
}
.results .rec_pin_compare_this, .results .socket_compare_this{
    max-width: 100px;
}
.results .blue-button{
    display: inline-block;
    width: auto;
    padding-left: 30px;
    padding-right: 30px;

}
p.modal-title {
  font-size:16px;
  padding: 0 12px;
  color:#1E4067;
}
#timeout-modal{padding:20px;}
#timeout-modal p.modal-title {padding:0px;}
/*---------------------------- compare modal -------------------------------*/

div.comp_modal dl, div.comp_modal ul, div.comp_modal table{
  list-style-type:none;
  margin:0;
  padding:0;
  font:13px "Trebuchet MS",Arial, Helvetica, sans-serif;
}
div.comp_modal dl dd, div.comp_modal tr .datacol{
  width:119px;
  border-left:1px solid #ccc;
}
div.comp_modal dl dt, div.comp_modal tr .titlecol{
  width:170px !important;
  border:0;
  color:#3D74A4;
  white-space: nowrap;
}
div.comp_modal ul li, div.comp_modal tr .titlecol, div.comp_modal tr .datacol{
  background-color:#e9e9e9;
  padding:15px;
}
div.comp_modal ul li.img, div.comp_modal table thead tr th{
  height:160px;
  font:16px "Trebuchet MS",Arial, Helvetica, sans-serif;
  color:#3D74A4;
  font-weight:bold;
  line-height:160px;
  padding-left:10px;
  padding-right:10px;
  position:relative !important;
  text-align: left;
  background-color: transparent;
}
div.comp_modal table thead tr th div.thholder{
  display: block;
  height:160px;
  width: 100%;
  position: relative;
}
div.comp_modal ul li.img a.zoom, div.comp_modal table thead tr th a.zoom{
  background:url('/images/zoom_overlay.png') no-repeat;
  position:absolute;
  display:block;
  height:58px;
  width:58px;
  bottom:-15px;
  right:-15px;
  z-index:1000;
}
div.comp_modal ul li.blu, div.comp_modal tr td.subhead{
  border-top:1px solid #ccc;
  background-color:#16548a !important;
  height:46px;
  line-height:46px;
  color:#e9e9e9;
  font-weight:bold;
  padding:0 0 0 15px;
  width: 134px;
}
div.comp_modal ul li.blu a, div.comp_modal tr td.subhead a{
  padding-left:15px;
  display:block;
  width:134px;
  height:46px;
  margin-left:-15px;
  background:url('/images/doublearrow.png') 120px center no-repeat;
  color:#e9e9e9;
  text-decoration:none;
}
div.comp_modal ul:hover li.blu a, div.comp_modal tr td.subhead a:hover{
  background-color:#3f82bc;
}
div.comp_modal ul li.big, div.comp_modal tr.big td{
  border-top:1px solid #ccc;
  height:75px;
  padding-top:15px;
}
div.comp_modal ul li.sml, div.comp_modal tr.sml td{
  border-top:1px solid #ccc;
  height:27px;
  padding-top:15px;
}
div.comp_modal ul li.alt,  div.comp_modal tr.odd td{
  background-color:#fff;
}
div.comp_modal th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}
div.comp_modal th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}
div.comp_modal th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}
div.comp_modal tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}
div.comp_modal tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}
/*---------------------------- verify modal -------------------------------*/
#verify_address_form{
  margin-left: 20px;
}
#verify_address_form .checkfield{
  margin-right: 15px;
  margin-left: 0px;
  width: 240px;
}
#verify_address_form .checkfield input[type="text"]{
  padding-left: 15px;
  padding-right: 15px;
  width:210px;
}
#verify_address_form .checkfield input[type="submit"]{
  margin-top: 30px;
  width: 240px;
}
#verify_address_form .checkfield.submit-holder{
  width: 100%;
}
#verify_address_form .checkfield.third-row-last{
  margin-bottom: 4px;
}
#verify_address_form .checkfield select{
  width: 240px !important;
  opacity: 0;
}
#verify_address_form .checkfield span.select {
  width: 210px !important;
}
#verify_address_modal{ padding-bottom: 40px;}

/*---------------------------- detail modal -------------------------------*/
.large-detail{
  width:810px;
  margin-left: -440px;
  padding: 20px;
  font-size: 12px
}
.large-detail p{
  margin:0px;
  padding:0px;
}
.large-detail h2{
  margin:0px;
  padding:0px 0px 10px 0px;
}
.large-detail li{font-size: 11px;}

.large-detail a.icon-button.pdf{ margin-right: 35px;}

/*---------------------------- why modal -------------------------------*/

.large-why{
  width:850px;
  margin-left: -440px;
  font-size: 12px;
}
.large-why p{
  padding: 0 0;
}
.large-why .scroll{
  overflow-y:scroll;
  max-height: 400px;
  padding: 20px;
}

/* ==========================================================================
   preview
   ========================================================================== */

table div.preview {
  position: absolute;
  top:10px;
  left:10px;
  width: 27px;
  }
table div.preview div.preview-img{ display: none; }
table div.preview:hover div.preview-img{
  display: block;
  position: absolute;
  top: 0px;
  left:40px;
  background-color: #ffffff;
  background-color: rgba(255,252,249,0.9);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border:1px solid #ddd;
  padding: 10px;
  z-index: 1000;
}


/* ==========================================================================
   404 Page
   ========================================================================== */

.sorry p{
  font-size:18px;
  font-weight:bold;
  height:350px;
  line-height:350px;
  text-align:center;
  width:100%;
}

/* ==========================================================================
   Footer
   ========================================================================== */

footer{
  margin:auto;
  overflow:hidden;
  padding:0 42px;
  width:940px;
  position:relative;
  z-index:0;
}
#featured-products {
  float: left;
}
#featured-products h2{
  margin-bottom: 0;
}
#featured-products .product{
  width: 200px;
  margin-right: 48px;
  float: left;
  border: 0;
  text-align: center;
  background: none;
}

#featured-products .product  h2{
  width: auto;
}
#featured-products .product img{
  width: 198px;
}


#featured-products .product-thanks{
    width: 200px;
    margin-right: 90px;
    float: left;
    border: 0;
    text-align: center;
    background: none;
}

#featured-products .product-thanks  h2{
    width: auto;
}
#featured-products .product-thanks img{
    width: 198px;
}
.foot1{
  width:550px;
  font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
  margin:0 0 0 -25px;
  padding:40px 20px 0 25px;
  float:left;
}

.foot1 p{
  padding:0 0 0 0;
  margin:1em 0 1.5em 0;
  line-height:20px;
}

.foot2, .foot3{
  float:left;
  height:180px;
  margin:40px 0;
  background:url('/images/foot_divider.png') no-repeat 0px 10px;
}

.foot2{
  padding:10px 0;
  font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
  width:170px;
}

.foot2 div{
  line-height:18px;
  padding:10px 20px 0 20px;
  text-align:left;
}

.foot3{
  padding:0 0 0 15px !important;
}

/*.foot3 img{
   float:right;
}*/

.signup{
  width:175px;
  float:left;
  margin:50px -10px 0px 0;
}

.signup.int{
  width:165px;
  margin:0 -10px 0px 0;
}

.signup hr.short {
  display: inline-block;
  height:1px;
  border:0;
  border-top:1px solid #ccc;
  margin:0 10px;
  padding:0;
  width: 25%;
  vertical-align: middle;
}

.signup .copy{
  display: inline-block;
  padding-top:15px;
  color: #003051 !important;
  line-height: 20px;
  font-weight: bold;
}

footer .leftcol{
  float:left;
  margin:24px 26px 0px 0px;
}


footer .bottom{
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  height:28px;
  font-size:13px;
  margin:25px 0 50px 0;
  padding:15px 0 0 0;
}

footer .bottom .small{
  font-size:10px;
  margin-top: -11px;
}

footer .bottom .left img{
  margin:0 10px 3px 0;
}

.footerlinks{
  margin:0 0 0 -15px;
}

.footerlinks a{
  display:block;
  color:#000 !important;
  padding:5px 0 5px 15px;
  width:135px;
}

.footerlinks a:hover{
  background:url('/images/arrow_rt.png') left center no-repeat;
  color:#25547d !important;
}

footer .foot1 a{
  text-decoration:none;
  color:#3d74a4;
  font-size: 13px;
}

footer .foot1 a:hover{
  color:#25547d;
}

/* =============================================================================
   Product Page 2 Tabs
   ========================================================================== */

.single-full{
  padding:70px 0;
}

#prod-tab-one{
  display:block;
}

#prod-tab-two{
  display:none;
}

.prod-tab-nav{
  height:50px;
  margin:0 0 10px 0;
  width:100%;
}

.tog-one, .tog-two{
  border:1px solid #FFF;
  box-shadow:inset 0 0 12px #CCC;
  border-radius:20px;
  cursor:pointer;
  display:block;
  float:left;
  height:50px;
  margin-right:20px !important;
  text-align:center;
  width:280px;
}

.tog-one h2, .tog-two h2{
  color:#AAA;
  margin:0;
  line-height:50px;
  text-shadow:0 1px 0 #FFF;
}

.tog-one h2.tab-active, .tog-two h2.tab-active{
  color:#3D74A4;
  border:1px solid #C1C1C1;
  background:white;
          border-radius:20px;
     -moz-border-radius:20px;
  -webkit-border-radius:20px;
          box-shadow:0px 1px 0px #AAA, inset 0px -10px 10px #eee, inset 0 -1px 0 #FFF;
     -moz-box-shadow:0px 1px 0px #AAA, inset 0px -10px 10px #eee, inset 0 -1px 0 #FFF;
  -webkit-box-shadow:0px 1px 0px #AAA, inset 0px -10px 10px #eee, inset 0 -1px 0 #FFF;
  line-height:48px;
}
#survey-form ul#level1, #survey-form ul#level2, #survey-form #other-field{
  list-style-type: none;
  margin: 15px 0 0 0;
  background-color: #ddd;
  padding: 15px;
  border-radius: 8px;
}
#survey-form ul#level1 li , #survey-form ul#level2 li{
  padding: 0;
  margin: 0;
}
#survey-form ul#level1 li input[type='radio'] , #survey-form ul#level2 li input[type='radio']{
  margin-right: 10px;
}
/* =============================================================================
   videos sections
   ========================================================================== */

.video-wrapper #vid_menu a{
    display: block;
    float:left;
    margin: 0 4px 0 0;
    cursor: pointer;
    opacity: 0.75;
}
.video-wrapper #vid_menu a.active,.video-wrapper #vid_menu a:hover{
    opacity: 1;
}
.video-wrapper .hoverscroll .fixed-arrow{ width:50px !important; }
.video-wrapper div.hoverscroll div.fixed-listcontainer{height:90px !important; padding:0;}
.video-wrapper #vid_preview{
    width:480px;
    height:270px;
    margin: 10px 0px;
    background: #555555 url('../images/vid_loader.gif') no-repeat center center;
}
.video-wrapper{
  float:right;
  margin: 40px 0 0 40px;
  }
h1.videos{
  text-indent: -9999px;
  background: url('../images/videos_title.png') no-repeat;
  margin-top: 40px !important;
  width:300px;
}
/* =============================================================================
   Jquery Slider Styles
   ========================================================================== */

ul.bjqs{ position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none; }
li.bjqs-slide{ display:none;position:absolute;width:400px;padding-left:560px; }
ul.bjqs-controls{ list-style:none;margin:0;padding:0;z-index:999; }
ol.bjqs-markers{ list-style:none;margin:0;padding:0;z-index:999; }
ol.bjqs-markers li{ float:left; }
#gradient-full p.bjqs-caption{
  display:block;
  width:130px;
  margin:0;
  padding:0;
  position:absolute;
  bottom:0;
  right:30px;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  white-space: nowrap;
  color:#000000;
  text-align:right !important;
}

.bjqs img {
    background:transparent !important;
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important; /* IE8 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF) !important;   /* IE6 & 7 */
    zoom:1;
}
/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display:block; border:0; text-indent:-999em; overflow:hidden; background-color:transparent; background-repeat:no-repeat; text-align:left; direction:ltr; *line-height:0; }
.ir br { display:none; }
.hidden { display:none !important; visibility:hidden; }
.visuallyhidden { border:0; clip:rect(0, 0, 0, 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto; }
.invisible { visibility:hidden; }
.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
.clearfix { *zoom:1; }

/* =============================================================================
   Print Styles
   ========================================================================== */

@media print {
  * { background:transparent !important; color:black !important; box-shadow:none !important; text-shadow:none !important; filter:none !important; -ms-filter:none !important; } /* Black prints faster:h5bp.com/s */
  a, a:visited { text-decoration:underline; }
  a[href]:after { content:" (" attr(href) ")"; }
  abbr[title]:after { content:" (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content:""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border:1px solid #999; page-break-inside:avoid; }
  thead { display:table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside:avoid; }
  img { max-width:100% !important; }
  @page { margin:0.5cm; }
  p, h2, h3 { orphans:3; widows:3; }
  h2, h3 { page-break-after:avoid; }
}

#searched-parts {
  border: 1px solid #ddd;
  /*background-color: #dff0d8;*/
  background-color: #eedd99;
}

.project-modal-link {
    text-decoration: underline;
}

.mae-left-image {
  width: 260px;
  margin-top: 15px;
  float: left;
}
.mae-bottom-image {
  width: 320px;
  float: left;
  margin: 0 30px 0 0;
}
.mae-bottom-text {
  margin-top: 65px;
}
#overlay {
    position: absolute;
    height: auto;
    margin: 0 auto;
}

#overlay2 {
    position: absolute;
    height: auto;
    /*width: 1000px;*/
    /*margin-left: -300px;*/
    min-height: 50px;
}

/*div.recpins-tags, div.sockets-tags {*/
  /*margin-top: 45px;*/
/*}*/
div.recpins-tags a, div.sockets-tags a {
  margin: 5px 5px 5px 0;
}
div.checkfield.compare-check{
  float:none;
}
div.checkfield.compare-check input {
  position:relative;
  margin: 0;
}
 div.checkfield.compare-check span.checkbox {
   top: 20px;
 }