/*!
 * Website Name: Network Compliment Center (NCC)
 * Project Indonesia Sedekah 2014
 * Version: 7.0
 * Author: Research & Development NetsolMind
 * Website: http://www.netsolmind.com/
 * Email: designer@esoftdream.net
 */

 html {
 	min-height: 100%;
 	height: 100%;	
 }

 body {
 	color: #000;
 	font-family: verdana;
 	padding: 0px !important;
 	margin: 0px !important;
 	font-size: 13px;
 	direction: ltr;

 	color: #222222;
 	background: #ededf4 url(../images/escheresque.png) 0 0 repeat!important;

 	min-height: 100%;
 	height: auto;
 	zoom: 1;
 }

 textarea:focus,
 input[type="text"]:focus,
 input[type="password"]:focus,
 input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="date"]:focus,
 input[type="month"]:focus,
 input[type="time"]:focus,
 input[type="week"]:focus,
 input[type="number"]:focus,
 input[type="email"]:focus,
 input[type="url"]:focus,
 input[type="search"]:focus,
 input[type="tel"]:focus,
 input[type="color"]:focus,
 .uneditable-input:focus {
 	border-color: #4cae4c;

 	-webkit-box-shadow: 0 0px 1px #4cae4c;
 	-moz-box-shadow: 0 0px 1px #4cae4c;
 	box-shadow: 0 0px 1px #4cae4c;
 }

 .no-scroll {overflow: hidden!important;}
 th {
 	font-size: 12px;
 }
 td {vertical-align: top;}

 .required {
 	color: red;
 }

 img {
 	vertical-align: middle;
 }

 ul, ol {list-style: none;}
 label {
 	font-weight: 600;
 }

 .form-control {border: 1px solid #cccccc;}

 .breadcrumb {background-color: transparent;padding: 0;}
 .col-auto-width {width: auto!important;}
 .title {
 	margin-top: 15px;
 	margin-bottom: 20px;
 	font-weight: 600!important;
 	background: #eee;
 	padding: 10px;
 	/*border-left: 5px solid #2980B9;*/
 }
 .title .glyphicon {margin-right: 5px;display: inline-block;}
 .title .more {
 	padding: 5px 8px;
 	color: #fff;
 	background: #2b712a;
 	font-size: 12px;
 }
 .title .more:hover {
 	text-decoration: none;
 	color: #2b712a;
 	background: #ccc;
 }
 .radio-inline, .checkbox-inline {
 	display: inline-block!important;
 	padding-left: 20px!important;
 	margin-bottom: 0!important;
 	font-weight: normal!important;
 	vertical-align: middle;
 	cursor: pointer!important;
 }
 .alert {border-radius: 0px;}
 .owl-theme .owl-controls .owl-buttons div {
 	text-transform: capitalize;
 }
/*
Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't 
properly apply the media queries in Bootstrap's CSS. To address this, 
you can optionally include the following CSS and JavaScript to work around this problem until Microsoft issues a fix.
*/
@-webkit-viewport { 
	width: device-width; 
}

@-moz-viewport { 
	width: device-width; 
}

@-ms-viewport { 
	width: device-width; 
}

@-o-viewport { 
	width: device-width; 
}

@viewport { 
	width: device-width; 
}

/* Internet Explorer 10 doesn't differentiate device width from viewport width, 
and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, following CSS code applied */
@-ms-viewport { 
	width: auto !important; 
}


/*** General typography ***/
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
	color: #444;
}

h1, h2, h3, h4, h5, h6 {
	font-family: verdana;
	font-weight: 300 !important;
}

h1.block, h2.block, h3.block, h4.block, h5.block, h6.block {
	padding-top: 10px;
	padding-bottom: 10px;
}

a {
	text-shadow: none !important;
	color: #2d744c;
}

/*** Fix link outlines after click ***/
a:focus, a:hover, a:active {
	outline: 0;
	color: #e36726;
}

.hasDatepicker {
	background: #fff url(../images/icon_date_small.png) 5px 5px no-repeat!important;
	padding-left: 35px!important;
}

/*** Font Awesome Icons ***/
[class^="icon-"], [class*=" icon-"] {
	display: inline-block;
	margin-top: 1px;
	font-size: 14px;
	*margin-right: .3em;
	line-height: 14px;
}

/*** Make font awesome icons fixed width(latest version issue) ***/
li [class^="icon-"], li [class*=" icon-"] {
	display: inline-block;
	width: 1.4em;
	text-align: center;
}
li [class^="icon-"].icon-large,li [class*=" icon-"].icon-large {
	/* increased font size for icon-large */
	width: 1.5625em;
}

/*** General HR ***/
hr {
	margin: 20px 0;
	border: 0;
	border-top: 1px solid #E0DFDF;
	border-bottom: 1px solid #FEFEFE;
}

/*** Tools ***/
.display-none, .display-hide {
	display: none;
}

.no-space {
	margin: 0px !important;
	padding: 0px !important;
}

.margin-bottom-10 {	margin-bottom: 10px !important;}
.margin-top-10 { margin-top: 10px !important;}
.margin-bottom-15 { margin-bottom: 15px !important;}
.margin-bottom-20 { margin-bottom: 20px !important;}
.margin-top-20 { margin-top: 20px !important;}
.margin-top-100 { margin-top: 90px !important;}
.margin-bottom-25 { margin-bottom: 25px !important;}
.margin-right-10 { margin-right: 10px !important;}

.bold { font-weight:600 !important;}
.fix-margin { margin-left: 0px !important}
.border { border: 1px solid red;}
.inline { display: inline;}

/*** ie8 & ie9 modes ***/
.visible-ie8 { display: none;}
.ie8 .visible-ie8 { display: inherit !important;}
.visible-ie9 { display: none;}
.ie9 .visible-ie9 { display: inherit !important;}
.hidden-ie8 { display: inherit;}
.ie8 .hidden-ie8 { display: none !important;}
.hidden-ie9 { display: inherit;}
.ie9 .hidden-ie9 { display: none !important;}

/** align for table cell **/
.price-value {text-align: right!important;}
.normal-value {text-align: left!important;}
.center-value {text-align: center!important;}
.fr {float: right!important;}
.fl {float: left!important;}

/** grid controller **/
.no-left {padding-left: 0px!important;}
.no-right {padding-right: 0px!important;}
.no-both {padding-left: 0px!important; padding-right: 0px!important;}

/** Banner **/
.banner {margin-bottom: 8px; display: block;}

