/*
* @author: William Khoe
*/

.customer-review .pros-cons-list:after, .customer-review aside:after, .customer-before-after .author-info:after
{
	display:block; clear:both; visibility: hidden;
	height:0;
	content:".";
}
.ie .customer-review .pros-cons-list, .ie .customer-review aside, .ie .customer-before-after .author-info
{
	zoom:1;
}

body
{
	font-family:"Helvetica Neue", Helvetica, Arial; font-size:12px; color:#222;
}
a, a:visited
{
	color:#ED1C27; text-decoration:none;
}
a:hover
{
	color:#222;
}

.a1
{
    color:#ED1C27; 
    text-decoration:none;
    
    text-align:center;
    display:block;
    font-size:2em;
}

h1, h2, h3, h4, h5
{
	font-family:"nimbus-sans", "Helvetica Neue", Helvetica, Arial; font-weight:400;
}
h3
{
	font-weight:700;
}

.template-2 #main > .row > .col > h2,
.template-2 #main > .row > .col > h3,
.template-2 #main > .row > .row > .col > h2,
.template-2 #main > .row > .row > .col > h3,
article.story h2, 
article.story h3
{
	margin-bottom:10px;
	font-size:20px; font-weight:700; color:#222; text-transform:uppercase;
}
.template-2 #main > .row > .col > h3,
article.story h3
{
	margin-bottom:15px;
	text-transform:none;
}
article.story p
{
	margin:0 0 20px 0;
	color:#444; font-size:13px;
}
article.story img
{
	float:left;
	margin:0 30px 30px 0;
}
aside a.more
{
	padding:0 15px 0 0;
	color:#ED1C27; text-transform:uppercase; font-size:13px; font-family:"nimbus-sans", "Helvetica Neue", Helvetica, Arial; font-weight:700;
	line-height: 1;
	background:url(/img/ui/icon-sprite.png) no-repeat 100% -581px;
}
aside a.more:hover
{
	color:#222;
	background-position:100% -4146px;
}
.recommend-text
{
	margin:0 0 15px 0; padding:0 0 0 25px;
	background:url(/img/ui/icon-sprite.png) no-repeat -6px -2540px;
	font-size:14px; line-height:17px;
}
.recommend-text.small
{
	font-size:12px;
}
.vote-count
{
	display:inline-block; position:relative;
	margin:0 15px 0 5px;
	min-width:24px;
	border:1px solid #DDD;
	background:#FFF;
}
.vote-count .number
{
	color:#000; font-weight:bold; line-height:24px; text-align:center;
}
.vote-count .arrow-1
{
	display:block; position:absolute;
	top:7px; left:-6px;
	border-style:solid; border-width:4px 5px 4px 0; border-color:transparent #CCC transparent transparent;
}
.vote-count .arrow-2
{
	display:block; position:absolute;
	top:7px; left:-5px;
	border-style:solid; border-width:4px 5px 4px 0; border-color:transparent #FFF transparent transparent;
}
.info-flag
{
	position:absolute;
	top:15px; right:-10px; z-index:5;
	padding:5px 15px;
	font-family:"nimbus-sans", "Helvetica Neue", Helvetica, Arial; font-size:18px; color:#FFF; font-weight:700; text-shadow:#777 1px 1px 2px; -webkit-font-smoothing:antialiased;

	background:#444; /* Old browsers */
	background:-moz-linear-gradient(45deg, #444 0%, #222 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left bottom, right top, color-stop(0%,#444), color-stop(100%,#222)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(45deg, #444 0%,#222 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(45deg, #444 0%,#222 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(45deg, #444 0%,#222 100%); /* IE10+ */
	background:linear-gradient(45deg, #444 0%,#222 100%); /* W3C */

	box-shadow:1px 1px 4px -1px rgba(0, 0, 0, 0.5); -webkit-box-shadow:1px 1px 4px -1px rgba(0, 0, 0, 0.5);
}
.info-flag em
{
	position:absolute;
	bottom:-10px; right:0;
	width:0; height:0;
	border-style:solid; border-width:10px 10px 0 0; border-color:#999 transparent transparent transparent;
}

.customer-review .rating-summary
{
	position:relative;
	margin:0 0 15px 0;
}
.customer-review .rating-summary .rating-container
{
	margin:0 0 7px 0; padding:0 100px 0 0;
}
.customer-review .rating-summary .rating-container .title
{
	display:inline-block;
	margin:0 0 0 7px;
	font-size:17px; font-weight:700; line-height:20px;
	vertical-align:middle;
}
.customer-review .rating-summary .date
{
	position:absolute;
	top:0; right:0;
	color:#888;
}
.customer-review .rating-summary .author
{
	color:#666;
}
.customer-review .rating-summary .author strong
{
	color:#222;
}
.customer-review article p
{
	margin:0 0 10px 0;
	font-size:14px; color:#444;
}
.customer-review .pros-cons-list
{
	margin:0 0 20px 0;
}
.customer-review .pros-cons-list .pros
{
	float:left;
	margin:0 80px 0 0;
}
.customer-review .pros-cons-list .cons
{
	float:left;
}
.customer-review .pros-cons-list h5
{
	margin:0 0 3px 0;
	font-size:13px; font-weight:700; text-transform:uppercase;
}
.customer-review .pros-cons-list li
{
	margin:0 0 3px 0; padding:0 0 0 13px;
	background:url(/img/ui/list-bullet.png) no-repeat 0 6px;
	font-size:12px; color:#444;
}
.customer-review aside h4
{
	margin:0 0 5px 0;
	font-size:14px; color:#666; -webkit-font-smoothing:antialiased;
}
.customer-review aside .link-flag
{
	font-size:11px; color:#999; font-weight:bold;
}
.customer-review aside .link-flag:hover
{
	color:#ED1C27;
}
.customer-review aside .like-container
{
	float:left;
}
.customer-review aside .share-container
{
	float:right;
	text-align:right;
}
.customer-review .recommend-text
{
	color:#444;
}

.directions
{
	padding:27px 30px 10px 30px;
	font-size:14px;
}
.directions p
{
	margin:0 0 20px 0;
}
.directions .author
{
	margin:0 0 15px 0;
	font-size:12px;
}
.directions h3
{
	margin:0 0 15px 0;
	font-size:18px; text-transform:uppercase;
}
.directions ol
{
	margin:0 0 30px 0;
	counter-reset:li;
	list-style:none;
}
.lte7 .directions ol
{
	list-style:decimal;
}
.directions ol li
{
	position:relative;
	margin:0 0 20px 0; padding:0 0 0 35px;
}
.directions ol li:before
{
	position:absolute;
	top:-3px; left:0;
	width:22px; height:22px;
	background:#999;
	border:1px solid #868686;
	font-size:16px; font-weight:bold; text-align:center; color:#FFF;

	content:counter(li);
	counter-increment:li;
}
.directions .extra-info
{
	margin:0 0 15px 0; padding:20px 0 0 0;
	border-top:3px solid #CCC;
}
.directions .extra-info .col
{
	width:282px;
}
.directions .extra-info .col-1
{
	margin:0 15px 0 0;
}
.directions .extra-info-item
{
	margin:0 0 10px 0;
}
.directions .extra-info-item h4
{
	margin:0 0 3px 0;
	text-transform:uppercase; font-size:12px; font-weight:700;
}
.directions .extra-info-item p
{
	margin:0;
	font-size:12px;
}
.directions .extra-info-item aside
{
	font-size:11px;
}
.directions .extra-info-item ul li
{
	margin:3px 0 0 0; padding:0 0 0 13px;
	background:url(/img/ui/list-bullet.png) no-repeat 0 6px;
	font-size:12px;
}
.directions .extra-info-item ul li:first-child
{
	margin-top:0;
}

.message
{
	margin:0 0 15px 0; padding:13px 15px;

	background:#EBE7DC;
	background:-moz-linear-gradient(top, #F0ECE0 0%, #E6E3D9 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0ECE0), color-stop(100%,#E6E3D9));
	background:-webkit-linear-gradient(top, #F0ECE0 0%,#E6E3D9 100%);
	background:-o-linear-gradient(top, #F0ECE0 0%,#E6E3D9 100%);
	background:-ms-linear-gradient(top, #F0ECE0 0%,#E6E3D9 100%);
	background:linear-gradient(to bottom, #F0ECE0 0%,#E6E3D9 100%);

	border:5px solid #FFF;
	box-shadow:1px 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
}
.message h3
{
	margin:0 0 3px 0;
	font-size:15px; font-weight:700;
}
.message p
{
	color:#444;
}

.customer-before-after
{
	padding:27px 30px 10px 30px;
	font-size:14px;
}
.customer-before-after p
{
	margin:0 0 15px 0;
}
.customer-before-after .author-info
{
	margin:0 0 15px 0;
	font-size:12px;
}
.customer-before-after .author-info .author-name
{
	float:left;
}
.customer-before-after .author-info .author-date
{
	float:right;
}
.customer-before-after section
{
	margin:20px 0 0 0; padding:20px 0 0 0;
	border-top:3px solid #CCC;
}
.customer-before-after section h4
{
	margin:0 0 7px 0;
	font-size:12px; text-transform:uppercase; font-weight:700;
}
.customer-before-after section ul li
{
	margin:0 0 3px 0; padding:0 0 0 13px;
	background:url(/img/ui/list-bullet.png) no-repeat 0 6px;
	font-size:12px; color:#444;
}
.customer-before-after section .project-based-on
{
	padding:5px 0 20px 0;
}
.customer-before-after section .project-based-on .thumbnail
{
	margin:0 15px 0 0;
}
.customer-before-after section .project-based-on .thumbnail img
{
	width:131px; height:131px;
}
.customer-before-after section .project-based-on .title
{
	font-size:14px; font-weight:bold;
}

/* Template specific */

.template-1 .row-1 h1
{
	margin:0 0 15px 0;
	text-transform:uppercase; color:#222; font-size:20px; font-weight:700; line-height:24px;
}
.template-2 #main .row-1 > h2
{
	margin-bottom:15px;
	font-size:20px; font-weight:700; text-transform:uppercase; color:#222;
}
.help-tooltip
{
	position:relative;
}
.help-tooltip .content
{
	position:absolute; display:none;
	bottom:28px; left:-113px;
	width:220px;
	padding:10px;
	background:#FFF;
	box-shadow:0 1px 15px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 15px rgba(0,0,0,0.3);
}
.help-tooltip:hover .content
{
	display:block;
}
.help-tooltip .arrow-tip-down
{
	position:absolute; display:block;
	bottom:-13px; left:50%; z-index:2;
	margin:0 0 0 -10px;
	width:22px; height:13px;
	background:url(/img/ui/icon-sprite.png) no-repeat 0 -5284px;
}
/*.help-tooltip .arrow-tip-down:before
{
	position:absolute;
	bottom:-10px; left:50%; z-index:1;
	width:10px; height:10px;
	background-color:transparent;
	box-shadow:0 1px 15px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 15px rgba(0,0,0,0.3);
	content:"";
}
*/
/* Tablet Portrait */

@media only screen and (min-width:768px) and (max-width:1023px)
{
	article.story p
	{
		margin:0 0 15px 0;
	}
	article.story img
	{
		width:50%; height:50%;
		margin:0 15px 15px 0;
	}

	.vote-count
	{
		min-width:32px;
	}
	.vote-count .number
	{
		line-height:32px;
	}
	.vote-count .arrow-1, .vote-count .arrow-2
	{
		top:13px;
	}
	.customer-review .rating-summary .rating-container .title
	{
		display:block;
		margin:5px 0 0 0;
	}
}

/* Mobile Portrait & Landscape */

@media only screen and (max-width:767px)
{
	article.story img
	{
		float:none;
		width:100%; height:auto;
	}
	article.story .btn-cta
	{
		display:block;
	}

	.vote-count
	{
		min-width:32px;
		margin-right:12px;
	}
	.vote-count .number
	{
		line-height:32px;
	}
	.vote-count .arrow-1, .vote-count .arrow-2
	{
		top:13px;
	}
	.customer-review .rating-summary .rating-container .title
	{
		display:block;
		margin:5px 0 0 0;
	}
	.customer-review article p
	{
		font-size:12px;
	}
	.customer-review .pros-cons-list
	{
		margin:0;
	}
	.customer-review .pros-cons-list .pros,
	.customer-review .pros-cons-list .cons
	{
		float:none;
		margin:0 0 15px 0;
	}
	.directions
	{
		padding:17px 20px 0 20px;
		font-size:12px;
	}
	.customer-review aside .share-container
	{
		text-align:left;
	}
	.customer-before-after
	{
		padding:20px 20px 0 20px;
		font-size:12px;
	}
	.customer-before-after .author-info .author-name,
	.customer-before-after .author-info .author-date
	{
		float:none;
	}
	.customer-before-after section .project-based-on .thumbnail
	{
		display:block;
		margin:0 0 15px 0;
	}
	.customer-before-after section .project-based-on .title
	{
		display:block;
		font-size:12px;
	}
}