/*
bootstrap reset already done
admincss added if admin is logged in

coscoproducts pallette
dorel blue: rgba(16, 71, 117,1);
*/


/* Sticky footer styles
-------------------------------------------------- */
html {
position: relative;
min-height: 100%;
}
body {
margin-top: 0;
background-color: #FFF;
font-family: 'Raleway', sans-serif; /*'Open Sans', sans-serif;*/
}
.footer {
background: rgb(247, 247, 247);
padding: 30px 0;
}
.form-group { margin: 25px; }
a {
text-decoration: none;
}
a:hover, a:visited, a:active {
color: #065584;
text-decoration: none;
}
.list-group-item { padding: 3px 5px; }
.list-group-item.selected { background: #eee; }
 
.navbar-brand { width: 400px;  display: inline-block; margin: 31px 0 10px 20px; padding: 0;}

.navbar-collapse { 
clear:both;
}
#SearchBox select { margin-bottom: 3px; }

.nav-tabs li {
-webkit-transform: skew(30deg);
-moz-transform: skew(30deg);
-o-transform: skew(30deg);
background: rgba(16, 71, 117,.6);
margin: 0 5px 0 0;
}
.nav>li>a:focus,.nav>li>a:hover {
text-decoration: none;
background-color: transparent;
}
.nav-tabs li a {
background: transparent;
color:#FFF;
padding: 5px 10px;
-webkit-transform: skew(-30deg);
-moz-transform: skew(-30deg);
-o-transform: skew(-30deg);
border: none;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
border: none;
background: transparent;
color: #FFF;
}
.nav-tabs>li.active, .nav-tabs>li.active:focus, .nav-tabs>li.active:hover {
border: none;
background: rgba(16, 71, 117,1);
color: #FFF;
}
.nav-tabs {
border-bottom: 1px solid rgba(16, 71, 117,1);
overflow: hidden;
}
.nav-tabs li:first-child {

margin-left: -10px;
padding-left: 15px;
}
.nav-tabs li.active:first-child {

margin-left: -10px;
padding-left: 15px;
}
.nav-tabs li.activefirst-child:hover {
border-left: 20px solid rgba(16, 71, 117,1);
}

.tab-content {
border-left: 1px solid rgba(16, 71, 117,1);
min-height: 300px;
}



.item-overlay {
width: 300px;
height: 300px;
border-radius: 300px;
background: rgba(17,154,235,.4);
text-align: center;
color: #FFF;
text-transform: uppercase;
font-size: 40px;
line-height: 45px;
position: absolute;
top: 100px;
left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
}
.item-overlay-center {
  position: relative;
  top: 50%;
  transform: translateY(-40%);
}
.carousel-indicators {

}
.carousel-indicators li, .carousel-indicators .active {
width: 14px;
height: 14px;
}

.navbar-header { display: inline-block; font-family: 'Open Sans', sans-serif; }
.navbar {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#265c8b+38,bfd5ea+63,bfd5ea+63 */
background: #265c8b; /* Old browsers */
background: -moz-linear-gradient(left, #265c8b 38%, #bfd5ea 63%, #bfd5ea 63%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #265c8b 38%,#bfd5ea 63%,#bfd5ea 63%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #265c8b 38%,#bfd5ea 63%,#bfd5ea 63%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#265c8b', endColorstr='#bfd5ea',GradientType=1 ); /* IE6-9 */
border: none !important;
border-radius: 0;
}
#navbar-backer { background-image: url(CoscoProductsTemplates2/front-end/images/coscoheader-bg.png); background-size: 100%;
    background-position: center center; }
.navbar .container { 

border-radius: 0;
margin-bottom: 0;
border: none;
}




 /* Elastislide Style */

.elastislide-list {
	list-style-type: none;
	display: none;
}

.no-js .elastislide-list {
	display: block;
}

.elastislide-carousel ul li {
	min-width: 20px; /* minimum width of the image (min width + border) */

}

.elastislide-wrapper {
	position: relative;
	/*background-color: #fff;*/
	margin: 0 auto;
	min-height: 40px;
	/*box-shadow: 1px 1px 3px rgba(0,0,0,0.2);*/
}

.elastislide-wrapper.elastislide-loading {
	background-image: url(/CoscoProductsTemplates2/front-end/images/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.elastislide-horizontal {
	padding:4px 36px;
}

.elastislide-vertical {
	padding: 36px 4px;
}

.elastislide-carousel {
	overflow: hidden;
	position: relative;
}

.elastislide-carousel ul {
	position: relative;
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 0;
	-webkit-backface-visibility: hidden;
	-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;
	font-size:0pt;
}

.elastislide-carousel ul li {
	margin: 0;
	-webkit-backface-visibility: hidden;

}

.elastislide-horizontal ul li {
	height: 100%;
	display: inline-block;
	padding:0;
	max-height: 80px !important;
}
#mainimagecarousel {
max-height: 85px !important;
}


.elastislide-vertical ul li {
	display: block;
}

.elastislide-carousel ul li a {
	display:block;
	outline:none;
	border:4px solid #fff;
	-webkit-transition:border-color .2s ease-in , background-color .2s ease-in;
	-moz-transition:border-color .2s ease-in , background-color .2s ease-in;
	-o-transition:border-color .2s ease-in , background-color .2s ease-in;
	-ms-transition:border-color .2s ease-in , background-color .2s ease-in;
	transition:border-color .2s ease-in , background-color .2s ease-in;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
}

.elastislide-carousel ul li a img {
	display: block !important;
	max-width: 100%;
	/*border:4px solid #fff;*/
	border:none;

}

.elastislide-carousel ul li.active a { border:4px solid #f60; }

/* Navigation Arrows */
.elastislide-horizontal nav span {
	position:absolute;
	background-image:url(/CoscoProductsTemplates2/front-end/images/nav-h1.gif);
	width:19px;
	height:33px;
	text-indent: -9000px;
	cursor:pointer;
	background-position: -8px center;
	background-repeat:no-repeat;

}
.elastislide-horizontal nav span {
	top: 50%;
	left: 10px;
	margin-top: -16px;
}
.elastislide-horizontal nav span.elastislide-next {
	right: 10px;
	left: auto;
	background-position:-128px center;
}
.elastislide-horizontal nav span:hover {
	background-position:-48px center;
}
.elastislide-horizontal nav span.elastislide-next:hover {
	background-position:-88px center;
}


.am-wrapper{
	float:left;
	position:relative;
	overflow:hidden;
}
.am-wrapper img{
	position:absolute;
	outline:none;
}

.productshots  {
padding: 0;
} 


#formoptions {
background-color: #395f82;
color: #FFF;
box-shadow: 1px 1px 1px 1px rgba(0,0,0,.4);
padding: 20px;
margin-bottom: 30px;
text-align: center;
display: none;
}

#formoption {
padding: 2px;
text-align: left;
color: #000;
}

.formdisabled {
opacity: .4;
}


.navbar-nav { float: none; }
.nav > li > a { display: inline-block; }
.navbar-nav > li > a { padding: 5px 10px; }

.addthis-smartlayers { margin-left: -40px; }

#wrap {
min-height: 600px;
}

#main {
padding: 5px 15px;
}
#main, #productcontent {
overflow-x:hidden;
overflow-y:visible;
}
#productcontent {
padding: 30px 0;
}
#productcontent .row {
margin: 0; 
}
p {
margin: 10px 0 3px 0;
}

.padded-row {
padding: 100px 0;
}


.red-row {
background: rgba(117, 16, 26, 1);
color: #FFF;
text-align: center;
}
.red-row-overlay {
background: rgba(117, 16, 26, .6);
}
.yellow-row {
background: rgba(255, 204, 0, 1)
position: relative;
text-align: center;
}
.white-row {
background: #FFF;
color: #333;
position: relative;
text-align: center;
}

