/*************** ADD YOUR CUSTOM CSS HERE  ***************/

.p_5 {padding:5px;}
.p_10 {padding:10px;}
.p_15 {padding:15px;}
.p_20 {padding:20px;}
.p_25 {padding:25px;}
.p_30 {padding:30px;}

.pl_5 {padding-left:5px;}
.pl_10 {padding-left:10px;}
.pl_15 {padding-left:15px;}
.pl_20 {padding-left:20px;}
.pl_25 {padding-left:25px;}
.pl_30 {padding-left:30px;}

.pr_5 {padding-right:5px;}
.pr_10 {padding-right:10px;}
.pr_15 {padding-right:15px;}
.pr_20 {padding-right:20px;}
.pr_25 {padding-right:25px;}
.pr_30 {padding-right:30px;}

/* Bigcard shipping select box */
.shipping_mode_box{
  margin: 0 0 10px 0;
}

/* Sidebar Menu Icons */
.sidebar-menu-wrap .icon {
    display: inline-block;
    width: 21px;
    height: 21px;
    margin-top: -0.2em;
    margin-right: 5px;
    background: url(images/sidebar_menu_icons.png);
    vertical-align: middle;
}
.sidebar-menu-wrap .icon1 {
    background-position: 0 0;
}
.sidebar-menu-wrap .icon2 {
    background-position: -21px 0;
}
.sidebar-menu-wrap .icon3 {
    background-position: -42px 0;
}
.sidebar-menu-wrap .icon4 {
    background-position: -63px 0;
}
.sidebar-menu-wrap .icon5 {
    background-position: -84px 0;
}
.sidebar-menu-wrap .icon6 {
    background-position: -105px 0;
}
.sidebar-menu-wrap .icon7 {
    background-position: -126px 0;
}

/*CSS for high-resolution devices*/
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    .sidebar-menu-wrap .icon {
        background-size:21px 21px;
        background-image: url(images/sidebar_menu_icons@2x.png);
    }
}


/* 2015. 07.*/
.left{
    float:left;
}

.w_60_prec{
    width:60%;
}

.w_20_prec{
    width:20%;
}


@media (max-width:991px){
    .no_tablet{
        display:none;
    }

    .full_width_tablet{
        width:96%;
        margin-left:auto;
        margin-right:auto;
    }

    .float_right_tablet{
        float:right !important;
    }

}

.p_10{padding:10px;}

/* Megamenu banner */
.mega-menu .popup
{
  background-color: #fafafa;
}
  .mega-menu .popup ul
  {
    display: table-cell;
    vertical-align: top;
  }
/*.megamenu .popup ul.submenu-table*/
.submenu-table
{
  display: table-cell;
  vertical-align: top;
}
.submenu-banner
{
  /* background-color: #fafafa; */
  padding: 10px;
  margin: 5px;
  border-color: #7bae23;
  border-style: solid;
  border-width: 3px 0 0;
  min-width: 200px;
}
  .submenu-bannerbox
  {
    border-left: 1px solid #aaaaaa;
    padding-left: 8px;
  }

/* BASIC RESET */
body, div, img, p { padding:0; margin:0; }
a img { border:0 }

