

body {
	font-family: 'titillium';
	color: #222222;
	background: #f7f8fa;
}



/* Utilities
/*-----------------------------------------------------------*/

.valign {
	display: table;
	width: 100%;
}

.valign-content {
	display: table-cell;
	vertical-align: middle;
}

.border-t-1, .border-b-1 {
	border-color: #d1d5de;
}


/* Typography
/*-----------------------------------------------------------*/

@font-face {
    font-family: 'titillium';
    src: url('../fonts/titillium-regular-webfont.eot');
    src: url('../fonts/titillium-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-regular-webfont.woff2') format('woff2'),
         url('../fonts/titillium-regular-webfont.woff') format('woff'),
         url('../fonts/titillium-regular-webfont.ttf') format('truetype'),
         url('../fonts/titillium-regular-webfont.svg#titilliumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium';
    src: url('../fonts/titillium-semibold-webfont.eot');
    src: url('../fonts/titillium-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-semibold-webfont.woff2') format('woff2'),
         url('../fonts/titillium-semibold-webfont.woff') format('woff'),
         url('../fonts/titillium-semibold-webfont.ttf') format('truetype'),
         url('../fonts/titillium-semibold-webfont.svg#titilliumbold') format('svg');
    font-weight: 500;
    font-style: normal;

}

@font-face {
    font-family: 'titillium';
    src: url('../fonts/titillium-bold-webfont.eot');
    src: url('../fonts/titillium-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-bold-webfont.woff2') format('woff2'),
         url('../fonts/titillium-bold-webfont.woff') format('woff'),
         url('../fonts/titillium-bold-webfont.ttf') format('truetype'),
         url('../fonts/titillium-bold-webfont.svg#titillium_bdbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'titilliumregular_upright';
    src: url('../fonts/titillium-regularupright-webfont.eot');
    src: url('../fonts/titillium-regularupright-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-regularupright-webfont.woff2') format('woff2'),
         url('../fonts/titillium-regularupright-webfont.woff') format('woff'),
         url('../fonts/titillium-regularupright-webfont.ttf') format('truetype'),
         url('../fonts/titillium-regularupright-webfont.svg#titilliumregular_upright') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titilliumsemibold_upright';
    src: url('../fonts/titillium-semiboldupright-webfont.eot');
    src: url('../fonts/titillium-semiboldupright-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-semiboldupright-webfont.woff2') format('woff2'),
         url('../fonts/titillium-semiboldupright-webfont.woff') format('woff'),
         url('../fonts/titillium-semiboldupright-webfont.ttf') format('truetype'),
         url('../fonts/titillium-semiboldupright-webfont.svg#titilliumsemibold_upright') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titilliumbold_upright';
    src: url('../fonts/titillium-boldupright-webfont.eot');
    src: url('../fonts/titillium-boldupright-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-boldupright-webfont.woff2') format('woff2'),
         url('../fonts/titillium-boldupright-webfont.woff') format('woff'),
         url('../fonts/titillium-boldupright-webfont.ttf') format('truetype'),
         url('../fonts/titillium-boldupright-webfont.svg#titilliumbold_upright') format('svg');
    font-weight: normal;
    font-style: normal;
}



h1, h2, h3, h4, h5, h6, div, p, a, ul, ol, li, dl, dt, dd {
    margin-top: 0;
}

h1, h2, h3, h4, h5, h6, p, ul {
	margin-bottom: 25px;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.4;
}

strong {
	font-weight: bold;
}

h1 {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.2;
	text-transform: uppercase;
}

h2 {
	font-size: 24px;
	line-height: 1.2;
	font-weight: bold;
	text-transform: uppercase;
}

h3 {
	font-size: 18px;
	line-height: 1.2;
	color: #666666;
	font-weight: bold;
	letter-spacing: -1px;
}

h3 a {
	color: #666666;
}

h4 {
	font-weight: bold;
	margin-bottom: 15px;
	color: #333333;
	font-size: 14px;
}

h4 a {
	color: #333333 !important;
}

h5 {
	margin-bottom: 15px;
}

p {
	line-height: 1.6;
}

a {
	color: #e30009;
}

a:hover {
	color: #a80d11;
}

.text-sm {
	font-size: 12px;
}


.text-ranger {
	color: #c90001;
}

.heading-border {
	display: block;
	margin-bottom: 15px;
	border-bottom: 2px solid #e1e1e1;
	padding-bottom: 10px;
}

.heading-border h1, .heading-border h2, .heading-border h3 {
	margin-bottom: 0;
}

.heading-border h3 {
	color: #666666;
}

.heading-border a {
	color: #666666;
}

.sidebar .heading-border {
	border-color: #6fa909;
}

.sidebar .heading-border h3 {
	color: #6fa909;
}

.heading-border.heading-blue {
	border-color: #1177bb;
}

.heading-border.heading-blue h3 {
	color: #1177bb;
}

.heading-border.heading-blue a {
	color: #1177bb;
}

.ProductDetailsProductName {
	display: block;
	color: #222222;
	font-weight: bold;
	font-size: 30px;
}

.ProductDetailsProductName a {
	color: #333333;
	text-transform: capitalize;
}

.CategoryCategoryName {
	color: #222222;
	font-weight: bold;
	font-size: 30px;
	margin-bottom: 20px;
}

.heading-line {
	position: relative;
	display: block;
	padding-bottom: 20px;
	margin-bottom: 25px;
}

.heading-line h2, .heading-line h3, .heading-line h4 {
	margin-bottom: 0;
	color: #999999;
}

.heading-line a {
	color: #999999;
}

.heading-line:after {
	content: '';
	width: 20px;
	height: 1px;
	background: #4d5257;
	position: absolute;
	bottom: 0;
	left: 0;
}


hr {
	border-color: #e3eaf1;
	margin-bottom: 20px;
}

hr.tiny {
	border-color: #e3eaf1;
	width: 50px;
	margin-left: 0;
	margin-right: 0;
}

.fa-angle-right {
	font-size: 12px;
	font-weight: bold;
	color: #747474;
	margin-left: 4px;
	position: relative;
	top: 1px;
}





/* Colors
/*-----------------------------------------------------------*/


/* Text Color */

.text-primary {
	color: #8ac730;
}



/* Color Swatch */

.color-swatch {
	list-style: none;
	padding: 0;
	margin: 0 -18px 0 0;
}

.color-swatch li {
	float: left;
	margin-right: 18px;
	margin-bottom: 18px;
}

.color-swatch .swatch {
	width: 33px;
	height: 33px;
	border-radius: 5px;
	display: inline-block;
	vertical-align: top;
	border: 1px solid transparent;
}

.black {
	background-color: #000000;
}

.blue {
	background: #073a80;
}

.green {
	background: #016a72;
}

.light-blue {
	background: #0c8dff;
}

.pink {
	background: #ff9ec9;
}

.orange {
	background: #eb5a00;
}

.purple {
	background: #8d2ecb;
}

.yellow {
	background: #fff874;
}

.red {
	background: red;
}




/* Images
/*-----------------------------------------------------------*/

.img-thumbnail {
	padding: 0;
	border-radius: 0;
}

.img-block {
	width: 100%;
	display: block;
}


/* Thumbnail
/*-----------------------------------------------------------*/

.thumbnail:hover {
	border-color: #cac9c8 !important;
}




/* Alert
/*-----------------------------------------------------------*/

.alert {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	letter-spacing: 1px;
	box-shadow: 0 3px 0px rgba(240,240,240,1);
	margin-bottom: 16px;
	padding-left: 40px;
	padding-right: 40px;
}

.alert span {
	color: #333333;
}

.alert-success {
	background: #d7f1b2;
	border-color: #d7f1b2;
	color: #348d39;
}

.alert-success .ico {
	background-color: #b8db87;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 30px;
}



/* Form
/*-----------------------------------------------------------*/


input[type=text], input[type=password], input[type=email], select, textarea {
    min-height: 37px;
    padding: 7px 15px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: transparent;
    border: 1px solid #8ac730;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border-radius: 30px;
}

input[type=text] {
	-webkit-appearance: none;
}



input[type=text]:focus {
    border-color: #6a9b21 !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(111, 161, 36, .6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(111, 161, 36, .6) !important;
}

select {
	box-shadow: none;
	-webkit-appearance: none;
}

.MailingList input[type=text] {
	background: none;
	border: none;
	box-shadow: none !important;
}

.MailingList input[type=submit] {

}


/* Filter INput */

.filter-input {
	display: block;
	margin-bottom: 20px;
}

.filter-input .form-control {
	border: 1px solid #cccccc;
	background: #f2f2f2;
	box-shadow: none;
	border-radius: 0;
	padding-top: 11px;
	padding-bottom: 11px;
	height: 40px;
	font-size: 12px;
}


/* Checkbox */

.icheckbox {
    margin: 0;
    padding: 0;
    width: 12px;
    height: 12px;
    background: url(../images/checkbox.png) 0 0 no-repeat;
    border: none;
    cursor: pointer;
    margin-right: 8px;
    float: left;
    margin-top: 4px;
}
.icheckbox {
    background-position: 0 0;
}
.icheckbox.checked {
    background-position: 0px -12px;
    cursor: default;
}



/* Scrollbar
/*-----------------------------------------------------------*/

.scroll-pane {
    width: 100%;
    height: 208px;
    overflow: auto;
    outline: none;
}

.scroll-pane.scroll-off {
	height: auto;
	overflow: hidden;
}

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 3px;
	height: 100%;
	background: none;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: none;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #ffffff;
	position: relative;
	border-radius: 10px;
}

.jspDrag
{
	background: #989ca6;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	border-radius: 10px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}


/* Icons / FontAwesome
/*-----------------------------------------------------------*/

.ico {
	display: inline-block;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.ico-circle {
	width: 47px;
	height: 47px;
	border: 1px solid #d5d5d5;
	border-radius: 50%;
	line-height: 47px;
	text-align: center;
	font-size: 18px;
	color: #222222;
}

.ico-cart {
	background: url(../images/icons/icon-cart.png) 0 0 no-repeat;
	width: 16px;
	height: 16px;
	margin-right: 10px;
}

.ico-apple {
	background: url(../images/icons/icon-apple.png) 0 0 no-repeat;
	width: 18px;
	height: 22px;
}

.ico-samsung {
	background: url(../images/icons/icon-samsung.png) 0 0 no-repeat;
	width: 60px;
	height: 20px;
}

.ico-ce {
	background: url(../images/icons/icon-ce.png) 0 0 no-repeat;
	width: 21px;
	height: 21px;
}

.ico-video {
	background: url(../images/icons/icon-video.png) 0 0 no-repeat;
	width: 24px;
	height: 18px;
}

.ico-usb {
	background: url(../images/icons/icon-usb.png) 0 0 no-repeat;
	width: 15px;
	height: 23px;
}

.ico-lan {
	background: url(../images/icons/icon-lan.png) 0 0 no-repeat;
	width: 24px;
	height: 22px;
}

.ico-power {
	background: url(../images/icons/icon-power.png) 0 0 no-repeat;
	width: 14px;
	height: 20px;
}

.ico-cables {
	background: url(../images/icons/icon-cables.png) 0 0 no-repeat;
	width: 39px;
	height: 23px;
}

.ico-school-supplies {
	background: url(../images/icons/icon-school-supplies.png) 0 0 no-repeat;
	width: 19px;
	height: 24px;
}

/* Buttons
/*-----------------------------------------------------------*/

.btn {
	padding-top: 8px;
	padding-bottom: 8px;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 30px;
	padding-left: 20px;
	padding-right: 20px;
}

.btn-link {
	color: #cc0f15 !important;
	padding: 0;
}

.btn-link:hover {
	color: #a80d11 !important;
}

.btn-primary {
	background: #787878;
	border-color: #787878;
	color: #ffffff !important;
}

.btn-primary:hover, .btn-primary:focus {
	background: #313131;
	border-color: #313131;
	text-decoration: none !important;
}

.btn-secondary {
	background: #e30009;
	color: #ffffff !important;
	border-color: #e30009;
}

.btn-secondary:hover, .btn-secondary:focus {
	background: #980309;
	border-color: #980309;
}

.btn-arrow {
	position: relative;
	text-align: left;
}

.btn-arrow:after {
	content: '';
	content: '\f105';
	font-family: 'FontAwesome';
	position: absolute;
	top: 50%;
	right: 15px;
	font-size: 22px;
	font-weight: normal;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.btn-lg {
	font-size: 18px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}

.btn-sm {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 7px;
	padding-right: 7px;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
}

.btn-cart {
	height: 34px;
	display: block;
	width: 100px;
	border-left: 1px solid #cccccc;
	font-size: 12px;
	color: #999999;
	font-weight: bold;
	text-align: center;
}

.btn-cart:hover {
	color: #999999;
}


.btn-default {
	border: 2px solid #cccccc;
	border-radius: 5px;
}

.btn-default:hover {
	background: #cccccc;
	color: #ffffff;
	border-color: #cccccc;
}


.btn-circle-arrow {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: 2px solid #cccccc;
	outline: none;
	position: relative;
	padding: 0;
	margin: 0;
	font-family: 'FontAwesome';
	color: #1181dd;
	font-size: 22px;
	line-height: 42px;
	text-align: center;
	font-weight: bold;
	position: absolute;
	right: 0;
	top: 5px;
}

.btn-circle-arrow:after {
	content: '\f105';
	margin-left: 2px;
}

.btn-circle-arrow:hover:after {
	color: #1181dd;
}

.btn-view {
	font-size: 16px;
	color: #cc0f15;
	font-weight: bold;
	float: right;
	margin-top: 8px;
}


/* Navbar
/*-----------------------------------------------------------*/

.navbar {
	border: none;
	background-color: #ffffff;
	margin-bottom: 0px;
	position: relative;
	z-index: 10;
	box-shadow: none;
	border-radius: 0;
}

.navbar-content {
	background: url(../images/navbar-bg.jpg) 50% 0 repeat-x;
	height: 60px;
	color: #ffffff;
}

.navbar-brand {
	background: url(../images/logo.png) 0 0 no-repeat;
	width: 246px;
	height: 60px;
	display: block;
	text-indent: -99999px;
	float: left;
	margin-top: 17px;
	padding: 0;
	margin-left: 0px !important;
	position: relative;
    z-index: 2;
}

.navbar-collapse {
	background: #57adf2; /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU3YWRmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIzJSIgc3RvcC1jb2xvcj0iIzRlYTdlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgxJSIgc3RvcC1jb2xvcj0iIzI5OGZlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMjhhZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #57adf2 0%, #4ea7ef 23%, #298fe4 81%, #228ae2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57adf2), color-stop(23%,#4ea7ef), color-stop(81%,#298fe4), color-stop(100%,#228ae2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #57adf2 0%,#4ea7ef 23%,#298fe4 81%,#228ae2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #57adf2 0%,#4ea7ef 23%,#298fe4 81%,#228ae2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #57adf2 0%,#4ea7ef 23%,#298fe4 81%,#228ae2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #57adf2 0%,#4ea7ef 23%,#298fe4 81%,#228ae2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57adf2', endColorstr='#228ae2',GradientType=0 ); /* IE6-8 */
	border-top: none;
	padding-left: 0;
	padding-right: 0;
}

.navbar-nav {
	padding-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin: 0 !important;
}

#navi .container {
	position: relative;
}

.navbar-nav > li {
	position: static;
	border-right: 1px solid #e34d53;
	float: left !important;
}

.navbar-nav > li:first-child {
	border-left: 1px solid #e34d53;
}

.nav>li>a {
	padding: 0;
}

.nav>li>a:hover, .nav>li>a:focus {
	background: none;
}

.navbar-nav > li > a {
	font-size: 16px;
	padding-top: 20px;
	padding-bottom: 21px;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.2;
	position: relative;
}

.navbar-nav .navbar-toggle {
	float: none !important;
	display: inline-block !important;
	vertical-align: top;
	margin-top: 4px;
	margin-right: 5px;
	padding: 0;
	border-radius: 0;
}

.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:focus {
	color: #ffffff;
}

.navbar-default .navbar-nav>li>a:hover {
	color: #ffffff;
	border: none;
	background: #a30006;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	color: #ffffff;
	border: none;
	background: #a30006;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	color: #ffffff;
	border: none;
	background: #a30006;
}



/* Navbar Toggle */

.navbar-toggle {
	display: block;
	border: none;
	margin: 0;
	padding: 10px;
	float: right;
	font-size: 10px;
	text-transform: uppercase;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	border-radius: 5px;
}

.navbar-toggle {
	background: none !important;
}

.navbar-default .navbar-toggle .icon-bar {
	background: #ffffff;
	border-radius: 0;
}

.navbar-toggle .icon-bar {
	width: 20px;
	height: 2px;
}

.navbar-toggle .icon-bar+.icon-bar {
	margin-top: 3px;
}

.navbar-collapse {
	border-top: none;
	background: none;
}


/* Dropdown Menu */

.dropdown-menu {
	min-width: 100%;
	margin: 0;
	border: none;
	border-radius: 0;
	box-shadow: none;
	background: #62686f;
	padding: 0;
}

.dropdown-menu > li > a {
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	color: #fff;
	white-space: normal;
}

.dropdown-menu a {
	color: #999999;
}

.dropdown-menu a:hover {
	color: #333333;
}

.dropdown-menu > li > a:hover {
	background: #575B5F;
	color: #ffffff;
}


/* Dropdown Nav */


/* Top Bar */

.topbar {
	height: 80px;
	background-color: #ffffff;
	color: #666666;
	line-height: 80px;
}

.topbar:before, .topbar:after {
	content: '';
	display: table;
	clear: both;
}

/* Search Box */

.search-box {
	float: right;
	padding: 0;
	margin: 0;
	width: 520px;
	margin-top: 14px;
	background-color: #ffffff;
	border-radius: 30px;
}

.search-box input {
	border-color: #8ac730;
	color: #666666;
	font-size: 14px;
	font-weight: normal;
	border: none;
	font-family: 'titillium';
}

.search-box input:focus {
	box-shadow: none !important;
}

.search-box .btn {
	background: none;
	border: none;
	box-shadow: none !important;
	color: #787878;
	font-size: 15px;
}

.search-box .btn:hover {
	background: none;
	color: #787878;
}

.search-box input::-moz-placeholder {
	color: #787878;
	opacity: 1;
}
.search-box input:-ms-input-placeholder {
  	color: #787878;
}
.search-box input::-webkit-input-placeholder {
  	color: #787878;
}


/* Cart Box */


.cart-item {

}



.cart-item .price {
	font-size: 16px;
	color: #222222;
	font-family: 'titilliumsemibold_upright';
	display: inline-block;
	vertical-align: middle;
	margin-right: 25px;
}

.cart-box .fa-angle-down {
	color: #043f85;
	font-weight: bold;
	font-size: 16px;
	vertical-align: middle;
}



/* Cart Dropdown */

.cart-box {
	
}

.cart-box .dropdown-toggle {
	display: block;
	height: 80px;
	line-height: 80px;
	text-decoration: none !important;
	padding-left: 25px;
	padding-right: 25px;
}

.cart-box .dropdown-menu {
	min-width: 370px;
	right: 0;
	left: auto;
	border: none;
	border: 1px solid #d5d5d5;
	padding: 0;
	background-color: #ffffff;
}

.cart-box .dropdown-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.cart-box .dropdown-menu li {
	background-color: #f9f9f9;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid #d5d5d5;
}

.cart-box .dropdown-menu li:hover {
	background-color: #f4f4f4;
}

.cart-box .media {
	padding: 0;
}

.cart-box .dropdown-menu p {
	margin-bottom: 0;
	padding-right: 10px;
}

.cart-box .close-btn {
	font-size: 12px;
	color: #e30009;
	font-weight: bold;
	position: absolute;
	right: 4px;
	top: 50%;
	margin-top: -6px;
	font-family: Arial;
}

.cart-extras {
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 8px;
	padding-bottom: 18px;
}

.cart-extras .btn {
	margin-left: 16px;
}

.cart-box.open .dropdown-toggle {
	box-shadow: 0 8px 12px rgba(0,0,0,.175);
}

.cart-box.open .dropdown-toggle .fa-angle-down {
	color: #e30009;
}


/* Top Right */

.top-right {
	float: right;
}

.top-right > ul {
	float: right;
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 0;
}

.top-right > ul > li {
	font-size: 14px;
	display: table-cell;
	vertical-align: middle;
	padding-left: 27px;
	padding-right: 27px;
	border-left: 1px solid #d5d5d5;
	line-height: 1.42857143;
	height: 80px;
	position: relative;
}

.top-right > ul > li:last-child {
	border-right: 1px solid #d5d5d5;
}

.top-right > ul > li > a {
	text-decoration: none !important;
}

.register-btn {
	color: #e30009;
	font-size: 16px;
	font-family: 'titilliumsemibold_upright';
	text-transform: uppercase;
}

/* Contact Info */

.contact-info .fa {
	float: left;
	margin-right: 10px;
}

.contact-info a:hover {
	text-decoration: none;
}

.contact-info p {
	color: #62686f;
	overflow: hidden;
	margin-bottom: 0;
	line-height: 1.1;
	padding-top: 5px;
}

.contact-info .tel-num {
	font-size: 24px;
	display: block;
}

.tel-num a {
	color: #62686f;
}

.tel-num a:hover {
	text-decoration: none;
	color: #cc0f15;
}

/* Navbar Bottom */

.navbar-bottom {
	background-color: #62686f;
	clear: both;
}



/* Product Nav */

.product-nav .ico {
	display: block;
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin:0 auto;
	height: 39px;
	line-height: 39px;
	background-position: 0 50% !important;
}

.product-nav > li {
	float: left;
}

.product-nav > li > a {
	color: #ffffff;
	display: block;
	padding-top: 15px;
	padding-bottom: 20px;
	padding-left: 19px;
	padding-right: 18px;
	height: 100px;
}

.product-nav > li:last-child > a {
	padding-left: 17px;
	padding-right: 17px
}

.product-nav > li > a:hover {
	background-color: #393e44;
}

.product-nav > li > a:hover .nav-text:after {
	display: none;
}

.product-nav .nav-text {
	position: relative;
	display: block;	
}

.product-nav > li:first-child .nav-text:before {
	content: '';
	width: 1px;
	height: 20px;
	background: #333333;
	position: absolute;
	left: -18px;
	top: 50%;
	margin-top: -10px;
}

.product-nav .divider {
	clear: both;
	width: auto;
	display: block;
	float: none;
	height: 1px;
	background-color: #81868c;
}

.nav-text:after {
	content: '';
	width: 1px;
	height: 20px;
	background: #333333;
	position: absolute;
	right: -19px;
	top: 50%;
	margin-top: -10px;
}


/* CheckList Nav */

.checklist-nav {
	margin-bottom: 8px;
}

.checklist-nav li {
	background: url(../images/icons/icon-check.png) 0 8px no-repeat;
	background-size: 16px 16px;
	padding-left: 25px;
	float: left;
	min-height: 16px;
	line-height: 1.4;
	margin-bottom: 10px;
}




/* CircleCheck Nav */

.circlecheck-nav {

}

.circlecheck-nav li {
	background: url(../images/icons/icon-circle-check.png) 0 2px no-repeat;
	background-size: 20px 20px;
	padding-left: 30px;
	display: block;
	min-height: 20px;
	line-height: 1.4;
	margin-bottom: 24px;
}


/* Slideshow
/*-----------------------------------------------------------*/

.hero {
	overflow: hidden;
	position: relative;
}

.slide-1 {
	background: url(../images/hero/bg-1.jpg) 0 0 repeat-x #0fabba;
}

.slide-2 {
	background: url(../images/hero/bg-2.jpg) 0 0 repeat-x #4ea10a;
}

.slide-3 {
	background: url(../images/hero/bg-3.jpg) 0 0 repeat-x #c16f06;
}

.slide-4 {
	background: url(../images/hero/bg-4.jpg) 0 0 repeat-x #dcdcdc;
}


.hero .slider-main .slides {
	height: 446px;
	padding: 0;
	color: #013338;
}

.hero .slider-thumbs .slides {
	padding-top: 15px;
}

.hero h1 {
	color: #013338;
	font-family: 'titilliumbold_upright';
	font-size: 42px;
	line-height: 0.9;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.hero h1 span {
	font-size: 56px;
}

.hero h1 em {
	font-size: 30px;
	font-style: normal;
}

.hero .checklist-nav {
	font-size: 22px;
	color: #013338;
	font-family: 'titilliumbold_upright';
}

.hero .checklist-nav li {
	width: 50%;
}

.hero .slide-banner {
	float: right;
}

.hero .valign {
	height: 290px;
}

.hero .thumbs {
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
}

.slide-thumbs {
	border: 1px solid #ffffff;
	padding: 0;
	background-color: #ffffff;
	display: block;
	cursor: pointer;
}

.slide-thumbs-image {
	background-position: 50% 50% !important;
	background-repeat: no-repeat;
	background-size: cover !important;
	height: 100px;
	width: 100%;
	opacity: 0.6;
}

.hero .slider-thumbs .slick-active .slide-thumbs {
	position: relative;
}

.hero .slider-thumbs .slick-active .slide-thumbs:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border: 4px solid #ffffff;
}

.hero .slider-thumbs .slick-active .slide-thumbs-image {
	opacity: 1;
}

.hero .slider-thumbs .slick-active .slide-thumbs:before {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	top: -15px;
	left: 50%;
	margin-left: -14px;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #ffffff;
}




/* Price Tag */

.price-tag {
	background-color: #ffffff;
	position: relative;
	display: inline-block;
	height: 42px;
	padding-left: 20px;
	padding-right: 20px;
}

.price-tag:after {
	content:'';
	width: 0;
	height: 0;
	border-top: 21px solid transparent;
	border-bottom: 21px solid transparent;
	border-left: 21px solid #ffffff;
	position: absolute;
	right: -21px;
	top: 0;
	z-index: 1;
}

.price-tag:before {
	content:'';
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #0baab9;
	position: absolute;
	top: 50%;
	right: -13px;
	z-index: 2;
	margin-top: -4px;
}

.slide-2 .price-tag:before {
	background-color: #6bac10;
}

.slide-3 .price-tag:before {
	background-color: #d49204;
}

.slide-4 .price-tag:before {
	background-color: #dfdfdf;
}

.price-tag .lblPrice {
	font-size: 31px;
	color: #d8020c;
	font-family: 'titilliumbold_upright';
	line-height: 1.2;
}




/* Common Slider
/*-----------------------------------------------------------*/


.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    margin-top: -5px;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before, .slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
.slick-slide img {
    display: block;
    margin: auto;
    max-height: 306px;
    padding: 15px 0;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}


/* Dots */

.slick-dots {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
	padding-top: 14px;
}

.slick-dots li {
	display: inline-block;
	vertical-align: middle;
	margin-left: 4px;
	margin-right: 4px;
	width: 10px;
	height: 10px;
}

.slick-dots li button {
	width: 10px;
	height: 10px;
	background: none;
	border: none;
	text-indent: -99999px;
	border: 2px solid #999999;
	border-radius: 50%;
	margin: 0;
	padding: 0;
	outline: none;
}

.slick-dots li.slick-active button {
	background: #999999;
}


/* Arrows */

.slick-next, .slick-prev {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	outline: none;
	position: relative;
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	font-family: 'FontAwesome';
	color: #cc0f15;
	font-size: 38px;
	line-height: 42px;
	text-align: center;
	font-weight: normal;
	position: absolute;
	top: 50%;
	margin-top: -28px;
}

.slick-next {
	right: -42px;
}

.slick-prev {
	left: -42px;
}

.slick-next:hover, .slick-prev:hover {
	color: #a80d11;
}

.slick-next:after {
	content: '\f105';
	margin-left: 3px;

}

.slick-prev:after {
	content: '\f104';
	margin-right: 3px;
}



/* Main
/*-----------------------------------------------------------*/



	
/* Recently Viewed & Daily Deals
/*-----------------------------------------------------------*/

.recently-viewed .slides img,
.daily-deals .slides img {
	border: 1px solid #e3eaf1;
}

.recently-viewed .slides:hover img,
.daily-deals .slides:hover img {
	border-color: #cc0f15;
}	










/* Homepage Product
/*-----------------------------------------------------------*/

.ProductDisplay {
	
}

.ControlItem:not(.Slide) {
	background: #ffffff;
	color: #666666;
	font-weight: normal;
	border: 1px solid #e3eaf1;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin-bottom: 30px;
	box-shadow: none;
}

.ControlItem:not(.Slide):before, .ControlItem:not(.Slide):after {
	content: '';
	display: table;
	clear: both;
}

.ControlItem:not(.Slide):hover {
	border-color: #313131;
	box-shadow: 0px 0px 15px rgba(0,0,0,.1);
}

.ControlItem .caption, .category-product .caption {
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-top: 25px;
	font-size: 14px;
}

.ControlItem .caption-text {
	margin-bottom: 0px;
	position: relative;
	display: block;
	font-size: 16px;
	text-align: center;
	overflow: hidden;
}

.ControlItem .caption-text:after {
	content:'';
	width: 20px;
	height: 1px;
	overflow: hidden;
	background-color: #e3eaf1;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -10px;
}

.ControlItem:hover .btn-primary {
	background: #313131;
	border-color: #313131;
}

.ControlItem:hover h3 {
	color: #8ac730;
}

.caption p a {
	color: #222222;
}

.caption p a:hover {
	text-decoration: underline;
}

.caption a:hover {
	text-decoration: underline;
}

.caption p:last-child {
	margin-bottom: 0;
}

.ControlItem a, .category-product a {
	color: #222222;
}

.ControlItem p, .category-product p {
	line-height: 1.5;
	margin-bottom: 15px;
}

.ControlItem p:before, .ControlItem p:after, .category-product p:before, .category-product p:after {
	content:'';
	display: table;
	clear: both;
}

.homepage-product .thumbnail, .category-product .thumbnail {
	height: 160px;
	min-height: 0;
	line-height: 152px;
	margin-bottom: 0px;
	border: none !important;
	padding-top: 30px;
	text-align: center;
	padding: 0;
	border-bottom: 1px solid #e3eaf1 !important;
}

.homepage-product .thumbnail img, .category-product .thumbnail img {
	/* display: block; */
	max-height: 100%;
}

.lblPriceArea {
	font-size: 14px;
	float: none;
	color: #999999;
	font-weight: 500;
	line-height: 1.3;
	margin-top: 12px;
	display: block;
}

.lblPrice {
	color: #333333;
	font-size: 14px;
}

.lblPriceOld {
	font-size: 14px;
	color: #999999;
	text-decoration: line-through;
}


.product-flag {
	display: inline-block;
	font-size: 10px;
	font-weight: bold;
	padding-left: 0px;
	padding-top: 0px;
	top: 10px;
	left: 0px;
	height: 20px;
	text-align: left;
	padding-right: 12px;
	color: #ffffff;
	width: auto;
	text-transform: uppercase;
}

.product-flag span {
	box-shadow: none;
	position: relative;
	padding-top: 0px;
	padding-bottom: 0;
	display: inline-block;
	width: auto;
	padding-left: 10px;
	padding-right: 7px;
	height: 20px;
	line-height: 20px;
}

.sale {
	background: url(../images/ribbon-sale.png) 100% 0 no-repeat;
}

.sale span {
	background-color:  #ef1c24;
}

.new {
	background: url(../images/ribbon-new.png) 100% 0 no-repeat;
}

.new span {
	background-color:  #00a6b6;
}

.featured {
	background: url(../images/ribbon-featured.png) 100% 0 no-repeat;
}

.featured span {
	background: #e72c75;
}



/* Media
/*-----------------------------------------------------------*/

.media {
	padding: 15px 15px 15px 15px;
	position: relative;
}

.media p {
	margin-bottom: 10px;
}

.media-body {
	position: relative;
}

.media .media-left a {
    display: block;
    line-height: 60px;
    border: 1px solid #d5d5d5;
    background-color: #fff;
}

.media .media-object {
	width: 60px;
	max-height: 60px;
	max-width: none;
	display: inline;
	padding: 4px;
}

.media .lblPriceArea {
	float: none;
	display: block;
	margin-top: 0;
}



/* Media LIst */

.media-list {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 12px;
}

.media-list li {
	display: block;
	border-bottom: 1px solid #e1e1e1;
}

.media-list li:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}

.media-list li p:last-child {
	margin-bottom: 0;
}

.media-list .media {
	padding: 0;
	padding-bottom: 14px;
	margin-top: 0px;
	margin-bottom: 12px;
}

.media-list p {
	line-height: 1.3;
	margin-bottom: 0;
}

.media-list .caption {
	font-size: 14px;
}

.media-list .caption-text {
	min-height: 1px;
}



/* Category Features
/*-----------------------------------------------------------*/


.category-feature .media h3 {
	padding-right: 65px;
}




/* Shopping with us
/*-----------------------------------------------------------*/

.shopping-with-us {
	background: #ffffff;
	padding-top: 30px;
	padding-bottom: 20px;
	margin-bottom: 10px;
}

.shopping-with-us ul {
	font-size: 0;
}

.shopping-with-us li {
	float: none;
	font-size: 12px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin-bottom: 10px;
	border-bottom: none;
	margin-left: 0px;
	margin-right: 33px;
	padding-bottom: 0 !important;
}

.shopping-with-us li:last-child {
	margin-right: 0;
}


/* Brands
/*-----------------------------------------------------------*/

.brands {
	padding: 30px 0 30px 0;
	background: #ffffff;
	margin-bottom: 10px;
}

.brands .slides {
	padding-left: 12px;
	padding-right: 12px;
}

.brands .slider {
	padding-left: 130px;
	padding-right: 130px;
	padding-top: 5px;
}



/* Blog Homapage
/*-----------------------------------------------------------*/


.blog-home {
	background: #ffffff;
	color: #666666;
}

.BlogPost {
	margin-bottom: 45px;
}

.BlogPost:before, .BlogPost:after {
	display: table;
	content:'';
	clear: both;
}

.BlogPostImage {
	border: 2px solid #bbbaba;
}

.HomeBlogPost .BlogPostImage {
	float: left;
	margin-right: 20px;
}

.BlogPostPostedOnBy {
	font-size: 10px;
	color: #999999;
	display: block;
	margin-bottom: 12px;
}

.BlogPostTeaserDesc {
	padding-right: 15px;
	overflow: hidden;
}

.BlogPostTeaserDesc p {
	line-height: 1.4;
}

.BlogPostTeaserDesc a {
	font-size: 10px;
	font-weight: bold;
}






/* Filter
/*-----------------------------------------------------------*/

.filter {
	float: right;
}

.filter .select-form {
	width: 170px;
	float: left;
	margin-left: 10px;
	margin-top: 3px;
	margin-bottom: 15px;
}


#lblProductCountTop {
	letter-spacing: 1px;
	padding-top: 5px;
	display: block;
}

.product-count {
	float: left;
}

.ico-big {
	background: url(../images/icons/icon-big.png) 50% 50% no-repeat transparent;
	background-size: 22px 16px;
}

.ico-big:hover {
	background: url(../images/icons/icon-big.png) 50% 50% no-repeat #ffffff;
	background-size: 22px 16px;
}

.ico-list {
	background: url(../images/icons/icon-list.png) 50% 50% no-repeat transparent;
	background-size: 20px 13px;
}

.ico-list:hover {
	background: url(../images/icons/icon-list.png) 50% 50% no-repeat #ffffff;
	background-size: 20px 13px;
}

.ico-list-view {
	background: url(../images/icons/icon-list-view.png) 50% 50% no-repeat transparent;
	background-size: 20px 13px;
}

.ico-list-view:hover {
	background: url(../images/icons/icon-list-view.png) 50% 50% no-repeat transparent;
	background-size: 20px 13px;
}

.filter .btn-default {
	height: 26px;
	width: 33px;
}

.filter .btn-default:hover {
	background-color: #ffffff;
}

.filter .btn {
	margin-right: 10px;
}

.filter .btn:last-child {
	margin-right: 0;
}



/* List View
/*-----------------------------------------------------------*/

.list-view .ratings {
	margin-bottom: 12px;
}

.list-view h3 {
	color: #000000;
	margin-bottom: 20px;
}

.list-view h3 a {
	color: #000000 !important;
}

.list-view-info {
	background: #f3f1ed;
	padding: 20px;
	position: relative;
}

.list-view-info .btn {
	text-align: center;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}


.list-view .ControlItem {
	padding: 20px;
	padding-bottom: 0;
}

.list-view .product-flag {
	top: -27px;
	left: -8px;
}

.list-view .ControlItem:hover .btn {
	background: #f8722b;
	border-color: #f8722b; 
}

.list-view .ControlItem:hover .btn:hover {
	background: #bb4d12;
	border-color: #bb4d12;
	text-decoration: none !important;
}

.list-view .ControlItem:hover .lblPrice {
	color: #333333;
}

.list-view .ControlItem:hover a {
	color: #333333;
}


/* Footer
/*-----------------------------------------------------------*/


.footer-nav {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 25px;
}

.footer-nav > li {
	display: block;
	float: none;
	margin-bottom: 11px;
}

.footer-nav > li > a {
	color: #999999;
	font-size: 14px;
}

.footer-nav > li > a:hover {
	background: none;
	color: #ffffff;
	text-decoration: none;
}

.footer-nav > li:after {
	display: none;
}

.footer-content {
	background-color: #393e44;
	border: none;
	color: #ffffff;
	padding: 35px 0 35px 0;
}

.footer-content h4 {
	font-size: 16px;
	color: #ffffff;
	font-weight: 500;
}



.footer-bottom {
	border-top: 1px solid #4d5257;
	padding-top: 30px;
	padding-bottom: 25px;
}

.footer-bottom  p {
	margin-bottom: 0;
	line-height: 26px;
}

.footer-bottom a {
	color: #666666;
}

.designed a {
	color: #cc0f15 !important;
}


.cards {
	text-align: center;
}

.cards img {
	display: inline-block;
	vertical-align: top;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 30px;
}

.cards a:last-child {
	margin-right: 0;
}


.business-hours {
	font-size: 16px;
}

.business-hours p {
	line-height: 30px;
}


.copyright {
	float: left;
}

.designed {
	float: right;
}



/* Newsletter
/*-----------------------------------------------------------*/

.newsletter {
	background: url(../images/newsletter-bg.jpg) 50% 0 repeat-x;
	height: 166px;
	width: 100%;
	color: #ffffff;
	padding-top: 30px;
	padding-bottom: 25px;
}

.newsletter-box {
	background: #a30006;
	border-radius: 40px;
	padding-left: 15px;
	padding-right: 5px;
	max-width: 770px;
	margin: 0 auto;
}

.newsletter-box input {
	height: 50px;
	color: #ffffff;
	border: none;
	background: none;
}

.newsletter-box input::-moz-placeholder {
	color: #ffffff;
	opacity: 1;
}

.newsletter-box input:-ms-input-placeholder {
  	color: #ffffff;
}

.newsletter-box input::-webkit-input-placeholder {
  	color: #ffffff;
}

.newsletter-box .btn {
	background: none;
	border: none;
	color: #ffffff;
	outline: none !important;
	box-shadow: none !important;
}



/* Header Banner
/*-----------------------------------------------------------*/

.header-banner {
	background-position: 50% 50% !important;
	background-size: cover !important;
	height: 260px;
	color: #ffffff;
}

.header-banner .valign-content {
	height: 260px;
}

.header-product {
	line-height: 260px;
}

.header-banner h1 {
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 0;
}




/* Category
/*-----------------------------------------------------------*/

.category-wrapper {
	background: url(../images/inner-bg.png) 0 0 repeat-x #f8f8f8;
	min-height: 400px;
	padding: 30px 0 30px 0;
}

.category-bottom {
	border-top: 2px solid #e1e1e1;
	padding: 25px 0 0 0;
}




/* BreadCrumbs 
/*-----------------------------------------------------------*/


.breadcrumb {
	background: none;
	color: #999999;
	font-size: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 0;
	font-weight: 500;
}

.breadcrumb a {
	color: #e40811;
	margin-right: 5px;
	margin-left: 3px;
}

.breadcrumb a:first-child {
	margin-left: 0;
}

.breadcrumb b {
	margin-left: 5px;
	color: #62686f;
}




/* Top Cat Nav
/*-----------------------------------------------------------*/

.top-cat-nav {
	margin-bottom: 15px;
}

.top-cat-nav:before, .top-cat-nav:after {
	clear: both;
	content: '';
	display: table;
}

.sort-by {
	font-size: 11px;
}


.sort-by select {
	width: 220px;
	font-size: 11px;
	border: 2px solid #e1e1e1;
	min-height: 26px;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 10px;
	margin-left: 10px;
	position: relative;
	background: none;
	-webkit-appearance: none;
	background: url(../images/icons/icon-select-arrow.png) 100% 50% no-repeat;
	box-shadow: none;
}

.sort-by select:focus {
	border-color: #6a9b21 !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(111, 161, 36, .6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(111, 161, 36, .6) !important;
}


/* Left Column Layout
/*-----------------------------------------------------------*/

.LayoutLeftColumnInner {
	background-color: #dfe2e7;
	margin-bottom: 30px;
}

.LayoutLeftColumn .well {
	border: none;
	box-shadow: none;
	background: none;
	border-radius: 0;
	padding: 25px;
	margin: 0;
	border-bottom: 1px solid #e6e8ed;
}

.LayoutLeftColumn .panel:last-child {
	border-bottom: none;
}

.left-head {
	font-size: 16px;
	color: #222222;
	text-transform: uppercase;
	margin-bottom: 15px;
	display: none;
}
body.Category .left-head {
	display: block;
}

.navbar-header-leftcol {
	margin-bottom: 0;
}


.item-num {
	color: #c5c5c5;
}

.item-num em {
	font-style: normal;
}


/* Nav Pills / Nav Stacked
/*-----------------------------------------------------------*/


.nav-pills li {
	padding: 0;
	margin-bottom: 10px;
	border: none;
	display: block;
	position: relative;
	padding-left: 20px;
}

.nav-pills label {
	cursor: pointer;
	color: #393e44;
	font-weight: 500;
	margin-bottom: 0;
}

.nav-pills .icheckbox {
	position: absolute;
	left: 0;
	top: 0;
}

.nav-pills li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}

