@charset "UTF-8";
@media all
{
  * { margin:0; padding: 0; }

  option { padding-left: 0.4em; }

  * html body * { overflow:visible; }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }

  html { height: 100%; margin-bottom: 1px; }
  body {
    font-size: 100.01%;
    color: #000;
    background: #fff;
    text-align: left;
  }

  fieldset, img { border: 0 solid; }

  ul, ol, dl { margin: 0; }
  li { margin-left: 0; line-height: 1.5em; list-style:none;}

  dt, dd { margin: 0;}

  blockquote { margin: 0 0 1em 1.5em; }
  
  table {float:left; margin:0; padding:0;}
  td {vertical-align:top;}
  table dl {width:195px; border-left:2px solid #36a; border-right:2px solid #36a;}
  table dt {background:#fff;}
  table dd {margin:0; padding:0; text-align:center; clear:both;}
  .h50px { height:50px; padding-top:10px; padding-bottom:10px;}
  table dd span {line-height:24px;}
  table dd input {border:1px solid #000; width:25px; height:20px; margin-bottom:10px; font:normal 14px/20px Verdana, Arial, Helvetica, sans-serif; margin:10 auto;}
  table p a {font-size:11px;}
  table p {line-height:13px;}
  table ul li {font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif;}
    
  #header { position:relative; }

  #topnav { text-align: right; } 

  #header #topnav {
    position:absolute;
    top: 10px;
    right: 10px;
  }

  #header, #nav, #main, #footer { clear:both; }


  #col1_content, #col3_content { position:relative; }

   .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  .clearfix { display: block; }

  .floatbox { overflow:hidden; }
  
  .left {float:left; margin-left:5px;}
  
  .right {float:right; margin-right:5px;}

  #ie_clearing { display: none; }


  .subcolumns { width: 100%; overflow:hidden; }

  .subcolumns_oldgecko { width: 100%; float:left; }


}


@media screen, projection
{
  body { background: #4d87c7 url("images/bg_blue.gif") repeat-x top left fixed; padding: 10px 0; }

  body { text-align: center; }
  #page_margins { text-align:left; margin: 0 auto; }

  #page_margins { min-width: 740px; max-width: 80em; background: #fff; }
  #page{ padding: 10px; }

  #header {
    color: #000;
    background: #fff repeat-x top left;
    padding: 25px 2em 1em 20px; 
	background:url(../../images/headerbg.jpg) right no-repeat;
  }
  
  #menu {width:100%; display:inline; float:left; background:#194990; overflow:hidden;}
  #menu ul {width:100%; display:inline; float:left; padding-left: 10px; margin:0;}
  #menu ul li {display: inline; float: left; font:normal 13px/28px Verdana, Arial, Helvetica, sans-serif;}
  #menu ul li a {color:#fff; text-decoration:none; background:url(../../images/menuicon.gif) right no-repeat; margin: 0 10px 0 0; padding:4px 20px 4px 10px;}
  #menu ul li a:focus,
  #menu ul li a:hover {background: #fff url(../../images/menuicon-blue.gif) right no-repeat; color: #194990; text-decoration: none; margin-right:10px; padding:4px 20px 4px 10px;}
  #menu input {height:20px; width:190px; font:normal 14px/18px "Courier New", Courier, monospace; float:left; margin:0 15px 0 29px;}
  
  #topnav { color: #aaa; background: transparent; }

  #main { background: #fff;padding:10px 0; }

  #footer { 
    color:#666; 
    background: #f9f9f9;
    padding: 10px 20px;
    border-top: 5px #efefef solid;
	text-align:center;
  }
  #col1 { width: 79%; float:right;}
  #col1_content { padding: 10px 20px 10px 0px; }
  #col3 { margin-right: 80%; margin-left: 0; }
  #col3_content { padding: 10px ; }
    

  #nav * { border: 0px none !important; }
}

