/*** Body Definitions ***/
*{
    margin:0; 
    padding:0; 
    font-size:1em;
}

body{ 
    font-family: Arial, Helvetica, sans-serif; 
    line-height:1.4em; 
    font-size:12px;
    /*background-color: #383933;*/
    background-color: #363535;
}

img{ border:none;}

/*** Website wrapper div ***/

#wrapper{ 
    margin:0 auto; 
    width:1000px;  
    background-color:#ffffff;
    margin-top:30px;
}

#shadow{
    float:left;
    width:1000px;
}

/*** Website Heading ***/

#header{
    width:1000px; 
    float:left;
    height:75px;
    overflow:hidden;
    z-index:1;
}

#logo-header{
    float:left;
    height:110px;
    width:323px;
}

#header-phrase{
    float:left;
    width:677px;
    height:110px;
    background-image:url(images/heading-phrase-bg.gif);
}

#header-phrase p{
    margin-top:30px;
    font-size:1em;
    font-weight:bold;
    margin-left:20px;
}

#top-menu{
    height:28px;
    float:left;
    margin-left:30px;
    background-image:url(images/top-menu-bg.gif);
    background-repeat:no-repeat;
    width:940px;
}

#top-menu ul{
    text-align:center;
    display:block;
    margin-top:6px;
    color:#ffffff;
}

#top-menu ul li{
    display:inline;
    color:#ffffff;
    font-size:1em;
    /*letter-spacing:.1em;*/
    border-right:0px solid #ffffff;
    margin-left:0;
    margin-right:0;
    padding-left:0px;
    padding-right:0px;
    font-weight:bold;
}

#top-menu ul li.last{
    border-right:0;
}

#top-menu ul li a{
    color:#FFFFFF;
    text-decoration:none;	
}

#top-menu ul li a:hover{
    color:#FFFFFF;
    border-bottom:3px solid #CC0000;
}

#image-montage{
    float:left;
    margin-left:30px;
    margin-bottom:4px;
}

#feature-statement{
    float:left;
    width:940px;
    height:30px;
    background-image:url(images/red-gradient.jpg);
    background-repeat:no-repeat;
    margin-left:30px;
    text-align:center;
}

#feature-statement-text{
    margin:0 auto;
    width:630px;
    /*border:1px solid #ffffff;*/
    text-align:center;
}

#feature-statement p{
    color:#FFFFFF;
    font-weight:bold;
    /*margin-top:5px;*/
    text-align:center;
    line-height:2.4em;
    vertical-align:middle;
    float:left;
}

#feature-statement p span{
    font-size:16px;
    vertical-align:middle;
    padding-left:5px;
    padding-right:5px;

}

#container{
    float:left;
    width:1000px; 
    background-color:#FFFFFF;
}

#lhs{
    float:left;
    width:213px;
    background:#FFFFFF;
    margin-left:30px;
}

#rhs{
    float:right;
    width:213px;
    padding:0px;
    background:#FFFFFF;
    margin-right:30px;
    margin-top:20px;
}

#subscribe{
    /*float:left;
    margin-top:15px;
    margin-left:5px;
    margin-bottom:20px;*/
    float:right;
    height:34px;
    margin-right:30px;
    margin-bottom:6px;
    /*margin-top:-10px;*/
    z-index:2;
}

#subscribe h4 {
    float:left;
    font-weight:bold;
    color:#003399;
    margin-right:23px;
}

#subscribe h4 span{ color: #CC0000;}

.subscribe{
    border:0;
}

.request-button {margin-top:-20px}

/*********************  Main Content *************************/

#content { 
    float:left; 
    width: 470px;
    padding:20px;
    padding-right:0;
}
.wide #content {
    width: 707px;
}

#content p{
    font-size:12px;
}

#content ul{
    margin-bottom:10px;
}

#content ul li, li{
    color:#333333;
    margin-left:20px;
}

#industry{
    float:left;
}

.industry-hover-div{
    height:152px;
}
.research-hover-div{
    height:152px;
}

#industry-text{ margin:0px 25px 0px 30px;}

#research-text{ margin:0px 40px 0px 40px;}

.industry-enter, .research-enter{
    border:0;
}

#about-onetemp{
    float:left;
    /*border:1px solid #dddddd;*/
    background:url(images/about-bg.gif) repeat-y;
    width:460px;
    padding:10px;
    padding-left:15px;
    margin-top:10px;
    margin-left:3px;
}

#col1{
    float:left;
    width:220px;
    margin-right:10px;
}

#col2{
    float:left;
    width:230px;
    padding-top:22px;
}

#col-new{
    float:left;
    width:460px;
}