.nav-pills li a {
	padding-bottom: 0;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	color: #393e44;
	font-weight: 500;
	background: none !important;
	display: inline-block;
}

.nav-pills li a:hover {
	background: none;
}



/* Nav Tabs
/*-----------------------------------------------------------*/

.nav-tabs {
	border: none;
	margin-top: 10px;
	background: #dfe2e7;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	background: #62686f;
	color: #ffffff;
	border: none;
	position: relative;
}

.nav-tabs>li {
	margin-right: 0px;
	margin-bottom: 0;
}

.nav-tabs>li.active a:after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -10px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #62686f;
}

.nav-tabs>li>a {
	border: none;
	font-size: 14px;
	font-weight: bold;
	border-radius: 0;
	color: #222222;
	padding-top: 14px;
	padding-bottom: 14px;
	text-transform: uppercase;
	background: none;
	padding-left: 40px;
	padding-right: 40px;
	margin-right: 0;
}

.nav-tabs>li>a:hover, .nav-tabs>li>a:focus {
	background: #62686f;
	color: #ffffff;
}


.tab-content {
	padding-top: 30px;
	padding-bottom: 20px;
}




/* Pagination 
/*-----------------------------------------------------------*/


.pagination-container {
	float: right;
}

.pagination {
	color: #999999;
	height: 40px;
	background-color: #ffffff;
	border-radius: 40px;
	font-weight: bold;
	padding-left: 20px;
	border: 1px solid #d2d4d9;
	padding-right: 20px;
	margin: 0;
}