@media all
{
  html * { font-size: 100.01% }
  
  textarea, pre, tt, code {
	font-family:"Courier New", Courier, monospace;  	
  }

  body {
    font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
    font-size: 75.00%; 
    color: #444;  
  }

  h1,h2,h3,h4,h5,h6 { 
  	font-weight:bold; 
  	color:#000;
  	margin: 0 0 0.25em 0; 
  }

  h1{ 
  		color:#000;
		font:bold 12px/14px Verdana,Arial,Helvetica;
		margin-bottom:10px;
     }       
  h2 {font-family:Verdana,Arial,Helvetica; }
 
  h5 {background:url(../../images/l-banner-h.gif) no-repeat; 
	  padding-left:15px; 
	  color:white; 
	  line-height:29px; 
      margin-bottom:-1px;
	  font-size: 100%;}
	  
  h6 { font-size: 116.67%; font-style:italic }  /* 14px */

  #header span {
    color:#999;
  }

  p { line-height: 1.5em; margin: 0 0 1em 0; }



  cite, blockquote { font-style:italic }
  blockquote { margin: 0 0 1em 1.5em }

  strong { font-weight: normal }
  em,i { font-style:italic }

  pre, code { font-family: monospace; font-size: 1.1em; }

  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }


  .note {background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
  .important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
  .warning {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}

  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
  .center { text-align:center; margin: 0.5em auto }


  a {color: #4D87C7; text-decoration:none;}
  a:focus,
  a:hover,
  a:active {color:#182E7A; text-decoration:underline;}
  
  #topnav a { color: #999; font-weight: normal; background:transparent; text-decoration:none; }
  #topnav a:focus, 
  #topnav a:hover,
  #topnav a:active { text-decoration:underline; background-color: transparent;}
  
  #footer a { color: #999; background:transparent; font-weight: bold;}
  #footer a:focus, 
  #footer a:hover,
  #footer a:active {color: #4D87C7; background-color: transparent; text-decoration:underline;}

a[href^="http:"] {background: url(elementsImages/externalLink.png) no-repeat right; padding-right:10px;}

a[href^="http://www.digital-camera-batteries.org"], a[href^="http://digital-camera-batteries.org"] {background-image:none !important; padding-right:0px;}

.exempt {background-image:none !important; padding:0px;}

.external {background: url(elementsImages/externalLink.png) no-repeat right top; padding-right:10px;}

.price {font-size: 18px; color: #AD0303;font-weight: bold; border-top:1px solid #25c;}

  #col3 ul {margin:0px; padding:0px;}
  #col3 ul li {
  		width:133px;
		padding:0 15px;
		margin-left:0px;
  		border-left:1px solid #999; 
		border-right:1px solid #999; 
		line-height:1.8em;
		}
  .underline {border-bottom:1px solid #999;}

  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 3px 0;
    border:0;
    border-bottom: 1px #eee solid;
  }
  
  #box-title {
  	background:url(/images/top.gif) no-repeat; 
	margin:30px 0 -2px 0; 
	padding:0px; 
	width:719px; 
	float:left; 
	height:15px;
  }
  #box-title h2{
  	margin:-6px 0 -5px 15px; 
	_margin:0 0 -5px 15px;
	padding:0 10px 0 10px; 
	background-color:#FFF; 
	font-size:12px; 
	color:#C00; 
	float:left;
  }
  #box-content{margin:0px; padding:10px 0px; width:716px; border-left:1px solid #97a0a5; border-right:1px solid #97a0a5; float:left;}
  #box-content h3{ font-family:arial; font-size:13px; color:#333; margin:15px 0 3px 20px;}
  #box-content ul{margin:0px padding:0px; }
  #box-content li{margin:0px; padding-right:20px; font-size:11px; list-style:disc; margin-left:25px;}
  #box-content p{font-size:11px; margin-left:20px;}
  #box-content p a{color:#036;}
  .modellist{width:693px; float:left}
  .modellist li{ width:231px; list-style:none; float:left;margin:0px padding:0px;}
  .relate dt, .relate dd {float:left; text-align:center; border:1px solid #999; margin-left:-1px; _margin-left:0px; margin-top:-1px;}
  .relate dt {width:224px; _width:222px; overflow:hidden; height:18px;}
  .relate dd {width:247px; _width:245px;}
  .h55px dt {height:60px;}
  .h55px dd {height:50px; padding-top:10px;}
    
 .alter-title {width:712px; height:24px; float:left; margin:10px 0 10px 0;  padding-left:10px; font:bold 12px/24px Verdana, Arial, Helvetica, sans-serif; color:#c00; background:url(/images/bg.gif) repeat-x;}
 
 .indexdes {padding:20px 20px 20px 220px; background:url(/images/index/index-des.jpg) left no-repeat;height:200px;}
 #index-table dl{display:block; margin-top:10px; margin-bottom:10px;  border:none;}
#index-table dd{font:normal 11px/13px Verdana, Arial, Helvetica, sans-serif; margin:0px; padding-left:5px; text-align:left;}
#index-table dd a { display:block;line-height:15px; background:#f7f7f7; padding:2px; width:95%; text-decoration:none; margin-top:1px; margin-bottom:1px;}
#index-table .brand {padding-top:20px; margin:0 2px; width:100px;}
.indexdes {padding:20px 20px 20px 220px; background:url(/images/index/index-des.jpg) left no-repeat;height:200px;}
 
}