@charset "utf-8";
/* CSS Document */
* html body {margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333;}
body {margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; /*background:url(img/snow.gif);*/ }

* html hr {margin: 0px; padding: 0px;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
display:block;
font-size:1em;
line-height:1.3em;
margin:0 0 0.7em;
}

a:focus { outline:none }

hr {
background:#EEEEEF none repeat scroll 0 0;
border-color:#EEEEEF;
border-style:solid;
border-width:1px 0 0;
color:#CCCCCC;
height:1px;
margin: -6px 0px 0px 0px;
padding:0;
}

ul li{ list-style-type:none; }

* html td.content{ margin: 0px; padding:5px;/*border:1px solid black;*/}

td.content{ padding: 0 10px 10px 10px; vertical-align:top;/*text-align:center;*/ }

@media screen { div.body { width: 220px; height:410px;}
                hr { margin: -2px 0px 0px 0px; }
}

* html div.body{
width:215px;
position:relative;
display:inline;
vertical-align:top;
height:380px;
margin-left:5px;
margin-right:5px;
}

div.body h2{text-align:center;}

div.body{
width:220px;
position:relative;
display:inline-block;
vertical-align:top;
height:400px;
text-align:center;
}

* html div.body ul {padding-left:0px; margin-left:0px;}

div.body hr{
margin-bottom:10px;
margin-top:5px;}

div.body p, div.body ul li{text-align: left;}

div.body ul li{
margin-bottom: 10px;
list-style-type:none;
}

* html #footer {padding:18px 0 10px;}

#footer {
background:transparent url(img/bg-footer.png) repeat-x scroll 0 0;
/*color:#636363;
font-size:0.8em;
line-height:0.8em;*/
padding:18px 0 30px;
width:100%;
}

a {color:#4172AF; text-decoration:none;}
a:visited { color:#4172AF; text-decoration:none; }
a:hover{text-decoration:underline; color:#4172AF;}

* html .language{position:absolute; width:83%; color:#737374;}
.language {float: right; color:#737374; vertical-align:top; }

#site-options li {
border-color:#DFE0E2;
border-style:solid;
border-width:0 1px;
color:#727271;
display:inline;
float:right;
font-size:11px;
height:30px;
line-height:28px;
padding:0 14px 0 12px;
font-size:10px;
}
* html ul#navigation{margin-left:-5px; margin-bottom:15px; margin-top:5px; padding-right:0; font-family:Arial, Helvetica, sans-serif;}

ul#navigation {padding-left:10px;font-size:13px; margin-left:-5px;margin-bottom:15px;
margin-top:10px;
padding-right:0;font-family:Arial, Helvetica, sans-serif;}

h3{margin-top:0;}

ul#navigation li{display:inline;color:#737374; }

#navigation li a {
background:transparent url(img/yui-sam-sprite.png) no-repeat scroll 100% -2002px;
margin:0 1px 0 0;
padding:0 9px 0 0;
}

* html div.subnav P{ padding-bottom:5px; font-size:12px;}
div.subnav P{ padding-bottom:5px; font-family:arial; font-weight:bold; border-bottom:1px solid #cccccc; font-size:13px; width:100%;margin-top:0px;}

* html div.subnav ul{margin-left:0px; margin-top:-10px; z-index:100; margin-bottom:0;}
div.subnav ul{padding-left:0; margin-bottom:0;}

* html div.subnav ul li{
font-weight:bold;
font-family: Arial;
font-size:13px;
line-height:2;
}
div.subnav ul li{
font-weight:bold;
font-family: Arial;
font-size:13px;
line-height:2;
list-style-type:none;
}

* html div.subnav ul li a{font-size:12px; }

div.subnav ul li a{font-family:Arial, Helvetica, sans-serif; font-size:13px; }

* html #content h1 { margin:0px 0 6px; }

#content h1 {
font-size:1.5em;
font-weight:normal;
line-height:1em;
margin:0px 0 0.7em;
font-family:Arial;}

* html ul.list-products { margin-left:0px; }
ul.list-products { padding-left:0px; }

.twocol { margin:0 7px 0 0; width:49%; float:left; display:inline; }

.btn-rounded { color:#fff; font-style:normal; padding:6px 10px 8px 9px; font-size:13px; background-color:#3e6eab; /*background-image:url(img/bg-btn-rounded.png)*/}
em {font-style:normal;}

* html em {font-style:normal;}
* html .btn-rounded { color:#fff; font-style:normal; padding:6px 10px 8px 9px; font-size:13px; background-color:#3e6eab; /*background-image:url(img/bg-btn-rounded.png)*/ }
* html .btn-rounded:hover, .btn-rounded:link, .btn-rounded:visited { color:#fff; text-decoration:none;}

@-moz-document url-prefix() {
.btn-rounded { display:inline-block; color:#fff; font-size:1.2em; padding:0px; background:#3e6eab url(img/bg-btn-rounded.png) no-repeat 0 0; }
.btn-rounded strong {display:inline-block; background:url(img/bg-btn-rounded.png) no-repeat 100% 0; }
.btn-rounded strong em { display:inline-block; font-style:normal; background:url(img/bg-btn-rounded.png) no-repeat 0 100%; }
.btn-rounded strong em span { padding:6px 10px 8px 9px; display:inline-block; background:url(img/bg-btn-rounded.png) no-repeat 100% 100%; }
}

/* FOOTER
----------------------------------------------------------------------------- */

#footer div {/*border : 1px solid black;*/ width:70%; }
#footer ul { padding-left:0px; width:786px; padding:0; margin:0;}
#footer li { margin:0 4px 1px 0; padding:0 4px 0 0; float:left; display:inline; list-style:none; border-right:1px solid #636363; }
#footer li a { font-size:11px;}

/*----------------------For FOOTER better display-----------------------------*/
html{overflow-x:hidden;
overflow-y:scroll;}

html, body {
height: 100%;
}
#content {
min-height: 100%;
/*background-color: #DDD;
border-left: 2px solid #666;
border-right: 2px solid #666;*/
/*width: 676px;*/
margin: 0 auto;
}
* html #content {
height: 100%;
}

#footer {
width: 100%;
/*background-color: #000;
color: #DDD;
text-align: center; */
padding-top: 10px;
/*margin: -70px auto 0 auto;*/  /*???*/
}

#clearfooter {
height: 50px;
}
/*----------------------------------------------------------------------------*/


#footer-inner { border:1px solid; }



table.document td {border:1px solid #e2dfff}  /*for support.php/id=4*/

/**************************Box for 404 page************************************/
	#box {
	position: relative;
	/*background: #fff /*url(/img/err.png) top right no-repeat*/;
	padding: 30px;
	margin-bottom: 10%;
	margin-right: auto;
	margin-left: auto;
	display: block;
	/*width: 600px;*/
	border: 6px solid #f1f6f8;
	border-bottom: 5px solid #f1f1f1;
	border-right: 5px solid #f1f1f1;

}
/******************************************************************************/

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}