.pagination > li > a,
.pagination > .dotdotdot span {
	color: #e7222a;
	border: none;
	border-radius: 0px !important;
	margin: 0;
	background: none !important;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	display: block;
	line-height: 40px;
}

.pagination > li > a:hover, .pagination > li > span:hover {
	color: #222222;
}

.pagination > li > a:hover {
	background: none;
	color: #222222;
}

.pagination > li > span {
	border: none;
	margin-right: 4px;
	color: #999999;
	background: none !important;
	box-shadow: none;
	border-radius: 0 !important;
	margin-bottom: 5px;
}

.pagination > li.active > a, .pagination > li.active > a:hover {
	background: none;
	color: #222222;
}


/* Page Content
/*-----------------------------------------------------------*/

.page-content {
	background: #ffffff;
	border: 1px solid #e3eaf1;
	padding: 25px 30px;
}



/* Product
/*-----------------------------------------------------------*/

.product-breadcrumb {
	background: url(../images/inner-bg.png) 0 0 repeat-x;
	padding-top: 24px;
	padding-bottom: 24px;
}

.product-breadcrumb .breadcrumb, .product-breadcrumb .top-cat-nav {
	margin-bottom: 0;
}


/* Product Main */

.product-main {
	margin-bottom: 30px;
}

.product-main .bx-wrapper {
	margin-bottom: 0;
}