#col1 p, #col2 p{
    font-size:11px;
    font-weight:normal;
}

#col-new p{
    font-size:11px;
    color: #333333;
    font-weight:normal;
}

.qec{
    float:right;
    margin-bottom:30px;
    margin-left:5px;
}

/*********************  Category Pages *************************/

#controllers-indicators, #plc, #switching-devices{
    float:left;
    background:url(images/category-bg.gif) no-repeat;
    background-position:bottom;
    width:393px;
    min-height:136px;
    padding:20px;
    text-align:center;
}

.shadow-bg{
    float:left;
    background:url(images/category-bg.gif) no-repeat;
    background-position:bottom;
    width:393px;
    min-height:136px;
    padding:20px;
    text-align:center;
}

#content h1.control{
    background:url(images/control-icon.gif);
    background-repeat:no-repeat;
    height:40px;
    padding-left:40px;
    line-height:2.1em;
    font-size:16px;
    color:#CC0000;
    letter-spacing:0px;
    width:600px;
}

.h1-icons{
    float:left;
}


/*********************  LHS Content *************************/

#search{
    float:left;
    margin-bottom:15px;
    margin-top:15px;
}

#search p{
    font-size: .9em;
    margin-bottom:0;
    text-transform:uppercase;
}

.search{
    height:14px;
    width:165px;
    float:left;
}

.go{
    float:left;
}

#products{
    float:left;
    width:207px;
    margin-bottom:15px;
    background-color:#ffffff;
}

#products-top{
    /*height:25px;*/
    /*border:1px solid #000000;*/
    float:left;
    width:207px;
}

.industry{
    float:left;
    border:0;
}

.research{
    float:left;
    border:0;
}

.products-bottom{
    /*border:1px solid #cccccc;*/
    width:207px;
    float:left;
    border-bottom:0;
    border-top:0;
}

#products h3{
    width:185px;
    color:#FFFFFF;
    margin-left:30px;
    line-height:3.4em;
    font-family:Helvetica, sans-serif;
    text-transform:uppercase;
    font-size:13px;
    letter-spacing:1px;
}

#products p{
    margin-left:15px;
    margin-bottom:2px;
    padding-bottom:0;
    font-size:13px;
    margin-right:10px;
}

.products-bottom ul{
    list-style-type:none;
    width:207px;
    padding-left:0;
    /*border:1px solid #cccccc; orig b4 changed to parees */
    border-bottom:0;
}

.products-bottom ul li{
    font-size:.9em;
    /*color:#000066; orig b4 changed to parees */
    color:#333333;
    /*border-bottom:1px solid #cccccc; orig b4 changed to parees */
    /*padding-top:3px; orig b4 changed to parees 
    padding-bottom:3px; orig b4 changed to parees */
    padding-left:10px;
    margin-left:0;
    /*background-image:url(images/products-li-bg.jpg); orig b4 changed to parees */
    background-image:url(images/products-li-bg.gif);
    background-repeat:repeat-y;
    height:29px;
    line-height:2.7em;
}

.products-bottom h2{
    background-image:url(images/products-h2-bg.gif);
    background-repeat:no-repeat;
    margin-bottom:0;
    line-height:2.5em;
    color:#FFFFFF;
    padding-left:10px;
    height:30px;
}
.products-bottom-blue h2{
    background-image:url(images/products-h2-bg-blue.gif);
    background-repeat:no-repeat;
}

#products h2 a{
    color:#FFFFFF;
    font-size:1em;
}

.products-bottom ul li a{
    text-decoration:none;
    color:#333333;
}

.products-bottom ul li a:hover{
    text-decoration:none;
    color:#990000;
}

#buttons{
    float:left;
    width:213px;
    text-align:center;
}

.info{
    border:0;
}

#cal{
    width:208px;
}
    
#cal p{
    text-align:left;
    font-size:11px;
    padding-top:3px;
}

#cal p a{
    font-style:italic;
    color:#999999;
    text-decoration:underline;
}

#cal-icon{
    float:left;
}

.calibration{
    border:0;
    margin-bottom:10px;
}

/*********************  RHS Content *************************/

#bg-shadow{
    float:left;
    width:216px;
    background-image:url(images/shadow-bg.gif);
    background-repeat: repeat-y;
    margin-right:30px;
}

#onetemp-request
{
    float:left;
    margin:0 0 10px 6px;
    position:relative;
    clear:both;
}

#whats-new{
    float:left;
    width:216px;
    background-image:url(images/whats-new-bg.gif);
    background-repeat:no-repeat;
    background-position:bottom;
    padding-bottom:30px;
    margin-right:30px;
}

#whats-new-padding{ padding-left:15px; padding-right:15px; }