.blue-row {
background: rgba(19, 152, 170, 1);
position: relative;
text-align: center;
}
.black-row {
background: rgba(97, 97, 99, 1);
position: relative;
}
.black-row-overlay {
background: rgba(97, 97, 99, .6)
}
.textpanel {
background: rgba(155, 30, 43, 0.72);
padding: 30px;
max-width: 600px;
color: #FFF;
font-size: 14px;
text-align: center;
margin: 300px auto 0 auto;
}
.textpanel h3 {
margin: 10px 0;
font-size: 1.6em;
font-weight: 600;
letter-spacing: .075em;
text-transform: uppercase;
line-height: 1.1;
margin-bottom: 20px;
}
.center, .center p {
  text-align: center;
  padding-bottom: 15px;
}
.bigblock {
margin: 10px 0;
font-size: 2.5em;
font-weight: 600;
letter-spacing: .075em;
text-transform: uppercase;
line-height: 1.5;

margin-bottom: 25px;
width: 100%;
text-align: center;
}
.bigblock .fa {
display: block;
}


#videoblocks a { 
display: inline-block;
}



.videolink { 
width: 200px;
height: 170px;
padding: 5px;
text-align: center; 
margin-bottom: 10px; 
display: inline-block;
font-size: 11px;
line-height: 15px;
cursor: pointer;
position: relative;
}
.videolinkimg {
width: 200px;
height: 100px;
text-align: center;
margin-bottom: 10px;
background: #eee;
}
.videolinkimg img {
max-width: 100%;
max-height: 100%;
}

.videolink .fa-play {
font-size: 80px;
opacity: .8;
color: #eee;
width:80px;
height: 80px;
margin: auto;
position: absolute;
top: 18px; 
left: 70px;
-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.videolink:hover .fa-play {
opacity: 1;
color: #00447c;
}



/* Specific styles -------------------------------------------------- */


.carousel-bg { width: 100%; position: relative; background-size: cover; }
.carousel-text span { display: block; }
.carousel-main { text-shadow: -2px 2px 1px rgb(193, 193, 193); font-weight: 700; text-align: right; text-transform: capitalize; position: absolute; top: 495px; bottom: 30px; left: 80px; right: 80px; color: #FFF; font-size: 80px; display: block; }
.carousel-text { padding: 10px; position: absolute; top: 140px; bottom: auto; left: 120px; width: 445px; color: #FFF; background: rgba(160,160,160,.6); text-transform: uppercase; }
.carousel-head { font-size: 43px; line-height: 45px; text-shadow: -2px 2px 1px rgb(193, 193, 193); font-weight: 700; letter-spacing: -1px }
.carousel-body { padding-top: 10px; font-size: 25px; line-height: 28px; font-weight: 300; width: 385px }
.carousel-browse { padding-top: 70px; font-size: 25px; line-height: 30px; font-weight: 300; }

@media screen and (max-width: 468px) {
	.carousel-main { top: auto;  left: 0; right: 5%; font-size: 33px; }
	.carousel-text { top: 20%; bottom: auto; left: 0; width:70%; padding-left: 40px; min-width: 270px;  }
	.carousel-head { font-size: 25px; line-height: 28px; }
	.carousel-body { padding-top: 10px; font-size: 14px; line-height: 18px; width: 80%;}
	.carousel-browse { padding-top: 10px; font-size: 12px; line-height: 15px; }
	.carousel-bg { height: 300px; }
	#fixed-helper { display: none; }
	#utility-block ul { margin-left: 0; padding: 0; }
	
}

@media (min-width: 467px) {
	.carousel-main { top: auto;  left: 0; right: 5%; font-size: 43px; }
	.carousel-text { top: 30%; bottom: auto; left: 0; width: 65%; padding-left:80px; }
	.carousel-head { font-size: 32px; line-height: 34px; }
	.carousel-body { padding-top: 10px; font-size: 17px; line-height: 20px; width: 80%;}
	.carousel-browse { padding-top: 10px; font-size: 14px; line-height: 19px; }
	.carousel-bg { height: 400px; }
}

@media (min-width: 768px) and (max-width: 992px) {
	.carousel-main { top: auto;  left: 0; right: 5%; font-size: 60px; }
	.carousel-text { top: 30%; bottom: auto; left: 0; width: 57%; padding-left: 80px; }
	.carousel-head { font-size: 43px; line-height: 47px; }
	.carousel-body { padding-top: 10px; font-size: 25px; line-height: 28px; width: 80%; }
	.carousel-browse { padding-top: 10px; font-size: 18px; line-height: 22px; }
	.carousel-bg { height: 580px; }
}

@media (min-width: 992px) {
	.carousel-main { top: auto; left: 0; right: 5%; font-size: 70px; }
	.carousel-text { top: 140px; left: 0; width: 525px; padding-left: 120px; }
	.carousel-head { font-size: 43px; line-height: 48px; }
	.carousel-body { padding-top: 10px; font-size: 30px; line-height: 34px; font-weight: 300; width: 385px }
	.carousel-browse { padding-top: 10px; font-size: 18px; line-height: 22px; }
	.carousel-bg { height: 700px; }
}




.input-mini { width: 60px; } .input-small { width: 90px; } .input-medium { width: 150px; } .input-large { width: 190px; } .input-xlarge { width: 270px; } .input-xxlarge { width: 530px; }
.inline { display: inline-block; }

h1 { font-size: 25px; line-height: 29px; font-weight:500; margin: 25px 0 25px 0; }
h2 { font-size: 1.8em; font-weight: 500; margin: 15px 0 5px 0; }
h3 { font-size: 18px; line-height: 21px; margin: 20px 0 5px 0; font-weight: 600; }
#home-trendy h2 { text-align: center; font-size: 3.3em; color:#BBB; margin: 50px 0 0 0; text-transform: uppercase; }

#productcontent h1 { margin: 1px 0 6px 0; }
#productcontent h2 { margin: 0 0 20px 0; color: rgba(16, 71, 117,1); font-size: 14px; }
#productcontent h3 { margin: 15px 0 3px 0; }

.form-horizontal .control-label { font-weight: normal; }

.tab-pane {
width: auto;
}

.tab-pane-sub {
display: none;
}
.tab-content>.tab-pane {
padding: 15px;
}

.fullmodal .modal-dialog {
width: 100%;
height: 100%;
margin: 0 !important;
}

.thumbnail { padding: 0; }

.toppad { padding-top: 30px; }
.bottompad { padding-bottom: 30px; }



.product-catalog, .product-catalog.grid {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
min-height: 500px;
min-width: 100%;
}
#view-count, #view-layout { float: right; margin: 3px 0 15px 15px; }

.product-catalog .productdetails { display: none; }



.product-catalog.grid .list-break {
display: none;
}

.product-catalog.list {
min-height: 500px;
min-width: 100%;
}
.product-catalog.list .product-item {
float: none;
width: 100%;
}
.product-catalog.list .productBlock {
height: auto;
box-shadow: none;
position: relative;
min-height: 190px;
}
.product-catalog.list .productimage {
position: absolute;
top: 0;
left: 0;
}
.product-catalog.list .productdetails { 
display: block; 
font-size: 12px;
line-height: 16px;
padding-left: 190px;
text-align: left;
}
.product-catalog.list .list-break {
display: block;
clear: both;
height: 20px;
width: 100%;
}

.product-catalog.list .productimage {
float: left;
width: 190px;
}
.product-catalog.list .producttitle {
padding-left: 200px;
text-align: left;
font-weight: 700;
}




.productBlock a { display: block;}
.productBlock img { max-width: 90%; max-height: 90%; }

.productrecommended { margin-bottom: 20px; }


.product-item {
float: left;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
/*padding: 15px 3px;*/
}
.product-item a {
color: #333;
}
.productBlock {
text-align: center;
width: 100%;
margin: 5px;
position: relative;
 }
.productrecommended .productBlock {
box-shadow: none;
}

.rotate180 { transform: rotate(180deg); }

.byline{
  position:absolute;
  top:150px;
  left:30%;
  text-align:center;
  font-size:18px;
}
.byline a{
  text-decoration:none;
  color: #d74b4b;
}



.home-images {
text-align: center;
padding-top: 20px;
}
.home-images ul{
list-style: none;
margin: 0; 
padding: 0;
max-width: 200px;
text-align: center;
}
.home-images img {
max-width: 100%;
height: auto;
}

img { max-width: 100%; }

.panel {
padding: 0;
margin: 0;
border: none;
background: transparent;
box-shadow: none;
}
footer a, footer a:visited { 
display: block;
color: #333;
}
footer p { 
line-height: 18px;
}

footer .panel-default>.panel-heading {
padding: 8px 8px 4px 0;
background: transparent;
font-weight: 700;
border: none;
}


footer .list-group {
box-shadow: none;
}
footer .list-group-item {
border: none;
padding: 0;
background: none;
}
footer .panel-body {
padding: 0;
}



.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    margin-right:-4px;
    vertical-align: bottom;
}

#home-carousel img {
width: 100%;
max-width: 100%;
}
#home-trends {
padding-top: 30px;
}
.home-third a {
box-shadow: 3px 3px 6px rgba(0,0,0,0.5);
background-repeat: no-repeat;
background-size: cover;
min-height: 350px;
display: block;
}
.trending-panel {
box-shadow: 3px 3px 6px rgba(0,0,0,0.5);
min-height: 100px;
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center center;
min-height: 420px;
}

