/*---------------------------------------------------------------
# Package - Joomla Template based on Stools Framework   
# ---------------------------------------------------------------
# Author - joomlatd http://www.joomlatd.com
# Copyright (C) 2008 - 2014 joomlatd.com. All Rights Reserved.
# Websites: http://www.joomlatd.com
-----------------------------------------------------------------*/

/*Common*/
@font-face {
    font-family: 'ProximaNovaThin';
    src: url('../fonts/proxima/proximanova-thin-webfont.eot');
    src: url('../fonts/proxima/proximanova-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proxima/proximanova-thin-webfont.woff') format('woff'),
         url('../fonts/proxima/proximanova-thin-webfont.ttf') format('truetype'),
         url('../fonts/proxima/proximanova-thin-webfont.svg#ProximaNovaThin') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*Common*/
h1,h2,h3,h4,#navmenu ul.level-0 > li.menu-item > a.menu-item, .msilders_caption
 {
	font-family: ProximaNovaThin,Arial,Helvetica,sans-serif;
	font-weight:300;
}
#ju-bookmarks .ju-inner,
#ju-banner .ju-inner {
	padding:0;
}
.br-slidecontrol{
	position:absolute;
	list-style: none;	
	top: 106% !important;
	left:44% !important;
	z-index:10;
}
#wrapper img, .wrapper img{max-width: 1000px !important;height:auto;border:0;}

#slider .ju-base { 
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
	box-shadow:0 0 0 rgba(0,0,0,0.1);
	-moz-box-shadow:0 0 0 rgba(0,0,0,0.1);
	-webkit-box-shadow:0 0 0 rgba(0,0,0,0.1);
	margin-bottom: 20px;}
	
.ju-base { 
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
	box-shadow:0 0 5px rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.3);}
#ju-footer .ju-base, #ju-top-header .ju-base , #header .ju-base, #ju-main-header .ju-base{ 
	box-shadow:0 0 0 rgba(0,0,0,0.1);
	-moz-box-shadow:0 0 0 rgba(0,0,0,0.1);
	-webkit-box-shadow:0 0 0 rgba(0,0,0,0.1);}
#ju-header{ 
	margin-top: 10px;}	

.bt-inner .readmore  { width: 70px; padding: 3px; 6px}
#jul .jul-panel > span{ color: #fafafa !important;;	
}
/*News Show Vm Style*/
img.nspImage{padding:5px 35px 35px 35px}
.nspArt, div.browse-view .spacer{background:#f9f9f9; margin-left: 10px;
	box-shadow:2px 2px 4px rgba(0,0,0,0.2);
	-moz-box-shadow:2px 2px 4px rgba(0,0,0,0.2);
	-webkit-box-shadow:2px 2px 4px rgba(0,0,0,0.2)}
input.addtocart-button{background:url(../images/cart/add_cart.png) no-repeat 50% 0 !important;height:40px;padding-top:28px !important; padding-bottom:20px !important;border:none !important;font-size:13px;color:#868686;text-shadow: 0 1px white;
	-webkit-box-shadow: none !important;	
	-ms-box-shadow: none !important;	
	box-shadow: none !important;}
input.addtocart-button:hover{opacity:.8 !important;}
.nspArt h4.nspHeader{background:url(../images/cart/cart_header_bg.png) no-repeat 50% 100%;padding-bottom:10px}
div.PricepriceWithoutTax{background:url(../images/cart/cart_header_bg.png) no-repeat 50% 100%;padding-bottom:10px;padding-top: 10px;}
div.readon{margin-top:15px}
span.addtocart-button{background:url(../images/cart/header_vt.png) no-repeat 100% 0%;width: 100px;
float: left;
padding: 10px 10px 0 0;}
.nspBotInterface div, .nspTopInterface div {
float: none;
position: absolute;
top: 15px;
right: 0;
background: url(../images/cart/pat-3.png) repeat-x !important;
padding: 0 0px 0 10px;
}

span.quantity-box{float:left;width:27px;padding-top:5px;}
input.quantity-plus{margin:3px 0 0 -8px;background: url(../images/cart/bbr.png) no-repeat 50% 50% !important;width:24px;height:24px; 
	-webkit-box-shadow: none !important;	
	-ms-box-shadow: none !important;	
	box-shadow: none !important;}
	
input.quantity-minus{margin:3px 0 0 -18px;background: url(../images/cart/bbl.png) no-repeat 50% 50% !important;width:24px;height:24px;
	-webkit-box-shadow: none !important;	
	-ms-box-shadow: none !important;	
	box-shadow: none !important;}
/*e-Cart*/

.registration h3.header, .ju-component-area h3.header, div.order-view + form div h3.header{border-bottom:0px;background: url(../images/cart/blog-header-bg.png) 0 50% repeat-x !important;overflow: hidden !important;margin-top:0;font-weight:200;text-shadow: 0 1px white;}