/* Product Thumbnails */

.product-thumbnails {
	
}

.bx-wrapper {
	position: relative;
	border: none;
	box-shadow: none;
	margin-top: 0px;
	display: block;
}

.bx-wrapper .bx-controls-direction a {
	text-indent: inherit;
	font-size: 0;
	width: auto;
	height: auto;
	margin-top: -12px;
}

.bx-wrapper .bx-next, .bx-wrapper .bx-prev {
	border-radius: 50%;
	background: none;
	border: none;
	outline: none;
	position: relative;
	padding: 0;
	margin: 0;
	font-family: 'FontAwesome';
	color: #e30009;
	font-size: 22px;
	line-height: normal;
	text-align: center;
	font-weight: bold;
	position: absolute;
	text-decoration: none !important;
	width: auto;
	height: auto;
}

.bx-controls-direction {
	opacity: 1 !important;
}

.bx-wrapper .bx-next {
	right: -25px;
	top: 50%;
}

.bx-wrapper .bx-prev {
	left: -25px;
	top: 50%;
}

.bx-wrapper .bx-next:hover, .bx-wrapper .bx-prev:hover {
	color: #a80d11;
}

.bx-wrapper .bx-next:after {
	content: '\f105';
	font-size: 16px;
}

.bx-wrapper .bx-prev:after {
	content: '\f104';
	font-size: 16px;
}



