@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/Montserrat-Bold-webfont.eot');
    src: url('../fonts/Montserrat-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Montserrat-Bold-webfont.woff2') format('woff2'),
         url('../fonts/Montserrat-Bold-webfont.woff') format('woff'),
         url('../fonts/Montserrat-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Montserrat-Bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratlight';
    src: url('../fonts/Montserrat-Light-webfont.eot');
    src: url('../fonts/Montserrat-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Montserrat-Light-webfont.woff2') format('woff2'),
         url('../fonts/Montserrat-Light-webfont.woff') format('woff'),
         url('../fonts/Montserrat-Light-webfont.ttf') format('truetype'),
         url('../fonts/Montserrat-Light-webfont.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'montserratblack';
    src: url('../fonts/Montserrat-Black-webfont.eot');
    src: url('../fonts/Montserrat-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Montserrat-Black-webfont.woff2') format('woff2'),
         url('../fonts/Montserrat-Black-webfont.woff') format('woff'),
         url('../fonts/Montserrat-Black-webfont.ttf') format('truetype'),
         url('../fonts/Montserrat-Black-webfont.svg#montserratblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	background:url(../images/bg.jpg) top center fixed no-repeat;
	background-size:cover;
}

.no-padding-left-right{
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.no-padding{
	padding-top: 0 !important;
	padding-right: 0 !important;
	padding-bottom: 0 !important;
	padding-left: 0 !important;
}
#header{
	border-bottom:1px solid #fff;
}
#top-text{
	float:left;
	width:auto;
	font-family:montserratlight;
	color:#fff !important;
	padding:10px 0 !important;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none;
}

#top-nav{
	width:100%;

}
#top-nav ul {
	float:right;
	margin:0px;
	padding:0px;	
}
#top-nav ul li{
	float:left;
	list-style:none;
	display:block;
	
}
#top-nav ul li a{
	float:left;
	width:auto;
	font-family:montserratlight;
	color:#fff !important;
	padding:10px !important;
	font-size:11px;
	text-decoration:none ;
	border-left:1px solid #fff;
}
#top-nav ul li a:hover{
	text-decoration:underline;
}

#nav-area{
	background:none;
	border:none;
	border-radius:0;
	margin-top:10px;
	margin-bottom:10px;
}
#formal{
	margin:25px 0;
}

#formal li a{
	font-family:montserratlight;
	color:#fff !important;
	padding:5px 10px !important;
	font-size:12px;
	text-decoration:none;
}
#formal li a:hover{
	background:#fff;
	color:#51106b !important;
	text-decoration:underline;
}
#formal-menu{
	font-family:montserratblack !important;
	text-transform: uppercase !important;
	color:#fff !important;
	padding:5px 10px !important;
	font-size:12px;
	text-decoration:none;
}
#formal-menu:hover{
	background:#fff;
	color:#51106b !important;
	text-decoration:underline;
}

#search{
	height:30px;
	font-family:montserratlight;
	color:#51106b !important;
	font-size:12px !important;
	text-decoration:none;
	background:#fff;
	padding:0 5px !important;
	border:none;
	border-radius:0px;
}
#search-btn{
	height:30px;
	font-family:montserratlight;
	color:#51106b !important;
	font-size:12px !important;
	text-decoration:none;
	background:#fff;
	border:none;
	border-radius:0px;
	transition: all .2s ease-in-out;
}
#search-btn:hover{
	height:30px;
	font-family:montserratlight;
	color:#fff !important;
	font-size:12px !important;
	text-decoration:none;
	background:#51106b;
	border:none;
	border-radius:0px;
}

#search-area{
	margin:25px 0;
}



.full-width{
	width:100%;
}
.margin-top{
	margin-top:20px;
}
.margin-bottom{
	margin-bottom:20px;
}
.no-margin{
	margin:0px!important;
}
.border-bottom{
	padding-bottom:20px;
	border-bottom:1px solid #51106b;
}
.border-top{
	padding-bottom:20px;
	border-top:1px solid #51106b;
}
.cat-thumb1{
	width:auto;
	padding-top:42px;
	height:195px;
	background:#51106b;
	opacity:0.60; 
	filter:alpha(opacity=60);
	transition: all .2s ease-in-out;
}
.cat-thumb1:hover{
	opacity:1.0; 
	filter:alpha(opacity=100);
}

.cat-thumb1 a img{
	border:none;
	margin-bottom:10px;
}
.cat-thumb1 a h1{
	width:auto;
	font-family:montserratbold;
	font-size:12px;
	text-align:center;
	text-transform:uppercase;
	margin:0 20px;
	color:#fff;
}

.cat-thumb2{
	width:100%;
	padding-top:42px;
	height:195px;
	background:#fff;
	opacity:0.60; 
	filter:alpha(opacity=60);
	transition: all .2s ease-in-out;
}
.cat-thumb2:hover{
	opacity:1.0; 
	filter:alpha(opacity=100);
}
.cat-thumb2 a img{
	border:none;
	margin-bottom:10px;
}
.cat-thumb2 a h1{
	width:auto;
	font-family:montserratbold;
	font-size:12px;
	text-align:center;
	text-transform:uppercase;
	margin:0 20px;
	color:#51106b;
}

