/* CSS Document */
@import url("jScrollPane.css");
body{ background:url(/images/bg.jpg) repeat-y center #999999; margin:0px; padding:0px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
img{ border:0px;}
div{ overflow:hidden;}
form{margin:0px; padding:0px;}
p{margin:0px; padding:0px;}
.body_fm{ width:832px; border:1px solid #999999; margin:auto;}
.top{ background:url(/images/top_bg.jpg) repeat-x; height:69px;}
.logo{ float:left; margin-top:15px; height:40px;}
.tel{ float:left; margin-top:25px; font-size:14px; font-weight:bold; margin-left:10px; color:#666666;}
.searchbar{ float:right; margin-top:15px;}
input.text{ background:white; border:1px solid #999999; color:#02217C; }
input.submit{ background:white; border:1px solid #999999; color:#02217C; }

.checkout .text {text-align: left}
table {text-align: left}
td.tdright {text-align: right}

.nav{ height:29px; margin-top:43px; margin-right:54px; line-height:29px; vertical-align:middle;}
.nav ul,.sec_nav ul{ margin:0px; padding:0px; list-style:none;}
.nav ul{ float:right;}
.nav ul li{ float:left; width:88px; background:url(/images/li.jpg) no-repeat; height:29px; text-align:center; font-weight:bold; color:white; text-transform:uppercase;}

.nav a {color: #fff; text-decoration: none}
.nav a:hover {color: #ffa; text-decoration: none}

.sec_nav{ height:29px; border:1px solid #666666; border-left:0px; border-right:0px; line-height:29px; vertical-align:middle;}
.sec_nav ul{padding-right:54px;  float:right; }
.sec_nav ul li{ float:left; margin-left:25px; text-decoration:underline; }

.content_fm{padding:30px;}
.content_right{ float:right; width:187px;}
.content{position: relative; width:585px; float:left; text-align: left}

.bar{background:url(/images/bar.jpg) no-repeat ; height:24px; vertical-align:middle; line-height:24px; padding-left:12px; color:white; font-weight:bold;} 
.content_right ul{ margin:0px;list-style:none; padding:0px;  border:1px solid #B7C9FF; border-top:0px;  }
.content_right ul li{ height:14px; padding:5px; background:url(/images/arr.gif) center left no-repeat; margin-left:12px; padding-left:15px;}
.l1{ float:left; width:130p; height:130px;}
.r1{ float:right; padding:0px 30px 0px 20px; width:405px; height:130px;}
.r1 h1{ color:#00217E; font-size:14px; height:68px; margin:0px;}
.bar2 { width:357px; background:url(/images/bar2.jpg) no-repeat; height:24px; color:#FFF28C; font-size: 14px; font-weight:bold; line-height:24px; vertical-align:middle; padding-left:10px; }
.c1{ border:1px solid #B7C9FF; border-top:0px;width:340px; height:32px; padding-top:5px; padding-left:15px; }
.content h2{ margin:0px; padding:0px; height:45px; clear:both; font-size:12px; padding-top:30px; color:#002574;}

.l2{ float:left; width:130px; height:265px;}
.r2{float:right; padding:0px 30px 0px 20px; width:405px; height:265px;}
.line{ background:url(/images/line.jpg) center no-repeat left; height:35px;}
.footer{ border-top:1px solid #000D6F; clear:both; padding:5px 20px 5px 20px; color:#999999; height:15px;}
.copyright{ float:left;}
.links{float:right;}
.links a {color: #999999; text-decoration: none}
.links a:hover {color: #111; text-decoration: none}

.searchbar input.text {font-size: 11px; width: 200px; padding: 1px 1px 1px 3px}
.searchbar input.submit {font-size: 11px; margin: 0 10px 0 0}

.clear {clear: both; height: 0px}
.browse {}
.browseplus {float: left; width: 16px; height: 16px; margin: 0 0 5px 0px}
.browsepart {float: left; width: 145px; margin: 0 0 5px 0}
.browsemanuf {float: left; width: 80px; margin: 0 0 5px 5px}
.browsedescription {float: left; width: 150px; margin: 0 0 5px 2px; font-size: 9px}
.browseitemcode {float: left; width: 120px; margin: 0 0 5px 5px}
.browseleadtime {float: left; width: 100px; margin: 0 0 5px 0px; font-size: 9px}
.browsestock {float: left; width: 50px; margin: 0 0 5px 5px; text-align: center}
.browsepkgqty {float: left; width: 50px; margin: 0 0 5px 5px; text-align: center}
.rohs {float: left; width: 50px; margin: 0 0 5px 2px; text-align: center}
.details {float: left; width: 50px; margin: 0 0 5px 7px; text-align: center}
.browsemore {}
.browseexpanded {width: 600px; margin: 5px 0 20px 20px}

.PriceBreaks {border: 0;}

#detail {margin: -20px 0 0 0}
#detail h2 {height: auto}

#detailtext {position: relative;}
#addbutton {position: absolute; top: 0px; right: 20px}
.detailleft {float: left; width: 150px; margin: 0 0 10px 10px; text-align: right}
.detailright {float: left; width: 350px; margin: 0 0 10px 10px}

.browseprice {float: left; width: 150px; margin: 3px 0 0 10px;}
.browsecart {float: left; width: 350px; margin: 10px 0 0 10px}
.browsecart input.text, .browsecart input.submit {font-size: 10px;}

.error {color: red; text-align: right}

.rule {background: #aaa}


#carttable {border: 1px solid #aaa}
#cartheader {background: #02217C; color: #fff}

#contactform {float: left; margin: 0 0 0 10px; border: 1px solid #ccc}

#secondmain h2 {margin: 0; padding: 0}
#SearchHeader h2 {margin: 0; padding: 0; height: auto}

#SearchTop {margin: 0; padding:0;}
#SearchHeader {width: 300px; height: auto; margin: 0 0 0 0;}
#PageXofY {float: left; width: 700px; margin: 0 0 0 0px;}
#PrevNext {position: absolute; z-index: 50; top: 20px; right: -50px; width: 100px;}

.browseplus {background: url(/img/bullet-arrow-right.png) top left no-repeat}
.greendown {background: url(/img/bullet-arrow-down.png) top left no-repeat}

#cart .submit {font-size: 11px;}
.clearboth {clear: both}

#toppartscontainer {height: 145px;  overflow: hidden;}
#topparts {width: 700px; list-style: none;}
#topparts li {float: left; width: 218px; margin: 0 15px 5px 0;}