.registration h3.header span, .ju-component-area h3.header span, div.order-view + form div h3.header span{background: url(../images/cart/pat-3.png) repeat-x !important;padding-right: 20px !important;font-size:17px;color:#565656;text-shadow: 0 0 1px rgba(0, 0, 0, 0.05);}

/*-----------*/
#ju-cart{display:inline-block;float:right;margin-top: 8px;
margin-right: 10px;}
div.total_products{background:url(../images/cart/add_cart.png)no-repeat 0% 50%;padding-left: 30px;
padding-top: 8px;color:#868686;text-shadow: 1px 1px rgba(0, 0, 0, 0.30);}
div.total_products:hover{background:url(../images/cart/add_carth.png)no-repeat 0% 50%;}
table.cart-summary a.vm2-remove_from_cart{background:url(../images/cart/delete.png) no-repeat 50%}
.normal-li:hover{background:url(../images/vmart/vmgeneral/catagory_hover.png) no-repeat 0% 48%;}
.VMmenu ul.menu li{background:url(../images/cart/bottom_li.png) no-repeat 0 50% !important;background-position:0 9px!important;}
#vmCartModule, .ju_lr{color:#868686;font-size:13px;text-shadow: 1px 1px rgba(0, 0, 0, 0.30);}
#mod-search-searchword{color:#626262;font-size:12px;text-shadow: 1px 1px rgba(0, 0, 0, 0.30);}


/*date*/
.ju_date{float:left;margin-top:8px}

.form-actions{padding:2px 4px 2px;margin-top:5px;margin-bottom:5px;background: transparent;border-top:1px solid #fff;*zoom:1;}
	
#navmenu{float:right; margin-top: 5px; margin-left: 5px;width: auto;}
#navmenu ul li .submenu-inner,#sublevel ul li .submenu-inner { padding: 3px; margin: 3px; border: 1px solid #bbb;
	box-shadow:0 0 3px rgba(0,0,0,0.6);
	-moz-box-shadow:0 0 3px rgba(0,0,0,0.6);
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.6);}
	
#navmenu ul.level-0 > li.menu-item:hover > a.menu-item,
#navmenu ul.level-0 > li.menu-item.active> a.menu-item,
#sublevel ul.level-1 > li.menu-item:hover > a.menu-item,
/* #sublevel ul.level-1 > li.menu-item.active> a.menu-item{ background-color: #000080; */
	box-shadow:0 0 3px rgba(0,0,0,0.6);
	-moz-box-shadow:0 0 3px rgba(0,0,0,0.6);
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.6); }

.btn-primary{color:#333;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#f1f1f1;background-image:-moz-linear-gradient(top, #fafafa, #bbb);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#bbb));background-image:-webkit-linear-gradient(top, #fafafa, #bbb);background-image:-o-linear-gradient(top, #fafafa, #bbb);background-image:linear-gradient(to bottom, #fafafa, #bbb);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#eee', GradientType=0);border-color:#bbb #bbb #ccc;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#bbb;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{color:#ffffff;background-color:#bbb;*background-color:#ddd;}
input{width:90%;}
textarea{width:98%;}
.quick_contact input{width:80%;}
#contact-form input{width:40%;}
#user-registration input, #member-registration input, .login input{width:230px;}
.pagenav a,.pager a{display:inline-block;padding:4px 14px;background-color:#fff;border:1px solid #ddd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fafafa; border-bottom:1px solid #dadada;
	background-image: -webkit-linear-gradient(top,  #fff, #e6e6e6);
	background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
	background-image: -ms-linear-gradient(top, #fff, #e6e6e6);
	background-image: -o-linear-gradient(top, #fff, #e6e6e6);}
.pager a:hover{text-decoration:none;background:#f5f5f5; border-bottom:1px solid #dadada;
	background-image: -webkit-linear-gradient(top,  #e6e6e6, #fff);
	background-image: -moz-linear-gradient(top, #e6e6e6, #fff);
	background-image: -ms-linear-gradient(top, #e6e6e6, #fff);
	background-image: -o-linear-gradient(top, #e6e6e6, #fff);}
a#pagetop{float:right;color:#333; padding: 4px 10px; background:#fafafa; border:1px solid #dadada;
	background-image: -webkit-linear-gradient(top,  #fff, #e6e6e6);
	background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
	background-image: -ms-linear-gradient(top, #fff, #e6e6e6);
	background-image: -o-linear-gradient(top, #fff, #e6e6e6);}	
.rote li{ margin-left: 8px!important;}	
.bt-cs h3, .bt-cs .bt-inner a
 {
	color: #555 !important;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.1em !important;
	font-weight:100;
}
ul.social_icons li a:hover {   
    -webkit-animation: smallToBig 300ms ease;
    -moz-animation: smallToBig 300ms ease;
    -ms-animation: smallToBig 300ms ease;}
@-webkit-keyframes smallToBig{
    from {
        -webkit-transform: scale(1.6);
    }
    to {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes smallToBig{
    from {
        -moz-transform: scale(1.6);
    }
    to {
        -moz-transform: scale(1);
    }
}
@-ms-keyframes smallToBig{
    from {
        -ms-transform: scale(1.6);
    }
    to {
        -ms-transform: scale(1);
    }
}