/** callout message **/
.bs-callout {margin:20px 0;padding:20px;border-left:3px solid #eee}
.bs-callout h4 {margin-top:0;margin-bottom:5px}
.bs-callout p:last-child {margin-bottom:0}
.bs-callout code {background-color:#fff;border-radius:3px}
.bs-callout-danger {background-color:#fdf7f7;border-color:#d9534f}
.bs-callout-danger h4 {color:#d9534f}
.bs-callout-warning {background-color:#fcf8f2;border-color:#f0ad4e}
.bs-callout-warning h4 {color:#f0ad4e}
.bs-callout-info {background-color:#f4f8fa;border-color:#5bc0de}
.bs-callout-info h4 {color:#5bc0de}

/*.modal-content {z-index: 99999;}*/

/******************** GENERAL LAYOUT *********************/
/*** Header and header elements. ***/
.header {
	width: 100%; 
	padding: 0 20px 0 20px;
	margin: 0;
	border: 0px;
	padding: 0px; 
	box-shadow: none;
	min-height: 70px; 
	
	margin-top: 50px;
	height: 90px;
	display: block;
	position: relative;	
}

.header.navbar-fixed-top {
	z-index: 9995 !important;
	background: #fff!important;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	/*-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);	*/
}

.header .navbar-brand {
	display: inline-block;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	width: 215px;
	padding: 8px 0px;
}

.header .navbar-brand img {
	margin-left: 20px;
	height: 90px;
}

.header .info-brand {
	display: block;
	width: 100%;
	color: #666;
	position: absolute;
	top: -50px;
	font-size: 11px;
	height: 110px;
	background: #fff url(../images/bg_of_header.png) right -165px no-repeat;
	line-height: auto;
	z-index: 500;
}
header .navbar-default {
	background-color: #eee;
	height: 53px;
	z-index: 900;
	border-bottom: 3px solid #2b712a;	
}

.bg-image {
	background: #FFF;
	padding: 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
	border: 1px solid #cacaca;
	-webkit-box-shadow: inset 0 1px 0 #fff;
	-moz-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff;	
}

header .top-menu {list-style: none;}
header .top-menu li {
	display: inline-block;
	float: right;
	padding-left: 10px;
	padding-right: 10px;
	padding: 10px;
	padding-right: 0;
}
header .top-menu li:hover {
	/*background: #eee;*/
}
header .top-menu li:first-child:hover {background: transparent!important;}

header .top-menu li .btn {margin-top: -10px;}

.navbar-nav {
	display: inline-block;
	position: absolute; 
	right: 0;
}
.navbar-inverse .navbar-nav > li > a {
	/*color: #f08519;*/
	color: #000;
	font-size: 1.1em;
	font-weight: normal;
	margin-top: -1px;
	text-shadow: 0 1px 0 #fff!important;

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out false;
	-o-transition: all 0.3s ease-in-out false;
	transition: all 0.3s ease-in-out;	
}

.navbar-inverse .navbar-nav > li > a > i {/*display: none;*/}

.navbar-inverse .navbar-nav > li > a:hover, 
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:hover, 
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a.active,
.navbar-inverse .navbar-nav > .join-menu > a {
	color: #ffffff;
	background-color: #666;
	font-weight: normal;

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

}
.navbar-inverse .navbar-nav > .join-menu > a {
	position: absolute;
	right: 10px;
}

.dropdown li a {padding: 12px 20px; text-align: left;}
.dropdown-menu {
	margin-top: 2px!important;		
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	color: #e36826;
}

.navbar-inverse .navbar-nav > li > a:hover, 
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:hover {z-index: 9999;}
.navbar-nav > li {
	float: left!important;
}

.navbar-inverse .navbar-nav > .dropdown > a .caret {
	/*border-top-color: #f08519;
	border-bottom-color: #f08519;*/
	border-top-color: #000;
	border-bottom-color: #000;
}

.navbar-nav .button-service {
	width: 958px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.navbar-nav .button-service button {
	clear: both;
	position: absolute;
	top: -42px;
	left: 135px;
	width: 99px;
	height: 22px;
	/*background: url(../images/btn_set_en-2e0100080dcf89c51496c446709210cd.png) no-repeat -98px top;*/
	font-weight: bold;
	text-indent: -999px;
	overflow: hidden;
}
.navbar .special-nav {
	display: inline-block;
	padding: 0px 0!important;
	position: relative;
	width: 100%;
}

.navbar .special-nav .button-service {
	position: absolute;
	display: inline-block;
	padding: 15px 15px;
	float: left;
	height: 150px;
	width: 150px;
	z-index: 700;
	top: -29px;
	left: 0px;
}
.navbar .special-nav .button-service button {
	color: transparent;
	font-size: 16px;
	font-weight: normal;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out false;
	-o-transition: all 0.3s ease-in-out false;
	transition: all 0.3s ease-in-out;

	background: transparent;
	border: 0;
	height: 150px;
	width: 170px;
}
.navbar .special-nav .button-service button:focus,
.navbar .special-nav .button-service button:active,
.navbar .special-nav .button-service button.active,
.navbar .special-nav .button-service button:focus:active {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-image: none;
	outline: none;
}
.navbar .special-nav .button-service button .ised-btn {
	display: inline-block; 
	height: 150px;
	width: 170px;
	margin-top: -50px;
	background: transparent url(../images/ised-btn.png) center -25px no-repeat;
	background-size: 90%;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out false;
	-o-transition: all 0.15s ease-in-out false;
	transition: all 0.15s ease-in-out;
}
.navbar .special-nav .button-service button:hover .ised-btn {
	background: transparent url(../images/ised-btn-hv.png) center -25px no-repeat;background-size: 90%;
}
.navbar .special-nav .button-service button .caret {
	border-top-color: #ffffff;
	border-bottom-color: #ffffff;
}
.logo-nav a {width: 200px; padding: 5px 10px!important; }
.logo-nav:hover, .logo-nav a:hover {background: transparent!important;}
.logo-nav img {height: 40px!important;float: left;}
.mob-menu {display: none!important;}
.fixed {
	position: fixed;
	width: 100%;
	top: -60px;
	z-index: 9999!important;
	border-bottom: 3px solid #FFCB07;

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

}
.fixed .navbar-nav {width: 100%;}
.fixed .mob-menu {display: block!important;}
.fixed .logo-nav {width: 15%;}
.fixed .navbar-nav li a {color: #2b712a;text-shadow: 0 1px 0 rgba(255,255,255,0.3)!important;font-size: 1.1em;}

.navbar-inverse .fixed .navbar-nav > li > a:hover {
	color: #ffffff;
	background-color: #666;
	font-weight: normal;

	background: #2b712a!important; 
	text-shadow: 0 1px 0 rgba(255,255,255,0.3)!important;
}
.navbar-inverse .fixed .navbar-nav > li.logo-nav > a:hover {background: transparent!important;}
.navbar-inverse .fixed .navbar-nav > .dropdown > a .caret {
	border-top-color: #2b712a;
	border-bottom-color: #2b712a;
}
.navbar-inverse .fixed .navbar-nav > .dropdown > a:focus .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
}
.navbar-inverse .fixed .navbar-nav > .dropdown > a:hover .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
}
.navbar-inverse .fixed .navbar-nav > li.separator > a:hover {background: transparent!important; cursor: normal;}


#main-slider {
	background: #72ae16 url(../images/bg_body.jpg) top center;	

	max-height: 450px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;

	border-bottom: 5px solid #fff;
	margin-bottom: 20px;
	position: relative;	
	display: block;
}
#main-slider.static-bg {background: rgba(0,0,0,0.1) url(../images/particules.png) center 15% repeat-x;}
#main-slider.static-bg {background: none; border-bottom: 0;background: #2d744c; margin-bottom: 20px;height: 200px;}
#main-slider.static-bg .sliderbanner {height: 100%;}
#main-slider.static-bg .sliderbanner .container {background: url(../images/banner-bg.jpg) left top no-repeat;}
#main-slider .bg-glossy {
	display: block;
	height: 420px;
	background: url(../images/particules.png) top center no-repeat;
}
#main-slider .container {
	display: block;
	height: 100%;
	position: relative;
	margin: 0 auto;
	width: 980px;	
}

#main-slider .img-slider {
	position: absolute;
	bottom: 0;
	height: 370px;
	z-index: 100;
	right: 0px;
}
#main-slider .taglines {
	position: absolute;
	bottom: 100px;
	right: 0;
	text-align: right;
	text-transform: capitalize;
	text-shadow: 0 1px 3px #60a00c!important;
}
#main-slider.static-bg .taglines {
	position: relative;
	top: 50px;
	right: -11%;
}
#main-slider.static-bg .taglines h2 {color: #428bca;}
#main-slider .taglines h1 {
	color: #fff;
}
#main-slider .taglines h3 {
	line-height: normal;
	font-size: 18px;
	float: right;
	background: rgba(255,255,255,0.5);
	padding: 15px;
	padding-left: 40%;
	margin-top: 10px;
	color: #eee;
	text-shadow: none;
}
#main-slider.static-bg  .taglines h3 {
	background: transparent;
	padding: 10px 15px 10px 35%;
}
#main-slider .taglines h3 strong { font-weight: bolder;}
#main-slider .additional {
	background: #e4e4e4;
	background: -moz-linear-gradient(top,#e4e4e4 1%,#e4e4e4 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(1%,#e4e4e4),color-stop(100%,#e4e4e4));
	background: -webkit-linear-gradient(top,#e4e4e4 1%,#e4e4e4 100%);
	background: -o-linear-gradient(top,#e4e4e4 1%,#e4e4e4 100%);
	background: -ms-linear-gradient(top,#e4e4e4 1%,#e4e4e4 100%);
	background: linear-gradient(to bottom,#e4e4e4 1%,#e4e4e4 100%);
	/*border-bottom: 1px solid #d1d1d1;*/
	padding: 16px 0 14px;
	position: relative;
	height: 75px;
	display: none;
}

#main-slider .main-banner {
	height: 450px;
	background: #f3f3f3 url(../images/header-ncc_01.png) top left repeat;
	width: 100%;
	display: block;
	position: relative;
}
#main-slider .main-banner .bg-banner {
	background: url(../images/header-ncc-banner_01.jpg) top center no-repeat;
	height: 450px;
	width: 100%;
	background-size: auto 100%;
	position: absolute;
	top: 0px;
	left: 0%;
}

footer {
	background: #ffde01 url(../images/berbagi.jpg) center top no-repeat fixed;
	margin-top: 15px;

	display: block;
	width: 100%;
	border-top: 3px solid #e4b42d;
	padding-top: 10px;

	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
footer .overlay {
	width: 100%;
	min-height: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0,0,0,0.5);
	opacity: 1;
	display: inline-block;
	-webkit-perspective: 1000;
}

footer .copyright {
	display: block;
	background: #f3f3f3!important;
	border-top: 2px solid #FFCB07;
	color: #333;
	padding-top: 10px;
}
footer .copyright a {color: #e36826;}

.back-to-top {
	position: fixed;
	bottom: 2em;
	right: 0px;
	text-decoration: none;
	color: #000000;
	background-color: rgba(0, 0, 0, 0.10);
	font-size: 18px;
	padding: 0.7em 1em;
	display: none;
	text-align: center;
	font-family: verdana;

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out false;
	-o-transition: all 0.3s ease-in-out false;
	transition: all 0.3s ease-in-out;    
}

.back-to-top:hover {    
	background-color: #e4b42d;
	color: #fff;
	text-decoration: none;
}

.sem-iconsmall {
	background-repeat: no-repeat;
	background-image: url('../images/sem-icons.png');
	height: 24px;
	width: 24px;
	padding-left: 30px;
	margin-bottom: 10px;
	display: inline-block;
	opacity: 1;
	filter: Alpha(Opacity=10);
}
.ico-tw {
	background-position: -30px -80px;
}
.ico-fb {
	background-position: 0 -80px;
}
.ico-gplus {
	background-position: -60px -80px;
}
/*===========================================================================================*/
/*-- widget content --*/
/*===========================================================================================*/

/* default widget */
.widget {padding: 10px; font-size: 13px;}
.widget-content {}
/* default widget */

/* price widget */
.sku-info {
	display: block;
	background: none;
	padding: 0 10px;
}
.sku-info .disc-block {
	padding: 10px 0;
	color: #f07411;
	display: block;
	margin-bottom: 15px;
	font-size: 14px;
}
.sku-info .disc-block i {
	background: #f07411;
	padding: 10px;
	display: inline-block;
	float: left;
	text-align: center;
	width: 35px;
	color: #fff;
	margin-top: -10px;

	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
}
.sku-info h4 {
	margin-bottom: 10px!important;
	font-size: 17px!important;
	line-height: 1.33!important;
	font-weight: 600!important;
	max-height: 110px;
	overflow: hidden;
}
.sku-info a, .sku-info a:link {
	color: #085eb9;
	text-decoration: none;
}
.sku-info a:hover {text-decoration: underline;}
.sku-info .sku-id {
	margin-bottom: 10px;
	color: #49494a;
}
.sku-info .action-button {
	margin-bottom: 10px;
	margin-top: 15px;
	color: #fff;
	font-weight: bold!important;
}
.sku-info .action-button .btn {
	margin-bottom: 15px;
	color: #fff;
	font-weight: bold!important;
	width: 80%;
}
.sku-info .action-button .btn:hover {text-decoration: none;}
.sku-info .priceblock {
	margin-bottom: 10px;
}
.sku-info .priceblock .pucks-and-price {margin-bottom: 15px;}
.sku-info .priceblock .item-price {
	font-size: 32px;
	line-height: 38px;
	color: #49494a;
	margin-bottom: 5px;
}
.sku-info .priceblock .item-price span.denominator {
	font-size: 25px;
	margin-right: 2px;
}
.sku-info .priceblock .sale-puck {
	font-size: 15px;
	line-height: 16px;
	font-weight: bold;
	color: #49494a;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.sku-info .priceblock .details {
	margin-bottom: 10px;
	font-size: 13px;
}
.sku-info .priceblock .details .savings-amount {
	font-weight: bold;
	color: #bb0628;
}
/* price widget */

/*-- widget homepage banner --*/
.homepage-banner {
	background: #fff;
	padding: 10px 20px 10px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	border-radius: 7px 7px;
	-moz-border-radius: 7px 7px;
	-webkit-border-radius: 7px 7px;
}
.homepage-banner h4 {
	margin: 20px 0 0 0;
	line-height: normal;
}

.homepage-banner ul {
	padding-left: 0;
	list-style: none;
	margin-left: -10px;
	margin-right: -10px;
}

ul.unstyled {
	padding-left: 0;
	list-style: none;
}

.homepage-banner ul li {
	position: relative;
	float: left;
	width: 33.33333333333333%;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.homepage-banner ul#featurelist li {
	width: 20%;
}

.homepage-banner ul a {
	display: block;
	text-align: center;
	margin-bottom: 5px;
	color: #0f844d;
}
.homepage-banner ul a:hover {text-decoration: none;}

.homepage-banner ul img {
	display: inline-block;
	width: 40%;
	height: auto;

	border: 3px solid #fff;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out false;
	-o-transition: all 0.3s ease-in-out false;
	transition: all 0.3s ease-in-out;	
}

.homepage-banner ul a:hover img {
	border: 3px solid #ddd;
}

.homepage-banner ul a h5 {
	font-weight: bold!important;
	padding: 10px;
	margin-bottom: 0px;

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out false;
	-o-transition: all 0.3s ease-in-out false;
	transition: all 0.3s ease-in-out;	
}
.homepage-banner ul a:hover h5 {
	text-decoration: none;
	background: #ddd;
	color: #0f844d;
}
.homepage-banner ul a span {color: #333;}
/*-- widget homepage banner --*/

/* -- EFFECT -- */
.view {
	width: 100%;
	height: 250px;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	-webkit-box-shadow: 1px 1px 2px #e6e6e6;
	-moz-box-shadow: 1px 1px 2px #e6e6e6;
	box-shadow: 1px 1px 2px #e6e6e6;
	cursor: default;
	background: #fff;
}
.view .mask,.view .content {
	width: 100%;
	height: 250px;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}
.view img {
	display: block;
	position: relative;
}
.view h2 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	position: relative;
	font-size: 20px;
	padding: 15px;
	background: rgba(0, 0, 0, 0.8);
	margin: 20px 0 0 0;
}
.view a.info {
	display: inline-block;
	text-decoration: none;
	padding: 7px 14px;
	background: #000;
	color: #fff;
	text-transform: uppercase;
	-webkit-box-shadow: 0 0 1px #000;
	-moz-box-shadow: 0 0 1px #000;
	box-shadow: 0 0 1px #000;
}
.view a.info:hover {
	background: #333;
}
.view img {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.view .mask {
	background-color: #FFCB07;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.view h2 {
	background: transparent;
	color: #000;
}
.view p {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	color: #333;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.view:hover .mask {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
}
.view:hover img {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-o-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
}
.view:hover p {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
/* -- EFFECT -- */

/*-- widget ncc-box --*/
.nccbox {
	background: #fff;
	margin-bottom: 20px;

	border-radius: 7px 7px;
	-moz-border-radius: 7px 7px;
	-webkit-border-radius: 7px 7px;

	-webkit-box-shadow: inset -1px 0 0 0 #d2d2d2,inset -1px 0 0 0 #e6e6e6,inset 1px 0 0 0 #d2d2d2,1px 0 0 0 #e6e6e6,0 -1px 0 0 #e8e8e8,0 2px 0 0 rgba(241,241,241,0.3),0 1px 0 0 #b1b1b1;
	-moz-box-shadow: inset -1px 0 0 0 #d2d2d2,inset -1px 0 0 0 #e6e6e6,inset 1px 0 0 0 #d2d2d2,1px 0 0 0 #e6e6e6,0 -1px 0 0 #e8e8e8,0 2px 0 0 rgba(241,241,241,0.3),0 1px 0 0 #b1b1b1;
	box-shadow: inset -1px 0 0 0 #d2d2d2,inset -1px 0 0 0 #e6e6e6,inset 1px 0 0 0 #d2d2d2,1px 0 0 0 #e6e6e6,0 -1px 0 0 #e8e8e8,0 2px 0 0 rgba(241,241,241,0.3),0 1px 0 0 #b1b1b1;	
}
.no-border {
	box-shadow: none;
	background: transparent;
}

.nccbox .nccbox-header {
	display: block;
	position: relative;

	color: #fff;
	font-size: 14px;
	margin-bottom: 10px;
	padding: 8px 15px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 20px;
	text-shadow: 0 1px 3px #60a00c!important;

	border-radius: 7px 7px 0 0;
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;

	background: rgb(157,213,58); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(157,213,58,1) 0%, rgba(161,213,79,1) 50%, rgba(128,194,23,1) 51%, rgba(124,188,10,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(157,213,58,1)), color-stop(50%,rgba(161,213,79,1)), color-stop(51%,rgba(128,194,23,1)), color-stop(100%,rgba(124,188,10,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */

}
.nccbox .nccbox-header a {color: #fadd04;}

.nccbox .whitehd {
	background: rgba(0,0,0,0.1);
	color: #2d744c;
	padding-left: 15px;
	border-top: 0;
	border-top: 3px solid #2d744c;
	line-height: 16px;
	text-shadow: none!important;

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

}
.nccbox .whitehd h4, .nccbox .warninghd h4 {margin: 5px 0;}
.nccbox .no-icon {background: #2d744c; padding-left: 15px;}
.nccbox .whitehd a {color: #2d744c;}

.nccbox .warninghd {
	background: #FFCB07;
	color: #2980B9;
	padding-left: 15px;
	border-top: 0;
	border-top: 3px solid #ccc;
	line-height: 16px;
}
.nccbox .warninghd h4 {color: #333;}
.nccbox .nccbox-container {padding: 5px 15px;}
/*-- widget ncc-box --*/

/*-- widget category list --*/
.category-list {padding: 10px 0; display: block;}
.category-list a {
	padding: 3px 7px; 
	background: #ddd;
	color: #333;
	margin-bottom: 5px;
	display: inline-block;
}
.category-list a:hover {
	text-decoration: none;
	background: #2980B9;
	color: #fff;
}
/*-- widget category list --*/

/* widget hotdeal */
.widget-hotdeal {}
.widget-hotdeal .widget-content {

}
.widget-hotdeal .widget-content .deal-list {
	/*background: #ddd; */
	padding: 15px 0;
	/*border: 1px solid #ccc;*/
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}
.widget-hotdeal .widget-content .deal-list .shortdes {
	height: 125px;
	padding-bottom: 10px;
	display: inline-block;
	overflow: hidden;
	color: #666;
}
.widget-hotdeal .widget-content .deal-list .item-pic {
	height: 170px;
	overflow: hidden;
	width: 100%;
}
.widget-hotdeal .widget-content .deal-list .duedate {
	background: #eee;
	color: #2980B9;
	padding: 10px;
	display: block;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out false;
	-o-transition: all 0.3s ease-in-out false;
	transition: all 0.3s ease-in-out;		
}
.widget-hotdeal .widget-content .deal-list .item-pic img {
	border: 3px solid #ddd;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out false;
	-o-transition: all 0.3s ease-in-out false;
	transition: all 0.3s ease-in-out;		
}
.widget-hotdeal .widget-content .deal-list a:hover {text-decoration: none;}
.widget-hotdeal .widget-content .deal-list a:hover .item-pic img {border: 3px solid #2980B9;}
.widget-hotdeal .widget-content .deal-list a:hover .duedate {
	background: #2980B9;
	color: #eee;
	text-decoration: none;
}
.widget-hotdeal .widget-content .deal-list .sku-info {
	border-left: 1px solid #ddd;
	padding-left: 20px;
	padding-right: 0;
	position: relative;	
	margin-left: -7px;
}
.widget-hotdeal .widget-content .deal-list .sku-info a:hover {text-decoration: underline;}
.widget-hotdeal .widget-content .deal-list .sku-info .btn:hover {text-decoration: none;}

.widget-hotdeal .widget-content .deal-list .sku-info:after, 
.widget-hotdeal .widget-content .deal-list .sku-info:before {
	right: 100%;
	top: 15%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.widget-hotdeal .widget-content .deal-list .sku-info:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 15px;
	margin-top: -15px;
}
.widget-hotdeal .widget-content .deal-list .sku-info:before {
	border-color: rgba(221, 221, 221, 0);
	border-right-color: #ccc;
	border-width: 16px;
	margin-top: -16px;
}

#sidebar .widget-hotdeal {
	padding: 0px;
}
#sidebar .widget-hotdeal .sku-id {
	display: block;
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	margin-top: 15px;
}
#sidebar .widget-hotdeal .widget-content .deal-list .sku-info, 
#sidebar .widget-hotdeal .widget-content .deal-list .sku-info:before, 
#sidebar .widget-hotdeal .widget-content .deal-list .sku-info:after {
	border: none;
}
#sidebar .sku-info .priceblock .item-price {font-size: 24px;}
/* widget hotdeal */

/* widget merchant list random */
.widget-merchantrand {}
.widget-merchantrand .merchant-list {
	padding: 15px 0;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;	
	height: 466px;
}
.widget-merchantrand .merchant-list .owl-wrapper-outer {padding-bottom: 40px;}
.widget-merchantrand .merchant-list .merchant-box {
	margin: 0;
	padding: 5px;
	list-style: none;
}
.widget-merchantrand .merchant-list .merchant-box li {
	width: 23%;
	display: inline-block;
	position: relative;
	float: left;
	margin: 7px 5px;
}
.widget-merchantrand .merchant-list .merchant-box li img {
	border: 2px solid #ddd;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out false;
	-o-transition: all 0.3s ease-in-out false;
	transition: all 0.3s ease-in-out;	
}
.widget-merchantrand .merchant-list .merchant-box li a {
	display: inline-block;
	width: 100%;
}
.widget-merchantrand .merchant-list .merchant-box li a:hover img {border-color: #2980B9;}
.widget-merchantrand .merchant-list .merchant-box li a:hover span {
	background: #2980B9;
}
.widget-merchantrand .merchant-list .merchant-box li a .disc {
	padding: 3px 6px;
	position: relative;
	background: #f07411;
	color: #FFF;
	font-weight: 600;
	width: 100%;
	display: block;
}
/* widget merchant list random */

/* widget update twitter */
.widget-updatetwitter {padding: 10px 0;}
.customisable-border {
	border: 1px solid #ddd!important;
}
/* widget update twitter */

/* widget update list */
.widget-updatelist {}
.widget-updatelist .nav-tabs {
	margin-bottom: 10px;
}
.widget-updatelist .nav-tabs li a {color: #333;}
.widget-updatelist .nav-tabs .active a {
	font-size: 14px;
	color: #e36826;
	border-bottom-color: #fff;

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

/* event list */
.widget-updatelist #event-list {
	padding: 10px 0;
	height: 550px;
}
.widget-updatelist #event-list .bx-wrapper .bx-viewport {
	left: 0;
}
.widget-updatelist #event-list .slide {
	height: 500px;
	overflow: hidden;
	display: block;
	padding: 5px;
	width: 100%!important;
	border-bottom: 1px solid #ccc;
}

.widget-updatelist #event-list .event-pic {
	display: block;
	height: 270px;
	overflow: hidden;
	margin-bottom: 10px;
	border: 3px solid #fff;
}
.widget-updatelist #event-list .event-pic img {
	margin-top : -18%;
}
.widget-updatelist #event-list .event-pic:hover {
	border: 3px solid #2980B9;
}

.widget-updatelist #event-list .event-desc {
	position: relative;
	display: block;
	background: #f5f5f5;
	height: 205px;
	overflow: hidden;
	padding: 5px 0;
}
.widget-updatelist #event-list .event-desc .event-calendar {
	padding: 5px;
	display: block;
}
#event-list .event-desc .event-calendar .edate {
	/*background: #2980B9;*/
	background: #bb0628;
	display: block;
	padding: 8px 5px;
	border-top: 10px dotted #f5f5f5;
}
#event-list .event-desc .event-calendar span, #event-list .event-desc .event-data span {
	display: block;
	color: #fff;
	font-size: 12px;
	text-align: center;
	font-weight: 400;
}
#event-list .event-desc .event-calendar .edate .eday {
	font-size: 180%;
	font-weight: bold;
}
#event-list .event-desc .event-data span {
	text-align: left;
	color: #333;
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	max-height: 50px;
}
#event-list .event-desc .event-data .etitle {
	font-size: 14px;
	padding-bottom: 5px;
	max-height: 55px;
}
#event-list .event-desc .event-data span small {
	margin-left: 20px;
	display: inline-block;
	margin-right: 5px;
}

