@charset "UTF-8";
/* CSS Document */

#catalogsmallmenu{ position:absolute; padding-top:15px; padding-left:10px; border:2px solid #009; top:-22px; right:10px; background:white; overflow:hidden; transition: all 0.2s ease-out 0s; -webkit-box-shadow: 1px 2px 4px rgba(0,0,0,0.4); -moz-box-shadow: 1px 2px 4px rgba(0,0,0,0.4); box-shadow: 1px 2px 4px rgba(0,0,0,0.4); border-radius:10px;}
.smallmenucollapsed{width:150px; height:20px;}
.smallmenuexpanded{width:190px; height:170px;}
#catalogsmallmenuicon:hover{ color:blue; cursor:pointer;}
#menucontainer2{ display:none;}
#target_frame{ width:100%; float:left; margin:20px 0 0 0; border-top:1px solid blue;}
#rightframe{ width:100%; }
#description_frame{ display:none;}
.textboxlines{ margin-top:5px;}
.catalognumber{ color:#000; display:block; width:50px; float:left; text-align:right; margin-right:10px; height:24px; font-weight:bold;}

@media only screen and (min-width:481px) {
#catalogsmallmenu{top:-27px;}
#target_frame{ width:100%; float:left;}
#rightframe{ width:100%; }
}

@media only screen and (min-width:860px) {
#catalogsmallmenu{display:none;}
#menucontainer2{ display:block; width:838px; height:35px; overflow:hidden; margin:10px auto 0px auto;}
#target_frame{margin-top:0px;}
#demoTab, #orderingTab, #warrantyTab, #indexTab, #testerTab, #boardTab, #technicalTab
{
	float:left;
}

#demoTab a{width:121px; height:35px; float:left; background: url(../Catalog_Links/Catalog_Link_Tabs/demo_systems.gif);}
#demoTab a:hover{background: url(../Catalog_Links/Catalog_Link_Tabs/demo_systems_blue.gif) -2px;}

#orderingTab a{width:89px; height:35px; float: left; background: url(../Catalog_Links/Catalog_Link_Tabs/ordering.gif);}
#orderingTab a:hover{background: url(../Catalog_Links/Catalog_Link_Tabs/ordering_blue.gif) -1px;}

#warrantyTab a{width:89px; height:35px; float: left; background: url(../Catalog_Links/Catalog_Link_Tabs/warranty.gif);}
#warrantyTab a:hover{background: url(../Catalog_Links/Catalog_Link_Tabs/warranty_blue.gif) -1px;}

#indexTab a{width:150px; height:35px; float: left;	background: url(../Catalog_Links/Catalog_Link_Tabs/part_number_index.gif);}
#indexTab a:hover{background: url(../Catalog_Links/Catalog_Link_Tabs/part_number_index_blue.gif) -1px;}

#testerTab a{width:131px; height:35px; float: left; background: url(../Catalog_Links/Catalog_Link_Tabs/tester_selection.png);}
#testerTab a:hover{background: url(../Catalog_Links/Catalog_Link_Tabs/tester_selection_blue.png);}

#boardTab a{width:131px; height:35px; float: left; background: url(../Catalog_Links/Catalog_Link_Tabs/board_selection.png);}
#boardTab a:hover{background: url(../Catalog_Links/Catalog_Link_Tabs/board_selection_blue.png);}

#technicalTab a{width:127px; height:35px; float: left;	background: url(../Catalog_Links/Catalog_Link_Tabs/technical_specs.gif);}
#technicalTab a:hover{background: url(../Catalog_Links/Catalog_Link_Tabs/technical_specs_blue.gif) -1px;}



#demoTabes a{width:131px; height:35px; float:left; background: url(../es/Catalog_Links/Catalog_Link_Tabs/es_demos_white.png);}
#demoTabes a:hover{background: url(../es/Catalog_Links/Catalog_Link_Tabs/es_demos_blue.png) -2px;}

#orderingTabes a{width:90px; height:35px; float: left;	background: url(../es/Catalog_Links/Catalog_Link_Tabs/es_ordenar_white.png);}
#orderingTabes a:hover{background: url(../es/Catalog_Links/Catalog_Link_Tabs/es_ordenar_blue.png) -1px;}

#warrantyTabes a{width:90px; height:35px; float: left; background: url(../es/Catalog_Links/Catalog_Link_Tabs/es_garantia_white.png);}
#warrantyTabes a:hover{background: url(../es/Catalog_Links/Catalog_Link_Tabs/es_garantia_blue.png) -1px;}

#indexTabes a{width:131px; height:35px; float: left;	background: url(../es/Catalog_Links/Catalog_Link_Tabs/es_index_white.png);}
#indexTabes a:hover{background: url(../es/Catalog_Links/Catalog_Link_Tabs/es_index_blue.png) -1px;}

#testerTabes a{width:138px; height:35px; float: left; background: url(../es/Catalog_Links/Catalog_Link_Tabs/es_systems_white.png);}
#testerTabes a:hover{background: url(../es/Catalog_Links/Catalog_Link_Tabs/es_systems_blue.png);}

#boardTabes a{width:131px; height:35px; float: left; background: url(../es/Catalog_Links/Catalog_Link_Tabs/es_boards_white.png);}
#boardTabes a:hover{background: url(../es/Catalog_Links/Catalog_Link_Tabs/es_boards_blue.png);}

#technicalTabes a{width:127px; height:35px; float: left;	background: url(../es/Catalog_Links/Catalog_Link_Tabs/es_specs_white.png);}
#technicalTabes a:hover{background: url(../es/Catalog_Links/Catalog_Link_Tabs/es_specs_blue.png) -1px;}



}

@media only screen and (min-width: 1230px) {


/*#frame_container {width: 1200px; margin: 0 auto; padding-left: 20px; padding-right: 20px; height:800px\9;}*/

/*divs*/
#description_frame{ position:relative; display:block; width:394px; float:left; padding:10px; border:1px solid blue; box-shadow: 10px 10px 5px #888888; -moz-box-shadow: 10px 10px 5px #888888; height:776px\9; overflow:hidden; /*-webkit-overflow-scrolling: touch; overflow-y: scroll;*/}
#item-descriptions{ overflow:auto;}

#target_frame{ width:750px;	float:left;	padding:10px; border:1px solid blue; box-shadow: 10px 10px 5px #888888; -moz-box-shadow: 10px 10px 5px #888888; margin:0 0 0 12px; height:776px\9; }

/*-webkit-overflow-scrolling: touch; overflow-y: scroll;*/

/*iFrames*/
/*#leftframe{	width:410px; margin:0px; height:776px\9;}*/
#rightframe{ width:750px; height:776px\9;}

/**********************************************/
/*			   LEFT FRAME MENUS				  */
/**********************************************/

.menu2{display: none; background-color:#D1D1D1; margin-right:5px; padding-left:5px; padding-top:5px; padding-bottom:10px;}
.menu1{margin-top:0px; margin-right:5px; padding-left:5px; clear:left;}
.menu2:hover {background-color:#D1D1D1;}
.menu1:hover {background-color:#9999DD; color:#000; cursor:pointer; }
.menuactive{background-color:#6666DD; color:white; background:url(../Catalog_Pages/arrowup.png) no-repeat bottom right  #6666DD;}
.menu2 hr{height: 1px; border: 0; margin-top:-10px; border-top: 1px solid #00f;}


/**********************************************/
/*					TEXT					  */
/**********************************************/

#headercontainer1200 p {text-align: center;	margin:5px 0 0 0; padding:0px;}

/**********************************************/
/*					Buttons					  */
/**********************************************/




}