body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #000;
	font-size: 14px;
	line-height: 26px;
	width: 100%;
}

h1, h2, h3, h4, h5, h6 {
	color: #444;
}
/* default font size */
.fa {font-size: 14px;}
/* Override the bootstrap defaults */
h1 {font-size: 33px;}
h2 {font-size: 27px;}
h3 {font-size: 21px;}
h4 {font-size: 15px;}
h5 {font-size: 12px;}
h6 {font-size: 10.2px;}
a {color: #23a1d1;}
a:hover {text-decoration: none;}
legend {font-size: 18px;padding: 7px 0px}

/****buy now**/
#product{ border-top:solid 1px #CCC}
.button_buy_txt{ padding:15px 20px; display:inline-block; background:#0070c0; color:#FFF;font-size:16px; text-transform:uppercase;}
.button_buy_txt:hover{color:#FFF;}
.img-lf{ display:inline-block; margin-left:20px}
.key_feature{ padding:20px 0px 0px;  font-size:28px; text-align:center}
.key_feature_sub{ padding:25px 0px 50px;  font-size:18px; text-align:center;margin:0px auto}
.key_feature_sub h2{font-size:18px; line-height:25px; width:87%; margin:0px auto}
/* top */
#top {background-color: #EEEEEE;border-bottom: 1px solid #e2e2e2;padding: 4px 0px 3px 0;margin: 0 0 20px 0;	min-height: 40px;}
#top_p {background-color: #fff;	padding: 4px 0px 3px 0;	margin: 0 0 10px 0;	min-height: 30px;}
#top_p .container {	padding: 0 20px;}
#top_p .btn-link{ color:#333}
#top-links_p{ padding-top:4px}
#top-links_p{ font-size:11px}

.blue_border{ background: #1a80c1 none repeat scroll 0 0;
    height: 57px;}
	.top-hover ul { float:right}
.top-hover ul li {float:left}
.top-hover ul li a {color: #fff;font-size: 14px;font-weight: 400;padding:16px 45px 4px 35px;text-decoration:none; display:inline-block}
.icon5{ background:url('https://www.stellarinfo.com/sitl-images/knowledge.png') no-repeat scroll 0 16px transparent}
.icon2{ background:url('https://www.stellarinfo.com/sitl-images/specfication.png') no-repeat scroll 0 16px transparent}
.icon3{ background:url('https://www.stellarinfo.com/sitl-images/screenshot.png') no-repeat scroll 0 16px transparent}
.icon6{ background:url('https://www.stellarinfo.com/sitl-images/guide.png') no-repeat scroll 0 16px transparent}
.icon4{ background:url('https://www.stellarinfo.com/sitl-images/review.png') no-repeat scroll 0px 14px transparent}
.whystellar-outer1 {background: #2680c0 none repeat scroll 0 0; padding: 20px 0;margin-top:30px}
.why-stellar ul li:first-child {background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;padding-left: 15px !important;}
.why-stellar ul li {display: inline-block;float: left;padding: 5px 24px;text-decoration: none;}
ul.list-inline{ margin-bottom:0px}
#top .container {padding: 0 20px;}

/* logo */
#logo {margin: -30px 0 10px 0;}
/* search */
#search {margin-bottom: 10px;}
#search .input-lg {	height: 40px;line-height: 20px;	padding: 0 10px;}
#search .btn-lg {font-size: 15px;line-height: 18px;	padding: 10px 35px;	text-shadow: 0 1px 0 #FFF;}

/* content */
/*#content {min-height: 600px;}*/
/* footer */
footer {/*	//padding-top: 30px;*/
	background-color: #f1f1f1;
	/*border-top: 1px solid #ddd;*/
	color: #e2e2e2;
}
.menu-bottom{ padding-top:10px}
.menu-bottom ul li a {color: #545353; padding: 0 12px;text-decoration: none;}
.menu-bottom ul li{ display:inline-block}

.copyright {
    color: #545353;
    font-size: 12px;
    line-height: 18px;
    margin: 15px 0 0;
    padding-bottom: 10px;
    text-align: center;
}
ul{ list-style:none}
footer hr {border-top: none;border-bottom: 1px solid #666;}
footer a {color: #737373;}
footer a:hover {color: #fff;}
footer h5 {	font-family: 'Open Sans', sans-serif;font-size: 13px;font-weight: bold;	color: #000;}
/* alert */
.alert {padding: 8px 14px 8px 14px;}
/* breadcrumb */

.breadcrumb i {	font-size: 15px;}
.breadcrumb > li:first-child{ padding:0px 10px 0px 0px}
.breadcrumb > li {text-shadow: 0 1px 0 #FFF;padding: 0px 10px 0px 0px;position: relative;white-space: nowrap;}
.breadcrumb > li > a{ color:#505050; font-size:12px}
.breadcrumb > li + li:before {content: '';padding: 0;}
.breadcrumb > li:after {content: '>';display: block;position: absolute;	top: 1px;	right: -14px;	width: 26px;	height: 26px;
}
.breadcrumb > li:last-child:after {content: '';}
.pagination {margin: 0;}
.thumbnails {overflow: auto;clear: both;list-style: none;padding: 0;margin: 0;}
.thumbnails > li {margin-left: 20px;}
.thumbnails {margin-left: -10px;}
.thumbnails > img {	width: 100%;}
.image-additional a {margin-bottom: 20px;padding: 5px;display: block;border: 1px solid #ddd;}
.image-additional {max-width: 78px;}
.thumbnails .image-additional {	float: left;margin-left: 20px;}
.awards_middle{ background-color:#f4f4f4; padding:20px 0px; margin-bottom:30px; border-bottom:solid 1px #e8e8e8;border-top:solid 1px #e8e8e8;}
.feature-left {float: left;width: 45%;}
.icon {float: left;width: 17%;}
.feature-txt {float: right;width: 82%;}
.feature-right {float: right;
    width: 45%;
}
.icon {float: left;width: 17%;}
.feature-txt {float: right; width: 82%;}
.feature-txt ul{ padding-left:10px;padding-top:7px}
.feature-txt ul li{background: rgba(0, 0, 0, 0) url("https://www.stellarinfo.com/sitl-images/arrow-li.png") no-repeat scroll 0 7px; padding-left:17px; color:#333; }
.txt-hd {font-size: 18px;
    font-weight: 400;
    padding-bottom: 10px;
	font-weight:400;
	color:#000; line-height:25px}
.feature-txt p{ color:#333; text-align:justify; line-height:24px}
.pd0 .features{ margin-bottom:30px}
.pd0{ padding:0px}
.clr, .list1 {clear: both;}
.hd-main {color: #000;font-size: 27px;line-height: 38px;padding-bottom: 10px;text-align: left;}
.pro-cntr-left h2 {color: #1a80c1;font-size: 20px;padding-bottom: 10px;}
.pro-cntr-left {float: left;margin-bottom: 40px;}
.pro-cntr-left ul {
    margin-top: 10px;
    padding: 0;
}
.pro-cntr-left-text h2{ position:absolute; width:auto; float:left; display:block; padding-bottom:20px}
.pro-cntr-left-text p{ margin-top:40px}
.pro-cntr-left ul li, .pro-cntr-right2 ul li, .bnr-new-mdl ul li {
    background: rgba(0, 0, 0, 0) url("https://www.stellarinfo.com/sitl-images/arrow-li.png") no-repeat scroll 0 7px;
    list-style: outside none none;
    padding: 0 0 0 25px;
}
.hd {font-size: 28px;padding-bottom: 25px;text-align: center;}
.bor_faq{ background-color: #f5f7f6;
    border: 1px solid #d7d7d7; border-radius:7px; padding:30px 70px}
	
.bullet {
    background: transparent url("https://www.stellarinfo.com/images/arrow-blue.gif") no-repeat scroll 0 9px;
    margin-left: 8px !important;
    padding-left: 18px !important;
}
.item strong{ padding-bottom:20px}
.item p:nth-child(1){ margin-top:20px}
.item{ height:350px}


.faq_q{ font-size:14px; font-weight:600; padding:15px 10px 15px 50px; border:solid 1px #d7d7d7; background:url(https://www.stellarinfo.com/sitl-images/faq.gif) no-repeat scroll 16px 16px transparent; margin-top:10px}
.faq_a{padding:20px 10px 20px 50px;border-left:solid 1px #d7d7d7; border-right:solid 1px #d7d7d7;border-bottom:solid 1px #d7d7d7;color:#333333; font-size:13px}
.faq_a p,.faq_a li{font-size:13px}
.faq_text ul li{padding-left:20px; line-height:27px}
.faq_a ul{ padding:0px}
.faq_a ul li{ background:transparent url("https://www.stellarinfo.com/sitl-images/arrow-li.png") no-repeat scroll 4px 9px; padding-left:20px}

.faq_q a{ background:url(https://www.stellarinfo.com/sitl-images/plus.gif) no-repeat scroll right center transparent; display:block; cursor:pointer; color:#333333; padding-right:20px}

/****************/

.tdfullar{ background:#f2f2f2; font-size:14px; font-weight:bold}
.specfication td{ padding:7px 10px 7px 20px; border-bottom:solid 1px #cccccc; border-left:solid 1px #cccccc; line-height:22px}
.specfication td:last-child{ border-right:solid 1px #cccccc}
.col-blue{ color:#2e85c2; font-weight:400 !important; font-size:14px;}

.toc.selected{ border:solid 1px #4995ca; padding:2px 8px; color:#4995ca; text-decoration:none; box-shadow:0px 0px 3px #66b1e6; margin:0px 4px}
.toc{ border:solid 1px #ccc; padding:2px 8px; color:#ccc; text-decoration:none; box-shadow:0px 0px 3px #c0c0c0; margin:0px 4px}
.prev,.next{border:solid 1px #ccc; padding:2px 8px; color:#000; text-decoration:none; box-shadow:0px 0px 3px #c0c0c0; margin:0px 4px; font-size:12px; font-weight:600}
.pagination{ padding-top:16px}
.specfication tr:first-child{ border-top::solid 1px #cccccc}
.tdfullar{ background:#f2f2f2; font-size:14px; font-weight:bold}
.specfication td{ padding:7px 10px 7px 20px; border-bottom:solid 1px #cccccc; border-left:solid 1px #cccccc}
.specfication td:last-child{ border-right:solid 1px #cccccc}
.col-blue{ color:#2e85c2; font-weight:400}

.toc.selected{ border:solid 1px #4995ca; padding:2px 8px; color:#4995ca; text-decoration:none; box-shadow:0px 0px 3px #66b1e6; margin:0px 4px}
.toc{ border:solid 1px #ccc; padding:2px 8px; color:#ccc; text-decoration:none; box-shadow:0px 0px 3px #c0c0c0; margin:0px 4px}
.prev,.next{border:solid 1px #ccc; padding:2px 8px; color:#000; text-decoration:none; box-shadow:0px 0px 3px #c0c0c0; margin:0px 4px; font-size:12px; font-weight:600}
.pagination{ padding-top:16px}
.specfication tr:first-child{ border-top::solid 1px #cccccc}

/****************/
.col-blue{ color:#2e85c2; font-weight:600}
.toc.selected{ border:solid 1px #4995ca; padding:2px 4px; color:#4995ca; text-decoration:none; box-shadow:0px 0px 2px #ccc; margin:0px 4px}
.toc{ border:solid 1px #ccc; padding:2px 4px; color:#ccc; text-decoration:none; box-shadow:0px 0px 2px #ccc; margin:0px 4px}
.lar_txt{ font-size:16px; color:#1a80c1}
.head-editor{ font-size:18px; padding-bottom:9px}
.head-editor_p{ font-size:12px; line-height:17px; color:#333333; padding:10px 10px 10px 0px}
.review td{ padding:0px 0px 20px; border-bottom:solid 1px #e3e3e3}
.ref_link a{ color:#1a80c1 !important}
.tes_name1 span{ font-size:14px; color:#000; padding-left:30px; display:inline-block; padding-top:10px}
.tes_name1 span em{ font-size:12px; color:#666; font-style:normal}
/***************/
.dislaimer{ font-size:12px; padding:10px 0px 0px; color:#888}
.dislaimer span{ color:#F00}
/*****************/

.guide{ list-style:none; margin:0px; padding:0px}
.guide ul li{ list-style:none}
.guide li a{ padding:25px 20px 25px 90px; display:block; border:solid 1px #cccccc; color:#000; font-size:18px; background:url(https://www.stellarinfo.com/guide/sitne/images/ins.gif) no-repeat scroll top center; text-decoration:none; margin-bottom:20px; text-align:left}
.guide li a:hover{background:url(https://www.stellarinfo.com/guide/sitne/images/ins_hover.gif) no-repeat scroll top center;}
.download1{ text-align:center; color:#2e85c2; font-size:16px}
.guide_container a{ text-decoration:none}
/*****related product******/
.inter_box{ padding:10px 52px}
.inter_text_n{ font-size:14px; color:#000}
.inter_text_p{ font-size:12px; color:#333}
.nopadding{ padding:0px}
/*pdf***/
.install_dow{ margin-bottom:40px}
.pdf ul {margin: 8px 0 5px; padding: 0;}
.pdf ul li {background: rgba(0, 0, 0, 0) url("https://www.stellarinfo.com/images/pdf-icon.gif") no-repeat scroll 0 3px;    display: inline;    font-size: 11px;    list-style: outside none none;    padding: 0 18px 0 20px;}
.pdf ul li a{ color:#333}
.dislaimer1{font-size: 12px; color:#888888; padding-top:10px; line-height:18px}
.dislaimer1 span{ color:#F00}


/*footer section start here*/
.hd-small{ font-size:18px; color:#000; padding:25px 0px 15px 0px; font-weight:400; }
.contact {background-color:#f7f7f7; border-top:#dfdfdf solid 1px;padding:30px 0px;}
.contact-left {color:#595959;}
.contact-left img {margin:0 10px 20px 0;}
.contact-left p {line-height:25px;}
.contact-left ul {margin: 10px 20px 10px 0px;}
.contact-left ul li {line-height:25px;  font-size:12px; list-style:none;}
.contact-left ul li a {color:#595959;}
.contact-left ul li a:hover {color:#000;}
.contact-left ul{ margin:0px; padding:0px}
.txt-wht-ftr{ padding-bottom:20px}

.social-share{ float:left; width:100%;}
.social-share ul{ margin:0; padding:0;}
.social-share ul li{ list-style:none; display:inline-block; float:left; padding-right:10px;}


.signup-box{ background-color:#FFF; padding:40px 20px; border:#e3e3e3 1px solid;}
.signup-box-img{ float:left; width:20%;}
.signup-box-txt{ float:right; width:80%;}
.signup-box input{ float:left; width:73%;}

.copy { margin:0 auto; text-align:center; font-size:12px; border-top: #e8e8e8 1px solid; padding-top:20px; margin-top:20px;}
/***serach******************/
.search {
    background: rgba(0, 0, 0, 0) url("https://www.stellarinfo.com/images/bg_272.png") no-repeat scroll 0 0 !important;
    width: 275px !important;
	float: left;
    height: 28px;
    padding: 5px 10px 0;
}
input#search {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #777;
    font-size: 13px;
    height: 18px;
    margin-bottom: 15px;
    outline: medium none;
    padding: 0;
    width: 150px;
}
.button-srch{right:15px; position:absolute; top:7px}
/********************/
.test_pop{ font-size:12px; line-height:18px}
.down-arrow{ margin-top:-1px}
.modal-title{ font-size:18px}
/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 479px) {
	.blue_border{ display:none}
	.top-menu{ display:none}
	.list-inline li{ display:none}
	.list-inline li:last-child{ display:block !important}
.pd0{ padding:0px 15px}
.feature-left,.feature-right{ width:100%;clear:both; margin-bottom:20px; float:left; display:block !important}
.feature-left h3,.feature-right h4,.faq_q{ font-size:14px; line-height:20px}
.feature-left p,.feature-right p,.faq_a{ font-size:13px; line-height:20px}
.feature-left .icon img,.feature-right .icon img{ width:85%}
.box_product{ width:20% !important; padding:0px; float:left}
.box_product img{ width:100% !important}
.box_txt { width:75%; float:left}
.hd-main{ font-size:16px;line-height:20px}
.pro-cntr-left h2{ font-size:15px}
.pro-cntr-left p,.pro-cntr-left ul{margin-left:-32%;width:132%; font-size:13px}
.nopadding{ padding:0px 15px}


}
/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.blue_border{ display:none}
	.top-menu{ display:none}
	.list-inline li{ display:none}
	.list-inline li:last-child{ display:block !important}
.pd0{ padding:0px 15px}
.feature-left,.feature-right{ width:100%;clear:both; margin-bottom:20px; float:left; display:block !important}
.feature-left h3,.feature-right h4,.faq_q{ font-size:14px; line-height:20px}
.feature-left p,.feature-right p,.faq_a{ font-size:13px; line-height:20px}
.feature-left .icon img,.feature-right .icon img{ width:85%}
.box_product{ width:20% !important; padding:0px; float:left}
.box_product img{ width:100% !important}
.box_txt { width:75%; float:left}
.hd-main{ font-size:21px;line-height:27px}
.pro-cntr-left h2{ font-size:16px}
.pro-cntr-left p,.pro-cntr-left ul{margin-left:-28%;width:132%; font-size:13px}
.nopadding{ padding:0px 15px}
.pro-cntr-left h2{ margin-bottom:25px}
}
@media only screen and (min-width: 680px) and (max-width: 767px) {
	.hd-main{ font-size:31px;line-height:34px}
.pro-cntr-left h2{ font-size:21px}
	.pro-cntr-left h2{ margin-bottom:45px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.box_product img{ width:100% !important}

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

input#search,input#search-nf {
width:150px;
height:18px;
margin-bottom:5px;
border:0;
outline:none;
font-size:13px;
/*line-height:25px;*/
color:#777;
background:none;
padding:0;
}
ul#results li{cursor:pointer;padding:8px;transition:background-color 0.3s ease-in-out 0s;
}
ul#results,ul#results-nf {
display:none;
width:250px;
margin-top:4px;
border:1px solid #ababab;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:8px;
-webkit-box-shadow:rgba(0,0,0,.15) 0 1px 3px;
-moz-box-shadow:rgba(0,0,0,.15) 0 1px 3px;
box-shadow:rgba(0,0,0,.15) 0 1px 3px;
background:#fff;
font-size:14px;
}

ul#results a,ul#results-nf a {
color:#000;
font-size:12px;
}

ul#results li:hover,ul#results-nf li:hover {
background-color:#e7e6e6;
}

ul#results li:first-child,ul#results-nf li:first-child {
border-top:none;
}

ul#results li h3,ul#results li h4,ul#results-nf li h3,ul#results-nf li h4 {
transition:color .3s ease-in-out;
-moz-transition:color .3s ease-in-out;
-webkit-transition:color .3s ease-in-out;
color:#000;
line-height:1.2em;
text-align:left;
}
/****content**************/
.content {
	display: block;
	width: 1000px;
	background: #f4f4f4;
	padding: 0px;
	padding-left:6px;
	overflow: hidden;
	margin: 0 auto;
	position:relative
}

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;
    background:none repeat scroll 0 0 #f4f4f4;
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width:160px;
    max-height:57px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 22px;
    height: 22px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: 0.5;
}

.nbs-flexisel-nav-left {
    left: 10px;
    background: url(https://www.stellarinfo.com/images/button-previous.png) no-repeat;
}

.nbs-flexisel-nav-right {
    right: 5px;
    background: url(https://www.stellarinfo.com/images/button-next.png) no-repeat;
}
.marquee-sibling {
	background: #f4f4f4;
	width: 200px;
	height: 63px;
	line-height: 27px;
	font-size: 19px;
	font-weight: normal;
	color:#000;
	text-align: center;
	float: left;
	left: 0;
	z-index: 2000;
	margin-top:5px;
	margin-left:6px;
}
.marquee-sibling p {
	padding-left:10px;
	padding-top:17px
	
}
 .marquee, *[class^="marquee"] {
 display: inline-block;
 white-space: nowrap;
 position: absolute;
}


/******************/
/*************************/

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index:999999;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000000;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 597px !important;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
/*******Review*********/
.review_head {font-size: 28px;padding-bottom: 25px;text-align: center; color:#000}
.bg_gray{ background:#f4f5f6; padding:60px 0px 20px; margin:40px 0px 25px}
.review_name{font-size:15px; font-weight:400; color:#000}
.reviews_text .fa-stack{ width:1em; height:1em}
.reviews_boxes{ margin-bottom:30px; border-top:solid 1px #dbdcdd; padding-top:40px; margin-top:30px}
.reviews_text p{ margin-bottom:7px}
.border_review{ background:#f0efef; border:solid 1px #dbdcdd; border-radius:6px; }
.review_line{ font-size:15px; color:#000; line-height:25px;padding:30px 50px}
.review_quote_left{display:inline-block;width:24px;height:24px;background:url('/catalog/view/theme/default/image/arrow_review.png') top left no-repeat;position:absolute;left:30px;top:29px;}
.review_quote_right{background:url('/catalog/view/theme/default/image/right_arrow.png') bottom right no-repeat;left:auto;top:auto;right:24px;bottom:46px;position:absolute;display:inline-block;width:24px;height:24px;}
.rating_avg{background:url('/catalog/view/theme/default/image/avg_star.png') top center no-repeat transparent; padding:30px 40px}

.bg_left{display:block;background:url('/catalog/view/theme/default/image/arrow_left_review.png') top left no-repeat;width:15px;height:20px;position:absolute;left:5px;top:17px;}
.review_box_main{ margin-bottom:50px}
.avg_review_percen{ font-size:18px; color:#FFF; padding-top:13px; padding-bottom:30px}
.avg_review_percen_count{ font-size:14px; color:#888888}

.review_button_anch{ color:#ff9a00; border:solid 1px #ff9a00; border-radius:5px; font-size:18px; text-transform:uppercase; padding:10px 20px; margin-top:40px; display:inline-block}
.rev_shar_th{font-size:14px; color:#888888; margin-bottom:40px}
.border_revie_overview_border{border-right:solid 2px #dbdcdd;border-left:solid 2px #dbdcdd;}
.border_revie_overview{ border:solid 1px #dbdcdd; box-shadow: 0px 0px 3px #cdcdcd; border-radius:4px; padding:15px 15px}
.rev_over_txt{ font-size:18px; color:#000; margin-bottom:8px}

.star_list{left:0px;top:0px;z-index:52;white-space:nowrap;padding:10px 0px 0px 0px;border-radius:0 5px 5px 5px;color:#777;}
.star_list *{vertical-align:text-bottom;font-size:13px;}

.border_revie_overview dl{margin-bottom:0px !important}
.star_list dd{height:23px;}
.star_list dd span.percent{display:inline-block;width:68%;height:18px;line-height:14px;overflow:hidden;position:relative;top:1px;border:1px solid #E2E2E2;background:#EFEFEF;}
.star_list dd span.percent b{display:block;width:0%;height:100%;overflow:hidden;background:rgb(251,224,150);}
.star_list dd span{display:inline-block;text-align:left;font-size:12px;margin-right:10px; width:10%}

.star_content2{position:relative;line-height:16px; padding-bottom:10px; width:18%}
.star_content2 .star_button2{display:inline-block;height:18px;z-index:53;background:#fff url('https://www.stellarinfo.com/images/arrow_review.png') no-repeat right 5px;cursor:pointer;overflow:hidden;position:relative; padding-right:12px; padding-bottom:10px}
.star_content2 .star_button2.current{border:1px solid #ddd;border-bottom:0px;}
.star_list2{position:absolute;left:0px;top:0px;z-index:52;white-space:nowrap;border:1px solid #ddd;padding:10px 20px 10px 20px;border-radius:0 5px 5px 5px;background:#fff;color:#777;top:20px}
.star_list2 *{vertical-align:text-bottom;font-size:13px;}
.star_list2 dt{line-height:26px;}
.star_list2 dd{height:23px;}
.star_list2 dd span.percent2{display:inline-block;width:100px;height:14px;line-height:14px;overflow:hidden;position:relative;top:1px;border:1px solid #E2E2E2;background:#EFEFEF;}
.star_list2 dd span.percent2 b{display:block;width:0%;height:100%;overflow:hidden;background:rgb(251,224,150);}
.star_list2 dd span{display:inline-block;text-align:left;font-size:12px;margin-right:10px;}
.star_list2 dd span{display:inline-block;text-align:left;font-size:12px;margin-right:10px;}

form .stars {
  background: url("/catalog/view/theme/default/image/stars.png") repeat-x 0 0;
  width: 150px;
  margin: 0 auto;
}

form .stars input[type="radio"] {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
form .stars input[type="radio"].star-5:checked ~ span {
  width: 100%;
}
form .stars input[type="radio"].star-4:checked ~ span {
  width: 80%;
}
form .stars input[type="radio"].star-3:checked ~ span {
  width: 60%;
}
form .stars input[type="radio"].star-2:checked ~ span {
  width: 40%;
}
form .stars input[type="radio"].star-1:checked ~ span {
  width: 20%;
}
form .stars label {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0!important;
  padding: 0!important;
  text-indent: -999em;
  float: left;
  position: relative;
  z-index: 10;
  background: transparent!important;
  cursor: pointer;
}
form .stars label:hover ~ span {
  background-position: 0 -30px;
}
form .stars label.star-5:hover ~ span {
  width: 100% !important;
}
form .stars label.star-4:hover ~ span {
  width: 80% !important;
}
form .stars label.star-3:hover ~ span {
  width: 60% !important;
}
form .stars label.star-2:hover ~ span {
  width: 40% !important;
}
form .stars label.star-1:hover ~ span {
  width: 20% !important;
}
form .stars span {
  display: block;
  width: 0;
  position: relative;
  top: 0;
  left: 0;
  height: 30px;
  background: url("/catalog/view/theme/default/image/stars.png") repeat-x 0 -60px;
  -webkit-transition: -webkit-width 0.5s;
  -moz-transition: -moz-width 0.5s;
  -ms-transition: -ms-width 0.5s;
  -o-transition: -o-width 0.5s;
  transition: width 0.5s;
}