.trending-panel {
box-shadow: 3px 3px 6px rgba(0,0,0,0.5);
min-height: 100px;
background-repeat: no-repeat;
background-size: cover;
min-height: 350px;
}

.hwtext, .hwtext:visited, .hwtext:active, .hwtext:link  { 
text-transform: uppercase;
font-weight: 700; 
position: absolute;
margin-top: 40%;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
font-size: 40px;
line-height: 37px;
letter-spacing: -2px;
color: #FFF;
text-shadow: 2px 1px 5px rgba(0,0,0,0.2);
}
.hwtext:hover { 
color: #FFF;
opacity: .7;
/*text-decoration: underline;*/
}

#home-brands {
padding-top: 50px;
text-align: center;
}

#home-brands h3 {
text-transform: uppercase;
font-weight: 700;
font-size: 25px;
}
#home-brands img {
max-height: 55px;
max-width: 95px;
}
#home-brands a {
margin: 10px -4px 10px 0;
}

svg { max-width: 100%; }

#home-brands img {
filter:         url(~"data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(100%);
-moz-filter:    grayscale(100%);
-ms-filter:     grayscale(100%);
-o-filter:      grayscale(100%);
filter: gray; 
opacity: .8;
}

#home-brands img:hover {
filter: none;
-webkit-filter: grayscale(0%);
-moz-filter:    grayscale(0%);
-ms-filter:     grayscale(0%);
-o-filter:      grayscale(0%);
cursor: pointer;
opacity: 1
}


#home-panels {
padding-top: 30px;
}
.home-panel {
border: 1px solid #bbb;
padding: 10px;
min-height: 100px;

}
.big-circle {
background: #ccc;
width: 100%;
padding-bottom: 80%;
display: block;
box-shadow: 1px 1px 10px 0 rgba(0,0,0,.5);
text-align: center;
border: 1px solid #bbb;
}

.chevron-back {
background: url(CoscoProductsTemplates2/front-end/images/chevron.jpg) top left;
}

.product-item .thumbnail {
border: none;
box-shadow: none;
text-align: center;
}
#navproducts {
padding: 10px 0 0 0;
}
#navproducts .panel .list-group-item {
color: #333;
display: block;
padding: 6px 0 4px 8px;
margin: 0 0 4px 0;
font-weight: 700;
font-size: 15px;
background: #efefef;
}
#navproducts .panel .supersel, #navproducts .panel .supersel:hover {
background-color: #00447C;
color: #FFF;
}
#navproducts .panel div .list-group-item {
font-size: 13px;
background: transparent;
display: block;
padding: 0 0 0 4px;
margin: 0 10px 0 10px;
line-height: 20px;
font-weight: 300;
}

#navproducts .panel div .list-group-item:hover {
background-color: #f4f5f5;
color: #000;
}

#navproducts .panel div .list-group-item.catsel, #navproducts .panel div .list-group-item.catsel:hover {
background-color: #f4f5f5;
color: #000;
}



.productdealers ul {
list-style: none;
margin: 0; padding: 0;
}
.dealerbutton {
width: 110px;
height: 80px;
display: inline-block;
margin: 6px;
background: #FFF;
box-shadow: 1px 1px 3px 0 rgba(0,0,0,.2);
text-align: center;
position: relative;
overflow: hidden;
border-radius: 5px;
}
.dealerbutton:hover {
box-shadow: 1px 1px 3px 0 rgba(0,0,0,.5);
}
.dealerbutton a {
display: block;
width: 110px;
height: 78px;
}
.dealerbutton img {
max-width: 90%;
padding: 5px;
margin: 2px;
position: absolute;
top: 30%;
transform: translateY(-30%);
left: 0;
right: 0;
}
.dealerbutton .button{
display: block;
position: absolute;

bottom: 4px;
left: 0;
right: 0;
text-transform: uppercase;
font-size: 10px;
}

/* Product Details and Catalog Specific Styles */


.productimage {
width: 190px;
height: 190px;
display: inline-block;
margin: 0 auto;
position: relative;
}
.productimage a {
display: block;
width: 190px;
height: 190px;
background: #FFF;
clear: both;
}
.producttitle a {
display: block;
clear: both;
padding: 0 10px 5px 10px;
font-size: 13px;
line-height: 15px;
color: #333
}
.producttitle a.productname { font-weight: 700; }
.producttitle a.productmodel { font-size: 12px; }



.pagination {
margin: 0;
}

#mainimagewrap { 
background: #FFF;
padding: 10px;
display: block;
text-align: center;
}
#mainimagecarousel { margin: 0; padding: 0; }
#mainimagecarousel li {
list-style:none;
display: inline-block;
margin: 3px;
border: 1px solid rgba(16, 71, 117,.6);
overflow: hidden;
}



#supercategory_landing {
text-align: center;
font-weight: 700;
font-size: 24px;
display: block;
position: relative;
z-index: 1;
margin: 10px 0;
}
#supercategory_landing:before {
border-top: 2px solid #dfdfdf;
content: "";
margin: 0 auto;
position: absolute;
top: 50%;
left: 0;
right: 0;
bottom: 0;
width: 95%;
z-index: -1;    
}
#supercategory_landing span {
background: #fff;
padding: 0 15px;
}

/* cat specific colors*/


