*{ margin:0;padding:0;}
html{font-size: 16px;}
body {font: normal 63% Arial,Helvetica,sans-serif; line-height:1.5; color:black;text-align:center;background:url("/ryron/static/src/img/bg.png") top left repeat-x;}

title{text-transform: uppercase;}

body,th,td{}
a img{border: none;}
a:link,a:visited{ color:#00539B;}
a:hover{color:#009EE0;}
ul{list-style:none;}
p{text-indent:2em;text-align:left;white-space:normal;}
table{border-collapse:collapse;border-spacing:0;}

/*checked*/
input[type=text],input[type=file],Textarea{resize: none;border-color: #7C7C7C #C3C3C3 #DDDDDD;border-style: solid;border-width: 1px;}
input[type=text]:hover,input[type=file]:hover, Textarea:hover{}
input[type=button],input[type=submit], input[type=reset]{background:#E3E3E3 linear-gradient(to bottom, #EFEFEF, #D8D8D8);cursor: pointer;border-radius: 3px 3px 3px 3px;border: 1px solid rgba(0, 0, 0, 0.4);}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover{background:#E3E3E3 linear-gradient(to bottom, #F6F6F6, #E3E3E3);}
input[type=button][disabled], input[type=submit][disabled],input[type=reset][disabled], input[type=file][disabled],Textarea[disabled] {color:E3E3E3;}

h1,h2,h3,h4,h5,h6{font-weight:normal;}
a{text-decoration: none;}
.stateyes,.stateno{width:16px;height:16px; margin:auto; background:url("/ryron/static/src/img/sprite.png") no-repeat 0 0;}
.stateyes{background-position:-19px -142px;}
.stateno{background-position:-19px -124px;}
a.headerlink {color: #C60F0F;font-size: 0.8em;padding: 0 4px;text-decoration: none;visibility: hidden;}
*:hover > a.headerlink {visibility: visible;}
/* CONTAINER */
#container {width:auto; min-width:55em; margin:0 auto;font-size: 1.2em;}/*# line-height:1.7em; */
/*input, select { vertical-align: middle;  }*/

.left{text-align:left;}
.center{text-align:center;}
.ltext{text-align:left;}
.rtext{text-align:right;}
 .needed{color:red;}
.block{border:1px solid #DDD;margin-bottom:5px;}
.block .context{padding:8px;}
.column{line-height:2em;background:#3576B0;color:#C2C5C7;text-indent:1em;text-transform: uppercase;border-bottom: 0px solid #ccc;filter:progid:DXImageTransform.Microsoft.Shadow(color='#444444', Direction=120, Strength=3);-moz-box-shadow:1px 1px 2px #000000;-webkit-box-shadow:1px 1px 2px #000000;box-shadow:0px 1px 2px #888;}
.shadow1{}
input.btn,input.btn-submit{font-family: Arial, Helvetica;background: #DBDBDB;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#DBDBDB');
background: -webkit-gradient(linear, left top, left bottom, from(whiteSmoke), to(#DBDBDB));
background: -moz-linear-gradient(top, whiteSmoke, #DBDBDB);
background: -o-linear-gradient(top, whiteSmoke, #DBDBDB);
border: 1px solid #DBDBDB;
color: black;
/*padding: 7px 20px;*/
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.4);
-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.4);
box-shadow: 0px 2px 3px rgba(0,0,0,0.4);
text-shadow: white 0px 1px 0px;
min-width: 120px;
min-width: 90px	9;
text-align: center;
cursor: pointer;}

input.btn:hover,input.btn-submit:hover{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CBCBCB');
background: -webkit-gradient(linear, left top, left bottom, from(white), to(#CBCBCB));
background: -moz-linear-gradient(top, white, #CBCBCB);
background: -o-linear-gradient(top, white, #CBCBCB);
-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
box-shadow: 0px 2px 3px rgba(0,0,0,0.5);}

.WtoO a:link, /* White to Orange Grey Black Sky*/
.WtoO a:visited{color:#C7C7C7;}
.WtoO a:hover{ color:#ffc757;}

.GtoO a:link, 
.GtoO a:visited{color:#fff;}
.GtoO a:hover{ color:#ffc757;}

.OtoS a:link, 
.OtoS a:visited{color:#ffc757;}
.OtoS a:hover{ color:#6299c5;}

.StoT a:link, 
.StoT a:visited{color:#6299c5;}
.StoT a:hover{ color:#222222;}

.BtoO a:link, 
.BtoO a:visited{color:#000;}
.BtoO a:hover{ color:#ffc757;}

.BtoW a:link, 
.BtoW a:visited{color:#000;}
.BtoW a:hover{ color:#fff;}

.TtoO a:link, /* #222222 Tow*/
.TtoO a:visited{color:#222222;}
.TtoO a:hover{ color:#ffc757;}

.TtoW a:link, /* #222222 */
.TtoW a:visited{color:#222222;}
.TtoW a:hover{ color:#fff;}

.CtoO a:link, /* #c2c5c7 */
.CtoO a:visited{color:#c2c5c7;}
.CtoO a:hover{ color:#ffcc00;}

.COlabel label{color:#c2c5c7;}
.COlabel label:focus,
.COlabel label:hover{color:#ffc757;}

.OSlabel label{color:#ffcc00;}
.OSlabel label:focus,
.OSlabel label:hover{color:#6299c5;}

.TOlabel label:focus,
.TOlabel label:hover{color:#6299c5;}
/*@@ HEADER @@*/

#wrap1{width:100%;position:relative;top:0;height:130px;}
#wrap{width:100%;position:fixed;top:0;z-index: 900;background:url("/ryron/static/src/img/bg.png") top left  repeat-x ;}
#header {margin:0 auto;background: url("/ryron/static/src/img/wd.png") no-repeat left  top;overflow: hidden;height:88px;}
.header_block{position:relative;height:88px;width:960px;margin:0 auto;text-align:left;}

#hd_logo{position:absolute; left: 0em; top:2em; width:50em;white-space:nowrap;}
#hd_logo img{position:relative; float:left; background:none;width:40%; }
#hd_logo .corp_name{position:relative; float:left; width:30em; margin-left:0.5em;}
#hd_logo .name_cn {text-transform: uppercase;text-shadow: 1px 1px 2px #DDD;float:left; width:100%;  font-size:250%;font-weight: bold;}

#hd_logo .name_en {float:left;}

#hd_search {position:absolute;top:40px; left:350px; height:auto; 
    height: 59px;
    margin: 0 auto;
    padding: 10px 10px 0 16px;
    width: 415px;
}
#hd_search .box{float:left;width:160px;height:21px;
line-height:1.7em;padding:0px 5px;
text-shadow: 0px 0px 5px #FFFFFF;
font-family: Arial, Helvetica;
border: 1px solid #888;
padding: 3px 30px 2px 10px;
float: left;
width: 250px;
height: 20px;
color: #DDD;
}
#hd_search #ryron-search{float:left;background: url("/ryron/static/src/img/search.png") 0px 2px no-repeat;;border: 0 none;width:25px;height:23px;cursor:pointer;margin-left:-30px;}
#hd_search span{float:left;left:-10px;margin:3px auto;width:110px;font:16px Arial,Helvetica,sans-serif bold;color:#454545;text-shadow: 0 1px 0 #FFFFFF;}

#nav_search {position:absolute;top:8px; right:0; height:auto; }
#nav_search #ryron-search{float:left;background: url("/ryron/static/src/img/search.png") 0px 2px no-repeat;;border: 0 none;width:25px;height:23px;cursor:pointer;margin-left:-30px;}
#nav_search span{float:left;left:-10px;margin:3px auto;width:110px;font:16px Arial,Helvetica,sans-serif bold;color:#454545;text-shadow: 0 1px 0 #FFFFFF;}
#nav_search .box{float:left;width:160px;height:21px;border-radius:4px 0px 0px 4px;line-height:1.7em;padding:0px 5px;text-shadow: 0px 0px 5px #FFFFFF;
font-family: Arial, Helvetica;
webkit-border-radius: 12px;
-moz-border-radius: 12px;
-moz-box-shadow: 0px 1px 0px #555;
-webkit-box-shadow: 0px 1px 0px #555;
box-shadow: 0px 1px 0px #555;
border-radius: 12px;
border: 1px solid black;
padding: 3px 30px 2px 10px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0E0E0E', endColorstr='#323232');
background: -webkit-gradient(linear, left top, left bottom, from(#0E0E0E), to(#323232));
background: -moz-linear-gradient(top, #0E0E0E, #323232);
background: -o-linear-gradient(top, #0E0E0E, #323232);
float: left;
width: 180px;
height: 16px;
color: #DDD;
}
#hd_admin_nav {position:absolute;text-align:left;bottom:4px;right:0;white-space:nowrap;}
#hd_admin_nav li {float:left; list-style-type:none; line-height:1.2em; border-left:1px #888888 solid; padding:0 5px;color:#FFFFFF;}
#hd_admin_nav li.first{border-left:0px;}

/*@@ BILLBOARDS @@*/
#billboard {}

/*@@ main @@*/
#main{position:relative;float:left;width:100%; text-align:left;margin-bottom:20px;}
.main_block{width:960px;margin:1em auto;}
#main h1{font-size:200%;}
#main .title{text-align:left; text-transform: uppercase; font-weight:bold; border-bottom:2px solid #555555; margin-bottom:0.4em; }
#datetime{position:absolute;}

/** home**/
#hp_contact{float:left;width:100%;}/** couldnot change the margin,float data **/

#page-wrap{float:left;}
#col1{ width: 49%; float: left; margin: 0 0 20px 0; }
#col2{ width: 49%; float: right; }
pre{ font: 13px/1.8 Monaco, MonoSpace; margin: 0 0 15px 0; }
#dl{ position: absolute; top: 10px; right: 0; background: black; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 6px; }
#dl:hover{ background: #666; }
/*
    For Specific Slides
*/
#textSlide{ padding: 10px 30px; }
#textSlide h3{ font: 20px Georgia, Serif; }
#textSlide h4{ text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; }
#textSlide ul{ list-style: disc; margin: 0 0 0 25px; }
#textSlide ul li{ display: list-item; }
#textSlide img {width: 100%; height: 100%;}

#quoteSlide{ padding:30px;}
#quoteSlide blockquote{ font:italic 24px/1.5 Georgia, Serif;text-align:center;color:#444;margin:0 0 10px 0;}
#quoteSlide p{ text-align: center; }
.anythingSlider{ width: 600px;height: 250px;position: relative;margin:0 auto 0px;float:left;}
.anythingSlider .wrapper{ width: 600px;overflow:auto;height:250px;margin:0;position:absolute;top:0;left: 0;}

                                        /* Width below is max for Opera */
.anythingSlider .wrapper ul{width: 32700px; list-style: none; position: absolute; top: 0; left: 0; border-top: 0px solid #666; border-bottom: 0px solid #666; margin: 0; }
.anythingSlider .wrapper ul li{display: block; float: left; padding: 0; height: 200px; width: 700px; margin: 0; }
.anythingSlider .arrow{display:block; height:100px; width:30px; background:none; text-indent:-9999px; position:absolute; top:-110px; cursor: pointer; }
.anythingSlider .forward{background-position: 0 0;right:0;text-align: center;}
.anythingSlider .back{background-position: -67px 0;left:0;text-align: center;}
.anythingSlider .forward:hover{background-position: 0 -200px; }
.anythingSlider .back:hover{background-position: -67px -200px; }

div.panel .tabs .tab {
    padding: 7px 20px;
}

div.lbanner1{height: 250px; width: 600px;z-index: 90;}
div.rbanner1{height: 250px;width: 347px;z-index: 90;}

div.left{float: left;}
div.right{float: right;}

table.form{margin:1em auto;}
table.form tr{line-height: 2em;}
table.form .table_title{text-align:center; font-weight:bold;padding:0 1em;color: #444444;}
table.w_panel{
	background: none repeat scroll 0 0 #FFFFFF;
	-moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    line-height: 1.5em;
    margin-bottom: 20px;
    border: 1px solid #c8c8d3;
}
div.w_panel {
	background: none repeat scroll 0 0 #FFFFFF;
	-moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    line-height: 1.5em;
    margin-bottom: 20px;
    border: 1px solid #c8c8d3;
}
div.shadow{
     border-radius: 6px 6px 6px 6px;
	-moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
div.panel {
	background: none repeat scroll 0 0 #F0F0F0;
	border: 1px solid #c8c8d3;
     border-radius: 6px 6px 6px 6px;
	-moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    line-height: 1.5em;
    margin-bottom: 20px;
}
.clrfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

div.panel ul.tab_nav li a {
    border: medium none !important;
    color: #FFFFFF;
    display: block;
    float: left;
    padding: 7px 8px 5px;
    text-decoration: none;
}
div.panel ul.tab_nav li a:hover {
	background: -moz-linear-gradient(center top , #595C64, #1B1B1C) repeat scroll 0 0 transparent;
    border: medium none !important;
    color: #FFFFFF;
    display: block;
    float: left;
    padding: 7px 8px 5px;
    text-decoration: none;
}
div.panel ul.tab_nav li a.selected, div.panel ul.tab_nav li a.selected:hover {
    background: none repeat scroll 0 0 #F0F0F0;
    cursor: default;
    color:#000
}

div.panel ul.tab_nav {
    background: none repeat scroll 0 0 #3576B0;
    border-radius: 5px 5px 0 0;
    margin: 0;
    padding: 0;
}

div.slider .content{position:absolute;padding:50px;top:0px;width: 500px; text-shadow: 1px 1px 2px #111;color: white;font-size: 120%;}
div.slider .title{}
.clrfix {
    display: block;
}


div.modulo_ppal_portada div.panel .tabs .tab {
    padding: 7px 20px;
}

#advsearch input#search_button {
    margin-top: 15px;
}


#advsearch div.group, #advsearch div.not_group {
    background: none repeat scroll 0 0 #F0F0F0;
    border: 2px solid #BBBBBB;
    padding: 5px 10px 10px;
    position: relative;
}

fieldset{
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    margin: 0;
    outline: 0 none;
    padding: 0;
}

#advsearch div.group .ac_input, #advsearch div.not_group .ac_input {
    background: url("/img/common/fnd.field.gif") repeat-x scroll center top #FFFFFF;
    border-color: #7C7C7C #C3C3C3 #DDDDDD;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    padding: 3px;
    
}

#search_button,.ui-dialog-button, .ui-button {
    background-color: #E3E3E3;
    background-image: linear-gradient(to bottom, #EFEFEF, #D8D8D8);
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
    color: #4C4C4C;
    display: inline-block;
    margin: 0;
    outline: medium none;
    padding: 3px 12px;
    text-align: center;
    cursor: pointer;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
}
#rating_box{position: relative;float: left;border: 1px solid #c8c8d3;margin: 0 0 10px;padding: 2em;}
#contact_box{position: relative;width: 100%;float: left;border: 1px solid #c8c8d3;}
.thumbNav{position: relative; top:210px;text-align: right; z-index:1;}
.thumbNav li{display: inline;margin:auto 10px 0 0}
.thumbNav a{color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding:2px 8px; height:18px; margin:auto; background:#E5E5E5 ;border-radius:6px; text-align:center; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.thumbNav a:hover{ background-image: none; }
.thumbNav a.cur{ background: #888; }

.start-stop{ z-index:2;background: green;color:white;width:40px;text-align:center;position:absolute;right:10px;top:185px;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.start-stop.playing{background-color:red;}
.start-stop:hover{background-image:none;}

/*
  Prevents
*/
.anythingSlider .wrapper ul ul{ position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li{ float: none; height: auto; width: auto; background: none; }

#ad-wrap1{float:left;width:600px;}
#ad-wrap1 ul{list-style: none;}
#showcol1 {width:295px;float:right;}
#showcol2 {width:295px;float:left;}
#showcol3 {width:100%;float:left;}

._title {border-bottom: 1px solid #AFBED9;clear: both;color: #333;letter-spacing: -0.5px;font-weight:bold;text-transform: uppercase;}
._block{margin-bottom: 20px;}

#View{box-shadow: 0px 1px 2px #ddd; z-index:-1;background:url("/ryron/static/src/img/form_sheetbg.png") repeat scroll left center transparent;height:275px;width:100%;border-top: 1px solid #AFBED9;border-bottom: 1px solid #AFBED9;}

a.right_arrow{background: url("/ryron/static/src/img/arrow.right.gif") no-repeat scroll left center transparent;
    border: medium none !important;
    font-size: 11px;
    padding: 4px 0 4px 18px;
    position: relative;
    color: #0055CC;
    text-decoration: none !important;
    top: 7px;}
    
#hp_left{float:left;width:600px;}
#hp_right{float:left;width:347px;margin-left:10px;}
#hp_right ul{list-style: none;}
#hp_right li{width:100%;float:left;height:140px;margin-bottom:10px;border:1px solid #AAA}

/** context **/
#context{position:relative;float:right;width:80%;padding:auto;}

#hp_logo{position:relative; width:100%; margin:3em 0em 1em 0em;}
#hp_search { position:relative; width:100%;}
#hp_search .box{width:470px;height:1.9em; text-transform: uppercase;text-align:center; line-height:2em;font-weight:bold; border-color:#333;}
#hp_search .btn {width:100px;height:2em; border-color:#333;}

#hp_pro_panel{position:relative;  color:#6299c5; width:48em; }
#hp_pro_panel div{position:relative; float:left; width:190px; height:10em; overflow:hidden ;border:1px solid #ddd; margin:0.3em 0;}
#hp_pro_panel img{width:120px; height:72px;}

#context_news {position:relative;width:100%;text-align:left; height:auto;}
#context_news h3{margin:auto;border-bottom:none;}
#context_news table{position:relative; width:100%; text-align:center;  background:#fffecd; border:1px solid #AAA;}
#context_news th{text-transform: uppercase; background:#222222; height:2em; color:#c2c5c7; border:0px solid blue;padding:0.2em;}
#context_news td{text-transform: uppercase; color:black; border-top: 1px solid #AAA ; border-right:0px solid #ddd; padding:0.2em;}
#context_news .date{}
#context_news .title{}
#context_news .author{}
#article{float:right;width:100%;padding:4em;border:1px solid #AAA;}
#article h1{text-align:center;}
#article h6{float:left;margin:0 10px;}
#article p{float:left;width:100%; }
/** products**/
#context_products{position:relative;width:100%;text-align:left; height:auto;}
#context_products table{position:relative; width:100%; text-align:center; border:1px solid #AAA; border-bottom:1px solid #555; margin:0.5em 0;background:#F9F9F9;}
#context_products th{ background:#222222; height:2em; color:#c2c5c7; border:0px solid blue;padding:0.2em;}
#context_products td{color:black; border:1px solid #AAA; padding:0.2em;}
#context_products .firsttd{width:100%;height:0.5em;  border-right:2px solid white;border-left:2px solid white; background:#FFF;}
#context_products .toptr{border-top:2px solid #ddd;}
#context_products .bottomtr{border-bottom:2px solid #ddd;}


#pro_show{position:relative;width:100%; height:8.9em;border:1px solid #ddd;margin:0 0 0em;}
#pro_show .blocks{position:relative;float:left;width:19.7%;height:auto;border:1px solid #ddd;border-top:2px #222222;border-bottom:2px #222222;}
#pro_show img{width:160px; height:100px;}

/*- menu -*/
.content-right .banner-box {margin-bottom: 13px;position: relative; height:184px;overflow: hidden;
	background: none repeat scroll 0 0 #F0F0F0;
	border: 1px solid #c8c8d3;
     border-radius: 6px 6px 6px 6px;
	-moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    }
.content-right .banner-box img {}
.content-right .banner-box .banner-information {position:relative;
	border-radius: 6px 0px 0px 6px;
    background:rgba(0, 0, 0, 0.5);
    border-color: #666666 #666666 #666666 -moz-use-text-color;
    overflow: hidden;
    padding: 15px 15px 15px 21px;
    position: absolute;
    top: 34px;
    right:0;
    color: white;
}
.content-right .product-grid li.last-child, .content-right .product-grid-about li.last-child {
    margin: 0 0 12px;
}
.content-right {float: right;height: auto;width: 81%;}
.product-grid-text {cursor: pointer; }
.product-grid li{
 width: 22%;border: 1px solid #c8c8d3;
	-moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
	float: left;    height: 116px;    margin:  10px;   overflow: hidden; padding: 0 0 38px;    position: relative;}
.product-grid-text .photos-title {text-align: center;
background-color: #F0F3F7;    border-top: 1px solid #c8c8d3;    bottom: 0;    color: #444444;    display: block;    font-size: 12px;
font-weight: bold;    height: 29px;      padding: 2px 10px 5px 15px;    position: absolute;    width: 147px;    z-index: 110;
}

.product-grid li img{

}

#products_menu{position:relative; width:100%; border:0px  solid #6299c5;white-space:nowrap; margin:0em 0em 1em 0em;}
/*#products_menu li {float:right;width:3em; list-style-type:none;height: auto; background:#6299c5 url(/medias/img/aa.jpg) repeat-x; border-right: 1px white solid; margin:0 0 0 0em; padding:0.2em 1em 0.2em 1em;}
#products_menu .tablist{height:2em;}*/
#products_menu #tab1{position:absolute; width:100%;height:2em;margin:0;padding:0;}
#products_menu li{ float:right;padding:0 1em; margin:0em 0em 0em 0.5em; height:2em; text-align:center; border:1px solid #6299c5; cursor:pointer;background:#eee;}
#products_menu li.now{color:#5299c4; height:2.5em; font-weight:bold; border-bottom:0px; background:#eee;}
#products_menu .tablist{width:100%; height:5em;padding:1em;margin:2.4em 0 0 0; border:1px solid #6299c5; display:none; background:#eee;}
#products_menu .block{display:block;}



/*- show -*/
#products_show{position:relative; width:100%; height:auto; border:0px solid #6299c5;margin:1em 0em 1em 0em;}

#Product_Grid{position:relative; padding:0em 0em 0em 0em; height:auto;font-size: 0.9em;line-height: 1.2em;font-family: GothamHTFMedium;white-space:nowrap;border-radius: 6px 6px 6px 6px;}
#Product_Grid input{margin:0 10px;}
#Product_Grid a:visited,a:hover{ color:#007E3A;}
#Product_Grid a:link{color: #000000;font-weight: bold;}
#Product_Grid .part_number {font-size: 14px;font-family: GothamHTFMedium;text-align: left;}
#Product_Grid .description{padding:2px 10px;text-align: left;background: #DEE7F3;}
#Product_Grid table{position:relative; width:100%; text-align:center; border:1px solid #AAA; border-bottom:1px solid #555; margin:0.5em 0;}
#Product_Grid th{ background:#222222; height:2em; color:#c2c5c7; border:0px solid blue;padding:0.2em;overflow: hidden;}
#Product_Grid td{color:black; border:1px solid #ddd;}
#Product_Grid .toptr{border-top:2px solid #ddd;}
#Product_Grid .bottomtr{border-bottom:2px solid #ddd;}
#Product_Grid .part_img{float: left;margin: 5px 15px 0 0;border: 1px solid;}
#Product_Grid tr td p {text-indent: 0px;}
#Product_Grid tbody tr td .logos-list li {    display: block;    float: left;    margin: 3px 7px 0 0;    overflow: hidden;}
#Product_Grid .column_info a{display: block;overflow: hidden;}
#Product_Grid .firsttd{width:100%;height:0; padding: 0.5em 0; border-right:1px solid white;border-left:1px solid white; background:#FFF;}



#Product_Grid1{position:relative; padding:0em 0em 0em 0em; height:auto;font-size: 0.9em;line-height: 1.2em;}
#dataform th {}
#dataform td {}
#dataform a{}
#Product_Grid1 table{position:relative; width:100%; text-align:center; border:1px solid #AAA; border-bottom:1px solid #555; margin:0.5em 0;}
#Product_Grid1 th{ background:#222222; height:2em; color:#c2c5c7; border:0px solid blue;padding:0.2em;overflow: hidden;}
#Product_Grid1 td{height:2.5em;padding-top: 19px;padding-bottom: 25px;color:black; border:1px solid #AAA;}
#Product_Grid1 .toptr{border-top:2px solid #ddd;}
#Product_Grid1 .bottomtr{border-bottom:2px solid #ddd;}
#Product_Grid1 .part_img{float: left;margin: 5px 15px 0 0;border: 1px solid;}

#Product_Grid1 tr td p {text-indent: 0px;}
    
#Product_Grid1 .first-column{width:250px;padding-left: 16px;}

#Product_Grid1 tbody tr td .logos-list li {
    display: block;
    float: left;
    margin: 3px 7px 0 0;
    overflow: hidden;
}
#Product_Grid1 .column_info a{display: block;overflow: hidden;}
#Product_Grid1 .firsttd{width:100%;height:0; padding: 0.5em 0; border-right:1px solid white;border-left:1px solid white; background:#FFF;}
#Product_Grid1 a:link,a:visited,a:hover{ color:#007E3A;}

 #expo table{ border:1px solid #ddd; border-left:5px solid #444444; background:#fffecd;width:100%;}
 #expo th{text-align:left;text-indent:1em;}
 #expo td{ padding:0.2em 0.5em; border:0px;white-space:normal;}
 #expo .tdframe{ width:1em; border-right:0px solid #ddd; padding:0em 0em;}
 #expo .imgframe{ width:15em; height:9em;}
 #expo .imgframe .pic{text-align:left; overflow: hidden; width:10em; height:6em; margin:1.5em auto; border:1px solid #222222;}
 #expo .imgframe .pic img{overflow: hidden; width:120px; height:72px;}
 #expo .split{ width:95%;border-bottom:1px solid #444444;}
 #expo h1{text-align:left;margin:0 auto;line-height:1.2em;color:#222222;}
 #expo h2{white-space:normal;}

.linecard dl{float:left;color:#A2A2A2}
.linecard dt{width:255px;font:15px bold;margin:5px;border-top:1px solid #AAAAAA;border-bottom:1px solid #AAAAAA;text-align:center;}
.linecard dd{margin:auto 5px;}
.linecard a{display:block;text-decoration: underline;width:255px;text-indent:2em;}
.linecard a:link, 
.linecard a:visited{color:#A2A2A2;width:100%;}
.linecard a:hover{background:#fffecd;color:#ffc757;}
.linecard ul{float:left;width:100%;list-style:none;text-align:center;}
.linecard li{float: left;margin: auto 2px;padding: 0px 2px;color: black;width: 24%;text-align: left;}
/** supcom**/
#context_supcom{position:relative; width:100%; text-align:left; color:black;}
#context_supcom .app{ width:100%;border:1px solid #AAA;padding:1em 0;border-top:5px solid #222222;padding:1em 0;margin:1em 0;height:105px;}
#context_supcom .app .aimgframe{position:relative;float:left; width:20%; margin:0 1em;}
#context_supcom .app img{border:2px solid #DDD;}
#context_supcom .rside{position:relative;float:left; width:72%; }
#context_supcom .rside h1{text-align:left;}
#context_supcom .rside div{border-top:1px solid #888888;}

/** contact**/
#context_contact{position:relative;width:100%;text-align:left;}
#context_contact .block{float:left;width:30em;margin:0em 10px 20px 0;text-align:center;}
#context_contact .input{text-align:left;}
#context_contact label:focus,
#context_contact label:hover{color:#ffc757;}
#context_contact td{padding:1px 0;line-height:2em;}
#context_contact .label{width:13em;}
#context_contact .feedback_bgimg{position:absolute; left:30em;top:9em ; width:450px;height:365px; background: url(/medias/img/contact_mail.jpg) no-repeat center; z-index:-1;}
#context_contact .feedback_question{float:left; width:65%;}
#context_contact .feedback_box{float:left;width:100%;}
#context_contact .submit{width:auto; float:right; margin:1em 0; }

/* career */
#context_career{position:relative; width:100%; text-align:left; color:black;}

#context_career .job div{text-indent:3em;}
#context_career .job ul{list-style:none;position:relative;}

/* about */
#context_about{ width:100%;text-align:left;color:black;}
#context_about h1{text-align:center;}
#context_about img{height:210px; width:280px;filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=120, Strength=3);-moz-box-shadow:1px 1px 2px #000000;-webkit-box-shadow:1px 1px 2px #000000;box-shadow:1px 1px 2px #000000;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#context_about .abt_baseimg{position:relative;float:right;right:0;top:35px;padding:1px;font-size:70%;border:0px solid #222;height:240px;}
#context_about .abt_baseimg h1{background:#F9F9F9;}
#context_about ul{list-style:none;}

.payment li{margin:0 1em;list-style-type:none;}

.logo2{position:relative;width:100%;text-align:center;z-index:0;height:0px;}
.logo2 #logo{position:relative;top:-2.7em;width:50px;height:43px;margin:auto;background:url("/ryron/static/src/img/sprite.png") no-repeat 0 0;background-position:-66px 0px;}
#relationlinks {float:right;width:100%;
-webkit-box-shadow:0px 0px 6px #545659;-moz-box-shadow:0px 0px 6px #545659;box-shadow:0px 0px 6px #545659;
background:#F4F6F9;z-index:12;}

#relationlinks ul{white-space:nowrap;width: 960px;margin: auto;}
#relationlinks li{position:relative;float:right;list-style-type:none;}
#relationlinks a{}

/*@@ FOOTER @@*/

.foot{float:left;width:100%;position:relative;border-top: 1px solid #ddd;background:#F4F6F9;}
.footer_blcok{position:relative;width: 960px;margin: auto;}
.footer_blcok2{background:#1B1B1B;}
.footer_blcok .ac{position:relative;float:left;margin: 10px 10px 10px 10px;padding: 10px 4px; width: 250px;border-right: 1px solid #DDD; text-align:left;}
.footer_blcok .ad{position:relative;float:left;margin: 5px;padding: 10px 5px;width: 150px;text-align:left;}
.footer_blcok .ad ul{position:relative;list-style: none outside none;margin: 10px auto;padding: 0;}


.footer_blcok dt{color: #454545;font-weight:bold;text-shadow:0 1px 0 #FFFFFF;}
.footer_blcok dd{float:left;color:#666;margin-right:7px;text-shadow:0 1px 0 #FFF;}
.footer_blcok a:link, 
.footer_blcok a:visited{color:#666;}
.footer_blcok a:hover{ color:#ffc757;}
.footer_blcok .icon img{height:36px;}
#footer{float:left;width:100%;line-height:1.5em;font-size:0.8em; margin:0 auto;text-align:left; text-transform: uppercase;
background: black;
overflow: hidden;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#595C64', endColorstr='#1B1B1C');
progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=120, Strength=3);
background: -webkit-gradient(linear, left top, left bottom, from(#595C64), to(#1B1B1C));
background: -moz-linear-gradient(top, #595C64, #1B1B1C);
background: -o-linear-gradient(top, #595C64, #1B1B1C);
border-top: 1px solid #999;
-webkit-box-shadow:1px 1px 2px #666;-moz-box-shadow:1px 1px 2px #666;box-shadow:1px 1px 2px #666;z-index:10;}

.footer_resize{border-top:0px solid #DDD; width:940px;margin:auto;}
#footer .ft_links_copyright{float:left;color: #fff;margin:auto 5px;text-shadow: 0 1px 0 #FFFFFF #191919;}


/*-language plane-*/
#language_panel { position: absolute; top:1em; width:30em; right: -1em; text-align:center; clear: both; padding:0em 0.5em;}
#language_panel label {height:1.3em; line-height:1.3em; padding: 0px 3px 1px 3px; display: inline-block; cursor: pointer; color:#555; border: 1px solid transparent; border-bottom: 2px solid transparent;}
#language_panel label:focus, #language_panel label:hover {height:1.3em;background:rgba(0,20,40, 0.8);border-radius:3px 3px 3px 3px;border:1px solid #6699FF;border-bottom: 2px solid #4477AA;color:#FFC757;}
#language_panel label.selected {background:rgba(0,20,40, 0.8);height:1.3em;border-radius:3px 3px 3px 3px;border:1px solid #6699FF;border-bottom: 2px solid #4477AA;color:#FFC757;}
#language_panel input{margin-right: 5px;border: none; overflow: hidden; width: 16px; height: 11px;background-color:transparent;vertical-align: middle;padding-top: 10px;}
#language_cn,#language_tw,#language_en,#language_ko,#language_ja,#language_de,#language_Reserver{ background:url(img/sprite.png) no-repeat 0 0;}
#language_cn{background-position:0px 0px;}
#language_tw{background-position:0px -12px;}
#language_en{background-position:0px -24px;}
#language_ko{background-position:0px -36px;}
#language_ja{background-position:0px -48px;}
#language_de{background-position:0px -60px;}
#language_Reserver{background-position:-18px 0px;}

#scroll_panel p{color:#6299C5;}
#scroll_panel {position:absolute relative;left:0;top:41px;z-index:800;width:960px;margin: auto;}
#scroll_panel #panel_content{float:left;color:#6299C5;width:100%;background:none;border:0px solid #555;text-align:center;filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=120, Strength=2);-moz-box-shadow:1px 1px 2px #000000;-webkit-box-shadow:1px 1px 2px #000000;box-shadow:1px 1px 2px #000000;-moz-border-radius: 0px 0px 0px 5px; -webkit-border-radius: 0px 0px 0px 5px; border-radius: 0px 0px 0px 5px;}/*dont delete float,,Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */
#scroll_panel #panel_tab{position:relative;float:right;background:rgba(0,0,0,0.95);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC111111 ,endColorstr=#CC111111,gradientType='1') progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=120, Strength=3);-moz-box-shadow:1px 1px 2px #000000;-webkit-box-shadow:1px 1px 2px #000000;box-shadow:1px 1px 2px #000000;-moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px;}
#scroll_panel #panel_tab a{text-decoration: none; border:0px solid #ddd;border-top:0px solid #ddd;}
#scroll_panel #panel_tab a span{float:left;color:white;display: block;padding: 1px 12px 4px 13px;cursor: pointer;}
#scroll_panel #panel_tab a span img.pointerimage{margin-top: 2px;margin-left: 5px;}
#scroll_panel #panel_tab a:hover span{color:#6299C5;}
#scroll_panel #panel_tab a:active, .inform_panel_tab a:focus{outline:0;}
#scroll_panel #panel_tab a:hover span{}
#scroll_panel img {float:left; width:200px; height:172px; margin:0 10px 10px 0; border:0px solid #ddd;}
#scroll_panel table{text-align:left; width:100%;border:0px solid #ddd; padding:1.5em 0 0 0;margin:1em 0 0 0;}
#scroll_panel td{border:0px solid #ddd; padding:0.2em 0.5em;}
#scroll_panel input{float:left;width:15em;}
#scroll_panel input[type=submit]{width:auto;float:right;margin:10px; }
#scroll_panel textarea{float:left;height:6em;}
#scroll_panel label:focus,
#scroll_panel label:hover{color:#ffc757;}
#scroll_panel #panel_content .panel_top{width:100%; height:1.7em; }
#scroll_panel #panel_content .panel_middle{width:100%; border:0px solid #ddd;}
#scroll_panel #panel_content .panel_bottom{}
#scroll_panel #panel_content .label{text-align:right;}
#scroll_panel #panel_content .messagebox{width:18em;  height:15em;border-right:1px ridge #ddd; padding:0 1em;}

.nav{
background: black;
overflow: hidden;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#595C64', endColorstr='#1B1B1C');
progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=120, Strength=3);
background: -webkit-gradient(linear, left top, left bottom, from(#595C64), to(#1B1B1C));
background: -moz-linear-gradient(top, #595C64, #1B1B1C);
background: -o-linear-gradient(top, #595C64, #1B1B1C);
border-top: 1px solid #999;
-webkit-box-shadow:1px 1px 2px #666;-moz-box-shadow:1px 1px 2px #666;box-shadow:1px 1px 2px #666;z-index:10;}
#navigation_panel{position:relative; height:41px;width:960px;  margin:auto; text-align:center;font-family:Arial,sans-serif; white-space:nowrap;}
#navigation_panel #navigation{border: 0 none;float:left;list-style: none outside none;margin:0;padding: 0;text-align:center;width:100%}
#navigation_panel ul li{position:relative; display:block;border: 0 none;float:left;margin:11px 9px;padding: 0;z-index:21;}
#navigation_panel ul li a:link,
#navigation_panel ul li a{color: #C7C7C7;float:left;font:1.4em Arial,Helvetica,sans-serif ;text-shadow:0 1px 0 #191919;}
#navigation_panel ul li a:hover{color:#FFFFFF;left:-1px;top:auto;text-shadow:0 0 3px #FFFFFF;}
#navigation_panel #slide {position:absolute;top:5px;height:2em;z-index:1;border-bottom:2px #6299C5 solid;}
#navigation_panel .current{background:center bottom;text-shadow:0 0 3px #FFFFFF;}

#navigation_panel li .columns{position:relative;text-shadow:1px 1px 1px #000000;font-size:1.2em;text-transform: none;color:#FFF;margin:41px auto;float:left;position:absolute;left:-999em;text-align:left;padding:10px 5px 10px 5px;border:1px solid #555; border-top:none;
 background:rgba(0,0,0,0.8);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000 ,endColorstr=#CC000000,gradientType='1'); -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px;z-index:1;}
#navigation_panel li:hover .columns { left:-1px; top:auto;}
#hp_columns{width: 180px;}
#pro_columns{width: 480px;}
#contact_columns{width: 180px;}

.col_2 { display:inline; float: left; position: relative; margin-left: 5px; margin-right: 5px;}

/* comtact center */
#slide_menu a { color:black;background-color:white;text-decoration:none;text-indent:0ex;height:1em;}
#slide_menu a:hover {color:black;background-color:#FFFF99;}
#slide_menu a:active {color:black;text-decoration:none;}
#slide_menu a:visited {color:black;text-decoration:none;}

/* side menu */
/* side menu */
#scroll_menu {float:left; width:100%;text-align:left;margin:0.7em 0em 1em 0em;line-height: 1.25em;list-style-type: none;padding: 0 0 19px;}
#scroll_menu div {overflow: hidden;margin:0;border-right:1px solid #C8C8D3;border-left:0px}
#scroll_menu div:first-child {border-top:0px solid #6299c5;}
#scroll_menu div.collapsed {height: 25px;}
#scroll_menu div span {display:block;text-align:left;text-transform:uppercase;text-indent:1em;width:100%;height:2em;border:0px solid #FFF;font-weight: bold;cursor:default;}
#scroll_menu div.collapsed span{}/* {background-image: url(/medias/img/bg_menu.gif);}*/
#scroll_menu div a {text-indent:0em;  text-align:left;padding: 5px 10px; display: block;background: url("/ryron/static/src/img/left_nav_chevron_sprite.png") no-repeat scroll right 6px transparent; border-bottom:1px solid #D7D7D8;border-top: 1px solid #F4F4F5;}
#scroll_menu div a.current {background : white url(//1.www.s81c.com/i/v16/t/sprites-t1.gif) repeat-x 0 -400px;border-top: none;}
#scroll_menu a:link,
#scroll_menu a:visited{color:black;}
#scroll_menu a:hover{background: #6299c5;  text-indent:0em; font-size:1.1em; color: #fff;text-decoration: none;background:#6299c5 url("/ryron/static/src/img/left_nav_chevron_sprite.png") no-repeat scroll right 6px ;}
#scroll_menu .first{border:0px solid #6299c5;border-bottom:1px solid #AAA;}
#scroll_menu .last{border:0px solid #6299c5;border-top:0px solid #6299c5;border-bottom:0px solid #bcbcbc;}
/*
#scroll_menu .first{border:0px solid #6299c5;border-bottom:1px solid #AAA;}
#scroll_menu .last{border:0px solid #6299c5;border-top:0px solid #6299c5;border-bottom:0px solid #bcbcbc;}
*/

#scroll_text{position:relative; color:#6299c5; width:48em; height:10em;margin:1em auto;}
#scroll_text div{position:relative; float:left; width:16em; height:10em;overflow:hidden;}
#scroll_text h4 a:link,
#scroll_text h4 a:visited{color:#c2c5c7;}
#scroll_text h4 a:hover{ color:#ffc757;}
#scroll_text h4{position:relative; font-weight:bold; width:100%; background:#222222; border:2px solid #ddd;}
#scroll_text table{position: absolute; width: 80%; text-align:center;}
#scroll_text td{text-align:left;}
#scroll_text .scroll_list{position:relative;height:12em; overflow:hidden; text-align:left;}
#NE-Block{}
#NE-Block li a{    float: right;    position: relative;    right: auto;    top: auto;    width: auto;}
#NE-Block li{border-bottom:1px solid #eee;text-indent:1em;}

#social-tools {    position: absolute;    right: 0;    top: 300px;    width: 25px;    z-index: 500;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: -moz-linear-gradient(180deg, #E6E6E6 0px, #FFFFFF 20%) no-repeat scroll 0 0 #FFFFFF;
    border-color: #FFFFFF -moz-use-text-color #FFFFFF #FFFFFF;
    border-image: none;
    border-style: solid none solid solid;
    border-width: 1px 0 1px 1px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
    float: right;
    margin: 0;
    opacity: 0.8;
    padding: 3px 6px 3px 3px;
    transition-duration: 0.5s;
    transition-property: opacity;
    width: 30px;}
#social-tools ul {

}
#social-tools a {
    display: block;
    float: left;
    height: 16px;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 16px;
}
a[class^="ibm-share"][class$="print"] {background: url("/ryron/static/src/img/sprites-pt-all.png") no-repeat scroll -52px -130px transparent;
}
a[class^="ibm-share"][class$="email"] {background: url("/ryron/static/src/img/sprites-pt-all.png") no-repeat scroll -52px -52px transparent;
}
.h2title{font-weight:bold;border-bottom:1px solid #EEE;}

#error{position:relative; width:100%; height: auto; background: #fffecd;  border:1px solid #ccc;}
#left_menu{float:left; width:18%;text-align:left;margin:0.7em 0em 1em 0em;line-height: 1.25em;list-style-type: none;padding: 0 0 19px;}
.Categories_Tree {float: left;width: 100%; margin:0;border-right:1px solid #C8C8D3;}
.Categories_Tree .dijitMenuTable {width:100%;border: 0px;border-right: 1px solid #C8C8D3;}
.Categories_Tree .dijitMenuItem {}
.Categories_Tree .dijitMenuItemHover{}
.Categories_Tree .dijitMenuItemSelected{}