body {font:80% Trebuchet MS, Arial, Helvetica, Sans-Serif;margin:0;padding:0;}


h1, h2, h3, h4, h5{margin: 0 0 0 0;padding: 0;color: #690;font-weight: normal;}
h1{font-size: 200%;letter-spacing: -2px}



a{color: #690;text-decoration: underline;font-weight: bold;}
a:hover{color: #333;text-decoration: none;font-weight: bold;}


img{
	border: none;	
}

pre{margin-top:-16px;display:block;font:12px "Courier New", Courier, monospace;padding:10px;border:1px solid #bae2f0;background:#e3f4f9;width:674px;}	




#container {
	text-align:center;
	width:320px;
	margin-bottom:1px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
}	

/* Sudo Slider */
#slider ul, #slider li{margin:0;padding:0;list-style:none;position:relative;display:block;}
#slider li {
	width:320px;
	overflow:hidden;

}	

/* Uncomment this if you wan't to only have 1 visible slide before the javascript kicks in. 
#slider li {display:none;}	
#slider li:first-child {display:block;}
*/

#slider {width:320px;}
/* // Sudo Slider */	
/* Numeric Navigation */
ol {margin:1em 0;padding:0;height:28px;	}
ol li{margin:0 10px 0 0; padding:0;float:left;list-style:none;height:28px;line-height:28px;}
ol li a{float:left;height:28px;line-height:28px;border:1px solid #ccc;background:#DAF3F8;color:#555;padding:0;text-decoration:none;}
ol li.current a{background:#5DC9E1;color:#fff;}
ol li a:focus, .prevBtn a:focus, .nextBtn a:focus{outline:none;}

.graphic, .prevBtn, .nextBtn{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}

.prevBtn, .nextBtn {display:block;width:30px;height:77px;position:absolute;left:-30px;top:71px;z-index:1000;background:url(../images/btn_prev.gif) no-repeat 0 0;cursor:pointer;}	
.nextBtn{left:696px;}														
.nextBtn {background:url(../images/btn_next.gif) no-repeat 0 0;}	



p{
	font-size: 12px;
}

.text-detail{
	font-size: 12px;
	padding: 10px 10px 5px 50px;
	background-image: url(../docs/_assets/images/tag-uv.png);
	background-repeat: no-repeat;
	color: #565347;
}

.text-detail-02{
	font-size: 12px;
	padding: 10px 10px 5px 50px;
	background-image: url(../docs/_assets/images/tag-silicon.png);
	background-repeat: no-repeat;
	color: #565347;
}
.text-detail-03{
	font-size: 12px;
	padding: 10px 10px 5px 50px;
	background-image: url(../docs/_assets/images/tag-glass.png);
	background-repeat: no-repeat;
	color: #565347;
}
.text-detail-04{
	font-size: 12px;
	padding: 10px 10px 5px 50px;
	background-image: url(../docs/_assets/images/tag-uretan.png);
	background-repeat: no-repeat;
	color: #565347;
}


.content-secondary-prime{
	background-image: url(../docs/_assets/images/check-prim.png);
	background-repeat: repeat-x;
	height: auto;
	width: auto;
}


.border-box{
	margin: auto;
	height: 30px;
	width: auto;
}

.pictures{
	height: auto;
	width: 320px;
	padding-top: 5px;
	margin: auto;
}


.rogo{
	height: 25px;
	width: 167px;
	margin: auto;
	padding-top: 15px;
}

.rogo-performance{
	height: auto;
	width: auto;
	padding-top: 5px;
	padding-bottom: 1px;
}

.rogo-others{
	height: auto;
	width: auto;

}
.rogo-top-explain{
	height: auto;
	width: auto;
	padding-top: 15px;
}


.rogo2{
	height: auto;
	width: auto;
	padding-top: 5px;
	background: 			#ffffff /*{d-bup-background-color}*/;
	color: 					#565347 /*{d-bup-color}*/;
	text-shadow: 0 /*{d-bup-shadow-x}*/ 1px /*{d-bup-shadow-y}*/ 0 /*{d-bup-shadow-radius}*/ #e1e1e1 /*{d-bup-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff), to( #f6f6f6 /*{d-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/);
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #bcbcbc;
	border-bottom-color: #bcbcbc;	

}

.rogo3{
	height: 38px;
	width: auto;
	padding-top: 20px;
	margin: auto;
}

.footer-docs {
	background-image: url(../docs/_assets/images/bottombk.png);
	background-repeat: repeat-x;
	height: 77px;
	width: auto;
}
.footer-docs p {

	font-weight: normal;
	font-size: 11px;
	text-align: center;
	color: #E8E8E8;
	
}

.stepbottom{
padding-top: 25px;
}
.footer-docs p a{
	color: #CCCCCC;
	text-decoration: none;
}


.plineback{
height: auto;
	width: auto;
	
	background: 			#fafafa /*{d-bup-background-color}*/;
	
	color: 					#565347 /*{d-bup-color}*/;
	text-shadow: 0 /*{d-bup-shadow-x}*/ 1px /*{d-bup-shadow-y}*/ 0 /*{d-bup-shadow-radius}*/ #e1e1e1 /*{d-bup-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #fafafa), to( #f6f6f6 /*{d-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/);
	
	
	-webkit-box-shadow: 0 0 10px #e1e1e1 inset;
	box-shadow: 0 0 10px #e1e1e1 inset;
	
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #bcbcbc;
	border-bottom-color: #bcbcbc;	
	
}

.advantage{
	height: 80px;
	width: 97px;
	padding-top: 10px;
}

.headplus{
	margin: auto;
	padding: 0px;
	background-repeat: no-repeat;
	width:auto;
	height:300px;
	background-image: url(../images/headerpic.png);
	background-position: center;
	
}

.headplusother{
	margin: auto;
	padding: 0px;
	background-repeat: no-repeat;
	width:auto;
	height:48px;
	background-image: url(../images/bkother.png);
	background-position: center;
	
}

.headplusother2{
	margin: auto;
	padding: 0px;
	background-repeat: no-repeat;
	width:auto;
	height:48px;
	background-image: url(../images/bkother2.png);
	background-position: center;
	
}

.headplusother3{
	margin: auto;
	padding: 0px;
	background-repeat: no-repeat;
	width:auto;
	height:48px;
	background-image: url(../images/bkother3.png);
	background-position: center;
	
}
.headplusother4{
	margin: auto;
	padding: 0px;
	background-repeat: no-repeat;
	width:auto;
	height:48px;
	background-image: url(../images/bkother4.png);
	background-position: center;
	
}
.headplusother5{
	margin: auto;
	padding: 0px;
	background-repeat: no-repeat;
	width:auto;
	height:48px;
	background-image: url(../images/bkother5.png);
	background-position: center;
	
}
.headbase{
	margin: auto;
	padding: 0px;
	background-repeat: repeat-x;
	width:auto;
	height:300px;
	background-image: url(../images/bkrep.png);	
}

.headbaseother{
	margin: auto;
	padding: 0px;
	background-repeat: repeat-x;
	width:auto;
	height:48px;
	background-image: url(../images/bkrepother.png);
}


.contenticonsfix{
	height: 101px;
	width: auto;
	padding-top: 30px;
}





.contenticonsfixblock-1{
	height: 86px;
	width: 140px;
	float: left;
	padding-right: 4px;
	padding-bottom: 15px;
	background-image: url(images/companybar.png);
	background-repeat: no-repeat;
}
.contenticonsfixblock-2{
	height: 86px;
	width: 140px;
	float: left;
	padding-right: 4px;
	padding-bottom: 15px;
	background-image: url(images/contactbar.png);
	background-repeat: no-repeat;
}
.contenticonsfixblock-3{
	height: 86px;
	width: 140px;
	float: left;
	padding-right: 4px;
	padding-bottom: 15px;
	background-image: url(images/samplebar.png);
	background-repeat: no-repeat;
}
.contenticonsfixblock-4{
	height: 86px;
	width: 140px;
	float: left;
	padding-right: 4px;
	padding-bottom: 15px;
	background-image: url(images/guaranteebar.png);
	background-repeat: no-repeat;
}
.coatingpictures{
	margin: auto;
	height: 262px;
	width: 295px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/*changeposition border*/

.content-upper {
	height: auto;
	width: auto;
	background-image: url(../docs/_assets/images/check-prim2.png);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 10px;
}

.content-upper2 {
	height: auto;
	width: auto;
	margin: auto;
	padding-top: 20px;
}


table tr td {
	font-size: 12px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	line-height: 22px;
	text-align: center;
	margin: auto;
}

.other_feature_rogo {
	margin: auto;
	height: 60px;
	width: auto;
	padding-left: 10px;
	padding-right: 222px;
}

.other_feature_compare {
	
	padding: 10px 10px 5px 50px;
	background-image: url(../docs/_assets/images/performance.png);
	background-repeat: no-repeat;
	color: #565347;
}


.content-third{
	margin-bottom: 1em;
}


/* F bar theme - just for the docs overview headers */

.ui-body-f {
	background-image: url(../docs/_assets/images/bkbase.jpg);
	background-repeat: repeat;
}

.ui-bar-f, 
.ui-bar-f input, 
.ui-bar-f select, 
.ui-bar-f textarea, 
.ui-bar-f button {
	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}

.ui-btn-up-f,
.ui-btn-hover-f,
.ui-btn-down-f {
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
}

.ui-btn-up-f {
	border: 0;
	background: 			#dfdfdf /*{c-bup-background-color}*/;
	font-weight: bold;
	color: 					#222 /*{c-bup-color}*/;
	text-shadow: 0 /*{c-bup-shadow-x}*/ 0 /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #ffffff /*{c-bup-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #dfdfdf /*{c-bup-background-start}*/), to( #e0e0e0 /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #dfdfdf /*{c-bup-background-start}*/, #e0e0e0 /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */

	background-image:    -moz-linear-gradient( #dfdfdf /*{c-bup-background-start}*/, #e0e0e0 /*{c-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #dfdfdf /*{c-bup-background-start}*/, #e0e0e0 /*{c-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #dfdfdf /*{c-bup-background-start}*/, #e0e0e0 /*{c-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #dfdfdf /*{c-bup-background-start}*/, #e0e0e0 /*{c-bup-background-end}*/);
}

.ui-btn-hover-f {
	border: 0;
	background: 			#dfdfdf /*{c-bhover-background-color}*/;
	font-weight: bold;
	color: 					#222 /*{c-bhover-color}*/;
	text-shadow: 0 /*{c-bhover-shadow-x}*/ 0 /*{c-bhover-shadow-y}*/ 0 /*{c-bhover-shadow-radius}*/ #ffffff /*{c-bhover-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{c-bhover-background-start}*/), to( #e0e0e0 /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #f9f9f9 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/);
}
.ui-btn-hover-f a.ui-link-inherit {
	color: 					#2F3E46 /*{c-bhover-color}*/;
}
.ui-btn-down-f {
	border: 0;
	background: 			#dfdfdf /*{c-bdown-background-color}*/;
	font-weight: bold;
	color: 					#222 /*{c-bdown-color}*/;
	text-shadow: 0 /*{c-bdown-shadow-x}*/ 0 /*{c-bdown-shadow-y}*/ 0 /*{c-bdown-shadow-radius}*/ #ffffff /*{c-bdown-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #dfdfdf /*{c-bdown-background-start}*/), to( #e0e0e0 /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/);
}
.ui-btn-down-f a.ui-link-inherit {

	color: 					#2F3E46 /*{c-bdown-color}*/;
}