.category_link {
margin-top: 10px;
margin-bottom: 20px;
text-align: left;
}
.scl-name {
text-align: center;
color: #333;
font-size: 18px;
}
.scl-name a { color: #333; font-weight: 400; padding: 10px 0; display: block; }
.category_links { padding-bottom: 50px;}
.scl-image {
width: 100%;
display: block;
max-height: 295px;
background: #FFF;
text-align: center;
}

#super42 { display: none; }

.np, .cs {
width: 82px;
height: 70px;
display: none !important;
position: absolute;
z-index: 2;
}
.productBlock.New .np {
top: 0;
left: 0;
z-index: 3;
display: block !important;
background: url(CoscoProductsTemplates2/front-end/images/new_product.png) top left no-repeat;
}
.productBlock.Coming_Soon .cs {
top: 0;
left: 0;
z-index: 2;
display: block !important;
background: url(CoscoProductsTemplates2/front-end/images/coming_soon.png) top left no-repeat;
}

.modelmeta ul {
padding: 0;
}




.zm-viewer {
position:absolute;
display:none;
overflow:hidden;
background:url(/CoscoProductsTemplates2/front-end/images/loading.gif)  no-repeat center center;
cursor:crosshair;
z-index:9999;
}
.zm-handler {
position:absolute !important;
display:none;
overflow:hidden ;
cursor:crosshair;
border:none !important;
}
.zm-viewer img {
max-width: 2000px;
}
.zm-handlerarea {
background:url(/CoscoProductsTemplates2/front-end/images/lens.png);
opacity:.9;
position:relative;
}
.zm-description {
position:absolute;
bottom:6px;
left:6px;
right:6px;
background-color:#eee;
background-color: rgba(255, 255, 255, 0.5);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
color: rgba(0,0,0,.6);
font-size: 13px;
text-align: center;
text-shadow: 1px 1px 0 rgba(255,255,255,.3);
padding:4px;
}

.followViewer,.standardViewer {
border:none;
box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.helper {
display: inline-block;
height: 100%;
vertical-align: middle;
}

.models {
width: 100%;
float: left;
margin: 0 0 20px 0;
}
.models ul {
margin: 0;
padding: 0;
list-style: none;
}
.models li {
float: left;
height: 130px;
text-align: center;
width: 100px;
margin: 0 10px 3px 0;
position: relative;
}
.models li a { text-decoration: none }
.models li a.modelimage {
height: 80px;
width: 90px;
display: block;
white-space: nowrap;
text-align: center;
margin: 5px 0;
}
.models li img {
vertical-align: middle;
max-height: 80px;
max-width: 80px;
border: none;
}

.models li a.modellink {
display: block;
font-size: 0.7em;
position; relative;
}

.mod0 {
cursor: pointer;
}
.mod1 {
}
.modelimage {
display: block;
height: 80px;
width: 80px;
}


.productBlock .colorSize {
width: 18px;
height: 18px;
margin: 1px 2px;
padding: 2px;
display: inline-block;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 1px 1px 6px 0 #ccc;
-webkit-box-shadow: 1px 1px 6px 0 #ccc;
box-shadow: 1px 1px 6px 0 #ccc;
cursor: pointer;
position: relative;
}
.productBlock .colorSize a {
position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block;
}
.product-catalog.list .modelmeta {
margin: 10px 0 0 20px;
}

.productcolor {
width: 24px;
height: 24px;
border: 2px solid #ccc;
margin: 1px 2px;
padding: 2px;
display: inline-block;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 1px 1px 6px 0 #ccc;
-webkit-box-shadow: 1px 1px 6px 0 #ccc;
box-shadow: 1px 1px 6px 0 #ccc;
cursor: pointer;
position: absolute;
top: 65px;
right: 4px;
background: #FFF;
}
.productcolor.hidden {
display: none;
}


.mod1 .productcolor {
border: 2px solid #f60;
}

#hotSpotListWrapper {
float: left;
width: 330px;
min-height: 400px;
}
#hotSpotListWrapper h3 {
font-size: 20px;
color: #666;
margin: 4px 0 12px 0;
}
#hotSpotList div {
width: 100%;
clear: both;
padding: 10px 12px;
cursor: pointer;
margin: 7px 0;
color: #999;
border: 1px solid #eee;
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
cursor: pointer;
font-size: 12px;
line-height: 16px;
}
#hotSpotList div:hover, #hotSpotList div.focus {
background: #ddd;
color: #000;
}
#hotSpotList div span {
font-weight: bold;
color: #000;
}



.hotSpotDiv {
position: relative;
float: right;
width: 350px;
/*border: 1px solid #ccc; */
}
.hotSpotContainer {
position: relative;
}
.hotSpotContainer img {
top: 0;
}
.hotSpotDiv img {
-o-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}
.circle {
background-image: url(/CoscoProductsTemplates2/front-end/images/hotspot.png);
}
a.circle {
padding: 0;
display: block;
position: absolute;
width: 60px;
height: 60px;
cursor: pointer;
}
.description_layer {
display: block;
position: absolute;
padding: 10px;
left: 120px;
top: 192px;
background: transparent url(/CoscoProductsTemplates2/front-end/images/pngSeventy.png);
color: #000;
font-size: .9em;
line-height: 1.2em;
cursor: pointer;
}
.description_layer h4 {
margin: 0;
padding: 0;
font-weight: bold;
font-size: 1.1em;
line-height: 1.4em;
}
.description_layer a  {
text-decoration:none;
}
.description_layer a:hover  {
background: none !important;
}
a.circle:hover, a.circle:active, a.circle:focus {
background-color: transparent !important;
}
.hotSpotContent {
width:150px;
}

.hotSpotContentImage {
width:80px;
height:80px;
display: block;
clear: both;
background-position: center center;
}


.productListImg {
width: 100%;
height: 200px;
display: block;
vertical-align: middle;
text-align: center;
background: #FFF;
padding: 5px;
margin: 2px 2px 15px 2px;
}
.productListImg img {
max-width: 90%;
}
.product360instructions {
text-align: center;
display: block;
padding-bottom: 20px;
}


.header-parallax {
background-size: cover !important;
color: white;
height: 600px;
margin: 0 auto;
padding: 0;

}

.parallax-back {
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 50% 0;
background-size: cover;
position: relative;
color: #FFF;
text-align: center;
}

.header-parallax {
background: url(http://www.dhpfurniture.com/eng/DHPTemplates/front-end/images/presets/950_675_preset8.jpg) 50% 0 no-repeat fixed;
}
.parallax-back { background-image: url(http://www.dhpfurniture.com/eng/DHPTemplates/front-end/images/presets/950_675_preset5.jpg); }


#category-dropdown ul { list-style: none; margin: 0; padding: 0;}

body.cms764 #pagecontainer.container { padding: 0 !important; background: #FFF; }

.list-group-item { background: transparent; border: none; }




.productInfo {
float: right;
width: 280px;
margin: 0 0 0 20px;
line-height: 26px;
}
.productbrand {
color: #999;
margin:5px 0 20px 0;
text-align: center;
}
.productInfo h3 {
text-align: center;
color: #666;
margin: 40px 0 3px 0;
font-size: .8em;
}

#dealersList {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}

.dealer {
margin-bottom: 10px;
}

.productInfo a {

}




.productcheckout {
width: 160px;
float: right;
padding: 40px 0 10px 20px;
text-align: right;
line-height: 18px;
color: #666;
font-weight: 400;
}
.productcheckout br {
clear: both;
}
.productcheckout #quantity {
width: 50px;
float: right;
margin: 0 0 0 5px;
}
.productcheckout strong {
font-size: 15px;
color: #000;
}
.productcheckout .shortPrice {
width: 50px;
background: none;
border: none;
color: #333;
font-size: 12px;
font-weight: 400;
text-align: right;
}
.productcheckout hr {
border: 1px solid #ccc;
margin: 2px 0;
}
.productcheckout .ui-button {
float: right;
margin: 0;
width: auto;
}

.purchase {
margin: 10px 30px 30px 0;
text-align: right;
}
.purchase input {
width: 20px;
}
.purchase input.button {
width: auto;
}


#pagecontainer { padding: 0 10px}

	.social-block a {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background-size: contain;
    font-size: 25px;
    margin: 0 0 0 5px;
    color: #FFF;
	}

footer .social-block a {
color: rgba(16, 71, 117,1);
display: inline-block;
}

#fixed-helper {
position: fixed;
top: 200px;
left: 0;
width: 60px;
background: #FFF;
min-height: 180px;
box-shadow: 1px 1px 1px rgba(0,0,0,.3);
z-index: 999;
}
#fixed-helper span { display: none; }
#fixed-helper a {
display: block;
width: 60px;
height: 60px;
cursor: pointer;
}

#fixed-helper .popover {
width: 300px;
max-width: 300px;
}

.fullmodal {
margin: 0 !important;
padding: 0 !important;
width: 98%;
height: 92%;
padding: 0;
}
.modal-dialog iframe { min-height: 300px }
.fullmodal .modal-dialog {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 0;
height: 99%;
}
.fullmodal .modal-header, .fullmodal .modal-footer {
height: 35px;
background: #ddd;
line-height: 20px;
padding: 4px 15px
}
.fullmodal .modal-content {
border-radius: 0;
}
iframe { display: block; }

