/*******************************************************************************
* Base Styles - DON'T CHANGE THESE!!!                                          *
*                                                                              *
* These rules are used to reset the CSS default properties so things render    *
* identically (or as close we we can get them) in different browsers.          *
*******************************************************************************/

body									{ margin: 10px; padding: 0; font-size: 0.948em; line-height: 1.22 }
h1, h2, h3, h4, h5, h6, p,
ul, ol, dl, form, fieldset,
table, address, blockquote				{ margin: 0 0 1.22em 0; padding: 0; }
ul ul, ul ol, ol ol, ol ul				{ margin-bottom: 0 }
ul, ol, blockquote						{ margin-left: 1.75em }
blockquote								{ margin-right: 2.75em }
fieldset 								{ padding: 0.5em }
table									{ border-collapse: collapse; border-spacing:0 }
select,input,textarea					{ font: inherit }

body {
   font: 0.8em/1.2em "Trebuchet MS" ,Georgia, "Times New Roman", Times, Serif;
   color: #666;
   margin:0;
}

table table {
   margin: 0
}

h1 {
      font: 1.7em/1.1em Arial;
      color: #0AD;
}

h2 {

    font: 1.4em/1.1em Arial;
      color: #036;
      margin-top:1em;
}

h3 {
      font: 1.1em/1.1em Arial;
      color: #036;
}

td, th {
   font-size:13px
}

th {
  color: #036
}

.ALERT {
   color: #c00;
}

.dev-note {
   background:#fec; padding:10px; margin:10px 0; border:2px solid #fb7
}

.light-blue 
{
      color:#0AD;
}

/* side panels */

.panel {
    padding: 20px;
    width: 145px;
    _width:185px;
    background: #f8f8f8 url("side-panel-bottom.gif") no-repeat bottom left;
    margin-bottom:15px;
}

.panel h2 {
    margin: -20px -20px 0 -20px;
    padding: 10px 20px 0 20px;
    width: 152px;
    _width:185px;
    background: url("side-panel-top.gif") no-repeat top left;
}

.welcome { 
	width: 240px;
	padding: 45px 15px 25px 15px;
    background: #f8f8f8 url("welcome-panel-bottom.gif") no-repeat bottom left;
    text-align: center;
	_width: 270px;
}

.panel ul { 
	margin-bottom: 0;
}

/*
.panel.alt {
	padding: 10px 20px;
	background-color: #666;
	width: 145px;
    _width:185px;
    background: #666 url("side-panel-bottom.gif") no-repeat bottom left;
}

.panel.alt h2 {  
	width: 145px;
    _width:185px;
    margin: -10px -20px 0 -20px;
    padding: 10px 20px 0 20px;
}
*/

.panel fieldset {
   border: none;
   margin: 0;
   padding: 0;
}

.panel fieldset label {
   margin: 1.5em 0 0.5em 0;
   display: block;
   color: #036;
}

.panel fieldset select {
   width: 100%;
}

#search {
   width: 225px;
   padding:6px;
}

#login {
   width: 280px ;
   padding:10px;
   background: url("login-back.png") bottom left no-repeat;
}

#login td {
    width: 120px;
	font-size: 80%
}

#LoginForm1_ctlPassword, #LoginForm1_ctlLoginName {
	width:140px;
}

/*
#login {
   font-size: 80%; padding: 5px 15px;
    width: 162px;
    _width:192px;
}

#LoginForm1_ctlPassword, #LoginForm1_ctlLoginName {
    width:160px; margin-bottom:1em;
}

#btnForgottenPassword {
  position: relative; top:-8px; left:20px;
}


#login p {
   font: 1.4em/1.1em Georgia;
   color: #036;
   margin: 0 0 0.7em 0;
}

#login label {
   margin:0 0 0 0;
}

#login a img {
   border: none
}

 */
#cartsummary  {
    width: 192px;
    margin-bottom: 1em;
}

#cartsummary h2  {
     color: #0AD;
     background: url("icon-basket.gif") no-repeat;
     padding-left:25px;
}

#cartsummary table  {
   width:  100%;
}
#cartsummary tr.EVEN td {
   padding-top:0.5em;
   color: #036;
   border-top:1px solid #ccc;
   margin-top:-1px;
}

#cartsummary tr.ODD td {
   font-size: 12px;
   padding: 0.7em 0;
   border-bottom:1px solid #ccc;
}

#cartsummary tr.total td {
   border-top:1px solid #ccc;
   color: #036;
}

#cart td {
  border-top: 1px solid #ccc;
}

#LinkedThemeImage1 {
  position: relative; left:28px
}

#search-by-manufacturer {
  border: none; padding:0; margin:0
}

#search-by-manufacturer select {
  width:220px; margin-right:10px
}

.call-out {
    color :#036;
   border: 3px double #48C;
   background: #DEF;
   padding: 20px;
   margin: 20px 0;
}


#search-bar {
    background: #333 url("search-back.png") repeat-x;
    padding: 10px 0 6px
}

#search-bar table td {
  color: #fff;
}

#nav-bar {
  background: url("navigation-rule.png") repeat-x bottom left;
}

#nav-bar ul {
  list-style: none;
  margin:0;
}

#nav-bar ul li {
  float:left;
  background: #0081B0 url("navigation-back.png") top right repeat-x;
}

#nav-bar ul li.first a{
    padding-left:28px;
    background: url("navigation-left-mask.png") no-repeat;
}

#nav-bar ul li.last a{
    padding-right:28px;
    background: url("navigation-right-mask.png") top right no-repeat;
}

#nav-bar ul li.last{
    background-position: 0 0;
}

#nav-bar ul li a {
    font-size:110%;
  float:left;
  padding:10px 13px;
  min-height: 19px;
  _height: 39px;
  color:#fff;
  text-decoration: none;
}

#cta-list {
  margin:0;
  list-style: none;
}

#cta-list img, #home-cta-list img {
  border: none
}

#cta-list li {
  margin:10px 0
}

#subnav							{ padding: 0; }
#subnav h2						{ font-size: 1.7em; margin: 0 0 1em 0; }
#subnav ul						{ list-style: none; line-height: 1.2em; margin: 0; padding: 0 0 0 0; margin-bottom:1em;}
#subnav li						{ list-style: none; margin:4px 0}
#subnav ul ul					{ margin-left:20px; margin-bottom:0;}
#subnav li a				    { font-size: 1.1em; color: #003466; text-decoration: none; font-weight: bold; display:block; _display:inline-block; padding:0.25em 0 0.25em 17px; background: url("nav-bullet.png") 4px .6em no-repeat }
#subnav li a:hover			  	{ background-color:#CDF5FF; }
#subnav li li a					{ color: #0cf; }


ul.twocol                       { float:left; width:100%; }
ul.twocol li                    { float:left; width:45%; padding-right:5%; font-size: 0.88em }

#footer                         { background: url("footer.png") no-repeat; color:#fff; padding:5px 20px; font-size:12px; line-height:14px; }
#footer a                       { color:#fff; }

#footerUS                       { background: url("footerUS.bmp") no-repeat; color:#fff; padding:5px 20px; font-size:12px line-height:14px;}
#footerUS a                     { color:#fff; }

/** Images for the TabStrip control **/

.TABSELECTED            { background-image:url(tabFocus.jpg); width:144; font-weight:bold; }

.TABNORMAL              { background-image:url(tab.jpg); width:144; }