body { font:13px Arial, Helvetica, sans-serif; background-color:#FFF; color:#333; border:none; width:100%; }
body, form, img { margin:0;padding:0; }
img { border:none; }
p {margin:1.0em 0;}
hr { border:0; border-bottom:1px solid #CCC; height:1px; }
h1, h2, h3, h4, h5, h6 { color:#007ac3;}
h1 { font-size:18px; }
h2 { font-size:16px;  }
h3 { font-size:13px;  }

ul { list-style-type:square; }
li { margin:5px 0; }
a { color:#005c9f }

.nowrap {white-space:nowrap;}
.center {text-align:center;}
.right {text-align:right;}
.f-right {float:right;}

/* Autocomplete: */


.autocomplete-w1 { background:url(img/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px;  _background:none; _margin:0; }
.autocomplete { width:180px;border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px;   _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; color:#000000;}
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }


/*.autocomplete { width:180px; border:1px solid #999; background:#F4F4F4; cursor:default; text-align:left; max-height:350px; _height:350px; overflow:auto; overflow-x:hidden;  }
.autocomplete .selected { background:#0A246A; color:#FFF; }
.autocomplete div { padding:2px 5px; }
*/
.top-round { background:url(img/left-top.gif) no-repeat; height:16px; }
.bottom-round { background:url(img/left-bottom.gif) no-repeat; height:16px; }

/* SIDEBAR ITEM TEMPLATE: */
.sidebar {margin: 0pt;}
.sidebaritem {background:#3093cd;padding:5px 10px;margin-bottom:0px;}
.sidebaritem a {line-height:1.5em;color:#fff;}
.sidebaritem h3 {color:#fff;}
.sidebaritem img {vertical-align:middle;}
.sidebaritem p {margin:5px 0;}

.xsidebaritem { padding:0px 0px 5px 0px;  }
.xsidebaritem h3 { color:#fff;background-color:#3093cd;padding:3px 5px;}
.xsidebaritem ul { list-style-type:none; margin:0; padding:0 5px; }
.xsidebaritem li { }
.xsidebaritem li a { color:#000; padding:0 1px;  text-decoration:none;  }
.xsidebaritem li a:hover { color:#005c9f; }
.xsidebaritem .pdf { padding-left:25px; }
.xsidebaritem li a.active	{	font-weight: bold; color: #005c9f} 

#main { position:relative; text-align:left; max-width:970px; min-width:768px; margin:0 auto;  }
#wrapper2 { position:relative; text-align:left; width:100%; }

#header-outer { background:#fff url(img/main-bkg.gif) repeat-x; width:99%; margin:0 auto; }
#header { background:url(img/header-bkg.jpg) center top no-repeat; margin:0 auto; width:768px; height:115px; }
#header h1 { font-size:14px; font-weight:bold; color:#f00; vertical-align:bottom; line-height:1.5em; margin:0; padding:0; float:left; text-align:left; padding-top:20px; padding-left:22px; display:inline }
#header h1 { padding-top:100px; height:0px; overflow:hidden; background-image:url("/local/img/tocos-logo1.gif"); background-repeat:no-repeat; margin-top:20px; margin-left:22px; float:left; width:645px; }
#header a { position:relative; top:80px; }

.pdf {background:url(/local/img/icons/20/pdf.gif) no-repeat;padding-left:22px;padding-bottom:3px;}
.padded {padding-left:22px;padding-bottom:3px;}
.padded-10 {padding-left:10px;padding-bottom:3px;}
.bold-12 {font-weight:bold;font-size:12px;}
.bold-10 {font-weight:bold;font-size:10px;}

#content_left {clear:both;float:left;width:180px;}
#content_right {float:right;width:182px;}

#centercol {position:relative; padding: 0 185px;}
#content_main { border: solid 0px #CCC; float:left; width:100%; min-width: 395px; max-width: 590px; height:100%; /*padding: 2px -5px 2px 5px;*/ }

#footer-outer { background:url(img/footer-blue.gif) repeat-x 0 0; width:99%; clear:both; width:99%; margin:0 auto; }
#footer { text-align:center; background:url(img/footer-tocos.gif) no-repeat 50% 0; padding:35px 0 0 0; }
#footer { clear:both; text-align:center; margin:0; margin-bottom:10px; }
#footer span { color:#007ac3; padding:0 10px; }

.leftmenu { border:0px solid #CCC; margin-bottom:20px;background-color:#005c9f}
.leftmenu { border-left:1px solid #007ac3;border-right:1px solid #007ac3;border-bottom:1px solid #007ac3; margin-bottom:20px;background-color:#ddeeff}
.leftmenu ul { margin:0 5px; padding:0; list-style-type:none; }
.leftmenu li { margin:0; padding:0;border-bottom:0px solid #2F85BF;}
.leftmenu a { display:block; color:#000; padding:3px 0; margin:0 0 0 0; text-decoration:none; }
.leftmenu a:hover { color:#005c9f;}

#products_menu {text-align:center;margin:10px 0;padding:0;}
#products_menu li {display:inline;margin-right:5px;margin-left:5px;}
#products_menu a {font-size:12px;font-weight:bold;color:#005c9f}

#products_submenu {padding:0;margin:0;padding-left:5px;width:165px;}
#products_submenu li {display:block;list-style:none;font-size:11px;padding-left:5px;}
#products_submenu a {color:#005c9f;}
#products_submenu a:hover {color:#005c9f;}

.list {border:1px solid #D8D2BD;margin:0 5px 0 0;}
.list td, .list th {font-size:11px;vertical-align:top;padding:3px 6px;}
.list thead {border:1px solid #D8D2BD;border-bottom:none;	background-color:#F0EFE7;}
.list thead th {border-top:1px solid #FFFFFF;border-right:1px solid #FFFFFF;border-bottom:1px solid #D8D2BD;border-left:1px solid #D8D2BD;font-weight:bold;color:#333333;padding:3px;vertical-align:middle;}
.list tbody td{border-right:1px dotted #EFEFEF;border-bottom:1px solid #F3F4F3;}
.list tbody .alternatingitem {background-color:#F7F7F7;font-size:10px;height:22px;}
.list tbody tr:hover {cursor:default;background-color:#F8F3E4;}
.list .label, .listV .label, .list .label40, .list .label20 {text-align:left;}
.list img{vertical-align:middle;}
.list .label40 {padding-left:40px;}
.list .label20 {padding-left:20px;}
.list .divide td {border-top:4px solid #ccc;}
.list caption {text-align:left;margin:0;}
.list caption p {padding:5px 0;width:350px;}
.listV {border:1px solid #D8D2BD;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;margin:20px 0;}
.listV th {text-align:left;border-top:1px solid #FFFFFF;background-color:#F0EFE7;border-right:1px solid #D8D2BD;border-bottom:1px solid #D8D2BD;border-left:1px solid #D8D2BD;font-weight:bold;color:#333333;padding:3px 10px;}
.listV td {text-align:right;border-right:1px dotted #EFEFEF;border-bottom:1px solid #F3F4F3;border-left:1px solid #F3F4F3;padding:3px 5px;}
.listV caption {text-align:left;margin:0;}
.listV caption p {padding:5px 0;width:350px;}
.no-highlight tbody tr:hover {cursor:default;background-color:#fff;}

.pinfo p img {display:inline;vertical-align:text-bottom;margin:0}
.pinfo {float:right;width:260px;display:block;margin-bottom:20px;}
.pinfo li {padding:0;margin:0px;margin-bottom:5px;list-style-position:inside;}
.pinfo ul {padding:0;margin:0;margin-right:20px;}

.b1 {border-left:1px solid;border-top:1px solid;}
.b2 {border-left:1px solid;border-top:1px solid;border-right:1px solid;}
.b3 {border-left:1px solid;border-top:1px solid;border-bottom:1px solid;}
.b4 {border:1px solid;}

.b5 {border-left:1px solid;border-bottom:1px solid;}
.b6 {border-left:1px solid;border-bottom:1px solid;border-right:1px solid;}
.b7 {border-left:1px solid;border-bottom:1px solid;}
.b8 {border:1px solid;}


hr {border:0;border-top:1px solid #CCC;clear:both;}

#search_form {margin:0;padding:2px 0 0 0;height:22px;}
#query {border:2px solid #f00;width:120px; vertical-align:middle; padding:1px 0 2px 2px; background:url(img/search-bg.gif) no-repeat 0 50%; }
#query.active { background-image:none; }
#search-btn {padding:3px 0;margin:0;border:none;background:#f00;color:#fff;cursor:pointer; font-weight:bold;font-size:11px; vertical-align:middle;height:23px;vertical-align:top;width:55px;}

/* MAIN MENU ACTIVE ITEMS*/
#products #products-menu,
#surface-mount-trimmers #products-menu,
#thru-hole-trimmers #products-menu,
#easy-pots #products-menu,
#standard-panel-controls #products-menu,
#long-life-panel-controls #products-menu,
#tp-rh-panel-controls #products-menu,
#sensors #products-menu,
#slide-potentiometers #products-menu,
#attenuators #products-menu,
#selector-switch #products-menu,
#togle-push-switches #products-menu,
#company-info #company-info-menu,
#whats-new #whats-new-menu,
#sales-locations #sales-locations-menu,
#contact-us #contact-us-menu,
#catalogs #catalogs-menu
{color:#005c9f;font-weight:bold;}

/* PRODUCTS SUBMENU ACTIVE ITEMS*/
#surface-mount-trimmers #surface-mount-trimmers-menu,
#thru-hole-trimmers #thru-hole-trimmers-menu,
#easy-pots #easy-pots-menu,
#standard-panel-controls #standard-panel-controls-menu,
#long-life-panel-controls #long-life-panel-controls-menu,
#tp-rh-panel-controls #tp-rh-panel-controls-menu,
#tp-rh-encoders #tp-rh-encoders-menu,
#sensors #sensors-menu,
#slide-potentiometers #slide-potentiometers-menu,
#attenuators #attenuators-menu,
#selector-switch #selector-switch-menu,
#togle-push-switches #togle-push-switches-menu,
#part-number-index #part-number-index-menu,
#prototype-stock #prototype-stock-menu
{color:#005c9f;font-weight:bold;}

/* DYNAMIC FEATURES */
#home #homelink img {background-color:#aaa}
#home #content_main {background:url(img/potentiometers-1.gif) bottom center no-repeat;padding-bottom:0px;margin-bottom:25px;}

/*IE FEATURES*/
* html #main {width:768px;}
* html #content_main {width:405px;}
* html #search-btn {margin-top:2px;}
* html #centercol {padding:0px;}

.new {background:url(img/new-bkg.gif) left top no-repeat;border:1px solid #3093cd;padding:0 10px 10px 10px;}
.easy-pot {background:url(img/easypot-bkg.gif) left top no-repeat;border:1px solid #3093cd;padding:0 10px 10px 50px;}
.easy-pot h2, .easy-pot h3 {margin-left:50px;}

.new-product {background:url(img/new-bkg.gif) left top no-repeat;border:1px solid #3093cd;padding:0 10px 10px 50px;}
.new-product h2, .new-product h3 {margin-left:50px;}

.product {border:1px solid #3093cd;padding:0 10px 10px 10px;}
.box {border:1px solid #ccc;padding:0 5px;background:#f7f7f3;margin-top:5px;}
.red {color:#f00}

.product_header {background-color:#007ac3;margin:0 auto;color:#fff;padding:3px 0}

#product_description ul {margin:0;padding-left:0}
#product_description li {margin-left:15px;padding-left:0}

#contact-us-form label {float:left;width:90px;}
#contact-us-form input {width:250px; margin-bottom: 5px;}
#contact-us-form textarea {width:250px;float:left;}
#contact-us-form #submit-button {width:255px;margin-left:88px;}

* html #contact-us-form textarea {margin-left:3px;}
* html #contact-us-form #submit-button {margin-left:92px;}

#catalogs .box {background-color:#ddeeff;}


/* form styling */
.styledform input.text { border:0px; background-image: url(img/txtField.gif); width:230px; height:26px; padding:3px; vertical-align:top; font-size:18px; }
/*.styledform input.button { margin-left:1px; border:1px solid #528c32; width:100px; height:26px; vertical-align:top; padding:0px; font-size:16px; font-weight:bold; color:White;  background: url(img/btnBg.gif) repeat bottom; }*/
.label-input { clear:both; padding:3px 0 0 0; color:#0c7709; }
.label-input label { display:block; float:left; width:180px; text-align:right; padding:4px 4px 0 0; font-size:16px; }
.qty-input { clear:both; padding:3px 0 0 0;  }
.qty-input label { display:block; float:left; width:170px; text-align:right; padding:4px 4px 0 0; }
.required { font-weight:bold; color:#0c7709; font-size:16px; }
.required input, .required select { background-color:#FFF4BF; }

.fieldGroup{ margin-bottom: 13px; padding:  10px 5px 2px 20px;  background-color:#DDEEFF; border: 1px solid #CCCCCC;}
.sbAnnouncements{padding:  5px 0px 0px 10px; }
.sbAnnouncements a{ color:#005c9f; font-size: 11px; }
.sbAnnouncements hr { border-bottom:1px solid #ffcb05; height:1px; margin:  20px 10px 4px 0px;}
.isNew{ background:url(/global/icons/16/new.png) left top no-repeat; padding-left:20px;}

.helpImg { margin: 1px; border:1px solid #3093CD; }