#iframeModal .modal-header {
height: 40px;
padding: 7px 15px
}

 
 
 
 

.banner {
  position: relative;
  width: 100% !important;
  overflow: visible;
  box-shadow: 0 1px 2px rgba(0,0,0,0.25);
  z-index: 998;
}

#wrap .banner {
	z-index: 999;
	box-shadow: none;
}
.list-group-item-sub {
font-size: 90%;
line-height: 15px;
padding-left: 9px;
}

#bluebar {
background: #104775;
color: #FFF;
padding-top: 10px;
padding-bottom: 10px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
}

.overlay {
  background:rgba(0, 0, 0, 0.45) url(../images/pattern.png) repeat;
  position: absolute;
  width: 100%;
  top: 80px;
  height: 580px;
}

.fixed-content {
  position: relative;
  margin-top: 8em;
}

.static {
  background: #27AE60;
  width: 80%;
  margin: auto;
  position: relative;
  bottom: 3.75em;
}
 
 
.dropdown-header {
font-size: 16px;
line-height: 25px;
}
.banner--clone {
position: fixed;
top: 0;
left: 0;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
box-shadow: 0 1px 2px rgba(0,0,0,0.25);
height: 40px;
}
.banner--clone .navbar-header {
float: left;
width: auto;
}
.banner--clone .navbar-brand {
float: left;
margin: 5px 0 0 15px;
}
.banner--clone .navbar-brand svg {
height: 40px;
width: 90px;
}
.banner--clone #utility-block, .banner--clone #support-block, .banner--clone #support-dropdown {
display: none;
}
.banner--clone #navbar {
background: transparent;
width: auto;
height: 40px
display: inline-block !important;
}
.banner--clone .navbar-collapse .container {
height: 40px;
top: 9px;
text-transform: uppercase;
}
.banner--clone #navbar .container {
width: auto;
text-align: center;
right: 0;
left: 80px;
}
.banner--clone #navigation-dropdown .dropdown-header {
color: #333;
}
.banner--stick {
/* Translate back to 0%; */
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}

.loading {
width: 100%;
height: 300px;
display: block;
background-image: url(/CoscoProductsTemplates2/front-end/images/ajax-loader.gif);
background-repeat: no-repeat;
background-position: center 150px;
}

.banner--clone .navbar-nav {
float: left;
margin-left: 10px;
}


ul.nav li.dropdown:hover ul.dropdown-menu {
    display: block;
}


.product .productColors, .product .productStyles, .product .productActions, .supercatalog .productActions { display: none; }

.viewingNumber {
    margin: 0 20px 0 0;
}

.productColors .checkboxCatalog {
display: inline-block;
}
.productStyles ul, .productColors ul {
margin: 0 !important;
}
.productSortGroup.productStyles li {
margin: 0 0 8px;
}
.productActions { 
margin-top: 20px;
}
.checkboxCatalog input[type=checkbox] {
visibility: hidden;
}
.checkboxCatalog {
width: 21px;
margin: 0 3px 10px 4px;
position: relative;
}
.checkboxCatalog label {
cursor: pointer;
position: absolute;
width: 25px;
height: 25px;
top: 0;
left: 0;
background: #eee;
border:1px solid #ddd;
text-indent: 33px;
line-height: 20px;
box-shadow: 1px 1px 2px #ccc;
border-radius: 0;
max-width: 25px
}
.checkboxCatalog label:after {
opacity: 0;
content: '';
position: absolute;
width: 29px;
height:29px;
background: transparent;
top: -3px;
left: -3px;
border: 2px solid #43A9DC;
border-radius: 4px;
}
.checkboxCatalog label:hover::after {
opacity: 0.5;
}

/**
* Create the checkbox state for the tick
*/
.checkboxCatalog input[type=checkbox]:checked + label:after {
opacity: 1;
}
.checkboxCatalog input[type=checkbox]:checked + label {
color: #EB1C2C !important;
}

.productStyles .checkboxCatalog label:after {
height: 24px;
width: 24px;
top: -2px;
left: 0;
background: #EB1C2C url(Dorel/front-end/images/checkbox.png) 1px -1px no-repeat !important;
border: none;
}

.productColors .checkboxCatalog label:after {
background: transparent url(CoscoProductsTemplates2/front-end/images/checkbox.png) 0 0 no-repeat !important;
}

#productAjax .productListImg {
height: 190px;
width: 190px;
position: relative;
margin: 0 auto 10px auto;
text-align: center;
background: #FFF;
}

#productAjax .productListImg ul li {
z-index: 1;
opacity: 1;
height: 192px;
width: 190px;
line-height: 190px;
display: block;
position:absolute;
bottom:0;
left:0;
right:0;
-webkit-transition:opacity 0.4s ease;
-moz-transition:opacity 0.4s ease;
-ms-transition:opacity 0.4s ease;
transition:opacity 0.4s ease;
background: #FFF;
}

#productAjax .productListImg ul li:first-child {
opacity: 1;
z-index: 2;
}
#productAjax .productListImg ul:hover li:first-child {
opacity: 0;
}







.popover {
    font-family: inherit;
}


.popover-title {
    padding: 5px 10px;
    margin: 0;
    font-size: 14px;
    background-color: rgba(16, 71, 117,1);
    color: #FFF;
    border-bottom: 1px solid #333;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 5px 10px
}





#sidebar {
width: inherit;
min-width: 190px;
max-width: 190px;
min-height: 200px;
float: left;
position:relative;
overflow-y:auto;
overflow-x:hidden;
/*margin-top: 20px;*/
}
#sidebarbtn button {
width: 100%;
text-align: center;
padding: 3px;
background: rgba(16, 71, 117,1);
border: none;
}
	#fixed-helper a img {
	width: 100%;
	padding-top: 10px; 
	height: 50px;
	}


	
