/* Primary CSS info */

html {
overflow-y: scroll;
height: 100%;
}

body {
height: 100%;
}

body {
background-color:  	#ffffff;
text-align: center;
margin: 0px auto auto auto;
}

p {
margin: 10px 15px 5px 0px;
color: #606060;
font: 15px Verdana, sans-serif;
clear: both;
}

     p a {
     margin: 0px;
     color: #202020;
     font: italic 15px Verdana, sans-serif;
     text-decoration: none;
     }

     p a:hover {
     color: #B22222;
     text-decoration: underline;
     }

h1 {
padding: 0px;
margin: 10px 15px 5px -1px;
color: #6666cc;
font: bold 17px Verdana, sans-serif;
}

h2 {
padding: 0px;
margin: 0px 0px 0px -1px;
color: #6666cc;
font: italic 15px Verdana, sans-serif;
}

     h2 a {
     text-decoration: none;
     /*font: bold italic 14px Verdana, sans-serif;*/
     font: 12px Verdana, sans-serif;
     color: #999999;
     }

     h2 a:visited {
     /*color: #6666cc;*/
     color: #999999;
     }

     h2 a:hover {
     color: #B22222;
     text-decoration: underline;
     }

ul {
padding: 0px;
margin: 10px 0px 10px 20px;
color: #606060;
font: 13px Verdana, sans-serif;
}

#header {
height: 133px;
text-align: center;
background-color: #969696;
border-style: solid none solid none;
border-width: 3px;
border-color: #ffffff;
color: #ffffff;
background-image: url(../images/shared/bg3.gif);
}

#navbar {
background-image: url(../images/shared/bw_img_button_spread.gif);
background-color: #606060;
padding: 0px 0px 2px 0px;
/*border-style: solid none solid none;
border-width: 1px;*/
border-style: none;
color: #ffffff;
}


#logo {
float: left;
margin: 24px 0px 0px 15px;
width: 131px;
height: 82px;
border: none;
border-style: solid;
border-width: 1px;
border-color: #606060;
}

     img#logo:hover {
     border-color: #B22222;
     }


#banner {
float: left;
margin: 0px 0px 0px 120px;
width: 602px;
height: 133px;
border: none;
}

/*#flash {
float: left;
padding: 0px;
margin: 0px 0px 0px 120px;
width: 602px;
height: 131px;
border: none;
}*/

#flash {
position: absolute;
padding: 0px;
margin: 0px;
left: 268px;
top: 3px;
width: 602px;
height: 131px;
border: none;
}

#lang {
float:right;
margin: 110px 7px 0px 0px;
color: #dddddd;
font: 15px Verdana, sans-serif;
}

     #lang a {
     text-decoration: none;
     color: #dddddd;
     }

     #lang a:visited {
     color: #dddddd;
     }

     #lang a:hover {
     color: #dddddd;
     text-decoration: underline;
     }

#footer {
clear: both;
width: 100%;
background-color: #ffffff;
border-style: solid none none none;
border-width: 1px;
border-color: #969696;
margin: 10px 0px 0px 0px;
padding: 0px 0px 2px 0px;
}
     
     
#left-column {
width: 20%;
float: left;
padding: 0px;
text-align: left;
}


#right-column {
width: 80%;
float: left;
padding: 0px;
text-align: left;
/*overflow: auto;*/
}

.left-centered {
text-align: center;
}

.left-box {
/*float: left;*/ /* This Fs up the layout in IE6 */
text-align: left;
border-style: solid;
border-width: 1px;
border-color: #969696;
color: #606060;
margin: 20px 10px 10px 10px;
padding: 5px;
width: 80%; /* This is so IE 6.0 doesn't puke... */
}

     .left-box h1 {
     padding: 0px 0px 1px 3px;
     margin: 0px 0px -10px 0px;
     background-color: #969696;
     border-style: solid;
     border-width: 1px;
     border-color: #969696;
     color: #ffffff;
     font: 12px Verdana, sans-serif;
     position: relative;
     top: -15px;
     left: 0px;
     }

     .left-box p {
     float: none;
     margin: 5px 0px 5px 5px;
     color: #6666cc;
     font: 11px Verdana, sans-serif;
     }

     /* form css */

     .left-box form {
     margin:10px 0px 5px 0px;
     padding:0px;
     text-align:center;
     }

     input.button {
     color: #404040;
     background-color:#eeeeee;
     border:1px solid;
     }
     
     input.button:hover {
     color: #B22222;
     }