/* Product Info
/*-----------------------------------------------------------*/

.product-info {
	font-size: 16px;
}





/* share */

.share-btn {
	padding-top: 17px;
	display: inline-block;
	position: relative;
	margin-bottom: 25px;
}

.share-btn span {
	font-size: 16px;
	font-family: 'titilliumsemibold_upright';
	color: #222222;
	border: 1px solid #e3eaf1;
	padding: 10px 15px;
	position: relative;
	text-transform: uppercase;
	text-decoration: none !important;
	width: 120px;
	display: block;
	cursor: pointer;
}

.share-btn span:before {
	content:'';
	position: absolute;
	right: 15px;
	top: 15px;
	background: url(../images/icons/icon-plus.png) 0 0 no-repeat;
	background-size: 12px 12px;
	display: block;
	width: 12px;
	height: 12px;
}

.share-btn:hover {
	color: #222222;
}

.share-btn:hover .share-hover,
.share-btn.active .share-hover {
	opacity: 1;
	visibility: visible;
}

.share-hover {
	position: absolute;
	top: -40px;
	left: 50%;
	margin-left: -60px;
	background-color: #e3eaf1;
	padding: 10px 14px;
	display: block;
	width: 120px;
	height: 40px;
	opacity: 0;
	visibility: hidden;
}