/* event list */

/* news List */
.widget-updatelist #news-list {}
.widget-updatelist #news-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.widget-updatelist #news-list ul li {border-bottom: 1px dotted #ddd; padding-bottom: 5px; margin-bottom: 10px;}
.widget-updatelist #news-list h4 {
	font-weight: 500!important;
	margin-bottom: 15px;
	margin-top: 0;
}
.widget-updatelist #news-list ul li.headline {
	padding: 5px;
	background: #eee;
}
.widget-updatelist #news-list ul li.headline h4 {font-weight: bold;}
.widget-updatelist #news-list .news-date {margin-bottom: 10px; display: block;}

.widget-updatelist #news-list .news-pic {
	display: block;
	width: 100%;
	height: 60px;
	overflow: hidden;
	margin-bottom: 10px;
}
.widget-updatelist #news-list .headline .news-pic {
	display: block;
	width: 100%;
	height: 100px;
	overflow: hidden;
	margin-bottom: 10px;
}	
.widget-updatelist #news-list .news-pic img {
	margin-top : -18%;
	display: inline-block;
	width: 100%;
}
.widget-updatelist #news-list .news-excerpt {
	font-size: 12px;
	height: 50px;
	color: #666;
	overflow: hidden;
}
.widget-updatelist #news-list .headline .news-excerpt {
	height: 105px;
}

