/*-----------------------------------------------
Copyright 2009 Electromine.com
-----------------------------------------------*/
*
{
  margin: 0;
  padding: 0;
}

body
{
  font-family: arial;
  color: #333;
  font-size: 14px;
}

h1, h2, h3, h4, h5, h6
{
  font-family: arial, helvetica, verdana;
}

a, input
{
  outline:none;
}

a:link, a:visited, a:active, a
{
  color: #4B85AC;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

.f-right
{
  float: right;
}

.f-left
{
  float: left;
}


.directory-links a:visited
{
  color: #BABABA;
}

/*----------FLOAT CONTAINMENT ----------*/

h1 span
{
  color: #3A7F9F;
}

body.mfg-detail h1 span
{
  font-size: 16px;
}

em.subtitle
{
  font-size: 18px;
  font-style: normal;
  color: #214C6A;
  padding-bottom: 20px;
  display: block;
}

.block:after
{
  content: ".";
  display: block;
  width: 100%;
  height: 0px;
  visibility: hidden;
  clear: both;
}

div.site-container
{
  width: 740px;
  margin: 0 auto;
  position: relative;
  height: auto;
}

div.site-header
{
  width: 740px;
  height: 80px;
  margin-top: 10px;
  position: relative;
}

div.search-module
{
  position: relative;
  width: 708px;
  height: 58px;
  background: url(../sprites/searchbar.png) no-repeat 0 0;
}
#homePage div.search-module
{
  width: 614px;
  height: 216px;
  background: url(../sprites/home-branding.png) no-repeat 0 0;
  margin: 100px auto
}

div.browse-opts
{
  position:absolute;
  bottom:-20px;
  right:40px;
  color:#4B85AC;
  font-size: 12px;
}

div.browse-opts a
{
  text-decoration: underline;
  padding: 0 3px;
}

div.browse-opts a:hover
{
  text-decoration: none;
  background-color:#4B85AC;
  color:#fff;
}

div.browse-opts span,
div.add-inventory span.icon
{
  width:20px;
  height: 16px;
  padding: 0 0 0 17px;
  background: url(../images/browse-icon.png) no-repeat 0 0;
}

#productDir,#partsDir
{
  position:absolute;
  top:240px;
  z-index:1;
  background-color:#fff;
}
#partsDir
{
  right:205px;
}


#productDir h2 span, #partsDir h2 span
{
  display:block;
  position:absolute;
  top:2px;
  right:2px;
  cursor: pointer;
  width:24px;
  height:21px;
  background: url(../images/close-icon.png) no-repeat 0 0;
}

#partsDir p
{
  padding: 4px;
}

div.search-module a.home
{
  display:block;
  width:246px;
  height:56px;
  text-indent:-5000px;
}

div.search-box
{
  position: absolute;
  top:14px;
  left:258px;
}

#homePage div.search-box
{
  top:auto;
  bottom: 2px;
  left:4px;
}

form, form fieldset
{
  border: 0;
  margin: 0;
}

form input.search-field
{
  width: 416px;
  height: 34px;
  padding: 6px;
  font-size: 18px;
  border:0;
  background-color: transparent;
  color: #555;
}

#homePage form input.search-field
{
  width: 550px;
  font-size: 20px;
}


div.search-box form a
{
  display:block;
  position: absolute;
  top: 0;
  left: 425px;
  height: 38px;
  width: 45px;
  text-indent: -5000px;
}

#homePage div.search-box form a
{
  top: auto;
  bottom: 0;
  left: 580px;
  height: 50px;
}

div.search-box form a:hover
{
  background-position: -378px -100px;
}

div.index-tab a
{
  display:block;
  width: 130px;
  margin-left: 20px;
  font-size: 11px;
  text-indent: 28px;
  text-decoration: none;
}

div.index-tab a:hover
{
  color: #555;
}

div.index-tab span
{
  display:block;
  position: absolute;
  left:30px;
  height: 15px;
  width:10px;
  background: url(../sprites/elements.png) no-repeat -109px -99px;
}

div.index-tab span.close-list
{
  background-position: -125px -99px;
}

div.index-container
{
  position: relative;
  z-index: 1;
  width:864px;
  height: 70px;
  border-left:1px solid #B7CBD3;
  border-right:1px solid #B7CBD3;
  background: url(../sprites/gradients-hz.png) repeat-x;
}

div.index-container h2
{
  color: #FFF;
  font-size: 16px;
  padding: 10px;
}

div.index-container ul
{
  margin-left: 10px;
}

div.index-container ul li
{
  display:block;
  float: left;
  width: 30px;
  font-size: 10px;
  text-align: center;
  padding: 1px;
}

div.index-container ul li a
{
  display:block;
  color: #FFF;
}

div.index-container ul li a:hover
{
  color: #333;
  background-color: #FFF;
}

div.col-right
{
  position:relative;
  width: 175px;
  float:left;
  margin-top:60px;
  padding: 10px 0;
  border:1px solid #dadada;
  border-left:none;
  text-align: center;
  background:url(../images/sidebar-bkg.png) repeat-y top left;
}

div.col-left
{
  position:relative;
  width: 740px;
  float: left;
  padding:10px;
  border:1px solid #dadada;
  background: #FFFFFF url(../images/page-bkg.gif) repeat-x 0 0
}

span.page-corner
{
  display:block;
  width:54px;
  height:52px;
  position:absolute;
  top:-2px;
  right:-5px;
  background: url(../images/page-corner.png) no-repeat;
}

div.module-link-box a.sign-in,
div.module-link-box a.register
{
  display: block;
  width: 153px;
  height: 29px;
  margin-bottom: 8px;
  text-indent: -5000px;
  background: url(../sprites/elements.png) no-repeat -500px -100px;
}

div.module-link-box a.sign-in:hover
{
  background-position: -653px -100px;
}

div.module-link-box a.register
{
  background-position: -500px -130px;
}

div.module-link-box a.register:hover
{
  background-position: -653px -130px;
}

div.module-feature
{
  border: 1px solid #CCC;
  margin: 0;
}

div.module-feature h2
{
  height: 25px;
  line-height: 25px;
  width: 100%;
  color: #4B85AC;
  font-size: 16px;
  text-indent: 4px;
  background: url(../sprites/gradients-hz.png) repeat-x 0 -200px;
}
div.ggl-ads
{
  padding:5px 0;
  margin-bottom: 10px;
}

ul.search-results
{
  list-style-type: none;
  margin: 20px 0 0 0;
  width: 100%;
}

ul.search-results li
{
  border-bottom: 1px dashed #efefef;
  padding: 2px 0 2px 3px;
}

ul.search-results li:hover
{
  background-color: #EFEFEF;
}

ul.search-results li.title,
ul.search-results li.title:hover
{
  background-color: #FFC;
  padding: 3px 0 0 3px;
  font-weight: bold;
  font-size: 16px;
}

ul.search-results li.title em
{	
  color: #333;
}

ul.search-results li a
{
  font-weight: bold;
}

ul.search-results li em
{
  font-weight: bold;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  color: #009999
}

div.part-result-box
{
  position: relative;
  width: 682px;
  background: url(../sprites/checkstock-box.png) repeat-y -690px 0;
  margin-bottom: 25px;
}
div.part-result-box span.top-corners
{
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 7px;
  line-height: 7px;
  width: 682px;
  background: url(../sprites/checkstock-box.png) no-repeat 0 0;
}
div.part-result-box h3
{
  padding: 10px 0 5px 10px;
}
div.part-result-box p
{
  padding: 0 10px 25px 10px;
}
div.part-result-box img.thumbnail
{
  display: block;
  float: left;
  margin: 10px;
  border:1px solid #DFDFDF;
}
div.part-result-box a.stock-toggle
{
  display: block;
  height: 21px;
  width: 682px;
  background: url(../sprites/checkstock-box.png) no-repeat 0 -12px;
  text-indent: -5000px;
  position: absolute;
  bottom: 0;
  left: 0;
}

div.part-result-box a.pdf-link
{
  display: block;
  width: auto;
  position: absolute;
  top:10px;
  right: 10px;
}

table.supplier-stock
{
  width: 98%;
  margin: 5px auto;
}

table.supplier-stock thead tr
{
  font-weight: bold;
  background-color:#FFC;
}
table.supplier-stock thead tr:hover
{
  background-color:#FFC;
}

table.supplier-stock tr td
{
  border-bottom: 1px solid #DFDFDF;
  padding: 2px;
}


table.supplier-stock tr:hover
{
  background-color:#DFDFDF;
}

div#loginPopUp
{
  position: absolute;
  width: 400px;
  height: 268px;
  top: 135px;
  right: 0;
  background: url(../sprites/sign-in.png) no-repeat;
}

div#loginPopUp form
{
  margin: 80px 0 0 70px;
}

div#loginPopUp form label
{
  display: block;
  font-weight: bold;
}

div#loginPopUp form input.login
{
  height: 22px;
  width: 170px;
  border: 1px solid #555;
  background-color: #FFC;
  line-height: 22px;
  margin-bottom: 5px;
}

form input.button
{
  height: 22px;
  border: 1px solid #6E6E79;
  background-color: #A5A6B4;
  color: #FFF;
  cursor: pointer;
  margin-top: 5px;
  padding: 0 10px;
}

form input.button:hover
{
  background-color: #7D7E92;
}

div.add-inventory
{
  display:block;
  position: absolute;
  bottom:20px;
  right: 24px;
  font-weight: bold
}

div.add-inventory a
{
  padding: 0 3px;
}

div.add-inventory a:hover
{
  text-decoration: none;
  background-color:#4B85AC;
  color:#fff;
}

div.site-footer
{
  color: #888;
  line-height: 14px;
  font-size: 11px;
  margin: 10px 0 10px 0;
}

#homePage div.site-footer
{
  position:absolute;
  bottom: 0;
}

div.prod-directory
{
  background: url(../sprites/gradients-hz.png) repeat-x scroll 0 -320px;
  margin-top: 10px;
}

div.prod-directory h2
{
  font-size: 18px;
  text-indent: 4px;
  border-top: 1px solid #CCC;
}

ul.category-list
{
  list-style-type: none;
  width: 100%;
  margin: 0;
  padding: 4px;
}

ul.category-list li
{
  display: block;
  float: left;
  width: 24%;
  margin: 0;
  padding: 2px 0;
  font-size: 12px;
}

ul.mfg-info
{
  list-style-type:none;
  width: 500px;
  margin: 12px 0 0 0;
}

ul.mfg-info li
{
  display:block;
  float:left;
  width: 150px;
  margin: 0 2px 0 0;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border:1px solid #CCC;
  z-index:1;
  cursor:pointer;
}

div.mfg-info-content
{
  width: 660px;
  padding: 10px;
  border: 1px solid #CCC;
  margin: -1px 0 0 0;
}

form.form
{
  padding: 10px;
}
form.form input
{
  border: 1px solid #4B85AC;
  height: 25px;
  width: 240px;
  color: #333;
  font-size: 16px;
  font-weight: bold;
}


form.form input.button
{
  background-color:#4B85AC;
  color: #FFF;
  border:2px solid #555;
  height: 32px;
  width:auto;
  font-family:arial,helvetica, sans-serif;
}
form.form input.button:hover
{
  background-color:#555;
}

form.form label
{
  display: block;
  margin: 10px 0 5px 0;
  font-size: 16px;
  font-weight: bold;
}

table.order-table{
border:3px dashed #CCCCCC;
padding:6px;
}

div.part-details
{
  position: relative;
  margin: 0 0 10px 0;
  padding: 5px;
  border:1px solid #EFEFEF;
  background-color: #FEFEFE;
}

div.part-details:hover
{
  border:1px solid #4B85AC;

}

div.part-details span
{
  text-transform: lowercase;
}

div.part-details a.btn
{
  position: absolute;
  display:block;
  top: 15px;
  right: 15px;
  width: 88px;
  height: 29px;
  text-indent: -5000px;
}

div.part-details a.buy-now
{
  background: url(../sprites/buttons.png) no-repeat top left;
}

div.part-details a.send-rfq
{
  background: url(../sprites/buttons.png) no-repeat bottom left;
}

div#rfqForm form label
{
  display:block;
  padding-bottom:5px;
}

div#rfqForm p
{
  padding: 10px 0;
}

div.reg-notice
{
  position:relative;
  z-index:1;
  padding:10px;
  color:#333;
}

div#overlay
{
  background-color:#EFEFEF;
  width:100%;
  height: 100%;
  opacity: 0.7;
  position:absolute;
  top:0;
  left:0;
  z-index:20;
}

div#userReg
{
  position:absolute;
  bottom:20px;
  right:0px;
  width: 300px;
  background-color:#efefef;
  border: 6px solid #4B85AC;
  z-index:21;
}

div#userReg h2
{
  text-align: center;
  padding: 5px 0;
  border-bottom: 1px dashed #CCC;
  font-size: 20px;
}

ul.parts-index
{
list-style:none;
margin: 15px 0;
}

ul.parts-index li
{
display: block;
float: left;
width: 48%;
}

div.company-card
{
position:relative;
padding:10px;
margin:10px 0;
border-top:1px dashed #CCC;
}
div.company-card ul.tabs
{
list-style:none;
margin:-40px 0 20px 0;
padding:0;
}
div.company-card ul.tabs li
{
display:inline;
line-height:20px;
font-size:16px;
padding:10px;
margin:10px 0;
border:1px solid #efefef;
border-bottom:1px solid #fdfdfd;
background-color:#fdfdfd;
font-weight:bold;
color: #4B85AC;
cursor:pointer;
}
div.company-card ul.tabs li:hover
{
background-color:#ffc;
}

div.company-card ul.prodlist, ul.prodlist
{
  list-style:none;
  margin:2px 0 0 0;
  padding:5px;
  border:1px solid #CCC;
}
div.company-card ul.prodlist li, ul.prodlist li
{
  display:block;
  float:left;
  width:48%;
  padding-bottom:5px;
  text-transform: uppercase;
  font-size: 12px;
  color: #4B85AC;
}
p#filterMessage{
  color:#FF0000;
  margin:10px 0;
  text-transform:lowercase;
}
h4#co-part-title{
  margin-top:10px;
}