.share-hover:after {
	content: '';
	position: absolute;
	bottom: -12px;
	left: 50%;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 12px solid #e3eaf1;
	margin-left: -8px;
}

.share-hover a {
	float: left;
	margin-right: 10px;
}

.share-hover img {
	display: block;
}

.share-hover a:last-child {
	margin-right: 0;
}


/* Logos */


.logo-content {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0;
	margin-bottom: -8px;
}

.logo-content li {
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	margin-bottom: 8px;
}

.logo-content li:last-child {
	margin-right: 0;
}




/* Product Details */

.page-header {
	border: none;
	margin: 0;
	position: relative;
	padding-bottom: 0;
}

.page-header:before, .page-header:after {
	content: '';
	display: table;
	clear: both;
}

.product-details {
	border: 3px solid #ffe1e2;
	padding: 20px 25px;
	max-width: 240px;
	float: right;
	margin: 0 auto;
}

.product-details .panel {
	border: none;
	box-shadow: none;
	margin-bottom: 10px;
}	

.product-details .panel:before, .product-details .panel:after {
	clear: both;
	display: table;
	content: '';
}

.product-details p {
	line-height: 1.7;
}

.product-details .h1 {
	float: left;
	color: #e30009;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: bold;
	font-size: 30px;
	margin-right: 23px;
}

.product-details .lblPriceOld {
	font-size: 20px;
	font-weight: 500;
	color: #777777;
	margin-left: 8px;
}

.product-details .lblPriceOld span[class*=PriceLabel] {
    display: none;
}

.price-promo {
	font-size: 12px;
	float: left;
	margin-top: 4px;
}

.price-promo p {
	line-height: 1.4;
}

.price-promo p:last-child {
	margin-bottom: 0;
}

.product-details h4 {
	font-weight: normal;
	color: #999999;
	margin-bottom: 15px;
}

.product-details #lblQuantity {
	font-weight: bold;
	color: #222222;
}





/* Product Specs */

.product-specs {
	list-style: none;
	padding: 0;
	margin: 0;
}

.product-specs li {
	margin-bottom: 4px;
}





/* Availability */

.availability-block {
	overflow: hidden;
	display: block;
	margin-bottom: 6px;
}

.availability-block:last-child {
	margin-bottom: 0;
}

.availability-block p:last-child {
	margin-bottom: 0;
}

.availability-info {
	float: left;
	width: 122px;
	padding-right: 18px;
	text-align: right;
	font-weight: bold;
}

.availability-details {
	overflow: hidden;
}

.in-stock {
	color: #e30009;
	font-weight: bold;
	text-transform: none;
}

.free-shipping {
	color: #c90001;
}

.product-details p {
	margin-bottom: 10px;
	line-height: 1.3;
}


.product-details label {
	font-weight: normal;
}

.product-details select {
	background: #ebebeb;
	border-color: #ebebeb;
	width: 100%;
	box-shadow: none;
}

.important {
	color: #ff5252;
}


/* Color Swatch */

.product-details .color-swatch li {
	margin-right: 8px;
}


/* Product Data */

.product-data {
	border-radius: 5px;
	border: 1px solid #cccccc;
	overflow: hidden;
	display: block;
	margin-bottom: 19px;
}

.product-data table {
	margin-bottom: 0;
	text-align: center;
	font-size: 12px;
}

.product-data th {
	background: #ebebeb;
	color: #333333;
	border-right: 1px solid #cccccc;
	text-align: center;
	border-top: none !important;
	font-weight: normal;

}

.product-data td, .product-data th {
	padding-left: 4px !important;;
	padding-right: 4px !important;;
	padding-top: 6px !important;;
	padding-bottom: 6px !important;
}

.product-data td {
	border-right: 1px solid #cccccc;
}

.product-data td:last-child, .product-data th:last-child {
	border-right: none;
}



/* Quantity Wrappery */

.qty-wrapper {
	border: none;
	padding: 0;
}

.qty-wrapper:before, .qty-wrapper:after {
	content: '';
	display: table;
	clear: both;
}


.product-details hr {
	margin-top: 10px;
	margin-bottom: 20px;
}