.right-box {
float: left;
text-align: left;
border-style: solid;
border-width: 1px;
border-color: #969696;
color: #606060;
margin: 10px 10px 10px 10px;
padding: 5px;
width: 80%; /* This is so IE 6.0 doesn't puke... */
}

     .right-box h1 {
     padding: 0px 0px 0px 0px;
     margin: 0px 0px 0px 110px;
     font: 12px Verdana, sans-serif;
     }

     .right-box ul {
     padding: 0px 0px 0px 0px;
     margin: 5px 0px 0px 130px;
     font: 10px Verdana, sans-serif;
     }

     .right-box li {
     padding: 0px 0px 0px 0px;
     margin: 0px 0px 0px 0px;
     }

     .right-box p {
     margin: 5px 0px 5px 5px;
     color: #6666cc;
     font: 11px Verdana, sans-serif;
     }
     
     .right-box a {
     margin: 5px 0px 0px 8px;
     color: #6666cc;
     font: bold 14px Verdana, sans-serif;
     text-decoration: none;
     }

     .right-box a:hover {
     color: #B22222;
     text-decoration: underline;
     }
     

.half-box {
float: left;
text-align: left;
border-style: solid;
border-width: 1px;
border-color: #969696;
color: #606060;
margin: 10px 10px 10px 10px;
padding: 5px;
width: 43%; /* This is so IE 6.0 doesn't puke... */
/*background-color: yellow;*/
     }

     .half-box h1 {
     padding: 0px;
     margin: 0px 0px 0px 110px;
     color: #6666cc;
     font: bold 11px Verdana, sans-serif;
     /*background-color: yellow;*/
     }

/*     .half-box ul {
     float: left;
     padding: 0px;
     margin: 5px 0px 0px 25px;
     font: 11px Verdana, sans-serif;
     }

     .half-box li {
     padding: 0px 0px 0px 0px;
     margin: 0px 0px 0px 0px;
     }*/
     
     .half-box p {
     /*float: none;*/
     clear: right;
     margin: 3px 0px 0px 110px;
     color: #696969;
     font: 11px Verdana, sans-serif;
     /*background-color: blue;*/
     }

     .half-box a {
     margin: 0px;
     /*margin: 0px 0px 0px 3px;*/
     color: #6666cc;
     font: bold 14px Verdana, sans-serif;
     text-decoration: none;
     }

     .half-box a:hover {
     color: #B22222;
     text-decoration: underline;
     }
     

.half-box-package {
float: left;
text-align: left;
border-style: solid;
border-width: 1px;
border-color: #969696;
color: #606060;
margin: 10px 10px 10px 10px;
padding: 5px;
width: 43%; /* This is so IE 6.0 doesn't puke... */
/*background-color: yellow;*/
     }

     .half-box-package h1 {
     padding: 0px;
     margin: 0px 0px 0px 85px;
     color: #6666cc;
     font: bold 11px Verdana, sans-serif;
     /*background-color: yellow;*/
     }

     .half-box-package ul {
     float:left;
     padding: 0px;
     margin: 5px 0px 0px 25px;
     font: 11px Verdana, sans-serif;
     /*background-color: red;*/
     }

     .half-box-package li {
     padding: 0px 0px 0px 0px;
     margin: 0px 0px 0px 0px;
     }
     
     .half-box-package p {
     clear: right;
     margin: 3px 0px 0px 85px;
     color: #696969;
     font: 11px Verdana, sans-serif;
     /*background-color: blue;*/
     }

     .half-box-package a {
     margin: 0px;
     /*margin: 0px 0px 0px 3px;*/
     color: #6666cc;
     font: bold 14px Verdana, sans-serif;
     text-decoration: none;
     }

     .half-box-package a:hover {
     color: #B22222;
     text-decoration: underline;
     }
     
.twothird-unbox {
float: left;
clear: both;
text-align: left;
/*border-style: solid;
border-width: 1px;
border-color: #969696;*/
color: #606060;
margin: 5px 0px 5px 10px;
padding: 0px;
width: 600px;
/*width: 70%;*/ /* This is so IE 6.0 doesn't puke... */
/*background-color: yellow;*/
     }

     .twothird-unbox h1 {
     padding: 0px;
     margin: 0px 0px 0px 85px;
     color: #6666cc;
     font: bold 11px Verdana, sans-serif;
     /*background-color: yellow;*/
     }

     .twothird-unbox p {
     /*float: none;*/
     clear: right;
     margin: 3px 0px 0px 85px;
     color: #696969;
     font: 11px Verdana, sans-serif;
     /*background-color: blue;*/
     }

     .twothird-unbox a {
     margin: 0px;
     /*margin: 0px 0px 0px 3px;*/
     color: #6666cc;
     font: bold 14px Verdana, sans-serif;
     text-decoration: none;
     }

     .twothird-unbox a:hover {
     color: #B22222;
     text-decoration: underline;
     }

     .twothird-unbox ul {
     padding: 0px 0px 0px 0px;
     margin: 5px 0px 0px 100px;
     font: 10px Verdana, sans-serif;
     }

     .twothird-unbox li {
     padding: 0px 0px 0px 0px;
     margin: 0px 0px 0px 0px;
     }