.widget-updatelist #news-list .news-excerpt h4 {
	margin: 0;
	padding: 0;
}	
/* event list */
/* widget update list */

/* widget info magazine */
.widget-infomagz {
	display: inline-block;
	background: #fff;
	padding: 7px;
}
.widget-infomagz .btn {}
.widget-infomagz .magz-cover {
	display: block;
	position: relative;
}
.widget-infomagz .magz-cover img {
	display: inline-block;
	border: 4px solid #fff;
	width: 100%;

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out false;
	-o-transition: all 0.3s ease-in-out false;
	transition: all 0.3s ease-in-out;	
}
.widget-infomagz .magz-cover img:hover {
	border: 4px solid #e4b42d;
}
.widget-infomagz .magz-excerpt {
	display: block;
	position: relative;
	padding: 8px 0;
	border-top: 1px solid #fff;
	margin-bottom: 10px;
	color: #333;
}
.widget-infomagz .magz-excerpt h5 {
	font-weight: bold!important;
	color: #e36826;
	margin: 5px 0;
}
/* widget info magazine */

/* widget media partner */
.widget-medpartner {
	display: block;
	margin-bottom: 10px;
}
.widget-medpartner h4 {
	margin-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ddd;
}
.widget-medpartner ul {margin: 0; padding: 0;}
.widget-medpartner ul li {
	display: inline-block;
	float: left;
	margin-right: 0px;
}
.widget-medpartner ul li img {
	display: inline-block;
	height: 50px;
}
/* widget media partner */

/* widget footer info link */
.widget-foot-info {
	display: block;
	margin: 25px 0 5px;
	color: #ddd;
}