/* HTML ELEMENTS */
body { font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; background-color:#efefef; }

/* COMMON CLASSES */
.break { clear:both; }

/* SEARCH FORM */
.suggestions{ position: absolute; width:320px; top: 35px; display:none; background-color:#a0a0a0;
  border-width:1px; border-color:#919191; border-style:solid; width:320px; font-size:10px; line-height:14px;color: white; }
.suggestions a { display:block; background-color:#e4e4e4; clear:left; height:52px; text-decoration:none; border-bottom:1px solid gray;}
.suggestions a:hover { background-color:#b7b7b7; color:#ffffff; }
.suggestions a img { float:left; padding:3px; width:50px;}
.suggestions a span.searchheading { display:block; font-weight:bold; padding-top:5px; color:#191919; }
.suggestions a:hover span.searchheading { color:#ffffff; }
.suggestions a span { color:#555555; }
.suggestions ul { padding: 0px; }
.suggestions li { list-style: none; }
.suggestions a:hover span { color:#f1f1f1; }
.suggestions span.category { font-size:11px; margin:5px; display:block; color:#ffffff; }
.suggestions span.seperator { float:right; padding-right:15px; margin-right:5px;
			background-image:url(../images/shortcuts_arrow.gif); background-repeat:no-repeat; background-position:right; }
.suggestions span.seperator a { background-color:transparent; display:block; margin:5px; height:auto; color:#ffffff; border:none;}
.suggestions br { line-height:5px; }


#prefilter_suggestions{ position: absolute; width:320px; top: 35px; display:none; background-color:#a0a0a0; border-width:1px; border-color:#919191; border-style:solid; width:320px; font-size:10px; line-height:14px;color: white; z-index: 1;box-shadow: rgb(136, 136, 136) 5px 10px 10px;}
#prefilter_suggestions ul { padding: 0px; margin-bottom: 0px; }
#prefilter_suggestions li { list-style: none; line-height: 20px; cursor: pointer; padding:5px; font-size: 14px;border-bottom: 1px solid gray;color: #ffffff;}
#prefilter_suggestions li.prefilter_search_prod_item { background-color: #e4e4e4; color: #191919;}
#prefilter_suggestions li.prefilter_search_prod_item:hover { background-color:#b7b7b7; color:#ffffff; }
#prefilter_suggestions li span.searchheading { display:block; padding-top:5px; }
#prefilter_suggestions span.seperator { float:right; padding-right:15px; margin-right:5px; }
#prefilter_suggestions br { line-height:5px; }

	.sidebar .event_box .event_item{
		margin:5px 0px 5px 0px;
	}

	.sidebar .event_box .event_item:hover{
		background-color:#ECECEC;
	}

	.sidebar .event_box .event_box_middle{
		padding: 5px;
	}

	.sidebar .event_box .event_item img{
		float:left;
		magrin-left:5px;
		width:20%;
	}

	.sidebar .event_box .event_item span{
		float:right;
		font-size:12px;
		width:70%;
	}

	.brand_label{
		padding:5px;
		font-size:15px;
	}

	.brand_index a{
		padding:3px;
	}

.compare table{
	width:100%;
	border-collapse: separate;
	text-align: left;
	vertical-align: center;
	border-spacing: 10px;
}
.compare table .headlabel{
	text-align: right;
}

.compare table tr:hover td{
	background-color:white;
}

.compare table td{
	background-color:lightgray;
	width:auto;
	padding:5px;
}

.compare table td img{
	width:100%;
	max-width:200px;
}

.fb-comments span, .fb-comments iframe {
    width: 100% !important;
}

  .social_area .facebook{
    margin:3px;
  }

  .social_area .twitter{
    margin:3px;
  }
  .social_area .gplus{
    margin:3px;
  }
  .social_area .ribbutton{
    margin:4px;
  }
  .social_area .addthis_toolbox{
    margin:3px;
  }

/* ----- gls map ----- */
.glsmap{
	width: 750px;
	height: 500px;
	padding: 2px;
	border: 1px solid lightgray;
}

@media (max-width: 1200px){
	.glsmap{
		width: 650px;
		height: 400px;
	}
}

@media (max-width: 992px){
	.glsmap{
		width: 500px;
		height: 350px;
	}
}

@media (max-width: 768px){
	.glsmap{
		width: 400px;
		height: 250px;
	}
}

@media (max-width: 479px){
	.glsmap{
		width: 300px;
		height: 200px;
	}
}

/* ----- prefixbox ----- */
.pf-suggestion-container{
	margin: 0 0 0 -25px !important;
	border: 1px solid #ddd !important;
	width: 120% !important;
}

.pf-suggestion-body-text1{
	font-size:12px !important;
}