.quarter-box {
float: left;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: #969696;
color: #606060;
margin: 10px 10px 10px 10px;
padding: 5px;
width: 19%; /* This is so IE 6.0 doesn't puke... */
}

     .quarter-box p {
     margin: 3px 0px 0px 110px;
     color: #696969;
     font: 11px Verdana, sans-serif;
     }

     .quarter-box a {
     /*margin: 5px 0px 0px 8px;*/
     margin: 0px;
     color: #6666cc;
     font: bold 14px Verdana, sans-serif;
     text-decoration: none;
     }

     .quarter-box a:hover {
     color: #B22222;
     text-decoration: underline;
     }
     

.centered {
float: left;
text-align: center;
border-style: none;
font: 15px Verdana, sans-serif;
width: 95%;
}


#table1 {
width: 100%;
padding: 0px;
margin: 0px 0px 10px 0px;
color: #000000;
font: 11px Verdana, sans-serif;
text-decoration: none;
}

     #table1 td {
     /*width: 20%;*/
     width: 16%;
     }
     
     #table1 a {
     margin: 0px 0px 0px 0px;
     color: #000000;
     font: 11px Verdana, sans-serif;
     text-decoration: none;
     }

     #table1 a:hover {
     color: #B22222;
     text-decoration: underline;
     }


/* Image stuff */

img.category {
float: left;
width: 100px;
height: 100px;
padding: 0px;
border-style: solid;
border-width: 1px;
border-color: #969696;
}

     img.category:hover {
     border-color: #B22222;
     }

img.sub-category {
width: 100px;
height: 100px;
padding: 0px;
margin: 10px;
border-style: solid;
border-width: 1px;
border-color: #969696;
}

     img.sub-category:hover {
     border-color: #B22222;
     }

img.package {
float: left;
width: 75px;
height: 75px;
padding: 0px;
border-style: solid;
border-width: 1px;
border-color: #969696;
}

     img.package:hover {
     border-color: #B22222;
     }


img#digikey-logo {
width: 100px;
height: 50px;
padding: 0px;
border-style: solid;
border-width: 1px;
border-color: #ffffff;
}
     img#digikey-logo:hover {
     border-color: #B22222;
     }

img#iso-logo {
/*width: 74px;
height: 42px;*/
width: 100px;
height: 55px;
padding: 0px;
border-style: solid;
border-width: 1px;
border-color: #ffffff;
}
     img#iso-logo:hover {
     border-color: #B22222;
     }

img#iso-web {
width: 100px;
height: 57px;
padding: 0px;
border-style: solid;
border-width: 1px;
border-color: #ffffff;
}
     img#iso-web:hover {
     border-color: #B22222;
     }

img#rohs-logo {
width: 50px;
height: 54px;
padding: 0px;
border-style: solid;
border-width: 1px;
border-color: #ffffff;
}
     img#rohs-logo:hover {
     border-color: #B22222;
     }

img#wbe-logo {
width: 75px;
height: 58px;
padding: 0px;
border-style: solid;
border-width: 1px;
border-color: #ffffff;
}
     img#wbe-logo:hover {
     border-color: #B22222;
     }

img#itar-logo {
width: 75px;
height: 75px;
padding: 0px;
border-style: solid;
border-width: 1px;
border-color: #ffffff;
}
     img#itar-logo:hover {
     border-color: #B22222;
     }

img#usa-logo {
width: 75px;
height: 45px;
padding: 0px;
border-style: solid;
border-width: 1px;
border-color: #ffffff;
}
     /*img#usa-logo:hover {
     border-color: #B22222;
     }*/

img#cw_headquarters {
float: right;
width: 344px;
height: 200px;
padding: 0px;
margin: 0px 20px 0px 10px;
border-style: solid;
border-width: 1px;
border-color: #606060;
}

img#cw_ireland {
float: right;
width: 390px;
height: 220px;
padding: 0px;
margin: 0px 20px 0px 10px;
border-style: solid;
border-width: 1px;
border-color: #606060;
}

img#cw_diehl {
float: right;
width: 352px;
height: 200px;
padding: 0px;
margin: 0px 20px 0px 10px;
border-style: solid;
border-width: 1px;
border-color: #606060;
}



.bold {
font-weight: bold;
}

.ital {
font-style: italic;
}

.more {
font: 10px Verdana, sans-serif;
color: #999999;
}