#whats-new h3{
    margin-bottom:10px;
}

#whats-new ul{
    font-size:12px;
    color:#333333;	
}

#whats-new ul li{
    margin-left:15px;	
}

#whats-new p{
    font-size:1em;
}

.forgot, .forgot a{
    font-size:11px;
    padding-top:3px;
    color:#000066;
}

#topimages{
    float:left;
    margin:60px 0 0 50px;
}

#topimages img{
    margin-left:30px;
    border:0;
}

#firstcontent{
    float:left;
    margin-left:40px;
    width:170px;
    height:60px;
}

.accessory-img{
    float:left;
    margin-left:10px;
    margin-top:10px;
}
.accessory-add{
    float:left;
    width:135px;
    padding:0px;
    margin:0;
    margin-top:10px;
}
#whats-new .accessory-add p{ margin:0px; padding:4px;}

#whats-new .accessory-none { margin: 20px 15px 10px 30px; padding:0px;}

#slideshowtoggler ul{ 
    list-style-type: none;
    width: 468px;
    height: 28px;
    border: 1px solid #bababa;
    position: relative;
    background: #d7d7d7;
}

#slideshowtoggler ul li{
    float: left;
    color:#343333;
    font-family: Arial, sans-serif;
    font-size:12px;
    font-weight:bold;
    text-transform: uppercase;
    text-align:center;
    width: 156px;
    height: 100%;
    position: relative;
    padding: 0;
    margin: 0;
}

#slideshowtoggler ul li a{
    color:#343333;
    display: block;
    text-decoration:none;
    border-left: 1px solid #eee;
    border-right: 1px solid #bababa;
    padding: 6px 0;
    margin: 0;
    position: relative;
}

#slideshowtoggler ul li a.go1 {border-left: none;}
#slideshowtoggler ul li a.go2 {}
#slideshowtoggler ul li a.go3 {border-right: none;}

#slideshowtoggler ul li a:hover, #slideshowtoggler ul li a:active{
    cursor: pointer;
}

/********** where wizard would be **********/

#wizard {
    background:url(images/wizard-bg.gif) no-repeat;
    width:487px;
    height:323px;
}

/******************** Heading Styles *************************/

h1 { 
    font-family: Helvetica, sans-serif;
    font-size: 15px;
    color:#003399;
    text-align:left; 
    margin-bottom:5px;
    /*letter-spacing:1px;*/
}

h1 span{
    font-size:22px;
    font-weight:bold;
    text-transform:none;
}