.qty-spinner .abs {
	background:none;
	color: #e30009;
	width: auto;
	height: auto;
	border-radius: 5px;
	text-align: center;
	line-height: normal;
	font-size: 10px;
	line-height: 1;
	cursor: pointer;
	position: absolute;
	right: 22px;
	top: 9px;
}

.qty-spinner .abs:hover {
	background: none;
	color: #a80d11;
}

.qty-spinner .minus {
	bottom: 6px;
	top: auto;
}

.qty-spinner {
	border: 1px solid #d2d4d9;
	border-radius: 20px;
	height: 40px;
	display: block;
	width: 90px;
	position: relative;
	text-align: center;
}

input.ProductDetailsQuantityTextBox,
input.ShoppingCartQtyTextbox {
	border: none;
	background: none;
	border-radius: 0;
	height: 38px;
	padding-top: 6px;
	padding-bottom: 6px;
	color: #222222;
	width: 55px;
	text-align: center;
	box-shadow: none;
	font-size: 14px;
	font-weight: 500;
}

input.ProductDetailsQuantityTextBox:focus {
	box-shadow: none !important;
}

.product-details .ProductDetailsQuantity {
	color: #999999;
	margin-right: 4px;
}


.product-details .ProductDetailsAddToCartButton {
	padding-left: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
	min-width: 1px;
	height: 40px;
	padding-right: 0;
	text-align: center;
	outline: none !important;
}


.product-details .logo-content {
	float: right;
	margin-bottom: -8px;
}

.product-details .featured-review {
	margin-bottom: 0;
}




/* Ratings */

.ratings:before, .ratings:after {
	content: '';
	display: table;
	clear: both;
}

.ratings {
	display: block;
	margin-bottom: 0px;
}

.ratings a {
	display: inline-block;
	vertical-align: top;
}

.ratings a img {
	display: block;
	margin-top: 2px;
}

.ratings .item-num {
	margin-left: 5px;
}






/* Responsive
/*-----------------------------------------------------------*/

/* All Devices, expect Mobile */
@media (min-width: 768px) {
	.collapse-content {
		display: block !important;
	}
	.custom-select {
		opacity: 0;
	}
}


/* Mobile to Ipad */
@media (max-width: 1023px) {




	/* Homepage Product
	/*-----------------------------------------------------------*/


	.ControlItem .thumbnail {
		/* min-height: 1px; */
		/* line-height: normal; */
	}

	.share-btn:target .share-hover {
		opacity: 1;
		visibility: visible;
	}



	/* List View
	/*-----------------------------------------------------------*/

	.list-view-info .btn {
		text-align: center;
		position: relative;
		top: 0;
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-ms-transform: translateY(0%);
		-o-transform: translateY(0%);
		transform: translateY(0%);
	}

	
}