#contact-area{
	background:url(../images/contact-bg.png);	
}

.home-about-text img{
	float:left;
	margin-right:10px;
}
	
.home-about-text h2{
	width:auto;
	margin:0px;
	padding-top:10px;
	padding-bottom:5px;
	font-family:montserratblack;
	font-size:24px;
	color:#51106b;
	text-transform:uppercase;
}
.home-about-text p{
	width:auto;
	font-family:montserratlight;
	font-size:11px;
	text-align:justify;
	color:#51106b;
	margin:0px;
}

.heading-1{
	width:auto;
	font-family:montserratbold;
	font-size:18px;
	margin:0px;
	color:#51106b;
	text-transform:uppercase;
}
.heading-2 {
	width:auto;
	font-family:montserratlight;
	font-size:12px;
	margin:0px;
	text-align:right;
	color:#51106b;
}
.heading-2 a{
	font-family:montserratlight;
	font-size:12px;
	color:#51106b;
}
.heading-3{
	width:auto;
	margin:5px 10px;
	font-family:montserratlight;
	color:#51106b;
	font-weight: bold;
	font-size:14px;
}

.heading-4{
	width:auto;
	font-family:montserratbold;
	font-size:18px;
	margin:0px;
	text-align:center;
	color:#fff;
	padding-bottom:5px;
	border-bottom:1px solid #fff;
	text-transform:uppercase;
}
.paragraph1{
	width: auto;
	font-family:montserratlight;
	color:#51106b;
	font-size:11px;
}
.paragraph2{
	width: auto;
	margin:0px 10px 5px 10px;
	font-family:montserratlight;
	color:#a3a3a3;
	font-size:9px;
}
.paragraph3{
	width: auto;
	margin:5px 0px 0px 0px;
	font-family:montserratlight;
	color:#51106b;
	font-size:12px;
}
.paragraph3 img{
	margin-right:10px;
}

.paragraph4{
	width: auto;
	font-family:montserratlight;
	color:#51106b;
	font-size:11px;
}
.paragraph4 a{
	color:#51106b;
}


.product-thumb{
	width:100%;
	background:#FFFFFF;
	box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2);
	transition: all .2s ease-in-out;
	height: 261px;
}

.product-thumb:hover{
	box-shadow:0px 0px 5px rgba(0, 0, 0, 0.5);
}

.art-no{
	width:auto;
	margin:0 10px;
	font-family:montserratlight;
	color:#2c2c2c;
	font-size:10px;
	text-transform:uppercase;
}

.pro-btn{
	width:auto;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
}
.pro-btn button{
	padding:3px 10px;
	color:#fff;
	background:#51106b;
	font-family:montserratlight;
	font-size:10px;
}
.pro-btn button:hover{
	color:#fff;
	text-decoration:underline;
	background:#51106b;
}

#newsletter{
	background:url(../images/newsl-bg.jpg);
	padding:10px 10px 0px 10px;
}

#newsletter h6{
	width:auto;
	font-family:montserratbold;
	font-size:30px;
	margin:10px 0px;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
}
#newsletter p{
	width:auto;
	font-family:montserratlight;
	font-size:11px;
	padding:0 100px;
	text-align:center;
	color:#fff;
	margin:0px;
}

#newsletter-email{
	margin:20px 100px;
}

#con_icon{ 
	float:right; 
	margin-top:-35px;
	margin-right:10px;
}
#social_media_icon {
	width:auto;
	margin-top:10px;
}
#social_media_icon ul{
	margin:0px;
	padding:0px;
}
#social_media_icon ul li{
	list-style:none; 
	float:left;
	margin-right:7px;
}
#social_media_icon ul li a{
	opacity:0.50;
	display:inline-block;
	filter:alpha(opacity=50); /* For IE8 and earlier */ 
	transition: .5s ease-in-out;
}
#social_media_icon ul li a img{
	background:#fff;
	border-radius:50px;
}
#social_media_icon ul li a:hover{
	opacity:1.0; 
	filter:alpha(opacity=100); /* For IE8 and earlier */
}


.categories{
	width:100%; 
	float:left;
	padding-top:10px;
	background:#cd00a3;

}

.categories ul{
	width:100%; 
	margin:0px;
	padding:0px;
}
.categories ul li{
	list-style:none;
	width:100%; 
}
.categories ul li a{
	font-family:montserratbold; 
	font-size:14px;
	width:100%; 
	color:#fff; 
	transition:all .3s ease-in-out; 
	border-bottom:1px solid #fff; 
	text-decoration:none; 
	display:inline-block;
	padding:5px 10px 5px 20px;
	background:url(../images/icon.png) no-repeat; 
	background-position:10px 10px;
}
.categories ul li a:hover{
	text-decoration:underline;  
	background-color:#052d6e;
	color:#fff;
}

#large-img{
	border:0px solid #052d6e;
	background:#fff;
	width:auto;
	margin-right:10px;
}