@media (min-width: 385px) and (max-width: 767px) {
#fixed-helper { display: none; }
}
/* size phone */
@media screen and (max-width: 768px) {
	.slide-out-div { display: none; }
	body { overflow-x: hidden; }
	.scl-name { font-size: 14px; }
	.navbar-brand { width: 300px; height: 25px; display: inline-block; margin: 15px; padding: 0;}
	
		.container { width: auto; }

	.navbar-header{ width: 100%;}
	#navigation-dropdown .dropdown-menu {
    width: 100%;
    margin: 0;
    border: 0;
    padding: 0;
    box-shadow: none;
    }
    #sidebar { margin-top: 0; }
    
    #utility-block, #support-block {
	font-size: 12px;
	text-align: left;
	color: #FFF;
	font-weight: 700;
	}
	#utility-block ul li { 
	list-style: none;
	display: inline-block;
	text-align: left;
	color: #FFF;
	}
	#utility-block ul li:last-child a {
	border-right: none;
	}
	#utility-block ul li a { 
	padding: 0 5px;
	text-transform: uppercase; 
	text-shadow: 1px 1px 1px rgba(0,0,0,.2);
	}
	.col-centered {
    vertical-align: top;
	}
    
    #fixed-helper {
	top: 50%;
	}
	#fixed-helper .popover {
	width: 250px;
	max-width: 250px;
	}
    
    #utility-block ul li a, .social-block a { 
	color: #333;
	}
    
    .basic-link {
        color: #333;
    font-weight: 600;
    display: inline-block;
    text-shadow: none;
    padding: 9px 8px;
    font-size: 12px;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(255,255,255,.3);
    }
    
	.navbar-toggle { margin-right: 0; font-size: 20px }
	
	.navbar-collapse  {
	background: rgba(255,255,255,.9);
	overflow: visible
	}
	.navbar-collapse .container {
	position: relative;
	height: auto;
	right: 0;
	left: 0;
	top: 0;
	text-align: left;
	}
	
	#home-carousel {
	min-height: 200px;
	margin: -20px -20px 0 -20px;
	}
	.nav>li>a {
	font-size: 17px;
	text-align: left;
	width: 100%;

	}
	.nav>li.open { 
	background: #FFF;
	}


	
	#category-dropdown li {
	padding: 0 0 0 10px;
	}
	
	.banner--clone .nav > li { display: none; }
	#home-trendy h2 { text-align: center; font-size: 2.4em; margin: 30px 0 0 0; }


	
	.sidebar-offcanvas { position: absolute; top: 0; }
	
	.container { width: 100%; position: relative; }

	#footer { margin: 0; padding: 15px 0 0 0; }
	
	#productcontent { padding: 0 10px ;}
	.content-min {  }
	
	
	#pagecontainer { padding: 0}
	
	.productBlock { margin: 0; }
	
	.productListImg ul li { width: auto; height: auto; }
	.productListImg { height: 150px; }
	
	#utility-block, #support-block {
	position: relative;
	text-align: center;
	top: auto; 
	right: auto; 
	font-size: 12px;
	margin: 10px;
	}
	#social-block {
	float: none;
	width: 100%;
	margin: 20px 0;
	
	}
	.searchbox-input { width: 200px; margin: 10px 0 10px 0;}
	
	.banner--clone .navbar-header { height: 50px; width: 100%;}
	.banner--clone { min-height: 10px; margin: 0; display: none !important; }
	.banner--clone #navbar { display: block !important; }
	.circlewrap { margin: 0 0 15px 0 }
	#home-brands a { width: 45%; }
	#home-trends .trending-panel, .home-third { width: 85%; margin: 10px auto; min-height: 220px; }
	
	.row { margin: 0; }

	
	.trending-panel h3 { font-size: 13px; }
	
	.trending-panel .btn-default { font-size: 15px; }

	.productimage { width: 100%;
	width: 120px;
	height: 120px;
	float: none;  }
	.productimage a { width: 100%; text-align: center; }
	.productrecommended { margin-bottom: 10px; }
	
	.product-catalog.list .productimage a, .productimage  { height: auto; }
	
	.producttitle a { display: inline-block; clear: none; }
	
	.product-catalog.list .productBlock {
		min-height: 20px;
		text-align: center;
	}
	.home-third a { min-height: 230px;}
	
	
	
	.hwtext, .hwtext:visited, .hwtext:active, .hwtext:link  { 
	margin-top: 17%;
	}
	.homethird .hwtext, .homethird .hwtext:visited, .homethird .hwtext:active, .homethird  .hwtext:link {
		margin-top: 55%;
	}
	#footer .panel { padding: 15px 0 0 0; }
	#footer .panel a, #footer .panel a:visited {padding: 3px; margin: 3px}
	
	.productListImg {
	width: 100%;
	height: auto;
	display: block;
	vertical-align: middle;
	text-align: center;
	background: #FFF;
	padding: 5px;
	margin: 2px 2px 15px 2px;
	}
	.productListImg img {
	max-width: 90%;
	}
	.hwtext, .hwtext:visited, .hwtext:active, .hwtext:link { font-size: 20px; line-height: 25px; }

} 

@media (max-width: 992px) {
	.row-offcanvas {
	position: relative;
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
	width:calc(100% + 190px);
	min-width: 530px;
	}
	.row-offcanvas-left { left: -200px; }
	.row-offcanvas-left.active { left: 0; }
	

}
	

/* size desktop */
@media (min-width: 767px) {
	#home-carousel {
	min-height: 200px;
	}
	.collapse.in {
	margin-bottom: 10px;
	}
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
	margin-left: 0;
	margin-bottom: 30px;
	}
	
	
		.slide-out-section h3 {
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 20px;
	}
	.slide-out-section {
	margin: 0 0 20px 0;
	line-height: 17px;
	}
	
	.slide-out-section a {
	margin: 2px 0 0 10px;
	display: block;
	color: #333;
	padding: 0 0 0 0;
	display: block;
	text-decoration: none;
	}
	
	.slide-out-div {
	width: 250px;
	height: 210px !important;
	background: #FFF;
	box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.5);
	z-index: 10000;
	border: none;
	} 
	.handle { 
	display: block !important;
	width: 40px !important;
	height: 210px !important;
	background: #104775 !important; /* Old browsers */
	color: #FFF !important;
	text-indent: 0 !important;
	box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.5);
	border: none;
	z-index: 9999;
	-moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;
	}
	.handle span { 
	position: absolute;
	font-size: 18px;
	font-weight: 700;
	bottom: 40px;
	right: -10px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	}
	
	
	#utility-block, #support-block {
	position: absolute; 
	top: 15px; 
	right: 8px;
	font-size: 12px;
	text-align: right;
	color: #FFF;
	font-weight: 700;
	}
	#utility-block ul li { 
	list-style: none;
	display: inline-block;
	text-align: right;
	color: #FFF;
	}
	#utility-block ul li:last-child a {
	border-right: none;
	}
	#utility-block ul li a { 
	color: #FFF;
	padding: 0 5px;
	text-transform: uppercase; 
	border-right: 1px solid #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,.2);
	}
	
	
	#navbar {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7f7f7f+0,a5a5a5+6,707070+9,dddddd+13,b7b7b7+87,878787+91,9e9e9e+94,727272+98 */
	background: #7f7f7f; /* Old browsers */
	background: -moz-linear-gradient(top, #7f7f7f 0%, #a5a5a5 6%, #707070 9%, #dddddd 13%, #b7b7b7 87%, #878787 91%, #9e9e9e 94%, #727272 98%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #7f7f7f 0%,#a5a5a5 6%,#707070 9%,#dddddd 13%,#b7b7b7 87%,#878787 91%,#9e9e9e 94%,#727272 98%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #7f7f7f 0%,#a5a5a5 6%,#707070 9%,#dddddd 13%,#b7b7b7 87%,#878787 91%,#9e9e9e 94%,#727272 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f7f7f', endColorstr='#727272',GradientType=0 ); /* IE6-9 */
	}
	
	.product-catalog.grid .product-item, .productrecommended {
	float: left;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 3px;
	}

	.searchbox-bar {
	display:block;
	margin:0  0 8px 0;
	vertical-align: baseline;
	}

	.searchbox-input {
	position:relative;
	width: 100px;
	height:20px;
	color: #333;
	font-size: .9em;
	text-align: center;
	display: inline-block;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	-ms-transition: width 0.3s;
	-o-transition: width 0.3s;
	transition: width 0.3s;
	display: inline-block;
	border: 1px solid #ddd;
	text-align: left;
	padding: 0 5px;
	outline:0;
	vertical-align: text-top;
	}
	
	.searchbox-button {
	width: 20px;
	height: 20px;
	display: inline-block;
	padding:0;
	margin:0;
	border:0;
	outline:0;
	line-height:20px;
	text-align:center;
	cursor:pointer;
	color:#fff;
	background:#bbb;
	border: none;
	vertical-align: bottom;
	}
	
	#support-block {
	right: auto;
	left: 20px;
	color: #BBB;
	}
	#support-block a {
	color: #aaa;
	font-size: 16px;
	margin: 0 5px 0 0;
	text-transform: uppercase;
	}
	#language { display: none; }
	#support-block #language a {
	margin: 0;
	color: #bbb;
	}

	#wrap  #navigation-dropdown .dropdown { 
	float: none; display: inline-block;
	margin: 0; 
	}
	#wrap  #navigation-dropdown .dropdown-header, #wrap  #navigation-dropdown .basic-link { 
	color: #545454; 
	font-weight: 600; 
	display: inline-block; 
	text-shadow: none; 
	font-size: 13px;
	padding: 5px;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(255,255,255,.3)
	}

	#navigation-dropdown {   
	line-height: 0;
	}
	#navigation-dropdown li {
	display: inline-block;
	float: none;
	}
	#navigation-dropdown li li {
	display: block;
	margin-bottom: 0;
	}
	
	#wrap #navigation-dropdown .dropdown-header:hover { 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0078c1+4,bbbbbb+100 */
	background: transparent;
	color: #000; /* Old browsers */
	-webkit-transition: color 100ms linear;
	-moz-transition: color 100ms linear;
	-o-transition: color 100ms linear;
	-ms-transition: color 100ms linear;
	transition: color 100ms linear;
	}
	#wrap #navigation-dropdown .open .dropdown-header, #wrap #navigation-dropdown .open .dropdown-header:hover , #wrap #navigation-dropdown .dropdown-header.sel {
	color: #FFF;
	background-color: rgba(0,0,0,.3);
	box-shadow: inset 0px -21px 3px rgba(0,0,0,.3)
	}

	.dropdown-menu a { color: #333; font-weight: 300; text-transform: captitalize; display: block }
	.container {position: relative; }

	.category-dropdown>ul>ul{
	list-style: none;
	}

	.carousel-caption {
	color: #333;
	padding-bottom: 0;
	bottom: -20px;
	}

	h1 { margin-top: 0 }	
	.cmscontent { min-height: 500px; padding-top: 10px; padding-bottom: 20px; }

	.form-horizontal .control-label { padding-top: 2px }
	.form-horizontal .form-group { margin: 0 0 5px 0; }
	.form-horizontal .form-group div { margin: 0 !important; padding: 0 !important; }
	.form-horizontal .form-control { height: 29px }
	
	#pro-navbar .dropdown-header { display: none; }
	.navbar-default .navbar-nav>li>a { color: #333; }
	#pro-navbar .dropdown-menu > li > a span { display: none; }
	#pro-navbar .dropdown-menu  a { margin: 0; padding: 2px 8px; display: inline-block;  }
	#pro-navbar .dropdown-menu > li > a { margin: 0; padding: 0; display: none; }
	
	#pro-navbar .dropdown-menu { background: transparent; display: inline-block; position: relative; border: none; box-shadow: none; margin: 0; padding: 0 0 0 10px; width: auto;  }
	
	#pro-navbar .dropdown-menu li { float: left; }
}


/* size tablet */
@media (min-width: 768px) and (max-width: 992px) {
	.form-group .col-md-8, .form-group label { padding: 0 2px 0 0 }
	.form-horizontal .form-group { margin-left: 0; }
	
	.searchbox-bar {
	display: block;
	}
	.banner--clone  .navbar-nav > li > a { padding: 5px 8px; font-size: 12px; }
	#home-brands img {
	max-height: 55px;
	max-width: 95px;
	}
	
	#wrap  #navigation-dropdown .dropdown-header, #wrap  #navigation-dropdown .basic-link { 
	color: #333; 
	font-weight: 600; 
	display: inline-block; 
	text-shadow: none; 
	font-size: 10px;
	padding: 7px 3px;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(255,255,255,.3)
	}

}