.widget-foot-info  h4 {
	color: #fff;
	text-transform: uppercase;
	font-size: 13px;
	margin: 0 0 7px;
	line-height: normal;
	font-weight: bold!important;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

.widget-foot-info ul {margin: 0; padding: 0; list-style: none;}
.widget-foot-info #footcontantPhone {
	font-size: 28px;
	line-height: 32px;
	margin-bottom: 10px;
}
.widget-foot-info a {color: #eee;}
/* widget footer info link */

/* widget newsletter */
#widget-Newsletter {
	background-color: #f9f9f9;
	margin-top: 15px;
	padding: 20px 10px;
	border: 1px solid #c5c1c2;
}
/* widget newsletter */

/* widget form login */
#login-form {

}
#login-form .form { padding: 25px 15px; background: #f5f5f5;border: 2px solid #4cae4c;}
#login-form .form input {width: 98%; color: #2980B9;}
#login-form .form label {
	color: #747474;
	line-height: 18px;
	font-family: helvetica,arial,sans-serif;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	text-align: left;
	text-decoration: none;
	text-indent: 0;
	text-justify: auto;
	text-outline: 0;
	text-overflow: clip;
	text-shadow: none;
	text-transform: none;
	text-wrap: normal;
	display: block;
	margin-bottom: 3px;
	cursor: default;
}
/* widget form login */

/* widget form register */
#register-form {

}
#register-form .form { padding: 25px 15px; background: #f5f5f5;border: 3px solid #4cae4c;}
#register-form .form input[type="text"], #register-form .form input[type="email"],
#register-form .form input[type="password"],#register-form .form textarea {width: 98%; color: #444;}
#register-form .form label {
	color: #333;
	line-height: 18px;
	font-family: helvetica,arial,sans-serif;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	text-align: left;
	text-decoration: none;
	text-indent: 0;
	text-justify: auto;
	text-outline: 0;
	text-overflow: clip;
	text-shadow: none;
	text-transform: none;
	text-wrap: normal;
	display: block;
	margin-bottom: 3px;
	cursor: default;
}
/* widget form login */

/* widget banner register */
.register-banner {
	position: relative;
	background: url(../images/register-online.jpg) left top no-repeat;
	background-size: 100% auto;
	height: 180px;
	border-bottom: 5px solid #ddd;
	border-top: 5px solid #ddd;
}
.register-banner .btn {
	position: absolute;
	right: 15px;
	bottom: 20px;
}
.register-banner span {
	position: absolute;
	left: 200px;
	bottom: 80px;
	font-size: 16px;
}
/* widget banner register */

/* widget button register */
.register-button {
	width: 100%;
	height: 460px;
	background: #FFF url(../images/regmerchant.jpg) left bottom no-repeat;
	background-size: 100% auto;
	float: right;
	position: relative;
	padding: 15px;
	border-radius: 5px;
	display: inline-block;
	padding-bottom: 15px;
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
/* widget button register */

/* widget media partners */
#mediapartner {}
#mediapartner ul {margin:0; padding: 10px; display: inline-block;}
#mediapartner ul li {
	display: inline-block;
	float: left;
	margin: 0 5px 10px;
}

#mediapartner ul li img {height: 80px; display: inline-block;}
/* widget media partners */

/* widget feature list */
#featuredlist {}
#featuredlist .item-fitur {
	min-height: 326px;
	border: 1px solid #dadada;
	border-right: 0;
	margin-bottom: 5px;
}
#featuredlist .item-fitur .item {
	text-align: center;
	line-height: 100%;
	padding-bottom: 20px;
	padding-top: 20px;
	margin-bottom: 12px;
	border-bottom: 1px solid #e4e4e4;
	display: inline-block;
	width: 100%;
	background: #eee;

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out false;
	-o-transition: all 0.3s ease-in-out false;
	transition: all 0.3s ease-in-out;	
}
#featuredlist .item-fitur .item:hover {
	background: #ddd;
}
#featuredlist .item-fitur .info {padding: 0 15px;}
#featuredlist .item-fitur .item img {width: 150px;}
#featuredlist .item-fitur .info h4 {
	color: #3498db;
	font-weight: 500!important;
}
/* widget feature list */

/* widget magazine list */
#magazinelist {}
#magazinelist .item-magz {
	height: 400px;
	border: 2px solid #dadada;
	margin-bottom: 10px;
	padding: 10px;
	position: relative;
	display: inline-block;
	overflow: hidden;
}
#magazinelist .item-magz:hover {
	border: 2px solid #e4b42d;
}

#magazinelist .item-magz .item {
	text-align: center;
	line-height: 100%;
	padding: 10px;
	display: inline-block;
	width: 100%;

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out false;
	-o-transition: all 0.3s ease-in-out false;
	transition: all 0.3s ease-in-out;	
}
#magazinelist .item-magz .item:hover, #magazinelist .item-magz:hover .item {
	background: #ddd;
}
#magazinelist .item-magz .info {padding: 0px; font-size: 11px;}
#magazinelist .item-magz .item img {height: auto; width: 90%; margin: 0 auto;}
#magazinelist .item-magz .info h4 {
	color: #e36826;
	font-weight: 500!important;
}
#magazinelist .item-magz .info table {margin-bottom: 10px;}
#magazinelist .item-magz .excerpt {
	display: block;
	padding: 15px 10px;
	height: 90px;
	overflow: hidden;
	background: #eee;
	margin-left: -10px;
	margin-right: -10px;
	display: none;
}
#magazinelist .item-magz td {padding: 3px 5px;}
#magazinelist .item-magz .magz-toolbar {
	display: inline-block;
	width: 100%;
	padding: 10px;
	position: absolute;
	left: 0;
	bottom: 0px;
	background:#dadada; 
}
#magazinelist .item-magz:hover .magz-toolbar {background: #e4b42d;}
#magazinelist .item-magz .new-item {
	position: absolute;
	top: 2%;
	left: -15%;
	z-index: 800;
	background: #FFCB07;
	display: inline-block;
	padding: 10px;
	text-align: center;
	width: 50%;
	font-weight: bold;
	color: #bb0628; 

	-moz-transform: rotate(315deg);
	-webkit-transform: rotate(315deg);
	-o-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	transform: rotate(315deg);
}

#magazinelist .item-magz .magz-toolbar a {
	font-size: 13px;
}
/* widget magazine list */

/* widget merchant list */
.merchant-item {padding: 15px 0;}
.merchant-item ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
}
.merchant-item ul li {display: inline-block; float: left; margin: 5px 10px;}
.merchant-item .pagination li {
	margin: 0px; 
}
.merchant-item .pagination li a {
	padding: 10px 16px;
}
.merchantid {
	border-radius: 3px;
	/*box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.18);*/
	background: #fff;
	width: 100%;
	position: relative;
	border: 2px solid #ddd;
	overflow: hidden;

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out false;
	-o-transition: all 0.3s ease-in-out false;
	transition: all 0.3s ease-in-out;	
}