.large_name{
	float:right; 
	width:95%; 
	margin-right:10px; 
	font-family:montserratlight; 
	font-size:12px; 
	color:#51106b;
	margin-bottom:8px; 
	padding-left:10px; 
	border-bottom:1px solid #51106b;
}
.large_name span{
	padding-left:10px; 
	font-size:14px; 
	color:#51106b; 
	text-transform:uppercase;
}

.large_art{
	float:right; 
	width:95%; 
	margin-right:10px; 
	font-family:montserratlight; 
	font-size:12px; 
	color:#51106b;
	margin-bottom:8px; 
	padding-left:10px; 
	border-bottom:1px solid #51106b;
}
.large_art span {
	padding-left:10px; 
	font-size:14px; 
	color:#51106b; 
	text-transform:uppercase;
}
.large_size{
	float:right; 
	width:95%; 
	margin-right:10px; 
	font-family:montserratlight; 
	font-size:12px; 
	color:#51106b;
	margin-bottom:8px; 
	padding-left:10px; 
	border-bottom:1px solid #51106b;
}
.large_size span .jumpmenu{
	width:75px; 
	height:20px; 
	line-height:20px; 
	font-family:montserratlight;
	padding-left:5px; 
	font-size:12px; 
	text-decoration:none; 
	color:#51106b; 
}

.large_qty{
	float:right; 
	width:95%; 
	margin-right:10px; 
	font-family:montserratlight; 
	font-size:12px; 
	color:#51106b;
	margin-bottom:8px; 
	padding-left:10px; 
	border-bottom:1px solid #51106b;
}
.large_qty span .txt-field{
	width:75px; 
	height:20px; 
	line-height:20px; 
	font-family:montserratlight;
	padding-left:5px; 
	font-size:12px; 
	text-decoration:none; 
	color:#51106b; 
}
.large_basket a{
	float:left;
	width:95%;
	margin-left:5px;
	font-family:montserratlight; 
	font-size:13px;
	background:#51106b; 
	color:#fff; 
	text-align:center;
	text-decoration:none; 
	margin-bottom:8px; 
	line-height:30px; 
	padding-left:5px;
}
.large_basket a:hover{
	text-decoration:underline; 
}

.large_dis{
	float:right; 
	width:95%; 
	margin-right:10px; 
	font-family:montserratlight; 
	font-size:12px; 
	color:#51106b;
	margin-bottom:8px; 
	padding-left:10px; 
	border-bottom:1px solid #51106b;
}
.large_dis p{
	font-family:montserratlight; 
	font-size:10px; 
	color:#fff; 
	margin-bottom:5px; 
	clear:both; 
	margin-top:5px;
	padding:5px; 
	width:100%; 
	background-color:#51106b;
}

@media (min-width:0px) and (max-width:767px){
.margin-top{
	margin-top:10px;
}
.border-bottom{
	padding-bottom:10px;
	border-bottom:1px solid #51106b;
}
#newsletter p{
	width:auto;
	font-family:montserratlight;
	font-size:11px;
	padding:0 20px;
	text-align:center;
	color:#fff;
	margin:0px;
}

#newsletter-email{
	margin:20px 20px;
}

.margin-bottom{
	margin-bottom:10px;
}
.border-top{
	padding-bottom:10px;
	border-top:1px solid #51106b;
}
#formal{
	margin:10px !important;
}
#search-area{
	margin:10px ;
}
#search-btn{
	width:100%;
}
#top-nav{
	width:100%;
	border-top:1px solid #fff;	
}
}

@media (min-width:767px) and (max-width:991px){
#formal{
	margin:0px;
}
#search-area{
	margin:10px 0;
}
#top-nav{
	width:100%;
	border-top:1px solid #fff;	
}
}

@media (min-width:0px) and (max-width:473px){
.hide-nav{
	display: none !important;
}
#top-text{
	display: none !important;
}
}

.fnt{

	font-family:montserratblack;
	color: #222222!important;
	padding:10px !important;
	font-size:12px;
}



.holder {
	font-size: 14px;
	font-family: 'montserratlight', 'sans-serif';
	padding-top:15px;
	
    text-decoration: none;
	text-align:right;
	}
.holder a {
	color: #0099FF; text-decoration: underline;
	border: 1px solid #0099FF;
	text-decoration: none;
	padding: 0.2em 0.5em;
	cursor:pointer; margin:2px;
	}
.holder a:hover {
border: 1px solid #0099FF;
background-color:#1f2426;
color:#0099FF;

}
.holder a.jp-previous { margin-right: 20px; }
.holder a.jp-next { margin-left: 20px; }
.holder a.jp-current, a.jp-current:hover { 
	border: 1px solid #ABC406;
	padding: 0.2em 0.5em; 
	font-weight: bold;
	background:  #0099FF; 
	color: #FFF;

}
.holder a.jp-disabled, a.jp-disabled:hover {
	color:;
	
}
.holder a.jp-current, a.jp-current:hover,
.holder a.jp-disabled, a.jp-disabled:hover {
	cursor: default; 
}
.holder span { margin: 0 0px;  }
/* Content -> Unordered Lists */
#itemContainer { list-style: none; padding:0; margin: 0px 0;  }
#itemContainer li { display: inline;  }