/* size big desktop */
@media (min-width: 992px) {
	.header-parallax { height:800px; }
	.narrow-form { margin: 0 auto; max-width: 900px; }
	
	.content-min {
	margin: 0 auto;
	width: 900px;
	}
	
	#home-brands img {
	max-height: 55px;
	max-width: 135px;
	}
	
	#wrap  #navigation-dropdown .dropdown-header, #wrap  #navigation-dropdown .basic-link { 
	padding: 8px 5px;
	}
	
	
}

/* size big desktop */
@media (min-width: 1200px) {
	#wrap  #navigation-dropdown .dropdown-header, #wrap  #navigation-dropdown .basic-link { 
	padding: 9px;
	}
}










/* [+] col-xxs- */
.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 { min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; }
@media (max-width: 479px) { .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 { float: left; } .col-xxs-12 { width: 100%; } .col-xxs-11 { width: 91.66666667%; } .col-xxs-10 { width: 83.33333333%; } .col-xxs-9 { width: 75%; } .col-xxs-8 { width: 66.66666667%; } .col-xxs-7 { width: 58.33333333%; } .col-xxs-6 { width: 50%; } .col-xxs-5 { width: 41.66666667%; } .col-xxs-4 { width: 33.33333333%; } .col-xxs-3 { width: 25%; } .col-xxs-2 { width: 16.66666667%; } .col-xxs-1 { width: 8.33333333%; } .col-xxs-pull-12 { right: 100%; } .col-xxs-pull-11 { right: 91.66666667%; } .col-xxs-pull-10 { right: 83.33333333%; } .col-xxs-pull-9 { right: 75%; } .col-xxs-pull-8 { right: 66.66666667%; } .col-xxs-pull-7 { right: 58.33333333%; } .col-xxs-pull-6 { right: 50%; } .col-xxs-pull-5 { right: 41.66666667%; } .col-xxs-pull-4 { right: 33.33333333%; } .col-xxs-pull-3 { right: 25%; } .col-xxs-pull-2 { right: 16.66666667%; } .col-xxs-pull-1 { right: 8.33333333%; } .col-xxs-pull-0 { right: auto; } .col-xxs-push-12 { left: 100%; } .col-xxs-push-11 { left: 91.66666667%; } .col-xxs-push-10 { left: 83.33333333%; } .col-xxs-push-9 { left: 75%; } .col-xxs-push-8 { left: 66.66666667%; } .col-xxs-push-7 { left: 58.33333333%; } .col-xxs-push-6 { left: 50%; } .col-xxs-push-5 { left: 41.66666667%; } .col-xxs-push-4 { left: 33.33333333%; } .col-xxs-push-3 { left: 25%; } .col-xxs-push-2 { left: 16.66666667%; } .col-xxs-push-1 { left: 8.33333333%; } .col-xxs-push-0 { left: auto; } .col-xxs-offset-12 { margin-left: 100%; } .col-xxs-offset-11 { margin-left: 91.66666667%; } .col-xxs-offset-10 { margin-left: 83.33333333%; } .col-xxs-offset-9 { margin-left: 75%; } .col-xxs-offset-8 { margin-left: 66.66666667%; } .col-xxs-offset-7 { margin-left: 58.33333333%; } .col-xxs-offset-6 { margin-left: 50%; } .col-xxs-offset-5 { margin-left: 41.66666667%; } .col-xxs-offset-4 { margin-left: 33.33333333%; } .col-xxs-offset-3 { margin-left: 25%; } .col-xxs-offset-2 { margin-left: 16.66666667%; } .col-xxs-offset-1 { margin-left: 8.33333333%; } .col-xxs-offset-0 { margin-left: 0; } }
/* [+] hidden-xxs */
@media (max-width: 479px) { .hidden-xxs { display: none !important; } }
/* [+] visible-xxs and visible-xxs- */
.visible-xxs { display: none !important; } .visible-xxs-block, .visible-xxs-inline, .visible-xxs-inline-block { display: none !important; }
@media (max-width: 479px) { .visible-xxs { display: block !important; } table.visible-xxs { display: table; } tr.visible-xxs { display: table-row !important; } th.visible-xxs, td.visible-xxs { display: table-cell !important; } .visible-xxs-block { display: block !important; } .visible-xxs-inline { display: inline !important; } .visible-xxs-inline-block { display: inline-block !important; } }

#adminMenu { position: fixed; top: 120px; left: 0; width: 150px; box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.49); z-index: 1000; font: 11px/14px Arial, Helvetica, san-serif !important; border-radius: 0 5px 5px 0; color: #FFF; font-size: 13px; background: #333; padding: 10px 0; }
#adminTab { text-align: center; padding: 0 15px 0 0; }
#adminTab h1 { font-size: 18px; font-weight: 700; margin: 0; }
#adminPageType { margin: 0 0 10px 0; }
#adminMenu a { color: #FFF; cursor: pointer; }
#adminMenu .dropdown-menu { font: 11px/14px Arial, Helvetica, san-serif !important; left: 30px; background: rgba(38, 36, 43, 0.95) !important; }
#adminMenu .dropdown-menu>li>a { padding: 3px 5px; }
#adminMenu .dropdown-menu>li>a:hover { background: rgba(38, 36, 43, 1) !important; }
#adminMenu .dropdown-menu .divid { padding: 3px 5px; font-weight: 700; color: #FFF; font-size: 13px; }
#adminMenu .btn { padding: 4px 5px; text-align: left; font-size: 12px; color: #FFF; border-radius: 0; background: rgba(18, 48, 103, 0.4); border-bottom: 1px solid #103F6E; margin-top: 0;}
#adminMenu .btn:hover { background: rgba(18, 48, 103, 1); }
#adminMenu .btn#opener { float: right; margin: 10px -40px 0px 0px; border: none; width: 40px; height: 40px; text-align: center; font-size: 27px; line-height: 33px; background: rgba(13, 13, 13, 0.8); border-radius: 0 4px 4px 0; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.43); }
#adminText, #adminText:hover { padding-top: 10px !important; background: transparent !important; border: none !important; }