h1.sub-category{
    font-size:16px;
    color:#CC0000;
    letter-spacing:0px;
    margin-bottom:10px;
}
h1.Industrial {color:#0096c3;}
h1.Research {color:#339900;}

#content h1{ margin-bottom:15px;}

h2 { 
    clear:both;
    color:#CC0033;
    margin-bottom:10px;
}

h2.product-h2{
    font-weight:bold;
    font-style:normal;
}

h2 a{ 
    color:#666666; 
    text-decoration:none;
}

h2 a:hover{ 
    color:#666666; 
    text-decoration:underline;
}

h2.internet-special{
    background-image:url(images/internet-special-bg.gif);
    background-repeat:no-repeat;
    height:47px;
    text-indent:50px;
    line-height:2.3em;
    color:#000066;
}

h3 { 
    font-size: 14px; 
    color: #3366CC;
    font-weight:bold;
    line-height:1.4em;
    clear:both;
    overflow:hidden;
}

h3 a{ 
    color:#339900; 
    text-decoration:none;
}

h3 a:hover{ 
    color: #339900; 
    text-decoration:underline;
}

h3.Industrial, h3.Industrial a{color:#0096c3}
h3.Research, h3.Research a{color:#339900}


h4, h4 a{ 
    font-size: 13px; 
    color: #3366CC;
    font-weight:normal;
    text-decoration:none;
    margin-bottom:5px;
}

h4 a:hover{
    text-decoration:underline;
} 

h6{ 
    font-size: 13px; 
    color: #333333;
    font-weight:normal;
    margin-bottom:5px;
}

/*** Paragraph Styles ***/

p {
    font-family:Arial, Helvetica, sans-serif;
    margin:0; 
    color: #333333; 
    line-height:1.4em; 
    font-size:12px;
    margin-bottom:10px;
}

p a{ 
    color:#000099;
    text-decoration:none;
}

p a:hover{ 
    color: #000099; 
    text-decoration:underline;
}

p .special-price{
    color:#FF0000;
    font-weight:bold;
}

textarea{ font-family:Arial, Helvetica, sans-serif;}

/************** Products Display **************/

#bread-crumbs a{ color:#999999;}
#bread-crumbs span{
    font-size:0.9em;
    color:#999999;
    line-height:1.2em;
}

.product{
    float:left;
    width:650px;
    margin-bottom:15px;
}

.sub-cat-product{
    float:left;
    margin-bottom:15px;
    background:url(images/category-bg.gif) no-repeat;
    background-position:bottom;
    width:393px;
    min-height:136px;
    padding:20px;
}

.product h2, .product h2 a, .sub-cat-product h2, .sub-cat-product h2 a{
    color:#000099;
}

.stockcode{
    font-size:0.9em;
    color:#990000;
}

.product-datagrid-row td{
    border-bottom:1px solid #E3E3E3;
    padding-top:12px;
    padding-bottom:12px;
}

.product-image{
    margin-right:10px;
}

.product-description{
    margin-right:20px;	
}

.product-purchase{
    width:80px;
}

.desc {margin-top:10px;}

.list-price {
    color:#000099;
    font-weight:bold;
}


.features{
    clear:both;
    font-weight:bold;
}

.subcategories{
    padding:4px;
    margin:4px;
    border:1px solid #CCCCCC;
}

.main-price{ color:#990000; font-weight:bold;}

.brochures a {margin-right:15px; padding-bottom:15px; display:inline-block;}


.pager td{ padding-right:5px; font-size:1.1em;}

.pager a{text-decoration:none;}

.pager a:hover{text-decoration:underline;}

/************** Cart and Checkout ***********/

.cart th{
    color: #FFFFFF;
}
.cart td, .cart th{ padding:2px 5px 2px 2px; }

.checkout td {padding:2px 5px 2px 0px;}

/************** Website Footer **************/

#footer{ 
    clear:both;
    margin:0 auto;
    font-size: 1em; 
    color: #333333;
    line-height:2.0em; 
    width:1000px; 
    height:30px;
    text-align: center;
    background-color:#ffffff;
    padding-bottom:10px;
}	

#footer a{
    color: #333333;
    text-decoration:none;
}

#footer a:hover{
    color: #333333;
    text-decoration:underline;
}

.footer{
    width:940px;
    text-transform:uppercase;
    background-color:#CCCCCC;
    float:left;
    margin-left:30px;
}

/************************* AJAX STYLES ******************************/

.onetemp-tabs-theme .ajax__tab_header h2{ margin:0px; padding-bottom:2px; border:none;}

.onetemp-tabs-theme .ajax__tab_header 
{  
    display:block;    
}
.onetemp-tabs-theme .ajax__tab_header .ajax__tab_outer 
{
    height:29px;
}
.onetemp-tabs-theme .ajax__tab_header .ajax__tab_tab 
{
    display:block;
    margin:0;
}


/************* subscribe newsletter popup ***************************/

.form2{
    display: none;
    float:left;
    clear:none;
    position: fixed;
    /*margin:350px 0 0 385px;*/
    margin:40px 0 0 150px;
    height:20px;
    width:200px;
    padding:5px;
    border:4px solid #999999;
    background:#FFFFFF;
    z-index:2;
}


.formtable {
    display:none;
    float:left;
    margin:23px 0 0 15px;
    z-index:3;
}

.formtable td, .formtable input {
    z-index:4;
    position: inherit;
    font-size:13px;
    padding: 0 3px 0 3px;
    font-family:"Trebuchet MS", Georgia, Arial;
}

.formtable td{
    vertical-align:top;
    padding:4px;
}

#topright {
    display:none;
    position:absolute;
    top:3px;
    right:4px;
    padding:1px;
    border: none;
}

.subscribe-result{
    color: #e68010;
    font-weight:bold;
    padding:0px 0px 5px 5px;
}

/************ Landing Page Items ****************/
.wide #content h1 {
    margin: 20px 0px 15px;
}


table.landing-page-item {
    float: left;
    display: block;
    margin: 10px 10px 0px;
    text-align: center;
    padding: 0;
    border: none;
}

table.landing-page-item td {
    vertical-align: middle;
    text-align: center;
    width: 142px;
}

table.landing-page-item td.landing-page-item-heading {
    font-weight: bold;
    padding-bottom: 5px;
    height: 60px;
}
table.landing-page-item td.landing-page-item-heading a {
    color: #039;
    text-decoration: none;
}
table.landing-page-item td.landing-page-item-heading a:hover {
    text-decoration: underline;
}

table.landing-page-item td.landing-page-item-text {
    padding: 5px;
    height: 3em;
    vertical-align: top;
}

table.landing-page-item td.landing-page-item-image {
    height: 110px;
}
table.landing-page-item td.landing-page-item-image img {
    max-height: 110px;
}