/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #F00; color: #fff; text-shadow: none; }
::selection { background: #F00; color: #fff; text-shadow: none; }

a { color: #00e; cursor:pointer; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/* ===== Primary Styles ========================================================
   Author:
   ========================================================================== */
a, a:hover, a:active, a:focus
{
	outline:0;
}
ul
{
	margin:0; padding:0;
	list-style-type:none;
}
h1, h2, h3, h4, h5, h6
{
	margin:0; padding:0;
	font-weight:normal;
}
p
{
	margin:0; padding:0;
}
strong
{
	font-weight:bold;
}







/* =============================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}

/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* =============================================================================
   Print Styles
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


#page {
    max-width: 1024px;
    height: 100%;
    margin: 0 auto;
    padding: 0 20px;
    left: 0;
    right: 0;
}

.before-after-showcase:after
{
	display:block; clear:both; visibility: hidden;
	height:0;
	content:".";
}
.ie .before-after-showcase
{
	zoom:1;
}

/* Header */

#header
{
	position:relative;
	width:100%;
	z-index:10;
	border-top:3px solid #ED1C27;
	background:#FFF;
	background:-moz-linear-gradient(top, #F1F1F1 0%, #FFF 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#F1F1F1), color-stop(100%,#FFF));
	background:-webkit-linear-gradient(top, #F1F1F1 0%,#FFF 100%);
	background:-o-linear-gradient(top, #F1F1F1 0%,#FFF 100%);
	background:-ms-linear-gradient(top, #F1F1F1 0%,#FFF 100%);
	background:linear-gradient(to bottom, #F1F1F1 0%,#FFF 100%);
	box-shadow:0 0 6px rgba(0,0,0,0.4); -webkit-box-shadow:0 0 6px rgba(0,0,0,0.4);
}
#header-wrap
{
	width:960px;
	margin:0 auto;
}
#header .main-logo
{
	display:block; float:left;
	padding:20px 0 8px 0;
}
#header .main-logo img
{
	display:block;
	width:237px; height:53px;
}
#header .img-contact-us img {
    display: block;
    width: 237px;
    height: auto;
}
#header #search
{
	float:right; overflow:hidden;
	margin:3px 0 0 0;
}
#header #search #input-search
{
	width:200px;
	padding-right:29px;
	vertical-align:middle;
}
#header #search .btn-submit-search
{
	width:30px; height:27px;
	margin:0 0 0 -30px;
	background:url(/img/ui/icon-sprite.png) no-repeat 5px -447px;
	border:0;
	text-indent:-9999px;
	vertical-align:middle;
}

/* Footer */

#footer
{
	position:relative;
	border-top:2px solid #757575; border-bottom:3px solid #ED1C27;
	background:#2C2C2C;
	background:-moz-linear-gradient(left, #222222 0%, #333333 50%, #222222 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, right top, color-stop(0%,#222222), color-stop(50%,#333333), color-stop(100%,#222222)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(left, #222222 0%,#333333 50%,#222222 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(left, #222222 0%,#333333 50%,#222222 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(left, #222222 0%,#333333 50%,#222222 100%); /* IE10+ */
	background:linear-gradient(to right, #222222 0%,#333333 50%,#222222 100%); /* W3C */
}
#footer-wrap
{
	width:960px;
	margin:0 auto; padding:30px 0;
}

#footer section.primary section
{
	margin:0 0 20px 0;
}
#footer section.primary section > h2
{
	margin:0 0 6px 0;
	color:#CCC; font-weight:700; font-size:11px; text-transform:uppercase;
}
#footer section.primary .col
{
	margin:0 0 0 30px;
	width:183px;
}

#footer .secondary-logo
{
	display:block; overflow:hidden;
	margin:0 0 30px 0;
	text-align:center;
}
#footer .secondary-logo img
{
	display:inline-block;
	width:207px; height:49px;
}
#footer .copyright
{
	margin:0 0 10px 0;
	font-size:10px; color:#666; font-weight:bold; text-align:center;
}
#footer .rpm-logo
{
	display:block; overflow:hidden;
	text-align:center;
}
#footer section.language .custom-select
{
	display:block;
}

#main
{
	padding: 0px 0 30px 0;

	background:#FFF;
	background:-moz-linear-gradient(left, #F4F4F4 0%, #FFF 50%, #F4F4F4 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, right top, color-stop(0%,#F4F4F4), color-stop(50%,#FFF), color-stop(100%,#F4F4F4)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(left, #F4F4F4 0%,#FFF 50%,#F4F4F4 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(left, #F4F4F4 0%,#FFF 50%,#F4F4F4 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(left, #F4F4F4 0%,#FFF 50%,#F4F4F4 100%); /* IE10+ */
	background:linear-gradient(to right, #F4F4F4 0%,#FFF 50%,#F4F4F4 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#F4F4F4', endColorstr='#F4F4F4',GradientType=1 ); /* IE6-9 */
}

.scrollbar-measure
{
	position:absolute; overflow:scroll;
	top:-9999px;
	width:100px; height:100px;
}
section.collapsible > h2
{
	font-size:24px;
}
section.collapsible > h3
{
	display:none;
}

.before-after-showcase a.thumbnail
{
	float:left; position:relative;
}
.before-after-showcase .thumbnail.primary img,
.before-after-showcase .thumbnail.secondary img
{
	width:320px; height:auto;
}
.before-after-showcase .thumbnail .caption
{
	display:block; position:absolute;
	bottom:0; left:0;
	width:100%;
	background:#000; background:rgba(0,0,0,0.6);
}
.before-after-showcase .thumbnail .caption span
{
	display:block;
	margin:0 9px; padding:0 15px 0 0;
	background:url(/img/ui/icon-sprite.png) no-repeat 100% -3757px;
	line-height:34px; color:#FFF; font-weight:bold; font-size:12px; text-align:center; text-transform:uppercase;
}

/* Helpers */
.newline {
	display: block;
}
h1 > .newline {
	margin-bottom: 15px;
	font-weight: 700;
}

#page #main .mt-0 { margin-top: 0; }
#page #main .mr-0 { margin-right: 0;}
#page #main .mb-0 { margin-bottom: 0; }
#page #main .ml-0 { margin-left: 0; }

#page #main .pt-0 { padding-top: 0; }
#page #main .pr-0 { padding-right: 0;}
#page #main .pb-0 { padding-bottom: 0; }
#page #main .pl-0 { padding-left: 0; }


img.shadow {
  -webkit-box-shadow: 0px 1px 3px 1px #999;
          box-shadow: 0px 1px 3px 1px #999;
}

.box {
	padding:25px 30px;
	background:#EDEDED;
	background:-moz-linear-gradient(top, #EDEDED 0%, #DDDDDD 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEDED), color-stop(100%,#DDDDDD));
	background:-webkit-linear-gradient(top, #EDEDED 0%,#DDDDDD 100%);
	background:-o-linear-gradient(top, #EDEDED 0%,#DDDDDD 100%);
	background:-ms-linear-gradient(top, #EDEDED 0%,#DDDDDD 100%);
	background:linear-gradient(to bottom, #EDEDED 0%,#DDDDDD 100%);

	border:5px solid #FFF;
	box-shadow:0 0 6px rgba(0,0,0,0.4); -webkit-box-shadow:0 0 6px rgba(0,0,0,0.4);
}

.box.box-2 {
	background: #efebdf;
}

/*Virtual Kitchen CSS*/

#try_it_overlay {z-index:10001;position:absolute;}
#try_it_backdrop {z-index:10000;position:absolute;background-color:#000000}
#try_it_container {clear:both;display:block;margin:0 auto;overflow:hidden;width:953px}
#try_it_social {height:93px;margin:-52px 125px;}

/*Browse Products Control CSS*/
.product-list-div {
    display:block;
    float:left;
    width:100%;
}

/* Regular Desktop */

@media only screen and (min-width:1024px)
{
	#footer-wrap:after
	{
		display:block; clear:both; visibility: hidden;
		height:0;
		content:".";
	}
	.ie #footer-wrap
	{
		zoom:1;
	}
	#footer section.primary
	{
		float:right;
		width:669px;
		border-left:1px solid #444;
	}
	#footer section.secondary
	{
		float:left;
		width:290px;
		padding:64px 0 0 0;
	}
	#footer section.secondary .site-links li.last
	{
		border:none;
	}
}

/* Tablet Portrait */

@media only screen and (min-width:768px) and (max-width:1023px)
{
	#main
	{
		padding:0px 0 40px 0;
	}
	#header-wrap
	{
		width:708px;
	}
	#header .main-logo img
	{
		width:223px; height:50px;
	}


	#header form#search
	{
		position:absolute;
		top:-35px; right:0;
	}

	#footer-wrap
	{
		width:708px;
		margin:0 auto; padding:30px 0;
	}
	#footer section.primary
	{
		margin:0 0 30px 0; padding:0 0 15px 0;
		border-bottom:2px solid #444;
	}
	#footer section.primary .col
	{
		width:196px;
	}
	#footer section.primary section
	{
		margin:0 0 30px 0;
	}
	.before-after-showcase .thumbnail.primary img,
	.before-after-showcase .thumbnail.secondary img
	{
		width:218px; height:auto;
	}
}

/* Mobile Portrait & Landscape */

@media only screen and (max-width:767px)
{
	#main
	{
		padding:20px 0 30px 0;
	}
	#header-wrap
	{
		width:auto;
		margin:0;
	}
	#header .main-logo
	{
		float:none; display:block;
		width:180px;
		padding:57px 0 10px 20px;
	}
	#header .main-logo img
	{
		width:157px; height:35px;
	}

	#header form#search
	{
		float:none; display:none;
		margin:0;
		background:#EEE;
		background:-moz-linear-gradient(top, #EEE 0%, #DDD 100%);
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEE), color-stop(100%,#DDD));
		background:-webkit-linear-gradient(top, #EEE 0%,#DDD 100%);
		background:-o-linear-gradient(top, #EEE 0%,#DDD 100%);
		background:-ms-linear-gradient(top, #EEE 0%,#DDD 100%);
		background:linear-gradient(to bottom, #EEE 0%,#DDD 100%);
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEE', endColorstr='#DDD',GradientType=0 );
		border:3px solid #FFF;
		box-shadow:0 0 10px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
	}
	.lte8 #header form#search { filter: none;}
	#header form#search fieldset
	{
		padding:20px;
	}
	#header form#search #input-search
	{
		width:100%;
		padding-right:39px;
	}

	.lte8 #header form#search #input-search {
		width: 80%;
	}

/*	Commenting this out, dunno what it's for as it broke the search button on small device header.
	#header form#search .btn-submit-search
	{
		width:40px; height:27px;
		margin:0 0 0 -40px; padding:0;
		background:#D71923;
		background:-moz-linear-gradient(top, #EC1C27 0%, #BF222B 100%);
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#EC1C27), color-stop(100%,#BF222B));
		background:-webkit-linear-gradient(top, #EC1C27 0%,#BF222B 100%);
		background:-o-linear-gradient(top, #EC1C27 0%,#BF222B 100%);
		background:-ms-linear-gradient(top, #EC1C27 0%,#BF222B 100%);
		background:linear-gradient(to bottom, #EC1C27 0%,#BF222B 100%);
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#EC1C27', endColorstr='#BF222B',GradientType=0 );
		text-indent:0; color:#FFF; font-size:13px; font-weight:bold; text-transform:uppercase;
	}*/
	#header form#search .btn-submit-search.focus,
	#header form#search .btn-submit-search:focus,
	#header form#search .btn-submit-search:active
	{
		background-position:4px -512px;
	}
	#footer-wrap
	{
		width:auto;
		margin:0; padding:0;
	}
	#footer section.primary
	{
		margin:0 0 20px 0;
	}
	#footer section.primary .content
	{
		display:none;
		padding:0;
	}
	#footer section.primary section.open .content
	{
		display:block;
	}
	#footer section.primary .col
	{
		float:none;
		width:auto;
		margin:0;
	}
	#footer section.primary section
	{
		margin:0;
	}
	#footer section.primary section > h2
	{
		margin:0; padding:0 20px;
		font-size:14px; line-height:50px;
		border-top:1px solid #565656; border-bottom:1px solid #000;
		cursor:pointer;
	}
	#footer section.primary section > h2 span
	{
		display:block;
		background:url(/img/ui/icon-sprite.png) no-repeat 100% -1858px;
	}
	#footer section.primary section.open > h2 span
	{
		background-position:100% -1917px;
	}
	#footer section.secondary
	{
		width:auto;
		margin:0 0 25px 0; padding:0;
	}
	#footer section.language
	{
		padding:20px 20px 15px 20px;
	}
	#footer section.language .custom-select
	{
		height:43px;
	}
	#footer section.language .custom-select span
	{
		font-size:14px; font-weight:bold; line-height:43px;
		background-position:100% -2464px;
	}

	section.collapsible .content
	{
		display:none;
	}
	section.collapsible.active .content
	{
		display:block;
	}
	section.collapsible > h2
	{
		padding:15px 10px 15px 13px;

		background:#fdfdfd; /* Old browsers */
		background:-moz-linear-gradient(top, #fdfdfd 0%, #f4f4f4 100%); /* FF3.6+ */
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
		background:-webkit-linear-gradient(top, #fdfdfd 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
		background:-o-linear-gradient(top, #fdfdfd 0%,#f4f4f4 100%); /* Opera 11.10+ */
		background:-ms-linear-gradient(top, #fdfdfd 0%,#f4f4f4 100%); /* IE10+ */
		background:linear-gradient(to bottom, #fdfdfd 0%,#f4f4f4 100%); /* W3C */
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */

		border:1px solid #DDD;
		cursor:pointer;

		font-size:14px;
	}
	section.collapsible > h2 span
	{
		display:block;
		background:url(/img/ui/icon-sprite.png) no-repeat 100% -3153px;
	}
	section.collapsible.active h2 span
	{
		background-position:100% -3210px;
	}
	section.collapsible > h3
	{
		display:block;
		margin:0 -20px -2px -20px; padding:15px 10px 15px 13px;

		background:#FEFEFE; /* Old browsers */
		background:-moz-linear-gradient(top, #FEFEFE 0%, #F9F9F9 100%); /* FF3.6+ */
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEFEFE), color-stop(100%,#F9F9F9)); /* Chrome,Safari4+ */
		background:-webkit-linear-gradient(top, #FEFEFE 0%,#F9F9F9 100%); /* Chrome10+,Safari5.1+ */
		background:-o-linear-gradient(top, #FEFEFE 0%,#F9F9F9 100%); /* Opera 11.10+ */
		background:-ms-linear-gradient(top, #FEFEFE 0%,#F9F9F9 100%); /* IE10+ */
		background:linear-gradient(to bottom, #FEFEFE 0%,#F9F9F9 100%); /* W3C */
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEFEFE', endColorstr='#F9F9F9',GradientType=0 ); /* IE6-9 */

		border:2px solid #DDD;
		box-shadow:1px 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.3);
		font-weight:bold; color:#444; text-transform:uppercase; text-align:center;
		cursor:pointer;
	}
	section.collapsible > h3 span
	{
		display:inline-block;
		padding:0 25px 0 0;
		background:url(/img/ui/icon-sprite.png) no-repeat 100% -1988px;
	}
	section.collapsible > h3 span em
	{
		font-style:normal;
	}
	section.collapsible.active h3
	{
		color:#ED1C27;
	}
	section.collapsible.active h3 span
	{
		background-position:100% -2164px;
	}

	.before-after-showcase a.thumbnail
	{
		float:none; display:block;
	}
	.before-after-showcase .thumbnail.primary img,
	.before-after-showcase .thumbnail.secondary img
	{
		width:100%; height:auto;
	}
}

/* Spinner */
.spinner { position:absolute !important; z-index:10000; left:50%; top:50%; }
.spinner-loading { cursor:progress; position:relative; display:block; }
.spinner-loading:before { content:''; position:absolute; left:0; top:0; display:block; width:100%; height:100%; z-index:9999; background:#ccc;background:rgba(229, 229, 229, 0.60); }

/* UI Slider */
.ui-slider { position:relative; text-align:left; background-color:#4a4C59;}
.ui-slider .ui-slider-handle { position:absolute; z-index:2; width:1.2em; height:1.2em; cursor:default; background-color:#05b6de; }
.ui-slider .ui-slider-range { position:absolute; z-index:1; font-size:.7em; display:block; border:0; background-position:0 0; }

.ui-slider-horizontal { height:.8em; }
.ui-slider-horizontal .ui-slider-handle { top:-.3em; margin-left:-.6em; }
.ui-slider-horizontal .ui-slider-range { top:0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left:0; }
.ui-slider-horizontal .ui-slider-range-max { right:0; }

.ui-slider-vertical { width:.8em; height:100px; }
.ui-slider-vertical .ui-slider-handle { left:-.3em; margin-left: 0; margin-bottom:-.6em; }
.ui-slider-vertical .ui-slider-range { left:0; width:100%; }
.ui-slider-vertical .ui-slider-range-min { bottom:0; }
.ui-slider-vertical .ui-slider-range-max { top:0; }
/*
* @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;
	}
}

/*
* @author: William Khoe
*/

/* The following two styles force scrollbar visibility to fix FF/Opera media queries width inconsistency */
@-moz-document url-prefix()
{
	html
	{
		overflow:hidden;
		height:100%;
	}
	body
	{
		position:relative;
		overflow-y:scroll;
		height:100%;
		//-webkit-overflow-scrolling:touch;
	}
}
x:-o-prefocus, html
{
	overflow:hidden;
	height:100%;
}
x:-o-prefocus, body
{
	position:relative;
	overflow-y:scroll;
	height:100%;
}
.lte8 body{
	overflow-x: hidden;
}

.lte7 .row { overflow:hidden; }

.row:after
{
	display:block; clear:both; visibility:hidden;
	height:0;
	content:".";
}
.ie .row
{
	zoom:1;
}
/*.row
{
	overflow:auto;
}*/
.col
{
	float:left;
}

.template-1 #main > .row
{
	width:960px;
	margin:0 auto;
}

.template-2 #main > .row
{
	width:960px;
	margin:0 auto;
}
.template-2 #main > .row-2 > .col-1,
.template-2 #main > .row-2 > .col-3,
.template-2 #main > .row-1 > .row-9 > .col-1,
.template-2 #main > .row-1 > .row-9 > .col-3
{
	clear:left;
	width:230px;
	margin:0 30px 0 0;
}
.template-2 #main > .row-2 > .col-2,
.template-2 #main > .row-1 > .row-9 > .col-2
{
	float:right;
	width:700px;
}

.template-3 #main > .row
{
	position:relative;
	width:960px;
	margin:0 auto;
}
.template-3 #main > .row-2 > .col-2,
.template-3 #main > .row-1 > .row-9 > .col-2
{
	float:left;
	width:280px;
}
.template-3 #main > .row-2 > .col-1,
.template-3 #main > .row-2 > .col-3,
.template-3 #main > .row-1 > .row-9 > .col-1,
.template-3 #main > .row-1 > .row-9 > .col-3
{
	float:right;
	width:650px;
}

/* Template 4 */
.template-4 #main > .row
{
	width:960px;
	margin:0 auto;
}
.template-4 #main > .row-1
{
	margin-top:10px; margin-bottom:20px;
}
.template-4 #main > .row-2
{
	margin-bottom:30px;
}
.template-4 #main > .row-2 > .col
{
	float:none;
}
.template-4 #main > .row-3 > .col
{
	float:left;
	width:306px; overflow:visible;
	margin-left:20px;
}
.template-4 #main > .row-3 > .col-1
{
	margin-left:0;
}
.template-4 #main > .row-4
{
	margin-top:30px; border-top:3px solid #E7E7E7; padding-top:30px;
}
.template-4 #main > .row-4 > .col
{
	float:left;
	width:425px; height:264px;
}
.template-4 #main > .row-4 > .col-1
{
	margin:0; border-right:1px solid #EEE; padding:0 34px 0 20px;
}
.template-4 #main > .row-4 > .col-2
{
	margin:0; border-left:1px solid #EEE; padding:0 20px 0 34px;
}

/* Template 5 */
.template-5 #main > .row
{
	width:960px;
	margin:0 auto;
}
.template-5 #main > .row-1
{
	margin-top:10px;
}
.template-5 #main > .row-1 > .col-2
{
	float:right;
}
.template-5 #main > .row-2
{
	margin-bottom:30px;
}
.template-5 #main > .row-2 > .col
{
	float:none;
}
.template-5 #main > .row-3 > .col
{
	float:left;
	overflow:visible;
}
.template-5 #main > .row-3 > .col-1
{
	width:632px;
}
.template-5 #main > .row-3 > .col-1 > .projects
{
	float:none; clear:both; *zoom:1;
}
.template-5 #main > .row-3 > .col-1 > .projects:after
{
	display:block; clear:both; height:0; visibility:hidden; content:".";
}
.template-5 #main > .row-3 > .col-1 > .projects > .column
{
	float:left;
	width:306px;
}
.template-5 #main > .row-3 > .col-1 > .projects > .column-2
{
	margin-left:20px;
}
.template-5 #main > .row-3 > .col-2
{
	width:306px;
	margin-left:20px;
}
.template-5 #main > .row-4
{
	margin-top:30px; border-top:3px solid #E7E7E7; padding-top:30px;
}
.template-5 #main > .row-4 > .col
{
	float:left;
	width:425px; height:264px;
}
.template-5 #main > .row-4 > .col-1
{
	margin:0; border-right:1px solid #EEE; padding:0 34px 0 20px;
}
.template-5 #main > .row-4 > .col-2
{
	margin:0; border-left:1px solid #EEE; padding:0 20px 0 34px;
}

/* Template 6 */
.template-6 #main > .row
{
	width:960px;
	margin:0 auto;
}
.template-6 #main > .row-1
{
	margin-top:10px;
}
.template-6 #main > .row-1 > .col-2
{
	float:right;
}
.template-6 #main > .row-2
{
	margin-bottom:12px;
}
.template-6 #main > .row-2 > .col
{
	float:none;
}
.template-6 #main > .row-3
{
}
.template-6 #main > .row-3 > .col-1 .project-grid
{
	float:none; clear:both; *zoom:1;
}
.template-6 #main > .row-3 > .col-1 .project-grid:after
{
	display:block; clear:both; height:0; visibility:hidden; content:".";
}
.template-6 #main > .row-3 > .col-1 .project-grid > .column
{
	float:left;
	width:306px;
	margin-left:20px;
}
.template-6 #main > .row-3 > .col-1 .project-grid > .column-1
{
	margin-left:0;
}
.template-6 #main > .row-4
{
	margin-top:30px; border-top:3px solid #E7E7E7; padding-top:30px;
}
.template-6 #main > .row-4 > .col
{
	float:left;
	width:425px; height:264px;
}
.template-6 #main > .row-4 > .col-1
{
	margin:0; border-right:1px solid #EEE; padding:0 34px 0 20px;
}
.template-6 #main > .row-4 > .col-2
{
	margin:0; border-left:1px solid #EEE; padding:0 20px 0 34px;
}

/* Regular Desktop */
@media only screen and (min-width:1024px) {

}

/* Tablet Portrait */
@media only screen and (min-width:768px) and (max-width:1023px) {

	.template-1 #main > .row
	{
		width:708px;
	}
	.template-2 #main > .row
	{
		width:708px;
	}
	.template-2 #main > .row-2 > .col-1,
	.template-2 #main > .row-2 > .col-3
	{
		width:200px;
		margin:0 15px 0 0;
	}
	.template-2 #main > .row-2 > .col-2
	{
		width:493px;
	}

	.template-3 #main > .row
	{
		width:708px;
	}
	.template-3 #main > .row-2 > .col-2
	{
		width:231px;
	}
	.template-3 #main > .row-2 > .col-1,
	.template-3 #main > .row-2 > .col-3
	{
		width:447px;
	}

	/* Template 4 Tablet Portrait */
	.template-4 #main > .row
	{
		width:708px;
	}
	.template-4 #main > .row-3 > .col
	{
		width:226px;
		margin-left:15px;
	}
	.template-4 #main > .row-3 > .col-1
	{
		margin-left:0;
	}
	.template-4 #main > .row-4 > .col
	{
		width:299px;
	}

	/* Template 5 Tablet Portrait */
	.template-5 #main > .row
	{
		width:708px;
	}
	.template-5 #main > .row-3 > .col-1
	{
		width:467px;
	}
	.template-5 #main > .row-3 > .col-1 > .projects
	{
		float:left; clear:none;
	}
	.template-5 #main > .row-3 > .col-1 > .projects > .column
	{
		width:226px;
	}
	.template-5 #main > .row-3 > .col-1 > .projects > .column-1
	{
		margin-left:0;
	}
	.template-5 #main > .row-3 > .col-1 > .projects > .column-2
	{
		margin-left:15px;
	}
	.template-5 #main > .row-3 > .col-2
	{
		width:226px;
		margin-left:15px;
	}
	.template-5 #main > .row-4 > .col
	{
		width:299px;
	}


	/* Template 6 Tablet Portrait */
	.template-6 #main > .row
	{
		width:708px;
	}
	.template-6 #main > .row-3 > .col
	{
		width:708px;
	}
	.template-6 #main > .row-3 > .col .project-grid > .column
	{
		width:226px;
		margin-left:15px;
	}
	.template-6 #main > .row-3 > .col-1 .project-grid > .column-1
	{
		margin-left:0;
	}
	.template-6 #main > .row-4 > .col
	{
		float:left;
		width:299px;
	}
}

/* Mobile Portrait & Landscape */
@media only screen and (max-width:767px) {

	.template-1 #main > .row,
	.template-2 #main > .row,
	.template-3 #main > .row,
	.template-4 #main > .row,
	.template-5 #main > .row,
	.template-6 #main > .row
	{
		width:auto;
		padding:0 20px;
	}
	
	.template-2 #main > .row-2 > .col-1,
	.template-2 #main > .row-2 > .col-2,
	.template-2 #main > .row-2 > .col-3
	{
		float:none;
		width:auto;
		margin:0;
	}
	.template-2 #main > .row-2 > .col-1
	{
		margin:0 0 20px 0; padding:0 0 20px 0;
		border-bottom:3px solid #EEE;
	}

	.template-3 #main > .row-2 > .col-1,
	.template-3 #main > .row-2 > .col-2,
	.template-3 #main > .row-2 > .col-3
	{
		float:none;
		width:auto;
	}

	/* Template 4 Mobile */
	.template-4 #main > .row
	{
		width:auto;
	}
	.template-4 #main > .row > .col
	{
		float:none;
		width:auto;
		margin-left:0; margin-right:0;
	}
	.template-4 #main > .row-4
	{
		margin-bottom:36px; border:0 none; padding-top:0;
	}
	.template-4 #main > .row-4 > .col
	{
		height:auto;
	}
	.template-4 #main > .row-4 > .col-1
	{
		margin:0 0 10px 0; border:0 none; border-top:3px solid #EEE; padding:20px 0 0 0;
	}
	.template-4 #main > .row-4 > .col-2
	{
		margin:0; border:0 none; padding:0;
	}

	/* Template 5 Mobile */
	.template-5 #main > .row
	{
		width:auto;
	}
	.template-5 #main > .row > .col
	{
		float:none;
		width:auto;
		margin-left:0; margin-right:0;
	}
	.template-5 #main > .row-1
	{
		margin-top:0;
	}
	.template-5 #main > .row-2
	{
		margin-bottom:25px;
	}
	.template-5 #main > .row-3 > .col-1 > .projects > .column
	{
		float:none;
		width:auto;
		margin-left:0; margin-right:0;
	}
	.template-5 #main > .row-4
	{
		margin-bottom:36px; border:0 none; padding-top:0;
	}
	.template-5 #main > .row-4 > .col
	{
		height:auto;
	}
	.template-5 #main > .row-4 > .col-1
	{
		margin:0 0 10px 0; border:0 none; border-top:3px solid #EEE; padding:20px 0 0 0;
	}
	.template-5 #main > .row-4 > .col-2
	{
		margin:0; border:0 none; padding:0;
	}

	/* Template 6 Mobile */
	.template-6 #main > .row
	{
		width:auto;
	}
	.template-6 #main > .row > .col
	{
		float:none;
		width:auto;
		margin-left:0; margin-right:0;
	}
	.template-6 #main > .row-1
	{
		margin-top:0;
	}
	.template-6 #main > .row-2
	{
		margin-bottom:25px;
	}
	.template-6 #main > .row-3 > .col-1 .project-grid > .column
	{
		float:none;
		width:auto;
		margin-left:0; margin-right:0;
	}
	.template-6 #main > .row-4
	{
		margin-top:30px; margin-bottom:36px; border:0 none; padding-top:0;
	}
	.template-6 #main > .row-4 > .col
	{
		height:auto;
	}
	.template-6 #main > .row-4 > .col-1
	{
		margin:0 0 10px 0; border:0 none; border-top:3px solid #EEE; padding:20px 0 0 0;
	}
	.template-6 #main > .row-4 > .col-2
	{
		margin:0; border:0 none; padding:0;
	}
}

/* Mobile Landscape */

@media only screen and (min-width:321px) and (max-width:767px) {

}

/* Mobile Portrait */

@media only screen and (max-width:320px) {

}
/*
* @author: William Khoe
*/

nav.primary:after, nav.secondary > ul:after, header nav.primary:after, #footer section.secondary nav.site-links ul:after,
#footer nav.social-links ul:after, .social-links-2:after
{
	display:block; clear:both; visibility:hidden;
	height:0;
	content:".";
}
.ie nav.primary, .ie nav.secondary > ul, .ie header nav.primary, .ie #footer section.secondary nav.site-links ul,
.ie #footer nav.social-links ul, .ie .social-links-2
{
	zoom:1;
}

#header nav.primary
{
	position:relative; clear:both;
	z-index:20;
	padding:0 0 5px 0;
}
#header nav.primary > ul
{
	float:left;
	margin:0 0 0 -14px;
}
#header nav.primary > ul > li
{
	position:relative; float:left;
	padding:3px;
}
#header nav.primary a,
#header nav.secondary a
{
	font-family:"nimbus-sans", "Helvetica Neue", Helvetica, Arial;
}
#header nav.primary > ul > li > a
{
	display:block; position:relative;
	z-index:5;
	padding:0 11px;
	font-size:12px; font-weight:700; color:#222; line-height:34px; text-transform:uppercase;
}
#header nav.primary > ul > li:hover > a,
#header nav.primary > ul > li.active > a,
#header nav.primary > ul > li > ul > li > a:hover
{
	color:#ED1C27;
}
#header nav.primary > ul > li > ul
{
	position:absolute; display:none;
	top:34px; left:0; z-index:3;
	padding:5px 0 8px 0;
	background:#ECECEC;
	background:-moz-linear-gradient(top, #ECECEC 0%, #DDD 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ECECEC), color-stop(100%,#DDD));
	background:-webkit-linear-gradient(top, #ECECEC 0%,#DDD 100%);
	background:-o-linear-gradient(top, #ECECEC 0%,#DDD 100%);
	background:-ms-linear-gradient(top, #ECECEC 0%,#DDD 100%);
	background:linear-gradient(to bottom, #ECECEC 0%,#DDD 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ECECEC', endColorstr='#DDDDDD',GradientType=0 );
	border:3px solid #FFF;
	box-shadow:0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);
}
#header nav.primary > ul > li > ul > li > a
{
	display:block;
	padding:5px 12px;
	color:#444; font-size:14px;
}
#header nav.primary > ul > li.sub-nav > a span
{
	padding-right:15px;
	background:url(/img/ui/icon-sprite.png) no-repeat 100% -1759px;
}
#header nav.primary > ul > li.active > a span
{
	background-position:100% -4720px;
}

#header nav.primary nav.toggle
{
	position:absolute; display:none;
	top:-36px; right:11px;
}
.lte8 #header nav.primary nav.toggle {
	right: 20px;
}
#header nav.primary nav.toggle ul li
{
	float:left; position:relative;
	height:25px;
	border-left:1px solid #DDD;
}
#header nav.primary nav.toggle ul li:first-child
{
	z-index:5;
	border:0;
}
#header nav.primary nav.toggle button.menu,
#header nav.primary nav.toggle button.search
{
	overflow:hidden;
	width:45px; height:22px;
	margin:-9px -1px 0 0; padding:20px 20px 25px 20px;
	background:url(/img/ui/icon-sprite.png) no-repeat 8px -55px;
	text-indent:-9999px;
	border:3px solid transparent; border-bottom:0;
}
.lte8 #header nav.primary nav.toggle button.menu,
.lte8 #header nav.primary nav.toggle button.search {
	display: block;
	height: 44px;
}

#header nav.primary nav.toggle button.search
{
	width:41px; height:22px;
	margin:-9px 0 0 -1px;
	background-position:10px -191px;
}
#header nav.primary nav.toggle button.menu.open,
#header nav.primary nav.toggle button.search.open
{
	background-color:#EEE; background-position:8px 11px;
	border:3px solid #FFF; border-bottom:0;
}
#header nav.primary nav.toggle button.search.open
{
	background-position:10px -122px;
}
#header nav.secondary
{
	float:right; position:relative;
	z-index:23;
	margin:39px -10px 0 0;
}
#header nav.secondary > ul {
	display: block;
}
#header nav.secondary > ul > li
{
	display: block;
	float:left; position:relative;
	height:10px;
	border-left:1px solid #CCC;
}
#header nav.secondary > ul > li:first-child
{
	border:0;
}
#header nav.secondary > ul > li > a
{
	position: relative;
	top: -5px;
	display:block;
	margin:0 0 0 0; padding:0 10px;
	font-size:13px; color:#888; line-height:20px; text-align:center;
}
#header nav.secondary > ul > li > a span
{
	display:inline-block;
	line-height:20px;
}
#header nav.secondary > ul > li.active > a,
#header nav.secondary > ul > li > a:hover
{
	color:#ED1C27;
}
#header nav.secondary > ul > li.nav-global a span
{
	padding:0 25px 0 0;
	background:url(/img/ui/icon-sprite.png) no-repeat 100% -2290px;
}
#header nav.secondary > ul > li.nav-global:hover a span
{
	background-position:100% -3958px;
}
#header nav.secondary > ul > li.nav-language > a span
{
	padding:0 18px 0 0;
	background:url(/img/ui/icon-sprite.png) no-repeat 100% -883px;
}
#header nav.secondary > ul > li.nav-language:hover > a span
{
	background-position:100% -4085px;
}
#header nav.secondary > ul .nav-language-tooltip
{
	position:absolute; display:none;
	top:-12px; right:0;
	padding:5px 30px 5px 10px;
	background:#FFF;
	box-shadow:0 0 8px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 8px rgba(0,0,0,0.2);
}
#header nav.secondary > ul .nav-language-tooltip li a
{
	display:block;
	padding:4px 0;
	white-space:nowrap; font-size:13px; font-weight:700; color:#888; -webkit-font-smoothing:antialiased;
}
#header nav.secondary > ul .nav-language-tooltip li a:hover,
#header nav.secondary > ul .nav-language-tooltip li.active a
{
	color:#ED1C27;
}
#header nav.secondary > ul .nav-language-tooltip .btn-collapse
{
	position:absolute; display:block; overflow:hidden;
	top:11px; right:12px;
	width:12px; height:9px;
	background:url(/img/ui/icon-sprite.png) no-repeat 100% -2169px;
	text-indent:-9999px;
	cursor:pointer;
}

#footer nav.social-links
{
	margin:0 0 7px -7px; padding:6px 0 10px 0;
}
#footer nav.social-links li
{
	display:inline-block;
	margin:0 12px 0 0;
}
#footer nav.social-links li
{
	position:relative;
}
#footer nav.social-links li .social-tooltip
{
	position:absolute; display:none;
	bottom:25px; left:-84px;
	width:190px;
	padding:0 0 15px 0;
}
#footer nav.social-links li:hover .social-tooltip
{
	display:block;
}
#footer nav.social-links li .social-tooltip .social-tooltip-content
{
	position:relative;
	width:170px;
	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);
}
#footer nav.social-links li .social-tooltip .arrow-tip-down
{
	position:absolute;
	bottom:-10px; left:50%;
	margin:0 0 0 -10px;
	width:0; height:0;
	border-style:solid; border-color:#FFF transparent transparent transparent; border-width:10px 10px 0 10px;
}
#footer nav.social-links li .social-tooltip .social-tooltip-content p
{
	margin:0 0 10px 0;
	font-size:12px; font-weight:bold; color:#444;
}
#footer nav.social-links li .social-tooltip .btn-follow
{
	display:block;

	background:#E6E6E6; /* Old browsers */
	background:-moz-linear-gradient(top,  #f8f8f8 0%, #d4d4d4 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#d4d4d4)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #f8f8f8 0%,#d4d4d4 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #f8f8f8 0%,#d4d4d4 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #f8f8f8 0%,#d4d4d4 100%); /* IE10+ */
	background:linear-gradient(to bottom,  #f8f8f8 0%,#d4d4d4 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#d4d4d4',GradientType=0 ); /* IE6-9 */

	border:1px solid #BCBCBC; border-color:#DBDBDB #BCBCBC #9C9C9C #B9B9B9; border-radius:3px;
	font-size:11px; color:#666; line-height:23px; text-align:center;
}
#footer nav.social-links li .social-tooltip .btn-follow span
{
	display:inline-block; overflow:hidden;
	height:23px;
	margin:0 0 0 2px;
	text-indent:-9999px;
	background:url(/img/ui/social-logo-sprite.png) no-repeat 0 0;
	vertical-align:middle;
}
#footer nav.social-links li.facebook .social-tooltip .btn-follow span
{
	width:56px;
	background-position:0 -1645px;
}
#footer nav.social-links li.twitter .social-tooltip .btn-follow span
{
	width:53px;
	background-position:0 -1777px;
}
#footer nav.social-links li.pinterest .social-tooltip .btn-follow span
{
	width:52px;
	background-position:0 -1908px;
}
#footer nav.social-links li.youtube .social-tooltip .btn-follow span
{
	width:36px;
	background-position:0 -2045px;
}
#footer nav.social-links li.instagram .social-tooltip .btn-follow span
{
	width:50px;
	background-position:0 -2183px;
}


#footer nav.social-links li.LinkedIn .social-tooltip .btn-follow span
{
	width:50px;
	background-position:0 -4205px;
}

#footer nav.social-links li .social-tooltip .social-tooltip-content aside
{
	margin:15px 0 0 0; padding:10px 0 0 0;
	border-top:1px solid #DEDEDE;
	font-size:11px; font-weight:bold;
}

#footer section.primary nav.site-links li
{
	margin:6px 0 0 0;
	color:#999;
}
#footer section.primary nav.site-links li:first-child
{
	margin-top:0;
}
#footer section.secondary nav.site-links ul
{
	margin:0 0 5px 0;
	text-align:center;
}
#footer section.secondary nav.site-links ul li
{
	display:inline-block;
	margin:0 0 7px 0; padding:0 10px;
	border-left:1px solid #444;
}
#footer section.primary nav.site-links li a,
#footer section.secondary nav.site-links li a
{
	color:#888; font-size:11px; font-weight:bold;
}
#footer section.secondary nav.site-links li a
{
	display:block;
	line-height:12px;
}
#footer section.primary nav.site-links li a:hover,
#footer section.secondary nav.site-links li a:hover
{
	color:#CCC;
}
#footer section.secondary nav.site-links li:first-child
{
	border:none;
}

.social-links-2 li
{
	float:left;
	margin:0 0 0 10px;
}
.social-links-2 li:first-child
{
	margin-left:0;
}


.lte7 #footer nav.social-links ul {
	overflow:hidden;
	width:60%;
	margin:0 auto 10px;	
}
.lte7 #footer nav.social-links li { float:left; }
.lte7 #footer nav.social-links li .btn { display: block; }


/* Regular Desktop */

@media only screen and (min-width:1024px)
{
	#header nav.primary > ul > li.sub-nav:hover
	{
		padding:0;
	}
	#header nav.primary > ul > li.sub-nav:hover > a
	{
		border:3px solid #FFF; border-bottom:none;
		background:#EFEFEF;
		background:-moz-linear-gradient(top, #EFEFEF 0%, #ECECEC 100%);
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#EFEFEF), color-stop(100%,#ECECEC));
		background:-webkit-linear-gradient(top, #EFEFEF 0%,#ECECEC 100%);
		background:-o-linear-gradient(top, #EFEFEF 0%,#ECECEC 100%);
		background:-ms-linear-gradient(top, #EFEFEF 0%,#ECECEC 100%);
		background:linear-gradient(to bottom, #EFEFEF 0%,#ECECEC 100%);
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFEFEF', endColorstr='#ECECEC',GradientType=0 );
		box-shadow:-3px -3px 6px -2px rgba(0,0,0,0.1), 3px -3px 6px -2px rgba(0,0,0,0.1); -webkit-box-shadow:-3px -3px 6px -2px rgba(0,0,0,0.1), 3px -3px 6px -2px rgba(0,0,0,0.1);
	}
	#header nav.primary > ul > li.sub-nav:hover > a span
	{
		background-position:100% -1815px;
	}
	#header nav.primary > ul > li.sub-nav:hover > ul
	{
		display:block;
		min-width:250px;
	}
	#header nav.primary > ul > li.divider
	{
		padding-right:0;
	}
	#header nav.primary > ul > li.divider > a
	{
		padding:0;
	}
	#header nav.primary > ul > li.divider > a span
	{
		padding:0 15px 0 12px;
		border-right:2px solid #979797;
	}
}

/* Tablet Portrait */
@media only screen and (min-width:768px) {
	.lte7 #footer nav.social-links ul {
		width:100%;
	}	
}

@media only screen and (min-width:768px) and (max-width:1023px)
{
	#header nav.primary > ul
	{
		display:block;
		margin-left:-11px; margin-right:-11px;
	}
	#header nav.primary > ul > li > a
	{
		padding:0 7px;
		font-size:12px;
	}
	#header nav.primary > ul > li:last-child > ul
	{
		left:auto; right:0;
	}
	#header nav.primary > ul > li.sub-nav:hover
	{
		padding:0;
	}
	#header nav.primary > ul > li.sub-nav:hover > a
	{
		border:3px solid #FFF; border-bottom:none;
		background:#EFEFEF;
		background:-moz-linear-gradient(top, #EFEFEF 0%, #ECECEC 100%);
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#EFEFEF), color-stop(100%,#ECECEC));
		background:-webkit-linear-gradient(top, #EFEFEF 0%,#ECECEC 100%);
		background:-o-linear-gradient(top, #EFEFEF 0%,#ECECEC 100%);
		background:-ms-linear-gradient(top, #EFEFEF 0%,#ECECEC 100%);
		background:linear-gradient(to bottom, #EFEFEF 0%,#ECECEC 100%);
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFEFEF', endColorstr='#ECECEC',GradientType=0 );
		box-shadow:-3px -3px 6px -2px rgba(0,0,0,0.1), 3px -3px 6px -2px rgba(0,0,0,0.1); -webkit-box-shadow:-3px -3px 6px -2px rgba(0,0,0,0.1), 3px -3px 6px -2px rgba(0,0,0,0.1);
	}
	#header nav.primary > ul > li.sub-nav:hover > a span
	{
		background-position:100% -1815px;
	}
	#header nav.primary > ul > li.sub-nav:hover > ul
	{
		display:block;
		min-width:250px;
	}
	#header nav.primary > ul > li.divider
	{
		padding-right:1px;
	}
	#header nav.primary > ul > li.divider > a
	{
		padding:0;
	}
	#header nav.primary > ul > li.divider > a span
	{
		padding:0 14px 0 12px;
		border-right:2px solid #979797;
	}

	#header nav.secondary
	{
		margin-top:18px;
	}
	#header nav.secondary > ul > li.nav-language
	{
		display:none;
	}
	
}

/* Mobile Portrait & Landscape */

@media only screen and (max-width:767px)
{
	#header nav.primary
	{
		padding:0;
	}
	#header nav.primary > ul
	{
		float:none; overflow:hidden; display:none;
		margin:0;
		background:#EEE;
		box-shadow:0 0 10px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
		border:3px solid #FFF;
	}
	#header nav.primary > ul > li
	{
		float:none;
		padding:0;
		border-bottom:2px solid #CCC; border-top:1px solid #FFF;
	}
	#header nav.primary > ul > li:first-child
	{
		border-top:0;
	}
	#header nav.primary > ul > li:last-child,
	#header nav.primary > ul > li.sub-nav.open
	{
		border-bottom:0;
	}
	#header nav.primary > ul li a
	{
		padding:0;
	}
	#header nav.primary > ul li a span,
	#header nav.primary > ul > li.active > a span
	{
		display:block;
		margin:0 22px 0 20px;
		background:url(/img/ui/icon-sprite.png) no-repeat 100% -372px;
	}
	#header nav.primary > ul > li > a
	{
		color:#222; font-size:14px; line-height:50px;
	}
	#header nav.primary > ul > li.sub-nav > a span
	{
		margin-right:20px;
		background-position:100% -253px;
	}
	#header nav.primary > ul > li.sub-nav.open > a span
	{
		background-position:100% -312px;
	}
	#header nav.primary > ul > li > ul
	{
		position:relative;
		top:auto; left:auto;
		padding:0;
		background:#D9D9D9;
		box-shadow:inset 0 0 10px rgba(0,0,0,0.3); -webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.3);
		border:0;
	}
	#header nav.primary > ul > li.open > ul
	{
		display:block;
	}
	#header nav.primary > ul > li > ul > li > a
	{
		padding:0;
		font-size:13px; line-height:50px;
		border-top:2px solid #BBB;
	}
	#header nav.primary > ul > li > ul > li > a span
	{
		display:block;
	}
	#header nav.primary nav.toggle
	{
		display:block;
	}
	#header nav.primary > ul > li > button.accessory
	{
		display:block;
	}

	#header nav.secondary
	{
		position:absolute; float:none;
		top:13px; left:0;
		margin:0; padding:0 10px;
		width:100%;
		box-sizing:border-box;
	}
	#header nav.secondary > ul > li
	{
		display:table;
		width:25%; height:26px;
		box-sizing:border-box;
	}

	.lte8 #header nav.secondary > ul > li {
		width: 24%;
	}

	#header nav.secondary > ul > li > a
	{
		display:table-cell;
		top:;
		margin:0; padding:0 5px;
		font-size:11px; line-height:13px; vertical-align:middle;
	}
	#header nav.secondary > ul > li > a span
	{
		line-height:13px;
	}
	#header nav.secondary > ul > li.nav-global a span
	{
		padding-right:18px;
		line-height:20px;
		background-position:100% -2357px;
	}
	#header nav.secondary > ul > li.nav-global:hover a span
	{
		background-position:100% -4025px;
	}
	#header nav.secondary > ul > li.nav-language
	{
		display:none;
	}

	#footer section.primary nav.site-links ul
	{
		box-shadow:inset 0 0 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow:inset 0 0 10px rgba(0, 0, 0, 0.3);
		border-top:1px solid #111; border-bottom:2px solid #111;
		background:#3B3B3B;
	}
	#footer section.primary nav.site-links li
	{
		margin:0;
        padding-left:15px;
	}
	#footer section.primary nav.site-links li a
	{
		display:block;
		line-height:50px; font-size:13px; color:#BBB;
		border-top:2px solid #222;
	}
	#footer section.primary nav.site-links li:first-child a
	{
		border-top:0;
	}
	#footer section.primary nav.site-links li a span
	{
		display:block;
		margin:0 20px;
		background:url(/img/ui/icon-sprite.png) no-repeat 100% -987px
	}
	#footer section.secondary nav.site-links li.last
	{
		display:block;
		border:none;
	}
	#footer nav.social-links
	{
		margin:0; padding:0 20px;
		text-align:center;
	}
	#footer nav.social-links li
	{
		margin:15px;
	}
	#footer nav.social-links li .social-tooltip
	{
		bottom:46px;
		width:280px;
		text-align:left;
	}
	#footer nav.social-links li.facebook .social-tooltip
	{
		left:-118px;
	}
	#footer nav.social-links li.twitter .social-tooltip
	{
		left:-120px;
	}
	#footer nav.social-links li.pinterest .social-tooltip
	{
		left:-118px;
	}
	#footer nav.social-links li.youtube .social-tooltip
	{
		left:-119px;
	}
	#footer nav.social-links li.instagram .social-tooltip
	{
		left:-119px;
	}
	#footer nav.social-links li .social-tooltip .social-tooltip-content
	{
		width:260px;
	}
	#footer nav.social-links li .social-tooltip .social-tooltip-content p
	{
		font-size:14px;
	}
	#footer nav.social-links li .social-tooltip .social-tooltip-content aside
	{
		font-size:12px;
	}
	#footer nav.social-links li .social-tooltip .btn-follow
	{
		font-size:16px; line-height:43px;
	}
	#footer nav.social-links li .social-tooltip .btn-follow span
	{
		height:43px;
		margin:0 0 0 4px;
	}
	#footer nav.social-links li.facebook .social-tooltip .btn-follow span
	{
		width:86px;
		background-position:0 -1701px;
	}
	#footer nav.social-links li.twitter .social-tooltip .btn-follow span
	{
		width:87px;
		background-position:0 -1832px;
	}
	#footer nav.social-links li.pinterest .social-tooltip .btn-follow span
	{
		width:85px;
		background-position:0 -1967px;
	}
	#footer nav.social-links li.youtube .social-tooltip .btn-follow span
	{
		width:59px;
		background-position:0 -2104px;
	}
	#footer nav.social-links li.instagram .social-tooltip .btn-follow span
	{
		width:74px;
		background-position:0 -2244px;
	}
	
}
/* Common styles */
.textbox
{
	padding:0 10px;
	color:#222;
	background:#FFF;
	box-shadow:inset 1px 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.2);
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;
	border:1px solid #EEE; border-radius:0;
}
.textbox:invalid
{
	background:#FFF;
}
.textbox::-webkit-input-placeholder,
.textbox:-moz-placeholder,
.textbox:-ms-input-placeholder
{
	color:#888;
}
label.checkbox .title,
label.radio .title
{
	margin:0 0 0 7px;
	cursor:default;
}
textarea
{
	box-shadow:inset 1px 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.2);
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;
	border:0;
}
textarea:invalid{
    background:#FFF;
}

/* Custom styles */
.textbox-1
{
	height:28px;
}
.textbox-2
{
	height:25px;
	padding:0 10px;
	background:#333;
	border:1px solid #F00; border-color:#222 #262626 #555 #303030; border-radius:0;
	color:#CCC; font-size:10px;
}
.textbox-2:invalid
{
	background:#333;
}
.textbox-3
{
	height:33px;
	border-color:#999 #CCC #CCC #A7A7A7;
}
.textbox-4
{
	height:33px;
	border:0;
}
/*
* @author: William Khoe
*/

ul.share-buttons:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    content: ".";
}

.ie ul.share-buttons {
    zoom: 1;
}

.btn {
    display: inline-block;
    overflow: hidden;
    font-family: "nimbus-sans", "Helvetica Neue", Helvetica, Arial;
    font-weight: 700;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    border-radius: 0;
}

.btn-facebook {
    width: 24px;
    height: 25px;
    background: url(/img/ui/social-logo-sprite.png) no-repeat 6px 4px;
    text-indent: -9999px;
}

    .btn-facebook:hover {
        background-position: 5px -333px;
    }

.btn-facebook-full {
    display: block;
    width: auto;
    height: 43px;
    border: 1px solid #DDD;
    background: #FFF url(/img/ui/social-full-btn-sprite.png) no-repeat 50% -43px;
    text-indent: -9999px;
}

.btn-twitter {
    width: 24px;
    height: 25px;
    background: url(/img/ui/social-logo-sprite.png) no-repeat 2px -62px;
    text-indent: -9999px;
}

    .btn-twitter:hover {
        background-position: 0 -406px;
    }

.btn-pinterest {
    width: 24px;
    height: 25px;
    background: url(/img/ui/social-logo-sprite.png) no-repeat 4px -128px;
    text-indent: -9999px;
}

    .btn-pinterest:hover {
        background-position: 2px -478px;
    }

.btn-pinterest-full {
    display: block;
    width: auto;
    height: 43px;
    border: 1px solid #DDD;
    background: #FFF url(/img/ui/social-full-btn-sprite.png) no-repeat 50% 12px;
    text-indent: -9999px;
}

.btn-LinkedIn {
    width: 24px;
    height: 25px;
    background: url(/img/ui/social-logo-sprite.png) no-repeat 4px -3896px;
    text-indent: -9999px;
}

 .btn-LinkedIn:hover {
        background-position: 1px -3964px;
    }

 .btn-LinkedIn-full {
    display: block;
    width: auto;
    height: 43px;
    border: 1px solid #DDD;
    background: #FFF url(/img/ui/social-full-btn-sprite.png) no-repeat 50% 12px;
    text-indent: -9999px;
}


.btn-facebook-send,
.btn-facebook-like,
.btn-tweet,
.btn-pin-it {
    width: 60px;
    height: 25px;
    text-indent: -9999px;
    background: url(/img/ui/social-logo-sprite.png) no-repeat 0 0;
}

.btn-facebook-send {
    background-position: 0 -3275px;
}

.btn-facebook-like {
    background-position: 0 -3350px;
}

.btn-tweet {
    background-position: 0 -3425px;
}

.btn-pin-it {
    background-position: 0 -3500px;
}

.btn-pin-it {
    background-position: 0 -3600px;
}

.btn-youtube {
    width: 24px;
    height: 25px;
    background: url(/img/ui/social-logo-sprite.png) no-repeat 3px -197px;
    text-indent: -9999px;
}

    .btn-youtube:hover {
        background-position: 2px -551px;
    }

.btn-instagram {
    width: 24px;
    height: 25px;
    background: url(/img/ui/social-logo-sprite.png) no-repeat 4px -264px;
    text-indent: -9999px;
}

    .btn-instagram:hover {
        background-position: 1px -626px;
    }

.btn-adobe {
    padding: 0 0 0 27px;
    background: url(/img/ui/social-logo-sprite.png) no-repeat 0 -2654px;
    line-height: 20px;
    font-weight: 400;
}

.btn-email {
    width: 20px;
    height: 20px;
    background: url(/img/ui/icon-sprite.png) no-repeat 0 -2606px;
    text-indent: -9999px;
}

    .btn-email:hover {
        background-position: 0 -4208px;
    }

.btn-print {
    width: 20px;
    height: 20px;
    background: url(/img/ui/icon-sprite.png) no-repeat 0 -2734px;
    text-indent: -9999px;
}

    .btn-print:hover {
        background-position: 0 -4270px;
    }

.btn-mobile {
    width: 20px;
    height: 20px;
    background: url(/img/ui/icon-sprite.png) no-repeat 4px -5148px;
    text-indent: -9999px;
}

    .btn-mobile:hover {
        background-position: 4px -5216px;
    }

input.btn-submit-1 {
    height: 25px;
    padding: 0 10px;
    background: transparent;
    border: none;
    font-size: 10px;
    color: #CCC;
    text-transform: uppercase;
    line-height: 25px;
}

.btn-1 {
    padding: 7px 10px;
    background: #C01720;
    background: -moz-linear-gradient(top, #EC1C27 0%, #C01720 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EC1C27), color-stop(100%,#C01720));
    background: -webkit-linear-gradient(top, #EC1C27 0%,#C01720 100%);
    background: -o-linear-gradient(top, #EC1C27 0%,#C01720 100%);
    background: -ms-linear-gradient(top, #EC1C27 0%,#C01720 100%);
    background: linear-gradient(to bottom, #EC1C27 0%,#C01720 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EC1C27', endColorstr='#C01720',GradientType=0 );
    border: 2px solid #FFF;
    box-shadow: 0 0 4px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.5);
    color: #FFF;
    font-size: 15px;
    text-transform: uppercase;
    text-shadow: #777 -1px 0px 2px;
}

    .btn-1:visited {
        color: #FFF;
    }

    .btn-1:hover {
        color: #FFF;
        background: #555;
        background: -moz-linear-gradient(top, #656565 0%, #474747 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#656565), color-stop(100%,#474747));
        background: -webkit-linear-gradient(top, #656565 0%,#474747 100%);
        background: -o-linear-gradient(top, #656565 0%,#474747 100%);
        background: -ms-linear-gradient(top, #656565 0%,#474747 100%);
        background: linear-gradient(to bottom, #656565 0%,#474747 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#656565', endColorstr='#474747',GradientType=0 );
    }

    .btn-1 em {
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
    }

.btn-2 {
    padding: 7px 30px;
    background: #323232;
    background: -moz-linear-gradient(top, #434343 0%, #232323 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#434343), color-stop(100%,#232323));
    background: -webkit-linear-gradient(top, #434343 0%,#232323 100%);
    background: -o-linear-gradient(top, #434343 0%,#232323 100%);
    background: -ms-linear-gradient(top, #434343 0%,#232323 100%);
    background: linear-gradient(to bottom, #434343 0%,#232323 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434343', endColorstr='#232323',GradientType=0 );
    border: 2px solid #FFF;
    box-shadow: 0 0 4px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.5);
    color: #FFF;
    font-size: 15px;
    text-transform: uppercase;
    text-shadow: #777 -1px 0px 2px;
}

    .btn-2:visited {
        color: #FFF;
    }

    .btn-2:hover {
        color: #FFF;
        background: #777;
        background: -moz-linear-gradient(top, #878787 0%, #686868 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#878787), color-stop(100%,#686868));
        background: -webkit-linear-gradient(top, #878787 0%,#686868 100%);
        background: -o-linear-gradient(top, #878787 0%,#686868 100%);
        background: -ms-linear-gradient(top, #878787 0%,#686868 100%);
        background: linear-gradient(to bottom, #878787 0%,#686868 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#878787', endColorstr='#686868',GradientType=0 );
    }

.btn-3, .btn-3:visited {
    padding: 7px 30px;
    background: #FAFAFA;
    background: -moz-linear-gradient(top, #FEFEFE 0%, #F6F6F6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEFEFE), color-stop(100%,#F6F6F6));
    background: -webkit-linear-gradient(top, #FEFEFE 0%,#F6F6F6 100%);
    background: -o-linear-gradient(top, #FEFEFE 0%,#F6F6F6 100%);
    background: -ms-linear-gradient(top, #FEFEFE 0%,#F6F6F6 100%);
    background: linear-gradient(to bottom, #FEFEFE 0%,#F6F6F6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEFEFE', endColorstr='#F6F6F6',GradientType=0 );
    border: 1px solid #DDD;
    color: #444;
    font-size: 13px;
    font-weight: bold;
}

    .btn-3:hover {
        border-color: #CCC;
        background: #E5E5E5;
        background: -moz-linear-gradient(top, #ECECEC 0%, #E0E0E0 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ECECEC), color-stop(100%,#E0E0E0));
        background: -webkit-linear-gradient(top, #ECECEC 0%,#E0E0E0 100%);
        background: -o-linear-gradient(top, #ECECEC 0%,#E0E0E0 100%);
        background: -ms-linear-gradient(top, #ECECEC 0%,#E0E0E0 100%);
        background: linear-gradient(to bottom, #ECECEC 0%,#E0E0E0 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ECECEC', endColorstr='#E0E0E0',GradientType=0 );
    }

.btn-4 {
    padding: 7px 30px;
    background: #AFAFAF;
    background: -moz-linear-gradient(top, #BFBFBF 0%, #9B9B9B 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BFBFBF), color-stop(100%,#9B9B9B));
    background: -webkit-linear-gradient(top, #BFBFBF 0%,#9B9B9B 100%);
    background: -o-linear-gradient(top, #BFBFBF 0%,#9B9B9B 100%);
    background: -ms-linear-gradient(top, #BFBFBF 0%,#9B9B9B 100%);
    background: linear-gradient(to bottom, #BFBFBF 0%,#9B9B9B 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BFBFBF', endColorstr='#9B9B9B',GradientType=0 );
    border: 2px solid #FFF;
    box-shadow: 0 0 4px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.5);
    color: #FFF;
    font-size: 15px;
    text-transform: uppercase;
    text-shadow: #777 -1px 0px 2px;
}

    .btn-4:visited {
        color: #FFF;
    }

    .btn-4:hover {
        color: #FFF;
        background: #555;
        background: -moz-linear-gradient(top, #656565 0%, #474747 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#656565), color-stop(100%,#474747));
        background: -webkit-linear-gradient(top, #656565 0%,#474747 100%);
        background: -o-linear-gradient(top, #656565 0%,#474747 100%);
        background: -ms-linear-gradient(top, #656565 0%,#474747 100%);
        background: linear-gradient(to bottom, #656565 0%,#474747 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#656565', endColorstr='#474747',GradientType=0 );
    }

.btn-5 {
    /*padding: 7px 10px;*/
    padding-top:7px;
    padding-bottom:7px;
    background: #C01720;
    background: -moz-linear-gradient(top, #EC1C27 0%, #C01720 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EC1C27), color-stop(100%,#C01720));
    background: -webkit-linear-gradient(top, #EC1C27 0%,#C01720 100%);
    background: -o-linear-gradient(top, #EC1C27 0%,#C01720 100%);
    background: -ms-linear-gradient(top, #EC1C27 0%,#C01720 100%);
    background: linear-gradient(to bottom, #EC1C27 0%,#C01720 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EC1C27', endColorstr='#C01720',GradientType=0 );
    border: 2px solid #FFF;
    box-shadow: 0 0 4px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.5);
    color: #FFF;
    font-size: 15px;
    text-transform: uppercase;
    text-shadow: #777 -1px 0px 2px;
}

.btn-thumbs-up, .btn-thumbs-down {
    padding: 0 13px 0 36px;
    border: 1px solid #DDD;
    height: 26px;
    vertical-align: middle;
    font-size: 13px;
    line-height: 24px;
    color: #888;
    text-align: left;
    -webkit-font-smoothing: antialiased;
}

.btn-thumbs-up {
    background: #FAFAFA url(/img/ui/social-logo-sprite.png) no-repeat 12px -2328px;
    background: url(/img/ui/social-logo-sprite.png) no-repeat 12px -2328px, -moz-linear-gradient(top, #FEFEFE 0%, #F6F6F6 100%);
    background: url(/img/ui/social-logo-sprite.png) no-repeat 12px -2328px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEFEFE), color-stop(100%,#F6F6F6));
    background: url(/img/ui/social-logo-sprite.png) no-repeat 12px -2328px, -webkit-linear-gradient(top, #FEFEFE 0%,#F6F6F6 100%);
    background: url(/img/ui/social-logo-sprite.png) no-repeat 12px -2328px, -o-linear-gradient(top, #FEFEFE 0%,#F6F6F6 100%);
    background: url(/img/ui/social-logo-sprite.png) no-repeat 12px -2328px, -ms-linear-gradient(top, #FEFEFE 0%,#F6F6F6 100%);
    background: url(/img/ui/social-logo-sprite.png) no-repeat 12px -2328px, linear-gradient(to bottom, #FEFEFE 0%,#F6F6F6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEFEFE', endColorstr='#F6F6F6',GradientType=0 );
}

.btn-thumbs-down {
    background: #FAFAFA url(/img/ui/social-logo-sprite.png) no-repeat 12px -2392px;
    background: url(/img/ui/social-logo-sprite.png) no-repeat 12px -2392px, -moz-linear-gradient(top, #FEFEFE 0%, #F6F6F6 100%);
    background: url(/img/ui/social-logo-sprite.png) no-repeat 12px -2392px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEFEFE), color-stop(100%,#F6F6F6));
    background: url(/img/ui/social-logo-sprite.png) no-repeat 12px -2392px, -webkit-linear-gradient(top, #FEFEFE 0%,#F6F6F6 100%);
    background: url(/img/ui/social-logo-sprite.png) no-repeat 12px -2392px, -o-linear-gradient(top, #FEFEFE 0%,#F6F6F6 100%);
    background: url(/img/ui/social-logo-sprite.png) no-repeat 12px -2392px, -ms-linear-gradient(top, #FEFEFE 0%,#F6F6F6 100%);
    background: url(/img/ui/social-logo-sprite.png) no-repeat 12px -2392px, linear-gradient(to bottom, #FEFEFE 0%,#F6F6F6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEFEFE', endColorstr='#F6F6F6',GradientType=0 );
}

.btn-thumbs-up:hover {
    background: #E5E5E5 url(/img/ui/social-logo-sprite.png) no-repeat 12px -2949px;
    background: url(/img/ui/social-logo-sprite.png) no-repeat 12px -2949px, -moz-linear-gradient(top, #FEFEFE 0%, #E0E0E0 100%);
    background: url(/img/ui/social-logo-sprite.png) no-repeat 12px -2949px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEFEFE), color-stop(100%,#E0E0E0));
    background: url(/img/ui/social-logo-sprite.png) no-repeat 12px -2949px, -webkit-linear-gradient(top, #FEFEFE 0%,#E0E0E0 100%);
    background: url(/img/ui/social-logo-sprite.png) no-repeat 12px -2949px, -o-linear-gradient(top, #FEFEFE 0%,#E0E0E0 100%);
    background: url(/img/ui/social-logo-sprite.png) no-repeat 12px -2949px, -ms-linear-gradient(top, #FEFEFE 0%,#E0E0E0 100%);
    background: url(/img/ui/social-logo-sprite.png) no-repeat 12px -2949px, linear-gradient(to bottom, #FEFEFE 0%,#E0E0E0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ECECEC', endColorstr='#E0E0E0',GradientType=0 );
}

.btn-thumbs-down:hover {
    background: #E5E5E5 url(/img/ui/social-logo-sprite.png) no-repeat 12px -3013px;
    background: url(/img/ui/social-logo-sprite.png) no-repeat 12px -3013px, -moz-linear-gradient(top, #ECECEC 0%, #E0E0E0 100%);
    background: url(/img/ui/social-logo-sprite.png) no-repeat 12px -3013px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ECECEC), color-stop(100%,#E0E0E0));
    background: url(/img/ui/social-logo-sprite.png) no-repeat 12px -3013px, -webkit-linear-gradient(top, #ECECEC 0%,#E0E0E0 100%);
    background: url(/img/ui/social-logo-sprite.png) no-repeat 12px -3013px, -o-linear-gradient(top, #ECECEC 0%,#E0E0E0 100%);
    background: url(/img/ui/social-logo-sprite.png) no-repeat 12px -3013px, -ms-linear-gradient(top, #ECECEC 0%,#E0E0E0 100%);
    background: url(/img/ui/social-logo-sprite.png) no-repeat 12px -3013px, linear-gradient(to bottom, #ECECEC 0%,#E0E0E0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ECECEC', endColorstr='#E0E0E0',GradientType=0 );
}

ul.share-buttons {
    display: inline-block;
    background: #FFF;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

    ul.share-buttons li {
        float: left;
        padding: 1px 0;
    }

        ul.share-buttons li a {
            display: block;
            overflow: hidden;
            border-left: 1px solid #EEE;
            text-align: center;
        }

        ul.share-buttons li:first-child a {
            border: 0;
        }

        ul.share-buttons li a span {
            display: inline-block;
            width: 30px;
            height: 23px;
            background: url(/img/ui/social-logo-sprite.png) no-repeat 0 0;
            text-indent: -9999px;
        }

        ul.share-buttons li a.twitter span {
            background-position: 7px -2456px;
        }

        ul.share-buttons li a.twitter:hover span {
            background-position: 7px -3077px;
        }

        ul.share-buttons li a.facebook span {
            background-position: 10px -2520px;
        }

        ul.share-buttons li a.facebook:hover span {
            background-position: 10px -3141px;
        }

        ul.share-buttons li a.email span {
            background-position: 7px -2584px;
        }

        ul.share-buttons li a.email:hover span {
            background-position: 7px -3205px;
        }

.btn-tag {
    margin: 8px 8px 0 0;
    padding: 4px 7px;
    background: #CCC;
    border: 0;
    color: #FFF;
    font-weight: bold;
}

    .btn-tag span {
        display: block;
        padding: 0 20px 0 0;
        background: url(/img/ui/x.png) no-repeat 100% 2px;
    }

.btn-help {
    width: 15px;
    height: 15px;
    background: url(/img/ui/icon-sprite.png) no-repeat 0 -4398px;
    text-indent: -9999px;
}

/* Tablet Portrait */

@media only screen and (min-width:768px) and (max-width:1023px) {
    ul.share-buttons li a {
        width: 70px;
    }

        ul.share-buttons li a span {
            height: 35px;
        }

        ul.share-buttons li a.twitter span,
        ul.share-buttons li a.twitter:hover span {
            background-position: 0 -2719px;
        }

        ul.share-buttons li a.facebook span,
        ul.share-buttons li a.facebook:hover span {
            background-position: 8px -2796px;
        }

        ul.share-buttons li a.email span,
        ul.share-buttons li a.email:hover span {
            background-position: 0 -2872px;
        }

    .btn-thumbs-up, .btn-thumbs-down {
        width: 74px;
        margin: 0 0 5px 0;
        padding: 0 0 0 46px;
        width: 93px;
        line-height: 33px;
        color: #888;
    }

    .btn-thumbs-up {
        background: #FAFAFA;
        background: url(/img/ui/social-logo-sprite.png) no-repeat 22px -2324px, -moz-linear-gradient(top, #FEFEFE 0%, #F6F6F6 100%);
        background: url(/img/ui/social-logo-sprite.png) no-repeat 22px -2324px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEFEFE), color-stop(100%,#F6F6F6));
        background: url(/img/ui/social-logo-sprite.png) no-repeat 22px -2324px, -webkit-linear-gradient(top, #FEFEFE 0%,#F6F6F6 100%);
        background: url(/img/ui/social-logo-sprite.png) no-repeat 22px -2324px, -o-linear-gradient(top, #FEFEFE 0%,#F6F6F6 100%);
        background: url(/img/ui/social-logo-sprite.png) no-repeat 22px -2324px, -ms-linear-gradient(top, #FEFEFE 0%,#F6F6F6 100%);
        background: url(/img/ui/social-logo-sprite.png) no-repeat 22px -2324px, linear-gradient(to bottom, #FEFEFE 0%,#F6F6F6 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEFEFE', endColorstr='#F6F6F6',GradientType=0 );
    }

    .btn-thumbs-down {
        background: #FAFAFA;
        background: url(/img/ui/social-logo-sprite.png) no-repeat 22px -2388px, -moz-linear-gradient(top, #FEFEFE 0%, #F6F6F6 100%);
        background: url(/img/ui/social-logo-sprite.png) no-repeat 22px -2388px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEFEFE), color-stop(100%,#F6F6F6));
        background: url(/img/ui/social-logo-sprite.png) no-repeat 22px -2388px, -webkit-linear-gradient(top, #FEFEFE 0%,#F6F6F6 100%);
        background: url(/img/ui/social-logo-sprite.png) no-repeat 22px -2388px, -o-linear-gradient(top, #FEFEFE 0%,#F6F6F6 100%);
        background: url(/img/ui/social-logo-sprite.png) no-repeat 22px -2388px, -ms-linear-gradient(top, #FEFEFE 0%,#F6F6F6 100%);
        background: url(/img/ui/social-logo-sprite.png) no-repeat 22px -2388px, linear-gradient(to bottom, #FEFEFE 0%,#F6F6F6 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEFEFE', endColorstr='#F6F6F6',GradientType=0 );
    }

    .btn-thumbs-up:hover {
        background: #E5E5E5;
        background: url(/img/ui/social-logo-sprite.png) no-repeat 22px -2945px, -moz-linear-gradient(top, #FEFEFE 0%, #E0E0E0 100%);
        background: url(/img/ui/social-logo-sprite.png) no-repeat 22px -2945px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEFEFE), color-stop(100%,#E0E0E0));
        background: url(/img/ui/social-logo-sprite.png) no-repeat 22px -2945px, -webkit-linear-gradient(top, #FEFEFE 0%,#E0E0E0 100%);
        background: url(/img/ui/social-logo-sprite.png) no-repeat 22px -2945px, -o-linear-gradient(top, #FEFEFE 0%,#E0E0E0 100%);
        background: url(/img/ui/social-logo-sprite.png) no-repeat 22px -2945px, -ms-linear-gradient(top, #FEFEFE 0%,#E0E0E0 100%);
        background: url(/img/ui/social-logo-sprite.png) no-repeat 22px -2945px, linear-gradient(to bottom, #FEFEFE 0%,#E0E0E0 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ECECEC', endColorstr='#E0E0E0',GradientType=0 );
    }

    .btn-thumbs-down:hover {
        background: #E5E5E5;
        background: url(/img/ui/social-logo-sprite.png) no-repeat 22px -3009px, -moz-linear-gradient(top, #ECECEC 0%, #E0E0E0 100%);
        background: url(/img/ui/social-logo-sprite.png) no-repeat 22px -3009px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ECECEC), color-stop(100%,#E0E0E0));
        background: url(/img/ui/social-logo-sprite.png) no-repeat 22px -3009px, -webkit-linear-gradient(top, #ECECEC 0%,#E0E0E0 100%);
        background: url(/img/ui/social-logo-sprite.png) no-repeat 22px -3009px, -o-linear-gradient(top, #ECECEC 0%,#E0E0E0 100%);
        background: url(/img/ui/social-logo-sprite.png) no-repeat 22px -3009px, -ms-linear-gradient(top, #ECECEC 0%,#E0E0E0 100%);
        background: url(/img/ui/social-logo-sprite.png) no-repeat 22px -3009px, linear-gradient(to bottom, #ECECEC 0%,#E0E0E0 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ECECEC', endColorstr='#E0E0E0',GradientType=0 );
    }
}

/* Mobile Portrait & Landscape */

@media only screen and (max-width:767px) {
    .btn-1 {
        padding-right: 15px;
        padding-left: 15px;
    }

    .btn-facebook {
        width: 45px;
        height: 46px;
        background-position: 11px -694px;
    }

        .btn-facebook:hover {
            background-position: 8px -1119px;
        }

    .btn-twitter {
        width: 45px;
        height: 46px;
        background-position: 3px -777px;
    }

        .btn-twitter:hover {
            background-position: 0 -1212px;
        }

    .btn-pinterest {
        width: 45px;
        height: 46px;
        background-position: 8px -859px;
    }


        .btn-pinterest:hover {
            background-position: 4px -1304px;
        }

               /*.btn-LinkedIn {
        width: 45px;
        height: 46px;
        background-position: 8px -959px;
    }


                  .btn-LinkedIn:hover {
            background-position: 4px -1304px;
        }*/


    .btn-youtube {
        width: 45px;
        height: 46px;
        background-position: 6px -947px;
    }

        .btn-youtube:hover {
            background-position: 2px -1398px;
        }

    .btn-instagram {
        width: 45px;
        height: 46px;
        background-position: 6px -1031px;
    }

        .btn-instagram:hover {
            background-position: 2px -1492px;
        }

    ul.share-buttons li a {
        width: 70px;
    }

        ul.share-buttons li a span {
            height: 35px;
        }

        ul.share-buttons li a.twitter span,
        ul.share-buttons li a.twitter:hover span {
            background-position: 0 -2719px;
        }

        ul.share-buttons li a.facebook span,
        ul.share-buttons li a.facebook:hover span {
            background-position: 8px -2796px;
        }

        ul.share-buttons li a.email span,
        ul.share-buttons li a.email:hover span {
            background-position: 0 -2872px;
        }

    .btn-thumbs-up, .btn-thumbs-down {
        width: 93px;
        padding: 0 0 0 46px;
        line-height: 33px;
        color: #888;
    }

        .btn-thumbs-up,
        .btn-thumbs-up:hover {
            width: 89px;
            background: #FAFAFA;
            background: url(/img/ui/social-logo-sprite.png) no-repeat 22px -2324px, -moz-linear-gradient(top, #FEFEFE 0%, #F6F6F6 100%);
            background: url(/img/ui/social-logo-sprite.png) no-repeat 22px -2324px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEFEFE), color-stop(100%,#F6F6F6));
            background: url(/img/ui/social-logo-sprite.png) no-repeat 22px -2324px, -webkit-linear-gradient(top, #FEFEFE 0%,#F6F6F6 100%);
            background: url(/img/ui/social-logo-sprite.png) no-repeat 22px -2324px, -o-linear-gradient(top, #FEFEFE 0%,#F6F6F6 100%);
            background: url(/img/ui/social-logo-sprite.png) no-repeat 22px -2324px, -ms-linear-gradient(top, #FEFEFE 0%,#F6F6F6 100%);
            background: url(/img/ui/social-logo-sprite.png) no-repeat 22px -2324px, linear-gradient(to bottom, #FEFEFE 0%,#F6F6F6 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEFEFE', endColorstr='#F6F6F6',GradientType=0 );
        }

        .btn-thumbs-down,
        .btn-thumbs-down:hover {
            width: 89px;
            background: #FAFAFA;
            background: url(/img/ui/social-logo-sprite.png) no-repeat 22px -2388px, -moz-linear-gradient(top, #FEFEFE 0%, #F6F6F6 100%);
            background: url(/img/ui/social-logo-sprite.png) no-repeat 22px -2388px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEFEFE), color-stop(100%,#F6F6F6));
            background: url(/img/ui/social-logo-sprite.png) no-repeat 22px -2388px, -webkit-linear-gradient(top, #FEFEFE 0%,#F6F6F6 100%);
            background: url(/img/ui/social-logo-sprite.png) no-repeat 22px -2388px, -o-linear-gradient(top, #FEFEFE 0%,#F6F6F6 100%);
            background: url(/img/ui/social-logo-sprite.png) no-repeat 22px -2388px, -ms-linear-gradient(top, #FEFEFE 0%,#F6F6F6 100%);
            background: url(/img/ui/social-logo-sprite.png) no-repeat 22px -2388px, linear-gradient(to bottom, #FEFEFE 0%,#F6F6F6 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEFEFE', endColorstr='#F6F6F6',GradientType=0 );
        }

    .btn-email:hover {
        background-position: 0 -2607px;
    }

    .btn-facebook-send,
    .btn-facebook-like,
    .btn-tweet,
    .btn-pin-it {
        width: 62px;
        height: 30px;
    }

    .btn-facebook-send {
        background-position: 0 -3575px;
    }

    .btn-facebook-like {
        background-position: 0 -3655px;
    }

    .btn-tweet {
        background-position: 0 -3735px;
    }

    .btn-pin-it {
        background-position: 0 -3815px;
    }

  
}

.link
{
  display:inline-block;
  margin:0; border:0 none; padding:0 13px 0 0;
  background:url(/img/ui/icon-sprite.png) no-repeat 100% -581px;
  color:#ED1C27;
  font-weight:bold; font-size:12px; text-transform:uppercase;
}
/*
* @author: William Khoe
*/

.tabs ul.ui-tabs-nav:after
{
	display:block; clear:both; visibility: hidden;
	height:0;
	content:".";
}
.ie .tabs.ui-tabs-nav > ul
{
	zoom:1;
}
.tabs
{
	border:5px solid #FFF;
	box-shadow:0 0 6px rgba(0,0,0,0.4); -webkit-box-shadow:0 0 6px rgba(0,0,0,0.4);
}
.tabs ul.ui-tabs-nav li
{
	float:left;
}
.tabs ul.ui-tabs-nav li a
{
	display:block;
	background:#CDCDCD;
	background:-moz-linear-gradient(top, #DCDCDC 0%, #B5B5B5 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#DCDCDC), color-stop(100%,#B5B5B5));
	background:-webkit-linear-gradient(top, #DCDCDC 0%,#B5B5B5 100%);
	background:-o-linear-gradient(top, #DCDCDC 0%,#B5B5B5 100%);
	background:-ms-linear-gradient(top, #DCDCDC 0%,#B5B5B5 100%);
	background:linear-gradient(to bottom, #DCDCDC 0%,#B5B5B5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DCDCDC', endColorstr='#B5B5B5', GradientType=0);
	border-bottom:1px solid #888; border-left:1px solid #FFF; border-right:1px solid #888;
	font-family:'Yanone Kaffeesatz', "Helvetica Neue", Helvetica, Arial; font-size:14px; font-weight:700; color:#222;line-height:60px; text-transform:uppercase; text-align:center; -webkit-font-smoothing:antialiased;
}
.tabs ul.ui-tabs-nav li.first a
{
	border-left:0;
}
.tabs ul.ui-tabs-nav li.last a
{
	border-right:0;
}
.tabs ul.ui-tabs-nav li.ui-tabs-active a
{
	margin:0 0 -1px 0; padding-top:1px;
	color:#ED1C27;
	background:#EDEDED;
	filter:none;
	border-bottom:1px solid #EDEDED;
	cursor:default;
}
.tabs .ui-tabs-panel
{
	padding:27px 30px;
	background:#EDEDED;
	background:-moz-linear-gradient(top, #EDEDED 0%, #DDDDDD 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEDED), color-stop(100%,#DDDDDD));
	background:-webkit-linear-gradient(top, #EDEDED 0%,#DDDDDD 100%);
	background:-o-linear-gradient(top, #EDEDED 0%,#DDDDDD 100%);
	background:-ms-linear-gradient(top, #EDEDED 0%,#DDDDDD 100%);
	background:linear-gradient(to bottom, #EDEDED 0%,#DDDDDD 100%);
	border-top:1px solid #FFF;
}
.tabs .ui-tabs-panel.ui-tabs-hide
{
	display:none;
}
.tabs ul.accordion-nav
{
	display:none;
}
.tabs ul.accordion-nav li
{
	float:none;
}
.tabs ul.accordion-nav li a
{
	display:block;
	width:auto;
	padding:0 20px;

	background:#DDD; /* Old browsers */
	background:-moz-linear-gradient(left,  #BBB 0%, #CDCDCD 50%, #BBB 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, right top, color-stop(0%,#BBB), color-stop(50%,#CDCDCD), color-stop(100%,#BBB)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(left,  #BBB 0%,#CDCDCD 50%,#BBB 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(left,  #BBB 0%,#CDCDCD 50%,#BBB 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(left,  #BBB 0%,#CDCDCD 50%,#BBB 100%); /* IE10+ */
	background:linear-gradient(to right,  #BBB 0%,#CDCDCD 50%,#BBB 100%); /* W3C */

	border:0; border-bottom:1px solid #999; border-top:2px solid #DDD;
	font-size:14px; font-weight:bold; color:#222; line-height:50px; text-transform:uppercase; text-align:left;
}
.tabs ul.accordion-nav li.ui-tabs-active a
{
	margin:0;
	color:#ED1C27;
	background:#E6E6E6;
	background:-moz-linear-gradient(top,  #EFEFEF 0%, #DEDEDE 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#EFEFEF), color-stop(100%,#DEDEDE)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #EFEFEF 0%,#DEDEDE 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #EFEFEF 0%,#DEDEDE 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #EFEFEF 0%,#DEDEDE 100%); /* IE10+ */
	background:linear-gradient(to bottom,  #EFEFEF 0%,#DEDEDE 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFEFEF', endColorstr='#DEDEDE',GradientType=0 ); /* IE6-9 */

	border:0; border-top:5px solid #FFF; border-bottom:5px solid #FFF;
}
.tabs ul.accordion-nav li.first a,
.tabs ul.accordion-nav li.ui-tabs-active.first a
{
	border-top:0;
}
.tabs ul.ui-tabs-nav-single
{
    text-decoration: none;
    text-align: center;
    display: block;
    padding-top:15px;
    padding-bottom:12px;
    font-size:16px;
    text-transform:uppercase;
}

/* Tablet Portrait */

@media only screen and (min-width:768px) and (max-width:1023px)
{
	.tabs ul.ui-tabs-nav li a
	{
		font-size:13px;
	}
}

/* Mobile Portrait & Landscape */

@media only screen and (max-width:767px)
{
	.tabs ul.ui-tabs-nav
	{
		display:none;
	}
	.tabs ul.accordion-nav
	{
		display:block;
	}
	.tabs .ui-tabs-panel
	{
		box-shadow:inset 0 0 10px rgba(0,0,0,0.3); -webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.3);
	}
	.lte8 .ui-tabs-panel
	{
		border:1px solid #CCC;
	}
	.tabs .ui-tabs-panel
	{
		padding:20px;
	}
	.tabs ul.accordion-nav li a span
	{
		display:block;
		background:url(/img/ui/icon-sprite.png) no-repeat 100% -1550px;
	}
	.tabs ul.accordion-nav li.ui-tabs-active a span
	{
		background-position:100% -1611px;
	}
}
	/* Common styles */

.custom-select
{
	position:relative; display:inline-block; overflow:hidden;
	height:33px;
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;
	vertical-align:middle;
}
.lte7 .custom-select { display:inline; zoom:1; }

.custom-select div
{
	height:100%;
	padding:0 9px 0 0;
}
.custom-select select
{
	position:absolute;
	top:0; left:0;
	width:100%; height:100%;
	opacity:0;
	font-size:13px; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	cursor:pointer;
	-webkit-appearance:menulist-button; /* Make Chrome on Mac respect height */
}
.custom-select span
{
	display:block;
	padding:0 15px 0 9px;
	height:100%;
}
.custom-select.disabled
{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity:0.5;
}
.custom-select.disabled select
{
	cursor:default;
}
.ie7 .custom-select select
{
	top:1px;
	filter:alpha(opacity=0);
}
.ie8 .custom-select select
{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ie6 .custom-select div span,
.ie7 .custom-select div span
{
	cursor:default;
}

/* Skins */

.custom-select-1
{
	height:33px;
	background:#F8F8F8;
	background:-moz-linear-gradient(top, #FDFDFD 0%, #F4F4F4 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FDFDFD), color-stop(100%,#F4F4F4)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #FDFDFD 0%,#F4F4F4 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #FDFDFD 0%,#F4F4F4 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, #FDFDFD 0%,#F4F4F4 100%); /* IE10+ */
	background:linear-gradient(to bottom, #FDFDFD 0%,#F4F4F4 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FDFDFD', endColorstr='#F4F4F4',GradientType=0 ); /* IE6-9 */
	border:1px solid #AAA;
}
.custom-select-1.focus
{
	border-color:#7DBEE8;
}
.custom-select-1 span
{
	overflow:hidden; white-space:nowrap;
	padding-left:12px; padding-right:32px;
	color:#666; font-size:12px; font-style:normal; line-height:33px; text-overflow:ellipsis;
	background:url(/img/ui/icon-sprite.png) no-repeat 100% -933px;
}

.custom-select-x
{
	height:33px;
	background:#F8F8F8;
	background:-moz-linear-gradient(top, #FDFDFD 0%, #F4F4F4 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FDFDFD), color-stop(100%,#F4F4F4)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #FDFDFD 0%,#F4F4F4 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #FDFDFD 0%,#F4F4F4 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, #FDFDFD 0%,#F4F4F4 100%); /* IE10+ */
	background:linear-gradient(to bottom, #FDFDFD 0%,#F4F4F4 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FDFDFD', endColorstr='#F4F4F4',GradientType=0 ); /* IE6-9 */
	border:1px solid #AAA;
}
.custom-select-x.focus
{
	border-color:#7DBEE8;
}
.custom-select-x span
{
	overflow:hidden; white-space:nowrap;
	padding-left:12px; padding-right:32px;
	color:#666; font-size:12px; font-style:normal; line-height:33px; text-overflow:ellipsis;
	
}

.custom-select-2
{
	height:23px;
	background:#FAFAFA;
	background:-moz-linear-gradient(top, #FEFEFE 0%, #F6F6F6 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEFEFE), color-stop(100%,#F6F6F6)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #FEFEFE 0%,#F6F6F6 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #FEFEFE 0%,#F6F6F6 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, #FEFEFE 0%,#F6F6F6 100%); /* IE10+ */
	background:linear-gradient(to bottom, #FEFEFE 0%,#F6F6F6 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEFEFE', endColorstr='#F6F6F6',GradientType=0 ); /* IE6-9 */
	border:1px solid #DDD;
}
.custom-select-2 span
{
	overflow:hidden; white-space:nowrap;
	padding-right:32px;
	color:#888; font-size:12px; font-style:normal; line-height:23px; text-overflow:ellipsis;
	background:url(/img/ui/icon-sprite.png) no-repeat 100% -881px;
}

.custom-select-3
{
	height:43px;
	background:#F8F8F8;
	background:-moz-linear-gradient(top, #FDFDFD 0%, #F4F4F4 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FDFDFD), color-stop(100%,#F4F4F4)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #FDFDFD 0%,#F4F4F4 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #FDFDFD 0%,#F4F4F4 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, #FDFDFD 0%,#F4F4F4 100%); /* IE10+ */
	background:linear-gradient(to bottom, #FDFDFD 0%,#F4F4F4 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FDFDFD', endColorstr='#F4F4F4',GradientType=0 ); /* IE6-9 */
	border:1px solid #DDD;
}
.custom-select-3 span
{
	overflow:hidden; white-space:nowrap;
	padding-right:32px;
	color:#666; font-size:12px; font-style:normal; line-height:43px; text-overflow:ellipsis;
	background:url(/img/ui/icon-sprite.png) no-repeat 100% -1977px;
}

.custom-select-4
{
	height:23px;
	background:#424242;
	background:-moz-linear-gradient(top, #454545 0%, #3D3D3D 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#454545), color-stop(100%,#3D3D3D)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #454545 0%,#3D3D3D 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #454545 0%,#3D3D3D 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, #454545 0%,#3D3D3D 100%); /* IE10+ */
	background:linear-gradient(to bottom, #454545 0%,#3D3D3D 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#3D3D3D',GradientType=0 ); /* IE6-9 */
	border:1px solid #555;
}
.lte8 .custom-select-4{
	filter: none;
	background: #fff;
}
.custom-select-4 span
{
	overflow:hidden; white-space:nowrap;
	padding-right:32px;
	color:#888; font-size:11px; font-style:normal; line-height:23px; text-overflow:ellipsis;
	background:url(/img/ui/icon-sprite.png) no-repeat 100% -2416px;
}

/* Tablet Portrait */

@media only screen and (min-width:768px) and (max-width:1023px)
{
	.custom-select-2 span
	{
		line-height:22px;
	}
}
.rating
{
	display:inline-block;
	width:80px; height:15px;
	background:url(/img/ui/star-rating-sprite.png) no-repeat 0 0;
	vertical-align:middle;
}
.rating.star-5 					{ background-position:0 0;		}
.rating.star-4-half 			{ background-position:0 -15px;	}
.rating.star-4 					{ background-position:0 -30px;	}
.rating.star-3-half 			{ background-position:0 -45px;	}
.rating.star-3 					{ background-position:0 -60px;	}
.rating.star-2-half 			{ background-position:0 -75px;	}
.rating.star-2 					{ background-position:0 -90px;	}
.rating.star-1-half 			{ background-position:0 -105px;	}
.rating.star-1 					{ background-position:0 -120px;	}
.rating.star-half 				{ background-position:0 -135px;	}

.rating.modified.star-5, .rating.star-5:hover 				{ background-position:0 -150px;	}
.rating.modified.star-4-half, .rating.star-4-half:hover 	{ background-position:0 -165px;	}
.rating.modified.star-4, .rating.star-4:hover 				{ background-position:0 -180px;	}
.rating.modified.star-3-half, .rating.star-3-half:hover 	{ background-position:0 -195px;	}
.rating.modified.star-3, .rating.star-3:hover 				{ background-position:0 -210px;	}
.rating.modified.star-2-half, .rating.star-2-half:hover 	{ background-position:0 -225px;	}
.rating.modified.star-2, .rating.star-2:hover 				{ background-position:0 -240px;	}
.rating.modified.star-1-half, .rating.star-1-half:hover 	{ background-position:0 -255px;	}
.rating.modified.star-1, .rating.star-1:hover 				{ background-position:0 -270px;	}
.rating.modified.star-half, .rating.star-half:hover 		{ background-position:0 -285px;	}

.rating.locked.star-5 			{ background-position:0 0px;	}
.rating.locked.star-4-half 		{ background-position:0 -15px;	}
.rating.locked.star-4 			{ background-position:0 -30px;	}
.rating.locked.star-3-half 		{ background-position:0 -45px;	}
.rating.locked.star-3 			{ background-position:0 -60px;	}
.rating.locked.star-2-half 		{ background-position:0 -75px;	}
.rating.locked.star-2 			{ background-position:0 -90px;	}
.rating.locked.star-1-half 		{ background-position:0 -105px;	}
.rating.locked.star-1 			{ background-position:0 -120px;	}
.rating.locked.star-half 		{ background-position:0 -135px;	}

.rating.star-0 					{ background-position:0 -450px;	}

.favorite
{
  display:inline-block;
  height:15px;
  background:url(/img/ui/icon-sprite.png) no-repeat 0 -3507px;
  padding-left:20px;
  line-height:16px;
  cursor:pointer;
}
.favorite:hover,
.favorite.success
{
  background-position:0 -3443px;
}
.favorite.success
{
  cursor:default;
}
.favorite span
{
  color:#666;
}
/* Common styles */
.carousel
{
	position:relative;
}
.carousel li
{
	position:relative; display:inline-block;
}

/* Elastislide Style */

.elastislide-carousel ul li
{
	min-width:20px; /* minimum width of the image (min width + border) */
}
.elastislide-wrapper
{
	position:relative;
	margin:0 auto;
	min-height:60px;
}
.elastislide-carousel
{
	position:relative; overflow:hidden;
}
.elastislide-carousel ul
{
	display:block; position:relative;
	list-style-type:none;
	margin:0; padding:0;
	-webkit-transform:translateX(0px);
	-moz-transform:translateX(0px);
	-ms-transform:translateX(0px);
	-o-transform:translateX(0px);
	transform:translateX(0px);
}
.elastislide-horizontal ul
{
	white-space:nowrap;
	-webkit-transition:all 400ms ease-in-out !important; 
	-moz-transition:all 400ms ease-in-out !important;
	-ms-transition:all 400ms ease-in-out !important;
	-o-transition:all 400ms ease-in-out !important; 
	transition:all 400ms ease-in-out !important; 
}
.elastislide-horizontal ul li
{
	display:inline-block;
	height:100%;
	vertical-align:top;
}
.lte7 .elastislide-horizontal ul li { display:inline; zoom:1; }

.elastislide-vertical ul li
{
	display:block;
}
.elastislide-carousel ul li a
{
	display:inline-block;	
}
.elastislide-carousel ul li a img
{
	display:block;
	max-width:200px;
}

#main_0_brandInfo {
    width: 100%;
    max-width: 1024px;
}
.hero section.corp-intro .multi-col-list:after
{
	display:block;
    clear:both;
    visibility:hidden;
	height:0;
	content:".";
}
.ie .hero section.corp-intro .multi-col-list
{
	zoom:1;
}

.hero
{
	position:relative;
    display:table;
	width:100%; 
	margin: 0px 0 30px 0px;
	text-align:center;
	background-repeat:no-repeat; background-position:50% 50%;
    height:444px;
}
.hero:after
{
	position:absolute;
	top:0; left:0; right:0; bottom:0; z-index:2;
	content:"";
	box-shadow:inset 0 26px 26px -21px rgba(0,0,0,0.3), inset 0 -26px 26px -21px rgba(0,0,0,0.3);
    -webkit-box-shadow:inset 0 26px 26px -21px rgba(0,0,0,0.3), inset 0 -26px 26px -21px rgba(0,0,0,0.3);
}
.hero section.intro,
.hero section.corp-intro
{
	display:table-cell;
    position:relative;
	z-index:3;
	vertical-align:middle;
}
.lte7 .hero section.intro,
.lte7 .hero section.corp-intro {
	width:100%;
	display:inline-block;
	display:inline;
	zoom:1;
}

.lte7 .hero section.corp-intro {
	margin-top:75px;
}

.hero section.intro .content,
.hero section.corp-intro .content
{
	display:inline-block;
	padding:18px 30px;
	background:#000; background:rgba(0, 0, 0, 0.6);
	border:5px solid #FFF;
	color:#FFF;
}

.hero section.intro .premcontent
{
	display:inline-block;
	padding:18px 00px;
	background:#ffffff; background:rgba(255, 255, 255, 0.0) !important;
	border:0px;
	color:#FFF;
    width:50%;
    margin-left:50%;
}

.hero section.corp-intro .premcontent {
	display:inline-block;
	padding:18px 00px;
	background:#ffffff; background:rgba(255, 255, 255, 0.0) !important;
	border:0px;
	color:#FFF;
    width:100%;
    margin-left:95%;
}

.hero section.corp-intro .premcontent p {
    font-size:16px !important;
    font-weight:normal !important;
}

.hero section.intro .content-noboarder,
.hero section.corp-intro .content-noboarder
{
	display:inline-block;
	padding:6px 16px;	
}

.lte7 .hero section.intro .content,
.lte7 .hero section.corp-intro .content
{
	display:inline; zoom:1;
}
.lte7 .hero section.intro .premcontent,
.lte7 .hero section.corp-intro .premcontent
{
	display:inline; zoom:1;
    margin-left:0px;
}

.hero section.intro .content
{
	min-width:440px; max-width:600px;
}

.hero section.corp-intro .content
{
	position:relative;
	min-height:125px;
	padding:20px 20px 20px 326px;
	background:#FFF;
	border-color:#222;
	color:#222; text-align:left;
}

.hero section.corp-intro .premcontent
{
	position:relative;
	height:400px;
	min-height:125px;
	padding:20px 00px 20px 00px;
	background:#FFF;
	border-color:#222;
	color:#222; text-align:left;
}

.lte7 .hero section.corp-intro .content {
	padding:20px;
}

.hero section.intro h1
{
	font-size:28px; font-weight:700; text-transform:uppercase; text-shadow:#000 0 0 10px;
}
.hero section.intro h2
{
	margin:0 0 8px 0;
	font-size:14px; font-weight:700; text-transform:uppercase;
}
.hero section.intro h3
{
	font-size:34px; font-weight:700; text-transform:uppercase; text-shadow:#000 0 0 10px; line-height:38px;
}
.hero.tertiary section.intro h3
{
	font-size:28px;
}
.hero section.intro h2:after, .hero section.intro h2:before
{
	content: " • ";
}
.hero section.intro p
{
	margin:0 0 20px 0;
	font-size:28px; font-weight:700; text-shadow:#000 0 0 10px; line-height:30px;
}
.hero section.corp-intro .thumbnail
{
	position:absolute;
	top:20px; left:20px;
	text-align:center;
}

.hero section.corp-intro .premcontent .multi-col-list ul,
.hero section.corp-intro .premcontent div.multi-col-list ul
{
    color: #703010 !important;
    list-style-type: none !important;
    text-transform: uppercase !important;
    font-weight:bold !important;
    font-size:12px !important;
    line-height: 1.5 !important;
	margin:0 10px 0 0px;
}

.hero section.corp-intro .premcontent .thumbnail
{
    height:180px;
    width:100%;
    top: auto;
	text-align:center;
    align-content:center;
}

.lte7 .hero section.corp-intro .thumbnail {
	position:static;
	display:inline-block;
	display:inline;	
	margin:0 auto;
	vertical-align:middle;
	width:240px;
	zoom:1;
}

.lte7 .hero section.corp-intro .premcontent .thumbnail {
	position:static;
	display:inline-block;
	display:inline;	
	margin:0 auto;
	vertical-align:middle;
	width:auto;
	zoom:1;
}

.hero section.corp-intro .thumbnail img
{
	width:100%; height:auto;
}

.hero section.corp-intro .premcontent .thumbnail img
{
	width:auto; height:100%;
}
.hero section.corp-intro h4
{
	margin:0 0 5px 0;
	font-weight:bold; font-size:12px; text-transform:uppercase;
}
.hero section.corp-intro p
{
	margin:0 0 10px 0;
	font-size:14px; font-weight:bold;
}
.hero section.corp-intro .multi-col-list ul
{
	float:left;
	margin:0 10px 0 15px;
	width:130px;
	list-style:disc;
	color:#444; font-size:11px;
}
.hero section.corp-intro .multi-col-list ul.last
{
	margin-right:0;
}
.hero section.corp-intro .corp-intro-content
{
	width:455px;
	padding:0 0 0 20px;
	border-left:2px solid #DDD;
}
.hero section.corp-intro .premcontent .corp-intro-content
{
	width:95%;
	margin:0 20px 0 20px;
	border:0px;
    position:absolute;
    top:211px;
}

.lte7 .hero section.corp-intro .corp-intro-content {
	display:inline-block;
	display:inline;
	vertical-align:middle;
	margin-left:20px;
	zoom:1;
}


.hero section.corp-intro .corp-intro-content h3
{
	font-size: 18px;
	margin-bottom: 5px;
}


.hero.primary
{
	height:462px;
}
.hero.secondary
{
	height:350px;
    max-width: 1024px;
}


.hero.tertiary
{
	height:180px;
}

/* Carousel */

.hero.carousel
{
	display:block; overflow:hidden;
	height:444px;
	background:#F3F3F3;
    margin-top: -14px;
}
.hero.carousel .elastislide-carousel
{
	position:relative; overflow:hidden;
	top:0; left:50%;
	margin:0 0 0 -512px;
	font-size:0;
}

.lte7 .hero.carousel .elastislide-carousel { left:0; margin:0; }

.hero.carousel .elastislide-carousel,
.hero.carousel li,
.hero.carousel li img
{
	width:1024px; height:444px;
}

/* iPad Landscape */
@media only screen and (max-width: 1024px) {
    .hero.carousel li img
    {
	    width:100%; height:444px;
    }
}

.hero.carousel .carousel-content
{
	display:table;
	width:100%; height:100%;
}
.hero.carousel li img
{    
	position:absolute;
	top:0; left:0;
}

.hero.carousel .next, .hero.carousel .prev
{
	position:absolute; display:block; overflow:hidden;
	top:42%; left:20px; z-index:10;
	width:49px; height:72px;
	background:url(/img/ui/carousel-sprite.png) no-repeat 0 -2493px;
	border:0;
	text-indent:-999px;
	cursor:pointer;
}
.hero.carousel .next
{
	right:20px; left:auto;
	background-position:-10px -2615px;
}
.hero.carousel .prev:hover
{
	background-position:0 0;
}
.hero.carousel .next:hover
{
	background-position:-10px -122px;
}
.hero.carousel .disabled, .hero.carousel .disabled:hover
{
	cursor:default;
	background-position:0 -2800px;
}
.hero.carousel .next.disabled, .hero.carousel .next.disabled:hover
{
	background-position:-10px -2922px;
}
.hero.carousel section.intro
{
	position:relative;
	z-index:5;
}

.lte7 .hero.carousel section.intro {
	position:absolute;
	width:600px;
	zoom:1;
	top:50%;
	left:50%;
	margin-top:-75px;
	margin-left:-300px;
}

.hero.carousel .carousel-pagination
{
	position:absolute;
	bottom:60px; left:0;
	z-index:10;
	width:100%;
	text-align:center;
}
.hero.carousel .carousel-pagination a
{
	display:inline-block; overflow:hidden;
	width:12px; height:13px;
	margin:0 3px;
	background:url(/img/ui/carousel-sprite.png) no-repeat 0 -2737px;
	text-indent:-999px;
}
.lte7 .hero.carousel .carousel-pagination a {
	display:inline; zoom:1; text-indent:0; font-size:0;
}

.hero.carousel .carousel-pagination a.active
{
	background-position:0 -244px;
}

/* Two-Face Carousel */

.hero.two-face-carousel
{
    height:350px;
	display:block; overflow:hidden;
}
.hero.two-face-carousel .carousel-wrap
{
	position:relative; overflow:hidden;
	left:50%;
	margin:0 0 0 -512px;
	width:1024px; height:350px;
}
.hero.two-face-carousel .carousel-content
{
	position:absolute;
	top:0; left:0; z-index:3;
	margin:0 0 0 -512px;
	width:2048px; height:350px;
}
.hero.two-face-carousel .carousel-content > ul
{
	width:100%; height:100%;
}
.hero.two-face-carousel .carousel-content > ul > li
{
	float:left; position:relative;
	width:50%; height:100%;
}
.hero.two-face-carousel .carousel-content > ul > li > img
{
	position:absolute;
	top:0; left:0;
	width:100%; height:100%;
}
.hero.two-face-carousel .main-pagination
{
	position:absolute;
	top:50%; left:50%;
	margin:-62px 0 0 -295px;
	border:5px solid #FFF;
}
.hero.two-face-carousel .main-pagination > ul
{
	width:580px; height:105px;
}
.hero.two-face-carousel .main-pagination > ul li
{
	float:left;
	width:50%; height:100%;
}
.hero.two-face-carousel .main-pagination > ul li a
{
	display:block;
	width:100%; height:100%;
	padding:0;
	color:#FFF; font-size:34px; font-weight:700; text-transform:uppercase; text-shadow:#000 1px 1px 10px;
	border:0;
	cursor:pointer;
}
.hero.two-face-carousel .main-pagination > ul li a span
{
	display:inline-block;
	margin:32px 0 0 0; padding:0 20px;
	line-height:37px;
	vertical-align:middle;
}
.hero.two-face-carousel .main-pagination > ul li.first a
{
	text-align:right;
	background:#ED1C27; background:rgba(237, 28, 39, 0.75);
	cursor:pointer;
}
.hero.two-face-carousel .main-pagination > ul li.first a span
{
	padding-left:40px;
	background:url(/img/ui/carousel-sprite.png) no-repeat 0 -304px;
}
.hero.two-face-carousel .main-pagination > ul li.last a
{
	text-align:left;
	background:#000; background:rgba(0, 0, 0, 0.5);
}
.hero.two-face-carousel .main-pagination > ul li.last a span
{
	padding-right:40px;
	background:url(/img/ui/carousel-sprite.png) no-repeat 100% -391px;
}

.hero.two-face-carousel .main-pagination > ul li.first a:hover
{
	background:#ED1C27;
	background:-moz-linear-gradient(top, #ED1C27 0%, #bf171f 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ED1C27), color-stop(100%,#bf171f));
	background:-webkit-linear-gradient(top, #ED1C27 0%,#bf171f 100%);
	background:-o-linear-gradient(top, #ED1C27 0%,#bf171f 100%);
	background:-ms-linear-gradient(top, #ED1C27 0%,#bf171f 100%);
	background:linear-gradient(to bottom, #ED1C27 0%,#bf171f 100%);
}
.hero.two-face-carousel .main-pagination > ul li.last a:hover
{
	background:#333;
	background:-moz-linear-gradient(top, #434343 0%, #232323 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#434343), color-stop(100%,#232323));
	background:-webkit-linear-gradient(top, #434343 0%,#232323 100%);
	background:-o-linear-gradient(top, #434343 0%,#232323 100%);
	background:-ms-linear-gradient(top, #434343 0%,#232323 100%);
	background:linear-gradient(to bottom, #434343 0%,#232323 100%);
}
.hero.two-face-carousel .compact-pagination
{
	position:absolute;
	top:0; left:50%;
	margin:0 0 0 -59px;
	height:100%;
}
.hero.two-face-carousel .compact-pagination > ul
{
	width:118px; height:100%;
}
.hero.two-face-carousel .compact-pagination > ul li
{
	float:left; position:relative;
	width:50%; height:100%;
}
.hero.two-face-carousel .compact-pagination > ul li a
{
	position:absolute; overflow:hidden; display:none;
	top:0; left:0;
	margin:0; padding:0;
	width:59px; height:100%;
	border:0;
	text-indent:-9999px;
	background:url(/img/ui/carousel-sprite.png) no-repeat 0 -708px;
	opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);
}
.hero.two-face-carousel .compact-pagination > ul li a:hover
{
	background-position:0 -1602px;
}
.hero.two-face-carousel .compact-pagination > ul li.active a
{
	display:block;
}
.hero.two-face-carousel .compact-pagination > ul li.last a
{
	background-position:0 -1155px;
}
.hero.two-face-carousel .compact-pagination > ul li.last a:hover
{
	background-position:0 -2049px;
}
.hero.two-face-carousel .carousel-content > ul > li > .content
{
	position:relative;
	width:100%; height:100%;
}
.hero.two-face-carousel .carousel-content > ul > li > .content
{
	opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);
}
.lte8 .hero.two-face-carousel .carousel-content > ul > li > .content
{
	display:none;
}
section.doer-featured
{
	position:absolute;
	top:50%; left:113px;
	margin:-131px 0 0 0; padding:20px 30px;
	width:565px; height:213px;
	border:5px solid #222;
	background:#FFF; background:rgba(255, 255, 255, 0.9);
}
section.doer-featured article
{
	float:left;
	margin:0 0 15px 0;
	width:356px;
	text-align:left;
}
section.doer-featured article h2
{
	margin:0 0 5px 0;
	font-size:28px; font-weight:700; color:#222; line-height:34px;
}
section.doer-featured article h3
{
	font-size:12px; font-weight:700; color:#666;
}
section.doer-featured article h4
{
	margin:0 0 5px 0;
	font-size:14px; font-weight:700; color:#222;
}
section.doer-featured article p
{
	margin:0 0 10px 0;
	font-size:14px; color:#666;
}
section.doer-featured .thumbnail
{
	float:left;
	margin:25px 20px 0 0;
}
section.doer-featured .thumbnail img
{
	display:block;
	max-width:189px; max-height:130px;
}
section.doer-featured .cta
{
	clear:both;
}
section.doer-featured .cta .btn
{
	padding:9px 15px;
	width:213px;
}
section.doer-featured .cta .btn-1
{
	margin:0 10px 0 0;
}

section.dreamer-featured
{
	padding:30px 30px 30px 117px;
	text-align:left;
}
section.dreamer-featured h2
{
	display:inline-block;
	margin:0 0 30px 0; padding:0 20px;
	background:#FFF; background:rgba(255, 255, 255, 0.7);
	color:#222; font-size:30px; font-weight:700; text-transform:uppercase; line-height:60px;
}
section.dreamer-featured .cta
{
	position:relative;
	width:276px;
}
section.dreamer-featured .view-kitchen-projects,
section.dreamer-featured .view-all-projects
{
	display:block;
	margin:0 0 10px 0; padding:10px 20px;
}
section.dreamer-featured .hotspots
{
	position:absolute;
	top:0; left:0;
	width:100%; height:100%;
}
section.dreamer-featured .hotspots li button.toggle
{
	position:absolute; overflow:hidden;
	width:38px; height:38px;
	border:0;
	background:url(/img/ui/carousel-sprite.png) no-repeat 0 -481px;
	text-indent:-9999px;
}
section.dreamer-featured .hotspots li.active button.toggle
{
	background-position:0 -568px;
}
section.dreamer-featured .hotspots li
{
	position:absolute;
}
section.dreamer-featured .hotspots li .hotspots-content
{
	display:none;
	padding:20px;
	width:245px;
	background:#FFF; background:rgba(255, 255, 255, 0.95);
	box-shadow:0 0 25px #000; -webkit-box-shadow:0 0 25px #000;
}
section.dreamer-featured .hotspots li.active .hotspots-content
{
	display:block;
}
section.dreamer-featured .hotspots li.top-left-anchor button.toggle
{
	top:-3px; left:-2px;
}
section.dreamer-featured .hotspots li.top-right-anchor button.toggle
{
	top:-3px; right:-6px;
}
section.dreamer-featured .hotspots li.bottom-left-anchor button.toggle
{
	bottom:-5px; left:-2px;
}
section.dreamer-featured .hotspots li.bottom-right-anchor button.toggle
{
	bottom:-5px; right:-6px;
}
section.dreamer-featured .hotspots li h3
{
	margin:0 0 10px 0; padding:0 20px 0 0;
	font-size:18px; font-weight:bold; line-height:20px;
}
section.dreamer-featured .hotspots li .product-info
{
	position:relative;
	padding:0 0 0 100px;
	min-height:100px;
}
section.dreamer-featured .hotspots li .product-info a.thumbnail
{
	position:absolute;
	top:0; left:0;
}

@media only screen and (max-width:1023px) {
	.lte7 .hero section.corp-intro {
		margin-top:6px;
	}
}

/* Tablet Portrait */

@media only screen and (min-width:768px) and (max-width:1023px) {
	.hero.secondary
	{
		height:221px;
	}
	.hero section.intro h2
	{
		font-size:13px;
	}
	.hero section.intro h3
	{
		font-size:32px;
	}
	.hero section.intro p
	{
		font-size:22px;
	}
	.hero section.intro .content
	{
		min-width:500px; max-width:648px;
	}
	.hero.two-face-carousel .carousel-wrap
	{
		width:1022px; height:300px;
		margin:0 0 0 -511px;
	}
	.hero.two-face-carousel .carousel-content
	{
		margin:0 0 0 -382px;
		width:1786px; height:300px;
	}

	.hero.two-face-carousel .compact-pagination > ul li a
	{
		background-position:0 -733px;
	}
	.hero.two-face-carousel .compact-pagination > ul li a:hover
	{
		background-position:0 -1627px;
	}
	.hero.two-face-carousel .compact-pagination > ul li.last a
	{
		background-position:0 -1180px;
	}
	.hero.two-face-carousel .compact-pagination > ul li.last a:hover
	{
		background-position:0 -2074px;
	}
	.hero section.corp-intro p
	{
		font-size:12px;
	}
	.hero section.corp-intro h4
	{
		font-size:11px;
	}
	.hero section.corp-intro .content
	{
		padding:15px 15px 15px 245px;
	}
	.hero section.corp-intro .premcontent
	{
        /*width:470px;*/
		/*padding:15px 15px 15px 15px;*/
        height:255px;
        /*margin-left:502px;*/
	}
    
    .hero section.corp-intro .premcontent p {
        font-size:12px !important;
        font-weight:normal !important;
    }

	.hero section.corp-intro .corp-intro-content
	{
		padding-left:15px;
		width:373px;
	}
	.hero section.corp-intro .premcontent .corp-intro-content
	{
        top: 110px;
        width:95%;
        /*margin:0 15px 0 15px;*/
	}
	.hero section.corp-intro .thumbnail img
	{
		width:210px; height:91px;
	}
	.hero section.corp-intro .premcontent .thumbnail
	{
        height:91px;
        /*width:460px;*/
	}
	.hero section.corp-intro .premcontent .thumbnail img
	{
		width:auto;
        height:91px;
	}
	.hero section.corp-intro .multi-col-list ul
	{
		width:102px;
	}
	section.dreamer-featured
	{
		padding-left:229px;
	}
	section.doer-featured
	{
		left:28px;
	}
/*	section.dreamer-featured .hotspots li .hotspots-content
	{
		width:200px;
	}*/
}

/* Mobile Portrait & Landscape */

@media only screen and (max-width:767px)
{
	.hero, .hero.two-face-carousel,
	.hero section.corp-intro .corp-intro-content,
	.hero:after
	{
		display:none;
	}
	.hero.carousel
	{
		position:absolute; visibility:hidden;
		top:-9999px; left:-9999px;
	}
	.hero.secondary
	{
		display:table;
		height:auto;
		margin-bottom:0; padding:20px;
		background:none !important;
	}
	.lte7 .hero.secondary { display:block; padding:20px 0; }
	
	.hero.tertiary
	{
		display:block;
		height:auto;
		margin:0;
		background:none !important;
	}
	.lte7 .hero section.corp-intro {
		margin-top:0;
		display:block;
	}
	.lte7 .hero section.corp-intro .corp-intro-content {
		display:none;
	}
	.hero section.corp-intro .content
	{
		padding:10px;
	}
	.hero section.corp-intro .premcontent
	{
        padding:15px;
        height:auto;
        margin-left:0px;
        width:100%;
        left:0px;
	}
	.hero section.intro .content
	{
		min-height:0; min-width:0; max-width:none;
		padding:20px;
	}
	.hero section.corp-intro .thumbnail
	{
		position:relative;
		top:auto; left:auto;
	}

	.hero section.corp-intro .premcontent
	{
        padding: 0px;
	}

	.hero section.corp-intro .premcontent .thumbnail
	{
		position:relative;
		top:auto;
	}
    
    .hero section.corp-intro .premcontent .thumbnail img
    {
	    width:auto; height:auto;
    }

	.hero.tertiary section.intro
	{
		display:block;
		padding:0 20px 20px 20px;
	}
	.hero.tertiary section.intro .content
	{
		display:block;

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

		box-shadow:2px 2px 10px rgba(0,0,0,0.5); -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.5);
	}
	.hero.tertiary section.intro h3
	{
		font-size:20px; line-height:22px;
	}
	.hero section.intro .content
	{
		background:#000;
	}
	.hero section.intro p
	{
		font-size:20px; line-height:22px;
	}
}

/*
* @author: William Khoe
*/

.featured.primary,
.featured.secondary
{
	position:relative;
	margin:0 auto 0 auto; padding:0;
}
.featured.secondary
{
	padding:30px 0;
	border-top:3px solid #EFEFEF;
}
.featured.primary .row,
.featured.secondary .row
{
	width:100%;
}
.featured.primary .col
{
	width:306px;
	margin:0 0 30px 21px;
}
.featured.secondary .col
{
	width:240px;
	margin:0;
}

.featured.primary .col-1
{
	margin-left:0;
}
.featured.primary .module
{
	position:relative;
	border:5px solid #FFF;
	background:#ECECEC;
	background:-moz-linear-gradient(top, #F9F9F9 0%, #E6E6E6 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#E6E6E6));
	background:-webkit-linear-gradient(top, #F9F9F9 0%,#E6E6E6 100%);
	background:-o-linear-gradient(top, #F9F9F9 0%,#E6E6E6 100%);
	background:-ms-linear-gradient(top, #F9F9F9 0%,#E6E6E6 100%);
	background:linear-gradient(to bottom, #F9F9F9 0%,#E6E6E6 100%);
	box-shadow:0 0 10px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
}

.ie8 .featured.primary .module {
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#E6E6E6',GradientType=0 );
}

.featured.secondary .module,
.featured.feat-3 .module
{
	position:relative;
	min-height:252px;
	padding:0 20px;
	border-left:1px solid #E0E0E0;
}
.featured.secondary .col-1 .module,
.featured.feat-3 .col-1 .module
{
	border:none;
}
.featured.primary img
{
	width:100%; height:auto;
}
.featured.secondary a.thumbnail,
.featured.feat-3 a.thumbnail
{
	display:block; position:relative;
	margin:0 0 20px 0;
	text-align:left;
}
.featured.secondary a.thumbnail img,
.featured.feat-3 a.thumbnail img
{
	position:relative;
	width:200px; height:auto;
}
.featured.secondary h2
{
	margin:0 0 15px 0;
	color:#222; font-size:13px; font-weight:700; text-transform:uppercase;
}
.featured.primary article
{
	padding:20px;
}
.featured.featured-1.primary article
{
	padding-bottom:80px;
}
.featured.primary article h2
{
	margin:0 0 10px 0;
	font-size:18px; font-weight:700; color:#222; line-height:24px; text-transform:uppercase;
}
.featured.primary article h3
{
	color:#666; font-size:13px; font-weight:700;
}

.featured.primary article p,
.featured.secondary article p
{
	margin:0 0 10px 0;
	color:#444;
}
.featured.primary article p
{
	height:50px;
	font-size:12px;
}
.featured.featured-1.primary article p
{
	font-size:14px;
}
.featured.featured-2.primary article aside
{
	margin:0 0 15px 0; padding:0 15px 0 0;
}
.featured.featured-1.primary article aside
{
	display:block; position:absolute;
	bottom:0; left:0;
	width:100%;
}
.featured.featured-1.primary article aside a
{
	display:block;
	margin:20px;
}
.featured.primary .links-list
{
	border-top:2px solid #DEDEDE;
}
.featured.primary .links-list ul
{
	margin:0 0 -10px 0; padding:10px 0 0 0;
	border-top:1px solid #FFF;
}
.featured.primary .links-list ul li
{
	margin:0 0 10px 0; padding:0 0 0 13px;
	background:url(/img/ui/list-bullet.png) no-repeat 0 5px;
}
.featured.primary .links-list ul li a
{
	font-weight:bold;
}

.featured.primary .col.oneThirdCol {
	width: 31.3%;
	margin: 0 0 20px 3%;
}

.featured.primary .col.oneThirdCol:first-child {
	margin-left:0;
}

.featured.feat-3 .col {
	width: 319px;
}

.featured.feat-3 .module {
	min-height: 152px;
	padding: 0 50px;
}

/* Carousel */

.featured.secondary .featured-products-carousel li
{
	position:relative;
	width:199px;
	white-space:normal;
}

.featured.secondary .featured-products-carousel ul li .more {
	width:auto;
	display:inline-block;
	line-height:1.2;
}

.featured.secondary .featured-products-carousel nav .prev, .featured.secondary .featured-products-carousel nav .next
{
	position:absolute; overflow:hidden;
	top:25px; z-index:10;
	width:25px; height:70px;
	margin:0; padding:0;
	background:url(/img/ui/icon-sprite.png) no-repeat 0 0;
	text-indent:-9999px;

	cursor:pointer;
}
.featured.secondary .featured-products-carousel nav .prev,
.featured.secondary .featured-products-carousel nav .prev.disabled:hover
{
	left:0;
	background-position:0 -1266px;
}
.featured.secondary .featured-products-carousel nav .next,
.featured.secondary .featured-products-carousel nav .next.disabled:hover
{
	right:0;
	background-position:100% -1183px;
}
.featured.secondary .featured-products-carousel nav .next:hover
{
	background-position:100% -4761px;
}
.featured.secondary .featured-products-carousel nav .prev:hover
{
	background-position:0 -4844px;
}
.featured.secondary .featured-products-carousel nav .disabled
{
	cursor:default;
	opacity:0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30);
}

/* Regular Desktop */

@media only screen and (min-width:1024px) {

.featured.secondary a.thumbnail .shadow-glow,
.featured.feat-3 a.thumbnail .shadow-glow
{
	display:block; overflow:hidden; position:absolute;
	top:0; left:0;
	width:100%; height:76%;
}
.featured.secondary a.thumbnail .shadow-glow em,
.featured.feat-3 a.thumbnail .shadow-glow em
{
	display:block;
	width:100%; height:200%;
	background:transparent; /* Old browsers */
	background:-moz-radial-gradient(50% 55%, ellipse contain, rgba(220,220,220,1) 0%,rgba(220,220,220,0) 100%); /* FF3.6+ */
	background:-webkit-gradient(radial, 50% 55%, 0px, 50% 55%, 100%, color-stop(0%,rgba(220,220,220,1)), color-stop(100%,rgba(220,220,220,0))); /* Chrome,Safari4+ */
	background:-webkit-radial-gradient(50% 55%, ellipse contain, rgba(220,220,220,1) 0%,rgba(220,220,220,0) 100%); /* Chrome10+,Safari5.1+ */
	background:-o-radial-gradient(50% 55%, ellipse contain, rgba(220,220,220,1) 0%,rgba(220,220,220,0) 100%); /* Opera 12+ */
	background:-ms-radial-gradient(50% 55%, ellipse contain, rgba(220,220,220,1) 0%,rgba(220,220,220,0) 100%); /* IE10+ */
	background:radial-gradient(ellipse at 50% 55%, rgba(220,220,220,1) 0%,rgba(220,220,220,0) 100%); /* W3C */
}
	.featured.secondary a.thumbnail,
	.featured.feat-3 a.thumbnail
	{
		text-align:center;
	}
}

/* Tablet Portrait */

@media only screen and (min-width:768px) and (max-width:1023px){
	
	.featured.primary
	{
		padding:0;
	}
	.featured.primary .row
	{
		width:auto;
	}
	
	.featured.primary .col
	{
		margin:0 0 20px 15px;
		width:226px;
	}
	
	.featured.primary .col-1
	{
		margin-left:0;
	}
	.featured.primary article p
	{
		font-size:12px;
	}
	.featured.primary article h2
	{
		height:60px;
		font-size:16px; line-height:20px;
	}

	.featured.secondary
	{
		padding:10px 0 0 0;
	}
	.featured.secondary a.thumbnail
	{
		position:absolute;
		top:0; left:20px;
		margin:0;
	}
	.featured.secondary a.thumbnail img
	{
		width:112px; height:auto;
	}
	.featured.secondary .module
	{
		min-height:111px;
		padding:10px 20px 0 20px;
	}
	.featured.secondary .featured-content
	{
		margin:0 0 0 115px;
	}
	
	.featured.secondary h2
	{
		margin:0 0 10px 0;
		text-align:left; font-size:12px;
	}
	.featured.secondary .col
	{
		width:354px;
		padding:15px 0;
	}
	.featured.secondary .col-3 .module
	{
		border:none;
	}
	.featured.secondary .col-1,
	.featured.secondary .col-2
	{
		border-bottom:1px solid #E0E0E0;
	}
	.featured.featured-1.primary article aside a
	{
		padding-left:7px; padding-right:7px;
		font-size:12px;
	}
	.featured.secondary .featured-products-carousel li
	{
		width:313px; min-height:115px;
	}
	.featured.secondary .featured-products-carousel li a.thumbnail
	{
		left:0;
	}
	.featured.secondary .featured-products-carousel nav .prev,
	.featured.secondary .featured-products-carousel nav .prev.disabled:hover
	{
		top:21px; left:-15px;
		background-position:0 -1410px;
	}
	.featured.secondary .featured-products-carousel nav .prev:hover
	{
		background-position:0 -4988px;
	}
	.featured.secondary .featured-products-carousel nav .next,
	.featured.secondary .featured-products-carousel nav .next.disabled:hover
	{
		top:21px; right:-15px;
		background-position:100% -1341px;
	}
	.featured.secondary .featured-products-carousel nav .next:hover
	{
		background-position:100% -4919px;
	}
	
	.featured.primary .row .col {
		width:31.3%;
		margin: 0 0 20px 3%;
	}
	
	.featured.primary .row .col:first-child {
		margin-left:0;
	}
	.featured.feat-3 .module {
		padding: 0 20px;
	}
}

/* Mobile Portrait & Landscape */

@media only screen and (max-width:767px)
{
	.featured.primary,
	.featured.secondary,
	.featured.feat-3
	{
		margin:0 auto;
	}
	.featured.secondary
	{
		padding:0;
	}
	.featured.primary .row,
	.featured.secondary .row,
	.featured.feat-3 .row
	{
		width:auto;
		padding:0;
	}
	.featured.primary .col,
	.featured.secondary .col,
	.featured.feat-3 .col
	{
		float:none;
		width:auto;
	}
	.featured.primary article h2,
	.featured.primary article p,
	.featured.primary article
	{
		height:auto !important;
	}
	.featured.primary
	{
		padding:0;
	}
	.featured.primary .col
	{
		margin:0 0 20px 0;
	}
	.featured.secondary .module,
	.featured.feat-3 .module
	{
		min-height:95px;
		padding:0;
		border-left:none;
	}
	.featured.feat-3 .module {
		min-height:55px; 
		padding:0;
		border-left:none; 
	}
	.featured.secondary .featured-content,
	.featured.feat-3 .featured-content
	{
		margin:0 0 0 124px;
	}
	.featured.secondary .col,
	.featured.feat-3 .col
	{
		padding:20px 0;
		border-top:1px solid #E0E0E0;
	}
	.featured.secondary .col-1
	{
		border:0;
	}
	.featured.secondary img
	{
		width:100%; height:auto;
	}
	.featured.secondary h2
	{
		font-size:14px;
	}
	.featured.secondary a.thumbnail,
	.featured.feat-3 a.thumbnail
	{
		position:absolute;
		top:0; left:0;
		margin:0;
	}
	.featured.secondary a.thumbnail img,
	.featured.feat-3 a.thumbnail img
	{
		width:105px; height:auto;
	}
	.featured.featured-2.primary article p
	{
		display:none;
	}
	.featured.featured-2.primary article .summary
	{
		position:relative;
	}
	.featured.featured-2.primary article aside
	{
		position:absolute;
		top:0; left:0;
		width:100%; height:100%;
		margin:0; padding:0;
	}
	.featured.featured-2.primary article aside a.more
	{
		display:block; overflow:hidden;
		width:100%; height:100%;
		margin:0; padding:0;
		text-indent:-9999px;
		background:url(/img/ui/arrow-right.png) no-repeat 100% 50%;
	}
	.featured.featured-2.primary article h2,
	.featured.featured-2.primary article h3
	{
		padding-right:20px;
	}
	.featured.secondary .featured-products-carousel li
	{
		width:100%;
	}
	
	.lte7 .featured-secondary .featured-products-carousel li {
		width:300px;
	}

	.featured.secondary .featured-products-carousel nav .prev
	{
		top:13px; left:-15px;
		background-position:0 -1410px;
	}
	.featured.secondary .featured-products-carousel nav .next
	{
		top:13px; right:-15px;
		background-position:100% -1341px;
	}
	
	.lte7 .featured.secondary .featured-products-carousel .prev,
	.lte7 .featured.secondary .featured-products-carousel .next {
		display:none;
	}
	
	.featured.secondary .featured-products-carousel li
	{
		min-height:95px;
	}
	.featured.featured-1.primary article aside a
	{
		padding-right:0; padding-left:0;
	}
	
	
	.featured.feat-3 > .row > .col {
		
	}
	.featured.feat-3 .module {
		
	}
}

/* Mobile Landscape */

@media only screen and (min-width:321px) and (max-width:767px) {

}

/* Mobile Portrait */

@media only screen and (max-width:320px) {

}
/*
* @author: William Khoe
*/

#twitter
{
	padding:30px 175px 30px 88px;
	border-top:3px solid #EFEFEF;
	background:url(/img/ui/twitter.png) no-repeat 20px 35px;
}
#twitter .content
{
	margin:0 0 15px 0;
	font-size:16px; color:#444;
}
#twitter .content a
{
	font-size:12px; font-weight:bold;
}

/* Regular Desktop */
@media only screen and (min-width:1024px) {

}

/* Tablet Portrait */
@media only screen and (min-width:768px) and (max-width:1023px) {

#twitter
{
	padding:30px 88px;
}

}

/* Mobile Portrait & Landscape */
@media only screen and (max-width:767px) {

#twitter
{
	background-position:50% 20px;
	padding:72px 0 30px 0;
}
#twitter .content
{
	font-size:14px;
}

}

/* Mobile Portrait */
@media only screen and (max-width:320px) {

}
/*
* @author: William Khoe
*/

.skuSearchNotFound {
    padding-top: 10px;
    text-decoration-color: white;
    color:white;
}

#quick-nav
{
	position:relative;
	z-index:5;
	margin: 0px 0 25px 0;
    padding: 0 0 15px 0;
	border-bottom:3px solid #F0F0F0;
	text-align:center;
}
#quick-nav .content
{
	padding:24px 8px;

	background:#222; /* Old browsers */
	background:-moz-linear-gradient(top,  #333 0%, #111 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#333), color-stop(100%,#111)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #333 0%,#111 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #333 0%,#111 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #333 0%,#111 100%); /* IE10+ */
	background:linear-gradient(to bottom,  #333 0%,#111 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#111111',GradientType=0 ); /* IE6-9 */

	border:2px solid #000;
	color:#FFF;
}
#quick-nav .shadow
{
	padding:0 38px 0 0;
	height:18px;
	background:url(/img/ui/shadow-3d-sliding.png) no-repeat 100% -18px;
}
#quick-nav .shadow span
{
	display:block;
	height:100%;
	background:url(/img/ui/shadow-3d-sliding.png) no-repeat 0 0;
}
#quick-nav h3
{
	margin:0 30px 0 0;
	font-size:18px; font-weight:700; text-transform:uppercase; line-height:33px; vertical-align:middle; -webkit-font-smoothing:antialiased;
}
#quick-nav .form-separator
{
	padding:0 25px;
	font-size:17px; font-weight:700; font-family:"nimbus-sans", "Helvetica Neue", Helvetica, Arial;
}
#quick-nav h3, #quick-nav .form-separator, #quick-nav .custom-select
{
	display:inline-block;
}
#quick-nav .custom-select
{
	width:248px; text-align:left;
}

/* Regular Desktop */

@media only screen and (min-width:1024px) {

}

/* Tablet Portrait */

@media only screen and (min-width:768px) and (max-width:1023px) {

#quick-nav h3
{
	margin-right:15px;
}
#quick-nav .custom-select
{
	width:218px;
}
#quick-nav .form-separator
{
	padding:0 15px;
	font-size:12px;
}

}

/* Mobile Portrait & Landscape */
@media only screen and (max-width:767px) {

#quick-nav
{
	text-align:left;
}
#quick-nav .content
{
	padding:10px 15px 20px 15px;
}
#quick-nav h3, #quick-nav .form-separator, #quick-nav .custom-select
{
	display:block;
}
#quick-nav h3
{
	margin:0 0 13px 0;
	text-align:center;
}
#quick-nav .custom-select
{
	width:auto;
}
#quick-nav .form-separator
{
	padding:10px 0;
	font-size:14px; text-align:center;
}

}

/* Mobile Portrait */
@media only screen and (max-width:320px) {

}