.merchantid:hover {border: 2px solid #bb0628;}
.merchantid .mc-img {
	display: block;
	width: 100%;
	height: 150px;
	overflow: hidden;
	/*border-bottom: 1px solid #ddd;*/
	position: relative;
	border-bottom: 1px solid transparent;
}

.merchantid .mc-img img {
	width: auto;
	height: 100%;
}

.merchantid .mc-img img.logo {
	width: 40%;
	padding: 5px 5px 7px;
	background: #fff;
	position: absolute;
	bottom: 0px;
	right: 15px;
	height: auto;
}
.merchantid .mc-meta {padding: 10px;}	
.merchantid .mc-rate {padding: 5px 10px;}
.merchantid .mc-rate {display: block; border-bottom: 1px solid #ddd; background: #ddd; text-align: right;}
.merchantid .mc-rate .rating-stars {color: #fff;}
.merchantid .mc-meta {}
.merchantid .mc-meta h5 {
	padding: 0; 
	margin: 0; 
	margin-bottom: 5px; 
	font-weight: 500!important;
	height: 47px;
	overflow: hidden;
}

#merchantlist .merchantid .mc-meta p, #hotmerchantlist .merchantid .mc-meta p {
	font-size: 11px;
	height: 30px;
	overflow: hidden;	
}
.merchantid .mc-meta .disc-label {
	width: 60px;
	height: 60px;
	overflow: hidden;
	display: block;
	margin: 0px auto;
	margin-left: -5px;
	padding: 15px 5px;
	background: #eee;
	font-size: 20px;
	font-weight: 600;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	text-align: center;
	color: #1a8839;
	background: #ddd;

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out false;
	-o-transition: all 0.3s ease-in-out false;
	transition: all 0.3s ease-in-out;
}
.merchantid:hover .mc-meta .disc-label {
	background: #bb0628;
	color: #fff;
}

.merchantid .flag {
	position: absolute;
	top: 12px;
	left: -32px;
	z-index: 800;
	background: red;
	display: inline-block;
	padding: 10px;
	text-align: center;
	width: 50%;
	font-weight: bold;
	color: #FFF; 

	-moz-transform: rotate(315deg);
	-webkit-transform: rotate(315deg);
	-o-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	transform: rotate(315deg);
}
.merchantid .hot {background: red; color:#fff;}
.merchantid .recommended {background: #FFCB07; color:#fff;}
.merchantid .bestseller {background: #78a300; color:#fff;}

#merchantlist .merchantid {margin-bottom: 20px;}
#merchantlist .merchantid .mc-meta {
	padding: 5px 10px;
}

#merchantlist .merchantid .mc-meta h4 {
	margin: 5px 0;
	font-size: 14px;
	height: 45px;
	overflow: hidden;
}
#merchantlist .merchantid:hover {border: 2px solid #1a8839;} 
#merchantlist .merchantid:hover .mc-meta .disc-label {
	background: #1a8839;
	color: #fff;
}
/* widget merchant list */

/* widget search tool */
.widget-search-tool {
	display: inline-block;
	width: 100%;
	position: relative;
	background: #fff;
	margin-bottom: 20px;
	border: 1px solid #ddd;
}

.widget-search-tool .search-categories {
	margin: 15px 0;
	margin-bottom: 25px;
}

.widget-search-tool .search-advance {
	background: #eee;
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: -10px;
	padding: 15px;
}

.widget-search-tool .search-advance label {color: #1a8839;}
/* widget search tool */

/* widget merchant detail */
#merchantdetail {}
#merchantdetail .merchantid {border: 1px solid #ddd;}
#merchantdetail .merchantid:hover {border: 1px solid #ddd;}
#merchantdetail .merchantid .mc-img img {
	width: 100%;
	height: auto;
	margin-left: 0;
	padding: 10px;
}
#merchantdetail .merchantid .mc-img {height: auto;}
#merchantdetail .merchantid .mc-rate {background: #ccc; text-align: left;}
#merchantdetail .merchantid .mc-rate .rating-container {color: #999;}
#merchantdetail .merchantid .mc-rate .rating-stars {color: #fde16d;}
#merchantdetail .merchantid .mc-rate .label {font-size: 14px; font-weight: normal; margin-left: 20px;}
#merchantdetail .merchantid .mc-meta {padding: 20px;}
#merchantdetail .merchantid .panel-title > a {color: #000; font-weight: 600;}
#merchantdetail .merchantid .mc-meta p {font-size: 14px; margin-bottom: 20px;}
#merchantdetail .merchantid .mc-meta img {padding: 10px;}
#merchantdetail .merchantid .mc-meta  h1 {
	font-size: 160%;
	font-weight: 600!important;
	color: #e36726;
	margin-bottom: 15px;
}
#merchantdetail .merchantid .meta-term h3 {
	font-size: 34px;
	font-weight: 500!important;
	background: #f60;
	color: #fff;
	padding: 27px 10px;
	width: 100px;
	height: 100px;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
}
#merchantdetail .merchantid .meta-term ul, #merchantdetail .merchantid .meta-term ol {
	margin: 0; padding: 0;
}
#merchantdetail .merchantid .meta-term ul li {display: block; float: none; margin: 5px 0px; }
#merchantdetail .merchant-info {
	display: inline-block;
	width: 100%;
}
#merchantdetail .merchant-info img {
	padding: 10px;
	background: #fff;
	border: 1px solid #ddd;
	display: inline-block;
	width: 100%;
}
#merchantdetail .merchant-info h2 {color: #e36726;font-weight: 100!important; margin-bottom: 15px;}
#merchantdetail .merchant-info table {background: #fff;}
#merchantdetail .merchant-info table td {padding: 10px; vertical-align: top;}
#merchantdetail .merchant-info table td i {
	display: inline-block;
	width: 15%;
	float: left;
	font-size: 20px;
	text-align: left;
	color: #ccc;
}
#merchantdetail .merchant-info table td span {
	display: inline-block;
	width: 85%;
	float: left;
}
#merchantdetail .merchant-info table td span strong {
	margin-bottom: 5px;
	font-weight: bold;
	display: block;
}
/* widget merchant detail */

/* widget other merchant */
.list-merchant {
	display: block;
	position: relative;
	float: left;

	width: 100%;
	background: #FFF;
	color: #fff;
	border: 2px solid #FFF;
	background: rgba(0,0,0,0.1);
}
.list-merchant {display: inline-block;}
.list-merchant img {
	width: 100%;
	display: inline-block;
	margin: 5px auto;
	border: 2px solid #fff;
	padding: 0!important;
}
.list-merchant span.tags {
	/*padding: 0 10px;*/
	color: #333;
}
.list-merchant span.tags span {
	font-size: 25px;
	display: inline-block;
	color: red;
	padding-top: 0px;
	text-align: right;
	padding-right: 10px;
	width: 100%;
}
.list-merchant a:hover, .list-merchant a:hover span.tags,
.list-merchant a:focus, .list-merchant a:focus span.tags {
	background: #008cd7;
	text-decoration: none;
	color: #FFCB07;
}
.list-merchant a {display: inline-block;padding: 5px;}
.list-merchant a, .list-merchant span.tags:hover,
.list-merchant a, .list-merchant span.tags:focus {text-decoration: none;}
.list-merchant a:hover span.tags span, .list-merchant a:focus span.tags span {color: #fff;}
/* widget other merchant */

/* widget deal list hot */
#hotdeallist {}
#hotdeallist .deal-item {
	margin-top: -10px; 
	margin-bottom: -16px;
}
#hotdeallist .deal-item .deal-id {
	border: 1px solid #ccc;
	border-left: 0;
	margin-top: -1px;
	padding: 10px;
	height: 420px;
}
#hotdeallist .deal-item .deal-id hr { margin: 10px 0;}
#hotdeallist .deal-item .deal-id .mc-img {
	height: 200px;
	overflow: hidden;
}
#hotdeallist .deal-item .deal-id img {
	display: inline-block;
	width: 100%
}
#hotdeallist .deal-item .deal-id .mc-meta {
	display: inline-block;
	width: 100%;
	padding: 0 5px;
}
#hotdeallist .deal-item .deal-id .mc-meta h5 {
	color: #4cae4c;
	font-size: 18px;
	font-weight: 400!important;
	margin-bottom: 0;
	height: 80px;
	overflow: hidden;
}
#hotdeallist .deal-item .deal-id .mc-meta .price {
	font-weight: 500!important;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 18px;
}
#hotdeallist .deal-item .deal-id .mc-meta .old-price {
	color: red;
	text-decoration: line-through;
	font-size: 14px;
}
#hotdeallist .deal-item .deal-id .mc-meta .link { color: #3498db;}
#hotdeallist .deal-item .deal-id .mc-meta span label {
	display: inline-block;
	padding-right: 15px;
}

#hotdeallist .deal-item  .deal-intro .mc-img {height: 300px;}
#hotdeallist .pagination {margin-bottom: 0;}
/* widget deal list hot */

/* deal detail */
#dealdetail {}
#dealdetail h2 {padding: 10px; margin-bottom: 10px;color: #e36826;}
.dealid {
	border-radius: 3px;
	background: #fff;
	width: 100%;
	position: relative;
	border: 1px solid #ddd;
	overflow: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out false;
	-o-transition: all 0.3s ease-in-out false;
	transition: all 0.3s ease-in-out;
}
.dealid .mc-img {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
}
#dealdetail .dealid .mc-img img {
	width: 100%;
	height: auto;
	/*margin: 10px 0;
	padding: 10px 0;*/
}
#dealdetail .dealid .mc-meta .meta-promo {color: #f07411; margin-bottom: 20px;font-size: 18px;}
#dealdetail .dealid .mc-meta .round {
	font-size: 15px;
	padding: 10px;
	background: #ddd;
	width: 33px;
	height: 33px;

	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
}
#dealdetail .dealid .mc-meta .tags {
	font-size: 20px;
	font-weight: 400;
	display: block;
}
#dealdetail .dealid .mc-meta .old-price {
	color: red;
	text-decoration: line-through;
	display: block;
}
#dealdetail .dealid .mc-meta .disc {font-size: 24px;}
#dealdetail .dealid .mc-meta .inline {display: inline-block; padding-left: 10px;}
#dealdetail .dealid .mc-meta .meta-content p {
	font-size: 14px;
	line-height: 150%;
}
#dealdetail .dealid .mc-meta .meta-content ul,
#dealdetail .dealid .mc-meta .meta-content ol {
	list-style: disc;
}
#dealdetail .dealid .mc-meta .viewmobile {display: none;}
/* deal detail */

/* widget deal list */
.widget-deallist {margin-top: -10px;padding-right: 0;}
.widget-deallist ul {
	padding-left: 0;
	list-style: none;
}
.widget-deallist ul li {
	margin-bottom: 15px;
} 
.widget-deallist .title {
	margin-top: 0;
}
.widget-deallist .mc-meta {
	display: inline-block;
	width: 100%;
}
.widget-deallist .mc-meta .meta-content {
	padding: 0 10px;
}
.widget-deallist .mc-meta .price {margin-bottom: 0;}
.widget-deallist .mc-meta .tag-info span {
	display: block;
	color: #777;
	padding-bottom: 5px;
}
.widget-deallist .mc-meta hr {margin: 15px 0;}
.widget-deallist .mc-meta .table {margin-bottom: 0;}
.widget-deallist .mc-img {
	border-bottom: 5px solid #FFCB07;
	border-top: 4px solid #FFCB07;
	position: relative;
}
.widget-deallist .mc-img .meta-overlay {
	position: absolute;
	display: block;
	width: 100%;
	bottom: 15px;
	background: rgba(0,0,0,0.7);
	padding: 15px;
	color: #eea236;
	font-size: 18px;
}

