
.box.boss_blog-cat{padding-bottom:12px; margin-left:10px}
.block .block-content ol,.block .block-content ul{list-style:none outside none;padding:0px;margin:0px; font: 12px/1.55 Arial,Helvetica,sans-serif;}
.block .box-content{}
/*Block Blog common*/
.block .block-title{
	color: #191919;
    font: 400 16px RobotoRegular;
    padding-bottom: 14px;
}
.boss_block-recent-post .block-title, .boss_block-recent-comments .block-title{font:400 20px RobotoCondensed; padding-bottom: 11px;}
.box.boss_block-recent-post  {border:none; padding:31px 0 20px; overflow: hidden; margin-left:10px}
.box.boss_block-recent-comments{border:none; padding:17px 0 48px; overflow: hidden; margin-left:10px}
.box.boss_block-tag-cloud{border:none; padding:5px 0 20px; margin-left:10px}
.boss_block-recent-post li.item .blog-title,.boss_block-tag-cloud li.item .blog-title ,.boss_block-recent-comments li.item .blog-title,.boss_blog-cat li.item .blog-title{text-decoration:none;padding:0;font-weight:bold;color:#0a263c;font-weight:bold;font-size:12px}

.boss_block-recent-post li.item.last,.boss_block-tag-cloud li.item .last,.boss_block-recent-comments li.item.last ,.boss_blog-cat li.item.last{border:0} 
span.article-by{color:#888;font-size:11px;}

/*boss_block-recent-post*/
.box.boss_block-recent-post li.item{}
.box.boss_block-recent-post li.item + li.item{margin-top:28px}
.box.boss_block-recent-post li.item small.time-stamp{color: #969696; font: italic 400 12px Arial; display:block; margin-bottom:4px}
.box.boss_block-recent-post li.item a.article-title{color: #191919; font: 400 14px/15px HelveticaRegular; display:block; margin-bottom:6px}
.box.boss_block-recent-post li.item .recent-comment-content, .box.boss_block-recent-comments li.item .recent-comment-content{color: #969696; font: 400 12px/16px HelveticaRegular; margin-bottom: 10px;}
.box.boss_block-recent-post li.item span.post-by {color:#dc0000; font:400 14px RobotoRegular}
.box.boss_block-recent-post li.item span.post-by span{}
/*boss_block-recent-comment*/
.box.boss_block-recent-comments li.item + li.item {margin-top:28px}
.box.boss_block-recent-comments li.item small.time-stamp{color: #969696; font: italic 400 12px Arial; display:block; margin-bottom:4px}
.box.boss_block-recent-comments li.item a.comment-title{color: #191919; font: 400 14px/15px HelveticaRegular; display:block; margin-bottom:6px}
.box.boss_block-recent-comments li.item .recent-comment-content{color: #969696; font: 400 12px/16px HelveticaRegular; margin-bottom: 7px;}
.box.boss_block-recent-comments li.item span.comment-by {color:#dc0000; font:400 14px RobotoRegular}
.box.boss_block-recent-comments li.item span.comment-by span{}
/*Post List*/
.article-title h2{margin:0}
.article-title small{margin-bottom:7px}
.article-title  h2 a{color:#0a263c;font-size:14px;font-weight:bold;text-decoration:none}
.boss_article-item  .std{overflow:hidden;}
.boss_article-item  .std img{float:left;margin-right:15px;margin-top: 3px;}
.article-by span{color:#5f8eb4;font-size:11px}
.comment-count a{text-decoration:none;color:#5f8eb4;margin-left:3px;font-size:11px}

.boss_article-items .article-grid .article-image{display: block;
    margin-bottom: 10px;
    margin-right: 0;
    width: 100%;}
.boss_article-items .article-grid .article-image img{border: 1px solid #E6E6E6; max-width: 100%; padding: 3px;}
.boss_article-items .article-list .article-image img{border: 1px solid #E6E6E6; max-width: 100%; padding: 3px;}
.boss_article-items .article-name{}
.boss_article-items .article-name h2{line-height:15px}
.boss_article-items .article-name h2 a{color: #191919; font: 400 14px/15px HelveticaRegular;}
.boss_article-items .time-stamp{margin-bottom:7px; }
.boss_article-items .time-stamp small{font:400 12px Arial; color:#969696; font-style:italic}
.boss_article-items .article-desc p{font:400 12px/16px HelveticaRegular; color:#969696}
.boss_article-items .article-footer{display:block}
.boss_article-items .article-footer .post-by{font:400 14px RobotoRegular; color:#969696}
.boss_article-items .article-footer .post-by span{font:400 14px RobotoRegular; color:#f21324}
.boss_article-items .article-footer .separator{font:400 14px RobotoRegular; color:#888}
.boss_article-items .article-footer .comment-count{}
.boss_article-items .article-footer .comment-count span{font:400 14px RobotoRegular; color:#f21324}
.boss_article-items .article-footer .comment-count a{font:400 14px RobotoRegular; color:#f21324}
.boss_article-items .article-footer .comment-count a:hover{color:#F21324; text-decoration:underline}

/*article detail*/
.boss_article-action-top{position:relative}
.boss_article-action-top .prev-button{position:absolute;top:-23px;right:23px}
.boss_article-action-top .next-button{position:absolute;top:-23px;right:0}
.blog-index-view small.date{display:block;color:#969696;font-size:11px;font-style:italic}
.blog-index-view .page-title {border:none;margin-bottom:7px}

h1.article-title-boss{padding:0 20px; margin-bottom: 2px;}
.boss_article-item .article-title{padding:0 20px}
.boss_article-item .article-title .date-post{}
.boss_article-item .article-title .date-post small.time-stamp{font:400 12px Tahoma; font-style:italic; color:#969696;}
.boss_article-item .article-title p{color:#505050; font:400 12px/16px HelveticaRegular;}
.boss_article-item .article-content {height:100%;overflow:hidden; padding:0 20px}
.boss_article-item .article-content p{color:#505050; font:400 12px/16px HelveticaRegular;}
.boss_article-item .article-content img{border:1px solid #e6e6e6; max-width:99%}
.boss_article-item .postby{padding:0 20px 31px; background:url("../image/shadow_category.png") repeat-x scroll left bottom transparent; font-size:14px}
.boss_article-action{overflow:hidden; margin-top: 19px; padding:0 20px}
.boss_article-action .tags{margin:0}
.boss_article-action .tags li {float:left}
.boss_article-action .tags li a{color:#47caff;font:400 12px HelveticaRegular; margin-right:5px}
.boss_article-action .tags li a:hover{text-decoration:underline;}
.boss_article-action .tags span{font:400 12px HelveticaRegular; color:#191919; float:left; margin-right:5px}
.boss_article-action .share{float:right}
.boss_article-action .article-share img{height:16px;width:16px;margin-right:5px;float:left}
.boss_article-action .article-share span{float:left;margin-right:5px;font-weight: bold;padding-top:1px; color:#888}

.form-comment-container h3,#comments-header h3.form-title,.temp  h3.form-title{color:#131313;font-size:16px;font-weight:bold; padding-bottom:8px}
.form-comment-container h3,.temp  h3.form-title{}
.form-comment-container h3, #comments-header h3.form-title{
	color: #191919;
    font: 400 16px RobotoRegular;
    margin-bottom: 15px;
    text-transform: capitalize;
}
.temp  h3.form-title{position:absolute;top:15px;left:0;width:100%}
.form-comment-container{ overflow: hidden; margin-top: 26px;}
.form-comment{padding:0 0 30px;position:relative; clear:both}

.comments{padding:0 20px}
.comments .field{margin:6px 0px}
.comments div.input-box{width:312px}
.comments div.input-box .input-text{width:534px!important; padding:9px 5px; border:1px solid #DDDDDD;  box-shadow:0 1px 2px #E3E3E3 inset; -moz-box-shadow:0 1px 2px #E3E3E3 inset; -webkit-box-shadow:0 1px 2px #E3E3E3 inset; background-color:#fff; margin-top:5px; border-radius:0!important}
.captcha{margin:0 0 9px}
.form-comment .captcha{width: 550px;}
.form-comment-container #recaptcha_widget_div{top:55px;*top:60px}
.comments .required-1  {color:#ff0505; font:400 11px HelveticaRegular; float:right; padding:10px 0 0}
.comments .form-comment-container  .required-1  {width: auto;}
.form-comment-container .hide{display:none}
.comments .required{color:#191919; font:400 12px HelveticaRegular}
.comments .required em{color:#ff0000}
.comments .temp{padding-top: 45px;}
.comments .pagination{margin:0!important}
#allcomments{clear:both}
.form-comment-container .temp{padding-top: 0!important;}
.comment-item{padding-bottom:24px}
.comment-item-header{margin-bottom:8px}
.comment-item-header small{color:#969696; font:400 12px Tahoma; font-style:italic}
.comment-button{ position: absolute;right: 0;top: 4px;}
.comment-body{color:#969696; font:400 12px HelveticaRegular; line-height:16px; margin-bottom:8px}
.comment-body pre{white-space: normal;font-size:11px;color:#5a5a5a}
.comment-item-header .time-stamp{}
.comment-item-header .line{color:#bebebe}
.comment-item .author .comment-by{font:400 14px RobotoRegular; color:#505050}
.comment-item .author .comment-by span{color:#dc0000}
#article-comments {padding-bottom:26px; border-bottom:1px solid #E6E6E6;}
/*Article Fillter*/
.article-filter {
    overflow: hidden;
    padding: 45px 20px 30px;
	background:url("../image/shadow_category.png") repeat-x scroll left top transparent;
}
.article-filter .display {
	float: right;
    margin-top: -7px;
}
.article-filter .display span.active-gird {
    background: url("../image/grid_list_item.jpg") no-repeat scroll 100% 100% transparent;
    margin-right:10px;
}
.article-filter .display a.no-active-gird {
    background: url("../image/grid_list_item.jpg") no-repeat scroll 100% 0 transparent;
    margin-right:10px;
}
.article-filter .display a.no-active-list {
    background: url("../image/grid_list_item.jpg") no-repeat scroll 0 0 transparent;
}
.article-filter .display span.active-list {
    background: url("../image/grid_list_item.jpg") no-repeat scroll 0 100% transparent;
}
.article-filter .display a.no-active-gird, .article-filter .display span.active-list, .article-filter .display span.active-gird, .article-filter .display a.no-active-list {
    display: block;
    float: left;
    height: 25px;
    text-indent: -9999px;
    width: 25px;
	margin-top: 2px;
}
.article-filter .display a.no-active-gird:hover{background: url("../image/grid_list_item.jpg") no-repeat scroll 100% 100% transparent;}
.article-filter .display a.no-active-list:hover{background: url("../image/grid_list_item.jpg") no-repeat scroll 0 100% transparent;}
.article-filter .display b{ float: left; margin-right: 14px; /*margin-top: 5px; */ color: #191919;font: 400 12px/30px HelveticaRegular;}


.article-filter .sort {
	float: right;
    margin-left: 30px;
    margin-top: -8px;
}
.article-filter .limit {
	float: right;
    margin-left: 23px;
    margin-top: -8px;
}
.article-filter .sort span, .article-filter .limit span{
    color: #191919;
    font: 400 12px/32px HelveticaRegular;}
	
.article-filter .sort select, .article-filter .limit select {
    box-shadow: 0 1px 2px #DCDCDC inset;
    margin-left: 7px;
    width: 122px;
}
#productRelated{margin:0 20px 27px;  border-bottom:1px solid #e6e6e6;  padding-bottom: 35px;}
#productRelated h3.form-title{
	font:400 16px RobotoRegular;
	color:#191919;
	text-transform:capitalize;
	margin-bottom:15px
}
#productRelated .box-product{clear:both; margin-left: -10px;}

.category-description{padding:0 20px; overflow:hidden; margin-bottom: 25px;}
.category-description h3{color:#000; font-size:12px; margin-bottom:5px}
.category-description p{line-height:11px; color:#888; line-height:14px}

.captcha input{padding:6px 3px; border:1px solid #ddd; border-radius:0!important; box-shadow:0 1px 2px #E3E3E3 inset; -moz-box-shadow:0 1px 2px #E3E3E3 inset; -webkit-box-shadow:0 1px 2px #E3E3E3 inset; background-color:#fff; margin-top:9px}
.captcha input[type='text']{width: 538px; display:block}
/* article-related */
.article-related{padding:30px 0 44px 0; clear:both; border-bottom:1px solid #e6e6e6; margin:0 20px 25px}
.article-related .form-title{
	font:400 16px RobotoRegular;
	color:#191919;
	margin-bottom: 8px;
}
.article-related ul{margin:0;padding:0;list-style:none; clear:both}
.article-related li{line-height:22px}
.article-related li a{color:#505050;font:400 12px HelveticaRegular;}
.article-related li a:hover{color:#191919}

.comments{}
.boss_article-item #productRelated .relProduct{}
.boss_article-item #productRelated .relProduct.last{margin-right:0}
.boss_article-item #productRelated .relProduct .image{
	display: block;
    margin-bottom: 16px;
    text-align: left;
}
.boss_article-item #productRelated .relProduct .image img{
	border: 1px solid #E6E6E6;
    max-width: 98%;
    padding: 3px;
}
.boss_article-item #productRelated .relProduct .name{display: block;margin-bottom: 7px;}
.boss_article-item #productRelated .relProduct .name a{
	color: #191919;
    font: 400 14px HelveticaRegular;
}
.boss_article-item #productRelated .relProduct .price{
	color: #DC0000;
    display: block;
    font: 400 14px RobotoRegular;
	margin-bottom: 18px;
}
.boss_article-item #productRelated .relProduct .price .price-old{
	color: #191919;
    text-decoration: line-through;
}
.boss_article-item #productRelated .relProduct .rating{display: block; margin-bottom: 5px;}
/*textarea#comment{overflow:hidden}*/
/*filter*/

a.no-active-gird, span.active-list, a.no-active-list, span.active-gird{
	display: block;
    float: left;
    height: 24px;
    text-indent: -9999px;
    width: 24px;
}
a.no-active-gird:hover, span.active-gird{
	background: url("../image/categories_grid_hover.jpg") no-repeat scroll center center transparent;
    margin-right: 5px;
}
a.no-active-list{background: url("../image/categories_list.jpg") no-repeat scroll center center transparent;}
a.no-active-list:hover, span.active-list{background: url("../image/categories_list_hover.jpg") no-repeat scroll center center transparent;}
a.no-active-gird{background: url("../image/categories_grid.jpg") no-repeat scroll center center transparent;
    margin-right: 5px;}
.article-filter select{width: 230px;}
.article-filter .limit select{}
#column-left + #column-right + #content .article-filter select{width:100px}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.article-filter select{}
.article-filter .limit select{}
select{line-height:22px; outline:0}
}

/*article-grid list*/
.article-grid{
	margin-left: 10px;
    margin-right: -20px;
    overflow: hidden;
 }
.article-grid > div{
	display:inline-block;
	float: none;
    padding: 0 0 45px;
    vertical-align: top;
    width: 25%;
}
.article-grid > div > div{overflow: hidden; padding:0 26px 0 0}

.article-list{margin-left: 20px; overflow:hidden}
.article-list > div{margin-bottom: 40px; clear:both; width: 96% !important; margin-left:0}
.article-list .article-image{}

.boss_article-items .article-image {
    float: left;
    margin-right: 20px;
}

.article-list div.std {
    display: block;
    overflow: hidden;
}
/**/
.rss-feed{float:right; margin-left:10px;  margin-top: -7px;}
.rss-content td{padding:10px 0}
.allcomments{padding-bottom:15px; clear: both;}
.category-list ul li{line-height: 22px;}
.category-list ul li a{
	color: #505050;
    font: 400 12px HelveticaRegular;
}
#column-left + #content .box.boss_blog-cat{margin:0 20px 20px}
#column-left + #content .box.boss_block-recent-post{margin:0 20px 20px}
#column-left + #content .box.boss_block-recent-comments{margin:0 20px 20px}
#column-left + #content .box.boss_block-tag-cloud{margin:0 20px 20px}
/*boss_block-tag-cloud*/
.boss_block-tag-cloud a:hover{color:#131313}
.category-image{ padding:0 20px 0 21px;}
.category-image img{max-width:100%}
.search_blog{padding:0 20px}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.article-filter select {width: 120px;}
	.article-grid{margin:0}
	.article-filter .sort select, .article-filter .limit select{width:85px}
	.comments div.input-box .input-text{width: 98% !important;}
	.captcha input[type="text"]{width:57%}
}
@media only screen and (min-width: 480px) and (max-width: 767px)  {	
	.article-filter{display:none}
		.article-grid{margin:0}
		.comments div.input-box .input-text{width:265px !important;}
	.article-grid > div > div{min-height:350px}	
	.article-grid > div{margin-bottom:10px}
	.captcha input{margin-top:8px}
	.boss_article-items .article-image{margin:0 0 10px}
	.boss_article-items .article-image img{max-width:100%}
	.article-list div.std{clear:both}
	h1.article-title-boss, .boss_article-item .article-title, .boss_article-item .article-content, .boss_article-action, .comments{padding:0}
	.captcha input[type="text"]{width:49%}
	.boss_article-item .postby{padding:0 0 30px}
	.article-related, #productRelated{margin:0 0 25px}
	.category-image, .category-description{padding:0}
	.search_blog{padding:0}
	.article-list{margin-left:0}
}
@media only screen and (max-width: 479px)  {	
	.article-filter{display:none}
		.article-grid{margin:0}
		.comments div.input-box .input-text{width:265px !important;}
	.article-grid > div > div{min-height:350px}	
	.article-grid > div{margin-bottom:10px}
	.captcha input{margin-top:8px}
	.boss_article-items .article-image{ margin:0 0 10px}
	.boss_article-items .article-image img{max-width:100%}
	.article-list > div{width:100%!important}
	.article-list div.std{clear:both}
	h1.article-title-boss, .boss_article-item .article-title, .boss_article-item .article-content, .boss_article-action, .comments{padding:0}
	.captcha input[type="text"]{width:49%}
	.boss_article-item .postby{padding:0 0 30px}
	.article-related, #productRelated{margin:0 0 25px}
	.category-image, .category-description{padding:0}
	.search_blog{padding:0}
	.article-list{margin-left:0}
	p.choose_search select{width:257px}
}