div.partresults h3
{
  background-color:#EFEFEF;
  padding:2px;
  margin-bottom:5px;
  border-bottom:1px solid #ccc;
}

div.partresults table tr.source-row td
{
  border-bottom: 1px dashed #EFEFEF;
  padding: 5px 0;
}
div.partresults table tr.source-row:hover
{
  background-color: #FFC;
}

div.partresults table tr.headers td
{
  background: url(../sprites/partheaders.png) no-repeat 0 0;
}

div.partresults table tr.headers td.source
{
  background-position: 0 0;
}
div.partresults table tr.headers td.partinfo
{
  background-position: 0 -30px;
}
div.partresults table tr.headers td.stock
{
  background-position: 0 -60px;
}
div.partresults table tr.headers td.price
{
  background-position: 0 -90px;
}
div.partresults table tr.headers td.break1
{
  background-position: 0 -120px;
}
div.partresults table tr.headers td.break2
{
  background-position: 0 -150px;
}

div.partresults table tr.headers td.buy
{
  background: none;
}

ul.distributor-list{
  list-style:none;
  margin: 10px;
}
ul.distributor-list li{
  padding: 5px 0;
  border-bottom: 1px dashed #EFEFEF;
  position: relative;
}
ul.distributor-list li:hover{
  background-color: #FFC;
}

ul.distributor-list li a.rfq{
  position: absolute;
  top:20px;
  right:0;
}

ul.yqllist li{
  color:#666;
}
ul.distributor-list li a.results-url{
font-size: 11px;
color: #669966;
}

div.imagelist{
padding: 10px 0; 
}

div.imagelist ul{
list-style:none;
}

div.imagelist ul li{
display:block;
float:left;
padding:5px;
}

div#getebay-results p{
  height:150px;
  margin:0 10px 10px 0;
  font-size:12px;
  width: 29%;
  padding: 10px;
  float:left;
  background-color:#f8f8f8;
}

div#getebay-results img{
  padding:8px;
  background-color:#fff;
  border:1px solid #CCC;
  display:block;
}