/* widget deal list */

/* widget event list */
#eventlist {
	display: inline-block;
	width: 100%;
	position: relative;
}
#eventlist .event-item {
	padding: 10px 20px;
	display: inline-block;
	width: 100%;
}

#eventlist .event-id .mc-img {
	padding: 5px;
	border: 1px solid #ccc;
}

#eventlist .event-id .mc-img img {
	display: block;
	width: 100%;
}
#eventlist .event-id .mc-meta {
	display: inline-block;
	width: 100%;
}
#eventlist .event-id .mc-meta table {
	margin-top: -2px;
	background-color: rgba(0,0,0,0.1);
}
#eventlist .event-id .mc-meta table.table-bordered,
#eventlist .event-id .mc-meta table.table-bordered td {border: 1px solid #ccc;}
#eventlist .event-id .mc-title {
	margin-top: 10px;
	margin-bottom: 5px;
	color: #e36826;
}
#eventlist .event-id .mc-excerpt {
	margin-top: 0;
	color: #333;
}
#eventlist .event-id .mc-excerpt i {color: #999; padding-right: 5px; display: inline;}
#eventlist .event-id .mc-meta .btn i {
	font-size: 24px;
}
#eventlist .event-id .mc-meta .btn-lg {padding: 13px 16px;}
#eventlist .event-id .mask {text-align: left; background: rgba(0,0,0,0.5); color: #fff;}
#eventlist .event-id .mask span {display: block; padding: 5px 0 0; font-size: 14px; color: #fff;}
#eventlist .event-id .mask h2 {margin: 0; padding: 10px 0; text-align: left; color: #fff;}
/* widget event list */

/* old event list */
#oldeventlist ul {margin: -15px -15px 0; padding: 0;}
#oldeventlist ul li {border-bottom: 1px solid #ddd;}
#oldeventlist ul li a {
	display: inline-block;
	padding: 15px 15px 10px;
}
#oldeventlist ul li .tag-date {
	display: block;
	float: left;
}
#oldeventlist ul li .tag-date span {
	padding: 10px;
	display: inline-block;
	width: 100%;
	background: rgba(0,0,0,0.4);
	text-align: center;
	font-size: 14px;
	color: #fff;
	border-top: 3px solid #FFCB07;
} 
#oldeventlist ul li .tag-date span strong {
	display: block;
	font-size: 16px;
	line-height: 26px;
}
#oldeventlist ul li .tag-excerpt h4 {
	margin-top: 0;
	margin-bottom: 5px;
	font-weight: 500!important;
}
#oldeventlist ul li .tag-excerpt span {color: #777;}

#oldeventlist ul li:hover .tag-date span {
	background: #4cae4c;
	color: #fff;
}
/* old event list */

/* event detail */
#eventdetail {}
#eventdetail .event-item .event-id .mc-img {
	display: inline-block;
	width: 100%;
	padding: 10px 20px 10px;
}
#eventdetail .event-item .event-id .mc-img img {
	display: inline-block;
	width: 100%
}
#eventdetail .event-item .event-id .mc-meta .table {
	background: #f5f5f5;
}
#eventdetail .event-item .event-id .mc-meta .table td {
	padding: 15px;
}
#eventdetail .event-item .event-id .mc-meta h3 {
	color: #e36826;
	font-weight: 500!important;
	margin-top: 10px;
}
#eventdetail .event-id .mc-excerpt {
	margin-top: 0;
	color: #333;
}
#eventdetail .event-id .mc-excerpt i {color: #999; padding-right: 5px; display: inline; font-size: 16px;}
#eventdetail .event-id .mc-meta table.tabtags td {
	padding: 3px!important;
}
#eventdetail .event-id .mc-meta table.tabtags td i {color: #666;}
#eventdetail .event-id .mc-meta .mc-describ {
	padding: 10px 15px;
	font-family: arial;
}
/* event detail */

/* widget kontak */
#kontak-id {

}
#kontak-id .kontak h3 {color: #e36826; margin-bottom: 20px; margin-top: 10px;}
#kontak-form .label, #kontak-form label {font-weight: normal;}
#kontak-form .nccbox-container {padding: 0 10px;}
#btn-user strong {color: #2980B9;}
/* widget kontak */

/* widget community list */
.community-item {padding: 15px 0;}
.community-item ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
}
.community-item ul li {display: inline-block; float: left; margin: 5px 10px;}
.community-item .pagination li {
	margin: 0px; 
}
.community-item .pagination li a {
	padding: 10px 16px;
}
.communityid {
	border-radius: 3px;
	/*box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.18);*/
	background: #fff;
	width: 100%;
	position: relative;
	border: 2px solid #ddd;
	overflow: hidden;

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out false;
	-o-transition: all 0.3s ease-in-out false;
	transition: all 0.3s ease-in-out;	
}

.communityid:hover {border: 2px solid #bb0628;}
.communityid .mc-img {
	display: block;
	width: 100%;
	height: 150px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
	position: relative;
}
.communityid .mc-img img {
	width: 100%;
	height: 100%;
}
.communityid .mc-img img.logo {
	width: 35%;
	padding: 5px 5px 7px;
	background: rgba(255,255,255,0.5);
	position: absolute;
	bottom: 0px;
	right: 15px;
	height: auto;
}
.communityid .mc-meta {}
.communityid .mc-meta a {display: block; width: 100%; }
.communityid .mc-meta h5 {
	padding: 0; 
	margin: 0; 
	margin-bottom: 5px; 
	font-weight: 500!important;
	font-size: 18px;
	padding: 15px 10px;
	background: #ddd;
	margin-left: -10px;
	margin-right: -10px;
	margin-top: -5px;
	z-index: 888;
	height: 45px;
	overflow: hidden;
	line-height: 100%;
}

#communitylist .communityid {margin-bottom: 20px;}
#communitylist .communityid .mc-meta {
	padding: 5px 10px;
}

#communitylist .communityid .mc-meta h4 {margin: 5px 0;}
#communitylist .communityid .mc-meta p {height: 36px; overflow: hidden;}
#communitylist .communityid:hover {border: 2px solid #2d744c; text-decoration: none;} 
#communitylist .communityid .mc-meta a:hover {text-decoration: none;}
#communitylist .communityid:hover .mc-meta h5, #communitylist .communityid .mc-meta a:hover h5 {background: #2d744c; color: #fff; text-decoration: none;}
#communitylist .communityid:hover .mc-meta a { color: #fff;}
/* widget community list */

/* widget merchant detail */
#communitydetail {}
#communitydetail .communityid {border: 1px solid #ddd;}
#communitydetail .communityid:hover {border: 1px solid #ddd;}
#communitydetail .communityid .mc-img img {
	width: 100%;
	height: auto;
	margin-left: 0;
	padding: 10px;
}
#communitydetail .communityid .mc-img {height: auto;}
#communitydetail .communityid .mc-meta {padding: 20px;}
#communitydetail .communityid .panel-title > a {color: #2d744c; font-weight: 600;}
#communitydetail .communityid .mc-meta p {font-size: 14px; line-height: normal; margin-bottom: 20px;}
#communitydetail .communityid .mc-meta img {padding: 10px;}
#communitydetail .communityid .mc-meta  h1 {
	font-size: 160%;
	font-weight: 600!important;
	color: #e36826;
	margin-bottom: 15px;
}
#communitydetail .community-info {
	display: inline-block;
	width: 100%;
}
#communitydetail .community-info img {
	padding: 10px;
	background: #fff;
	border: 1px solid #ddd;
	display: inline-block;
	width: 100%;
}
#communitydetail .community-info h2 {color: #bb0628; font-weight: 500!important; margin-bottom: 15px;}
#communitydetail .community-info table {background: #fff;}
#communitydetail .community-info table td {padding: 10px; vertical-align: top;}
#communitydetail .community-info table td i {
	display: inline-block;
	width: 15%;
	float: left;
	font-size: 20px;
	text-align: left;
	color: #ccc;
}
#communitydetail .community-info table td span {
	display: inline-block;
	width: 85%;
	float: left;
}
#communitydetail .community-info table td span strong {
	margin-bottom: 5px;
	font-weight: bold;
	display: block;
}

#communitydetail .text {
	padding: 10px;
}

#communitydetail .text img {float: none!important;}
#communitydetail .text ol, #communitydetail .text ul {
	margin-left: 30px!important;
	margin-bottom: 20px!important;
}
/* widget merchant detail */