textarea { min-height: 100px; }
.back-to-top {
cursor: pointer;
position: fixed;
bottom: 10px;
right: 20px;
display:none;
color: #FFF !important;
background: #104775;
border: none;
box-shadow: 1px 1px 1px rgba(0,0,0,.5);
z-index: 10;
}



/*=================================================
Class Definitions
=================================================*/


.sb {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -250px;
  margin-top: -150px;
  width: 500px;
  height: auto;
  background: white;
  padding: 25px;
  box-shadow: 0 2px 3px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.5);
  z-index: 10001;
  opacity: 0;
  border-radius: 5px;
  font-size: 21px; line-height: 20px;
}
.sb .btn.sb-close-btn { font-weight: bold; color: #333; font-size: 16px; }

.sb h2 {
    margin-top: 0;
    font-size: 26px;
    font-weight: 600;
}

.sb p {
  font-size: 14px;
  margin: 0 0 20px 0
}

.sb .sb-close-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #ccc;
}

.sb.sb-withoverlay {
  position: absolute;
  top: 200px;
  left: 50%;
  margin-left: -250px;
}
.sb .input-group-addon {
background: transparent;
border: none;
vertical-align: top;
}

.sb label.error { 
font-size: 12px; color: #d00a0a;
}

.sb-open.sb-open-with-overlay {
  overflow: hidden;
}

.sb-open .sb-overlay {
  opacity: 1;
}

.sb-open .sb {
  opacity: 1;
}

.sb-overlay {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.58);
  opacity: 0;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 10000;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  overflow: auto;
}

.sb-close-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

[class^="sb-animation-"], [class*=" sb-animation-"] {
  -webkit-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -o-animation-duration: 500ms;
  animation-duration: 500ms;
}

.sb-animation-flyInRight {
  -webkit-animation-name: flyInRight;
	-moz-animation-name: flyInRight;
	-o-animation-name: flyInRight;
	animation-name: flyInRight;
}

.sb-animation-flyOutRight {
  -webkit-animation-name: flyOutRight;
	-moz-animation-name: flyOutRight;
	-o-animation-name: flyOutRight;
	animation-name: flyOutRight;
}

.sb-animation-flyInLeft {
  -webkit-animation-name: flyInLeft;
	-moz-animation-name: flyInLeft;
	-o-animation-name: flyInLeft;
	animation-name: flyInLeft;
}

.sb-animation-flyOutLeft {
  -webkit-animation-name: flyOutLeft;
	-moz-animation-name: flyOutLeft;
	-o-animation-name: flyOutLeft;
	animation-name: flyOutLeft;
}

.sb-animation-flyInUp {
  -webkit-animation-name: flyInUp;
	-moz-animation-name: flyInUp;
	-o-animation-name: flyInUp;
	animation-name: flyInUp;
}

.sb-animation-flyOutUp {
  -webkit-animation-name: flyOutUp;
	-moz-animation-name: flyOutUp;
	-o-animation-name: flyOutUp;
	animation-name: flyOutUp;
}

.sb-animation-flyInDown {
  -webkit-animation-name: flyInDown;
	-moz-animation-name: flyInDown;
	-o-animation-name: flyInDown;
	animation-name: flyInDown;
}

.sb-animation-flyOutDown {
  -webkit-animation-name: flyOutDown;
	-moz-animation-name: flyOutDown;
	-o-animation-name: flyOutDown;
	animation-name: flyOutDown;
}
/*=================================================
Animation Library
=================================================*/

@-webkit-keyframes flyInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(3000px);
	}

	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes flyInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(3000px);
	}

	100% {
		-moz-transform: translateX(0);
	}
}

@-o-keyframes flyInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(3000px);
	}

	100% {
		-o-transform: translateX(0);
	}
}

@keyframes flyInRight {
	0% {
		opacity: 0;
		transform: translateX(3000px);
	}

	100% {
		transform: translateX(0);
	}
}

@-webkit-keyframes flyOutRight {
	0% {
		-webkit-transform: translateX(0);
	}

	100% {
	  opacity: 0;
		-webkit-transform: translateX(3000px);
	}
}

@-moz-keyframes flyOutRight {
	0% {
		-moz-transform: translateX(0);
	}

	100% {
	  opacity: 0;
		-moz-transform: translateX(3000px);
	}
}

@-o-keyframes flyOutRight {
	0% {
		-o-transform: translateX(0);
	}

	100% {
	  opacity: 0;
		-o-transform: translateX(3000px);
	}
}

@keyframes flyOutRight {
	0% {
		transform: translateX(0);
	}

	100% {
	  opacity: 0;
		transform: translateX(3000px);
	}
}

@-webkit-keyframes flyInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-3000px);
	}

	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes flyInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-3000px);
	}

	100% {
		-moz-transform: translateX(0);
	}
}

@-o-keyframes flyInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-3000px);
	}

	100% {
		-o-transform: translateX(0);
	}
}

@keyframes flyInLeft {
	0% {
		opacity: 0;
		transform: translateX(-3000px);
	}

	100% {
		transform: translateX(0);
	}
}
@-webkit-keyframes flyOutLeft {
	0% {
		-webkit-transform: translateX(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-3000px);
	}
}

@-moz-keyframes flyOutLeft {
	0% {
		-moz-transform: translateX(0);
	}

	100% {
		opacity: 0;
		-moz-transform: translateX(-3000px);
	}
}

@-o-keyframes flyOutLeft {
	0% {
		-o-transform: translateX(0);
	}

	100% {
		opacity: 0;
		-o-transform: translateX(-3000px);
	}
}

@keyframes flyOutLeft {
	0% {
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		transform: translateX(-3000px);
	}
}

@-webkit-keyframes flyInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}

	100% {
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes flyInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}

	100% {
		-moz-transform: translateY(0);
	}
}

@-o-keyframes flyInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}

	100% {
		-o-transform: translateY(0);
	}
}

@keyframes flyInUp {
	0% {
		opacity: 0;
		transform: translateY(-2000px);
	}

	100% {
		transform: translateY(0);
	}
}

@-webkit-keyframes flyOutUp {
	0% {
		-webkit-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
}

@-moz-keyframes flyOutUp {
	0% {
		-moz-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
}

@-o-keyframes flyOutUp {
	0% {
		-o-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
}

@keyframes flyOutUp {
	0% {
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		transform: translateY(-2000px);
	}
}


@-webkit-keyframes flyInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}

	100% {
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes flyInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}

	100% {
		-moz-transform: translateY(0);
	}
}

@-o-keyframes flyInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}

	100% {
		-o-transform: translateY(0);
	}
}

@keyframes flyInDown {
	0% {
		opacity: 0;
		transform: translateY(2000px);
	}

	100% {
		transform: translateY(0);
	}
}

@-webkit-keyframes flyOutDown {
	0% {
		-webkit-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
}

@-moz-keyframes flyOutDown {
	0% {
		-moz-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
}

@-o-keyframes flyOutDown {
	0% {
		-o-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
}

@keyframes flyOutDown {
	0% {
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		transform: translateY(2000px);
	}
}