/* Mobile */
@media (max-width: 767px) {
	

	.m-b-55 {
		margin-bottom: 30px !important;
	}

	.equal-height {
		height: auto !important;
	}

	


	/* Grid
	/*-----------------------------------------------------------*/


	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		  padding-left: 10px;
		  padding-right: 10px;

	}

	.container {
		padding-left: 10px;
		padding-right: 10px;
	}

	.row {
		margin-left: -10px;
		margin-right: -10px;
	}



	/* Typography
	/*-----------------------------------------------------------*/
	
	h1, h2, h3, h4, h5, h6, p {
		margin-bottom: 20px;
	}

	h1 {
		font-size: 24px;
	}

	h2 {
		font-size: 24px;
	}

	.ProductDetailsProductName {
		font-size: 24px;
		text-align: center;
	}



	/* Buttons 
	/*-----------------------------------------------------------*/


	.btn-view {
		margin-top: 4px;
	}




	/* Pagination 
	/*-----------------------------------------------------------*/



	.pagination-container {
		float: none;
		display: block;
		text-align: center;
	}

	.pagination > li > span {
		padding-left: 10px;
		padding-right: 10px;
	}

	.pagination > li > a {
		margin-left: 2px;
		margin-right: 2px;
	}


	/* Icons
	/*-----------------------------------------------------------*/

	.ico-mobile {
		margin-right: 5px;
	}

	.ico-cart {
		margin-right: 0;
	}



	/* Forms
	/*-----------------------------------------------------------*/


	select {
		box-shadow: none;
		-webkit-appearance: none;
	    height: 34px;
	    line-height: 34px;
	    padding-top: 0;
	    padding-bottom: 0;
	    border: 1px solid #d2d4d9 !important;
	    border-radius: 34px;
	    color: #222222;
	    font-size: 14px;
	    font-weight: 500;
	    padding-left: 20px;
	    padding-right: 20px;
	    box-shadow: none;
	    width: 100%;
	    background: url(../images/icons/icon-arrow-down.png) 94% 50% no-repeat #ffffff;
	    background-size: 11px 7px;
	}

	/* Buttons
	/*-----------------------------------------------------------*/



	/* Navbar
	/*-----------------------------------------------------------*/

	.navbar-brand {
		background-size: 160px 41px;
		width: 160px;
		height: 41px;
		margin-right: 0px;
		margin-top: 11px;
		margin-left: auto !important;
		margin-right: auto !important;
		float: left;
	}

	.navbar-nav > li > a {
		font-size: 14px;
		padding-left: 14px;
		padding-right: 14px;
		padding-top: 23px;
		padding-bottom: 21px;
	}

	.navbar-nav > li:last-child > a {
		padding-right: 15px;
	}

	.navbar-nav .navbar-toggle {
		margin-top: 2px;
	}


	/* Cart Dropdown */

	.cart-box .dropdown-toggle {
		display: block;
		height: 63px;
		line-height: 60px;
		text-decoration: none !important;
		padding-left: 10px;
		padding-right: 10px;
	}

	.cart-box .dropdown-menu {
		width: 100%;
		min-width: 282px;
	}

	.cart-box .dropdown-menu li {
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.cart-box .close-btn {
		right: 0px;
	}

	.cart-extras {
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.cart-extras .btn {
		margin-left: 10px;
	}


	.cart-item .price {
		margin-right: 6px;
	}



	/* Top Bar */

	.topbar {
		position: relative;
		z-index: 9;
		height: 63px;
	}

	.top-right > ul > li {
		padding-left: 10px;
		padding-right: 10px;
		height: 63px;
		position: relative;
		top: -1px;
	}



	/* Product Nav */

	.navbar-bottom .container {
		width: auto;
		padding-left: 10px;
		padding-right: 10px;
	}

	.product-nav {
		
	}

	.product-nav li {
		width: 50%;
		text-align: center;
	}

	.product-nav li.divider {
		margin-left: -10px;
		margin-right: -10px;
	}

	.product-nav li .nav-text:before {
		display: none;
	}

	.product-nav li:nth-child(2) .nav-text:after, .product-nav li:nth-child(5) .nav-text:after, .product-nav li:nth-child(9) .nav-text:after, .product-nav li:nth-child(12) .nav-text:after, .product-nav li:last-child .nav-text:after {
		display: none;
	}

	.nav-text:after {
		background: #81868c ;
	}



	/* Nav Tabs
	/*-----------------------------------------------------------*/

	.nav-tabs>li {
		display: block;
		float: none;
		margin-right: 0px;
		margin-bottom: 0;
	}

	.nav-tabs>li>a {
		padding-left: 20px;
		padding-right: 20px;
	}

	/* Slideshow
	/*-----------------------------------------------------------*/


	.hero .slider-main .slides {
		height: 240px;
	}

	.hero h1 {
		font-size: 20px;
		margin-bottom: 14px;
	}

	.hero h1 span {
		font-size: 23px;
	}

	.hero h1 em {
		font-size: 17px;
		font-style: normal;
	}

	.hero .checklist-nav {
		font-size: 11px;
	}

	.hero .checklist-nav li {
		background-size: 11px 11px;
		background-position: 0 3px;
		padding-left: 18px;
	}

	.hero .valign {
		height: 240px;
	}


	/* Price Tag */

	.price-tag {
		height: 28px;
		padding-left: 12px;
		padding-right: 12px;
	}

	.price-tag:after {
		border-top: 14px solid transparent;
		border-bottom: 14px solid transparent;
		border-left: 14px solid #ffffff;
		position: absolute;
		right: -14px;
	}

	.price-tag:before {
		width: 4px;
		height: 4px;
		right: -5px;
		z-index: 2;
		margin-top: -2px;
	}

	.price-tag .lblPrice {
		font-size: 20px;
	}



	/* Homepage Product
	/*-----------------------------------------------------------*/

	.ControlItem:not(.Slide) {
		margin-bottom: 10px;
	}

	.ControlItem .caption {
		padding-left: 40px;
		padding-right: 40px;
	}

	.featured-banner img {
		margin-bottom: 10px;
	}


	/* Filter
	/*-----------------------------------------------------------*/

	.filter {
		float: none;
		display: block;
	}
	
	.filter .select-form {
		/* float: none; */
		/* display: block; */
		/* width: auto !important; */
		/* margin-left: 0; */
	}

	.product-count {
		float: none;
		display: block;
		text-align: center;
	}



	
	/* Main
	/*-----------------------------------------------------------*/



	/* Newsletter
	/*-----------------------------------------------------------*/

	.newsletter {
		height: 120px;
		padding-top: 15px;
		padding-bottom: 25px;
	}

	.newsletter h2 {
		font-size: 16px;
	}



	/* Footer
	/*-----------------------------------------------------------*/

	.copyright {
		float: none;
		display: block;
	}

	.designed {
		float: none;
		display: block;
	}


	.footer-content {
		padding-bottom: 15px;
		padding-top: 0;
	}


	.footer-bottom {
		padding-bottom: 0;
		padding-top: 14px;
		margin: 0;
	}

	.footer-content .heading-line {
		border-bottom: 1px solid #4d5257;
		padding-top: 15px;
		padding-bottom: 15px;
		cursor: pointer;
		display: block;
		position: relative;
		margin-bottom: 0;
	}

	.footer-content .heading-line:after {
		display: block;
		background: none;
		width: auto;
		height: auto;
		position: absolute;
		right: 0;
		left: auto;
		top: 50%;
		margin-top: -10px;
		content:'+';
		font-weight: bold;
		font-size: 16px;
		font-family: Arial;
	}

	.footer-content .heading-line.active:after {
		content: '_';
		margin-top: -15px;
	}


	.cards {
		text-align: left;
		padding-top: 18px;
		display: block;
	}

	.cards img {
		margin-left: 0;
		margin-right: 13px;
		margin-bottom: 18px;
	}

	.cards img:last-child {
		margin-right: 0;
	}




	/* Footer Collapse */

	.collapse-content {
		display: none;
		padding-top: 20px;
		margin-bottom: 0;
		padding-bottom: 10px;
		border-bottom: 1px solid #4d5257;
	}	
	




	/* Header Banner
	/*-----------------------------------------------------------*/

	.header-banner {
		background-position: 75% 50% !important;
	}

	.header-product {
		display: none;
	}

	.sort-by {
		margin-bottom: 40px;
	}


	/* Page Content
	/*-----------------------------------------------------------*/

	.page-content {
		background: #ffffff;
		border: 1px solid #e3eaf1;
		padding: 25px 15px;
		margin-bottom: 35px;
	}


	

	/* Product Details
	/*-----------------------------------------------------------*/

	.product-details {
		float: none;
	}
	

	.ProductDetailsSocialBookmarks {
		margin-bottom: 20px;
	}

	.product-details p {
		line-height: 1.7;
	}

	.product-details .h1 {
		float: none;
		display: block;
		margin-bottom: 20px;
	}

	.product-details h4 {
		font-weight: normal;
		color: #999999;
		margin-bottom: 15px;
	}

	.product-details .qty-wrapper {
		float: none;
		display: block;
	}

	.product-main .ProductDetailsProductName {
		font-size: 18px;
	}


	.bx-wrapper {
		max-width: 155px !important;
	}
	

	


}



/* Mobile 480px - 768*/
@media (min-width: 480px) and (max-width: 767px) {
	
}


/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) {


	.container {
		width: 730px;
	}

	

	/* Navbar
	/*-----------------------------------------------------------*/


	/* Top Right */


	.top-right > ul {
		float: right;
		padding: 0;
		margin: 0;
		list-style: none;
		font-size: 0;
	}

	.top-right > ul > li {
		padding-left: 10px;
		padding-right: 10px;
	}



	.cart-box .dropdown-toggle {
		padding-left: 10px;
		padding-right: 10px;
	}

	.cart-item .price {
		margin-right: 10px;
	}


	.search-box {
		width: 332px;
	}
	

	.navbar-nav > li > a {
		padding-left: 16px;
		padding-right: 16px;
	}


	/* Product Nav */

	.navbar-bottom .container {
		width: auto;
		padding-left: 25px;
		padding-right: 25px;
	}

	.product-nav {
		
	}

	.product-nav li {
		width: 20%;
		text-align: center;
	}

	.product-nav li.divider {
		margin-left: -25px;
		margin-right: -25px;
	}

	.product-nav li:nth-child(9) .nav-text:before {
		content: '';
		width: 1px;
		height: 20px;
		background: #333333;
		position: absolute;
		left: -18px;
		top: 50%;
		margin-top: -10px;
	}



	/* Slideshow
	/*-----------------------------------------------------------*/


	.hero .slider-main .slides {
		height: 370px;
	}

	.hero .slider-thumbs .slides {
		padding-top: 10px;
	}

	.hero h1 {
		font-size: 39px;
		margin-bottom: 14px;
	}

	.hero h1 span {
		font-size: 46px;
	}

	.hero h1 em {
		font-size: 31px;
		font-style: normal;
	}

	.hero .checklist-nav {
		font-size: 14px;
	}

	.hero .checklist-nav li {
		background-size: 11px 11px;
		background-position: 0 3px;
		padding-left: 18px;
	}

	.hero .valign {
		height: 270px;
	}

	.hero .thumbs {
		bottom: 20px;
	}

	.slide-thumbs-image {
		height: 60px;
	}

	.hero .slider-thumbs .slick-active .slide-thumbs:before {
		top: -10px;
		margin-left: -10px;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #ffffff;
	}


	/* Price Tag */

	.price-tag {
		height: 38px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.price-tag:after {
		border-top: 19px solid transparent;
		border-bottom: 19px solid transparent;
		border-left: 19px solid #ffffff;
		position: absolute;
		right: -19px;
	}

	.price-tag:before {
		width: 6px;
		height: 6px;
		right: -12px;
		z-index: 2;
		margin-top: -2px;
	}

	.price-tag .lblPrice {
		font-size: 30px;
	}


	/* Footer
	/*-----------------------------------------------------------*/

	.bottom-links {
		display: block;
		float: none;
		margin-bottom: 15px;
	}

	.cards {
		float: none;
		display: block;
		margin-bottom: 20px;
		text-align: right;
	}



	/* Homepage Product
	/*-----------------------------------------------------------*/

	.ControlItem .caption {
		padding-left: 18px;
		padding-right: 18px;
	}



	/* Recently Viewed
	/*-----------------------------------------------------------*/

	.recently-viewed {
		
	}

	.slick-next, .slick-prev {
		width: auto;
		height: auto;
	}

	.slick-next {
		right: -7px;
	}

	.slick-prev {
		left: -4px;
	}


	.cards {
		text-align: left;
	}

	.cards img {
		margin-left: 0;
		margin-right: 30px;
	}



}


/* Desktop Normal Screen */
@media (min-width: 1024px) and (max-width: 1199px) {

	.container {
		width: 994px;
	}


	/* Navbar
	/*-----------------------------------------------------------*/


	li.dropdown:hover .dropdown-menu {
		display: block !important;
	}

	.product-nav > li > a {
		color: #ffffff;
		display: block;
		padding-top: 15px;
		padding-bottom: 20px;
		padding-left: 11px;
		padding-right: 10px;
		height: 100px;
		font-size: 13px;
	}

	.product-nav > li:last-child > a {
		padding-left: 11px;
		padding-right: 11px
	}

	.product-nav > li:first-child .nav-text:before {
		left: -11px;
	}

	.nav-text:after {
		right: -12px;
	}



	/* Media
	/*-----------------------------------------------------------*/


	.media-banner {
		width: 90px;
		padding-right: 10px;
	}



	/* Category Feature
	/*-----------------------------------------------------------*/


	.category-feature .media {
		min-height: 160px;
	}

	.category-feature .media h3 {
		padding-right: 65px;
	}


	/* Promo
	/*-----------------------------------------------------------*/

	.main-promo .promo-block img {
		height: 151px;
	}



	/* Main
	/*-----------------------------------------------------------*/

	.main-top  .content {
		padding-right: 18px;	
	}

	.main-top  .sidebar {
		padding-left: 12px;
	}


	/* Slideshow
	/*-----------------------------------------------------------*/

	.slide-block {
		height: 312px;
		padding-top: 40px;
	}


	
	/* Brands
	/*-----------------------------------------------------------*/


	.brands .slider {
		padding-left: 110px;
		padding-right: 110px;
	}



	/* Homepage Product
	/*-----------------------------------------------------------*/

	.ControlItem .caption {
		padding-left: 20px;
		padding-right: 20px;
	}

	.ControlItem .caption .lblPriceArea {
		float: none;
		display: block;
		margin-bottom: 10px;
	}

	.ControlItem .caption .btn {
		float: none !important;
	}




}




/* WideScreen */
@media (min-width: 1200px) {
	.container {
		width: 1200px;
	}
	li.dropdown:hover .dropdown-menu {
		display: block !important;
	}
}