/* widget other community */
.list-community {
	display: block;
	position: relative;
	float: left;
	
	width: 100%;
	background: #FFF;
	color: #fff;
	border: 2px solid #FFF;
	background: rgba(0,0,0,0.1);
}
.list-community {display: inline-block;}
.list-community img {
	width: 100%;
	display: inline-block;
	margin: 5px auto;
	border: 2px solid #fff;
	padding: 0!important;
}
.list-community span.titles {
	padding: 0 10px 10px;
	color: #333;
	height: 20px;
	overflow: hidden;
	display: inline-block;
}
.list-community span.titles span {
	font-size: 25px;
	display: inline-block;
	color: red;
	padding-top: 0px;
	float: right;
	padding-right: 10px;
}
.list-community a:hover, .list-community a:hover span.titles,
.list-community a:focus, .list-community a:focus span.titles {
	background: #008cd7;
	text-decoration: none;
	color: #FFCB07;
}
.list-community a {display: inline-block;padding: 5px;}
.list-community a, .list-community span.titles:hover,
.list-community a, .list-community span.titles:focus {text-decoration: none;}
.list-community a:hover span.titles span, .list-community a:focus span.titles span {color: #fff;}
/* widget other ommunity */

/* widget shoppingcart */
#widget_shoppingcart{}
#widget_shoppingcart .cart {}
#widget_shoppingcart .cart table thead th {color: #2980B9;}
#widget_shoppingcart .cart table th, #widget_shoppingcart .cart table td {padding: 10px;}
#widget_shoppingcart .cart table tfoot {background: #d9d9d9; font-size: 14px; font-weight: 600;}
#widget_shoppingcart .cart h4 {margin: 0;}
#widget_shoppingcart .cart td .pricecart {font-size: 14px;}
#widget_shoppingcart .cart tfoot td .pricecart {font-size: 16px;}
#widget_shoppingcart .cart td small {text-decoration: line-through; color: red;}
#widget_shoppingcart .cart td strong {}
#widget_shoppingcart .cart td img {display: inline-block; width: 80%;}
#widget_shoppingcart .cart td select {padding: 6px;}
#widget_shoppingcart .cart .cmd, #widget_shoppingcart .cart .cmd:hover {
	border-radius: 100%;
	font-size: 25px;
	background: transparent;
	border-color: transparent;
	color: #d43f3a;
	padding: 0;
	line-height: 0;
}
#widget_shoppingcart .cart #cart-info td small {
	text-decoration: none;
	color: #2980B9;
}
#widget_shoppingcart .cart #cart-info .control-label {text-align: left;}
#widget_shoppingcart .cart #cart-info #form1, #widget_shoppingcart .cart #cart-info #form2 {
	display: inline-block;
	width: 65%;
	margin: 15px 0 10px;
	display: none;
}
/* widget shoppingcart */

.widget_member_list {}
.widget_member_list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.widget_member_list ul li {
	width: 65px;
	height: 130px;
	display: inline-block;
	float: left;
	margin-right: 10px;
}

.widget_member_list ul li img {
	display: inline-block;
	width: 100%;
	border: 2px solid rgba(0,0,0,0.1);
	background: #fff;
	margin-bottom: 7px;
}
.widget_member_list ul li span {
	display: block;
	height: 50px;
	overflow: hidden;
	font-size: 11px;
	line-height: normal;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background: transparent;
	border: 0;
}

#widget_othermagz {}
#widget_othermagz ul {margin: 30px 0; padding-left: 0;}
#widget_othermagz ul li {
	display: inline-block;
	margin-right: 25px;
	margin-bottom: 10px;
	width: 10%;
	float: left;
}
#widget_othermagz ul li a {display: inline-block;}
#widget_othermagz ul li img {
	display: inline-block;
	width: 100%;
	border: 3px solid #fff;
}
#widget_othermagz ul li span {
	display: block;
	margin-top: 5px;
}
#widget_othermagz ul li a:hover img {
	-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.5);
	box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.5);
}

/* widget tagline */
#widget-tagline h5 {
	padding: 10px 70px; line-height: 130%;margin-top: 0;color: #777;font-size: 15px;text-align: center;
}
/* widget tagline */

/* widget panel program */
#widget-panel-program .panel {
	margin-bottom: 20px;
	border-color: transparent;
}
#widget-panel-program .panel .panel-heading {
	background-color: transparent; 
	border-color: transparent;
	display: inline-block;
	border: 1px solid #ededed;
	border-bottom: none;
	border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;

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

}
#widget-panel-program .panel .panel-heading h3 {text-shadow: 0 1px 0 #fff!important; color: #333;}
#widget-panel-program .panel .panel-body {height: 170px; overflow: hidden; border: 1px solid #ededed;}
#widget-panel-program .panel .panel-body .pic {
	display: block;
	padding: 2px;
	border: 1px solid #ddd;
	text-align: center;
	margin-top: 10px;

	-webkit-box-shadow: -2px 20px 37px -18px rgba(0,0,0,0.75);
	-moz-box-shadow: -2px 20px 37px -18px rgba(0,0,0,0.75);
	box-shadow: -2px 20px 37px -18px rgba(0,0,0,0.75);

	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;

	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out false;
	-o-transition: all 0.15s ease-in-out false;
	transition: all 0.15s ease-in-out;

	background: rgb(255,255,255); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 76%, rgba(245,245,245,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(76%,rgba(246,246,246,1)), color-stop(100%,rgba(245,245,245,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 76%,rgba(245,245,245,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 76%,rgba(245,245,245,1) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 76%,rgba(245,245,245,1) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 76%,rgba(245,245,245,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

#widget-panel-program .panel .panel-body .pic:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	border-color: #039f03;
}
#widget-panel-program .panel .panel-body img {display: inline-block; width: 90%; padding: 10px 5px;}
#widget-panel-program .panel .panel-body em {max-height: 60px; margin-bottom: 10px; font-size: 17px; font-family: Arial; overflow: hidden;display: block;color: #0f844d; font-style: normal;line-height: normal;}
#widget-panel-program .panel .panel-body p {height: 70px; overflow: hidden; color: #666;font-size: 12px;}
/* widget panel program */

/* widget update view */
.widget-updateview .nav-tabs > li.active > a, 
.widget-updateview .nav-tabs > li.active > a:hover, 
.widget-updateview .nav-tabs > li.active > a:focus {
	color: #e36826;
	cursor: default;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-bottom-color: #fff;
	font-size: 14px;

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

}
.widget-updateview .nav-tabs > li.active > a:hover, 
.widget-updateview .nav-tabs > li.active > a:focus {color: #333;}
.widget-updateview .event-title {
	margin-top: 15px;
	color: #4cae4c;
	margin-bottom: 20px;
	display: block;
	font-family: arial;
}
.widget-updateview .event-title a {color: #4cae4c;} 
.widget-updateview .event-title a:hover {text-decoration: none; color: #e36826;}
.widget-updateview .event-img {margin: 10px 0; padding: 7px; border: 1px solid #ddd;}
.widget-updateview .event-img img {
	display: inline-block;
	width: 100%;
}
.widget-updateview .event-tags {margin-bottom: 15px;}
.widget-updateview .event-tags span {
	display: block;
	font-size: 11px;
	color: #777;
}
.widget-updateview .event-excerpt {font-size: 12px; color: #444;}
.widget-updateview ul.list {
	margin: 10px 0;
	padding: 0;
	list-style: none;
}
.widget-updateview ul.list li {
	display: inline-block;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd;
}
.widget-updateview ul.list li .event-title {font-size: 16px; margin: 10px 0;} 
.widget-updateview ul.list li .event-img {padding: 3px;}
/* widget update view */


/** Caption 6: Scale **/
.box {
	border: 5px solid #ddd;
	cursor: pointer;
	float: left;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 250px;
	margin-bottom: 20px;
}
.box img {
	position: absolute;
	width: 100%;
	height: auto;
	display: inline-block;
	left: 0;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
}

/* Caption Common Style */
.box .captione {
	background: rgba(0,0,0,0.8);
	position: absolute;
	color: #fff;
	z-index: 100;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
	left: 0;
	/*width: 100%;
	height: 100%;*/
	padding: 20px;
}

.box .scale-caption {
	opacity: 0;
	width: 100%;
	height: 100%;
	text-align: left;
}

.box .scale-caption h3, .box .scale-caption p {
	position: relative;
	left: -100%;
	width: 100%;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
}

.box .scale-caption h3 {
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	-ms-transition-delay: 300ms;	
	transition-delay: 300ms;
	font-weight: bold!important;
	color: #bdcd00;
	margin-bottom: 20px;
}

.box .scale-caption p {
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	-ms-transition-delay: 500ms;	
	transition-delay: 500ms;
	font-size: 14px;
}

/** Fade Caption :hover Behaviour **/
.box:hover .scale-caption  {
	opacity: 1;
}

/** Scale Caption :hover Behaviour **/
.box:hover .images {
	-moz-transform: scale(1.4);
	-o-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
}

.box:hover .scale-caption h3, .box:hover .scale-caption p {
	-moz-transform: translateX(100%);
	-o-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}
.box:hover {
	-webkit-box-shadow: -2px 20px 37px -18px rgba(0,0,0,0.75);
	-moz-box-shadow: -2px 20px 37px -18px rgba(0,0,0,0.75);
	box-shadow: -2px 20px 37px -18px rgba(0,0,0,0.75);
}

.da-banner {
	padding-top: 20px;
	padding-left: 30px;
}
.da-banner img {height: 380px;}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	z-index: 2;
	color: #ffffff;
	cursor: default;
	background-color: #f6a629;
	border-color: #e36826;
}
.pagination {
	padding-left: 15px;
}

.widget-othermerchant, .widget-othercommunity {display: none;}