/**********************************************************
		SUFFIX CLASS COLOR
***********************************************************/

/*********** TITLE MODULES********************************/
	
	.title_wood {
		background:url("../img/navright-bg.png") repeat scroll center top transparent;
		padding: 12px 10px 11px;
		line-height: 20px;
		border:1px soild #DEDEDE;
		color: #fff;
	}
	.title_oranges:before {
		background: url("../img/title-block-bg.png") no-repeat scroll left -123px transparent;
		content: "";
		height: 45px;
		left: 0;
		margin-top: 0;
		position: absolute;
		top: 0;
		width: 45px;
	}
	.title_block_content {
		background: url(../img/title-block-content.png) right center no-repeat;
		padding:10px 25px 10px 15px;
		color: #fff;
		display:inline-block;
	}
	h4.title_block {
		background-color: #EDEDED;
	    border-bottom: 1px solid #DEDADE;
	    font-family: Georgia;
	    font-size: 19px;
	    font-weight: normal;
	    line-height: 40px;
	    padding: 0 5px 0 12px;
	    box-shadow: 0 1px 0 #FFFFFF;
	    height: 40px;
	    overflow: hidden;
	    border-radius: 4px 4px 0 0
	}
	h4.title_block [class*=" icon-leo"],
	h4.title_block [class^="icon-leo"] {
		margin-left: -7px;
	}
	
	/*** list style **********/
		.leo-list .block_content > ul > li {
			border-bottom: 1px solid #DEDADE;
    		border-top: 1px solid #FFFFFF;
		}
		.leo-list ul >  li:last-child {
			border-bottom:0
		} 
		.leo-list  li  a {
			display: block;
			padding: 8px 5px 8px 10px;
		}
		.leo-list  li li a {
			padding-left: 25px;
		}

		.leo-list  li li li a {
			padding-left: 35px;
		}
		.leo-list  li  a.selected,
		.leo-list  li  a:hover {
			color:#34ABEB
		}
	/*************************** custom bootstarp **************************************/ 
		.row-fluid [class*="span"] {min-height: 26px!important;}
		select {width: 200px;}
		#header .container:before, #header .container:after {
			display: table-cell!important
		}
		.container {
			position: relative;
		}


		.dropdown-menu { padding: 0; border: 0}

		..g-dropdown > .group > a {
			display: block;
			padding: 10px 0;
		}
		.g-dropdown .dropdown-menu {min-width: auto;}
		.g-dropdown .caret {
			margin-top: 6px;
			border-top-color: #CDCDCD;
		}

		.group:hover > .dropdown-menu {
			display: block;
		}

		/*********** custom myicon ****************/

				[class^="icon-leo"], [class*=" icon-leo"] {
					    background-image: url("../img/icon/myicon.png");
					    background-position: -2px -2px;
					    width: 30px;
					    height: 30px;
					    margin-top: -2px;
				}

				.icon-leoumbrella {
					background-position: -2px -4px;
					width: 34px;
				}
				.icon-leobarcode {
					background-position: -2px -37px;
					width: 34px;
				}
				.icon-leocog {
					background-position: -2px -73px;
					width: 34px;
				}
				.icon-leofile {
					background-position: -36px -2px;
				}
				.icon-leogloba {
					background-position: -36px -36px;
				}
				.icon-leoideas {
					background-position: -36px -74px;
				}
				.icon-leoaddress {
					background-position: -67px 0px;
				}
				.icon-leophone {
					background-position: -67px -38px;
				}
				.icon-leoemail {
					background-position: -67px -70px;
				}
				.icon-leosky {
					background-position: -67px -105px;
				}
				.icon-leopig {
					background-position: -105px -0px;
					width: 34px;
				}
				.icon-leobook {
					background-position: -105px -36px;
				}
				.icon-leodot-circle {
					background-position: -105px -70px;
				}
				.icon-leoth {
					background-position: 0px -100px;
				}
				.icon-leoth.active,
				.icon-leoth:hover {
					background-position: -19px -100px;
				}
				.icon-leoth-list {
					background-position: 0px -120px;
				}
				.icon-leoth-list.active, 
				.icon-leoth-list:hover 
				{
					background-position: -20px -120px;
				}
		/***************** end myicon **************/

		/*** button carousel  *******/
			.carousel-inner {
				margin-top: 5px;
			}
			.leocontrol .carousel-control {
			    background-color: transparent;
			    background-image: url("../img/default/arrow-control-bg.png");
			    border: medium none;
			    border-radius: 0 0 0 0;
			    bottom: 60px;
			    display: block;
			    height: 46px;
			    margin-top: 0;
			    opacity: 1;
			    overflow: hidden;
			    text-indent: -9999em;
			    top: inherit;
			    width: 46px;
			    z-index: 99
			}
			.leocontrol .carousel-control.left {
				background-position: left -2px;
			    left: -24px;
			}
			.leobttslider .carousel-control.left:hover {
				background-position: left -63px;
			}
			.leocontrol .carousel-control.right {
				background-position: right -2px;
				right: -24px;
			}
			.leocontrol .carousel-control.right:hover{
				background-position: right -63px;
			} 
				


		
/********************* CONTENT MODULES******************************/
	.block_wood {
		background:url("../img/bg_wood.png") repeat scroll 0 0 #5c534c;
		color: #fff;
	}
		#left_column .block_wood .title_block ,
		#right_column .block_wood .title_block {
			background: url("../img/title-wood-bg.png") repeat scroll 0 0 transparent;
		}
	
	
	
/********************* BACKGROUND DEFAULT *******************************/
	.bg_black {
		background-color:#000;
	}
	.bg_wood {
		background:url("../img/navright-bg.png") repeat scroll center top transparent
	}
	.bg_white {
		background-color: #fff;
	}
	.bg_gray {
		background-color: #F3F3F3;
	}
	.bg_pink {
		background-color: #d22753;
	}
	.bg_brown {
		background-color: #c7c5c2;
	}
	.bg_none {
		background:none;
	}
	.bg_stripes {
		background-image: url("../img/default/stripes-bg.png");
	}
	.bg_block_content {
		background-color: #F3F3F3;
	    border: 1px solid #DEDADE;
	    border-radius:0px;
	    box-shadow: none;
	    overflow: hidden
	}
/*****************************************************************************************
						css3
******************************************************************************************/	
	.product_block .product-container:hover,
	input.button_small, input.button, input.button_large,
	input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,
	input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,
	input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,
	a.button_mini, a.button_small, a.button, a.button_large,
	a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,
	span.button_mini, span.button_small, span.button, span.button_large,
	span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled {
			-ms-transition: all 0.3s linear 0s; 
			-o-transition: all 0.3s linear 0s; 
			-moz-transition: all 0.3s linear 0s; 
			-webkit-transition: all 0.3s linear 0s; 
			transition: all 0.3s linear 0s; 
	}
	
	a {
			-ms-transition: color 0.3s linear 0s; 
			-o-transition: color 0.3s linear 0s; 
			-moz-transition: color 0.3s linear 0s; 
			-webkit-transition: color 0.3s linear 0s; 
			transition: color 0.3s linear 0s; 
	}

	#leo-customhtml-home a	 {
		-ms-transition: border-color 0.5s ease-in-out 0.1s; 
		-o-transition: border-color 0.5s ease-in-out 0.1s; 
		-moz-transition: border-color 0.5s ease-in-out 0.1s; 
		-webkit-transition: border-color 0.5s ease-in-out 0.1s; 
   		 transition: border-color 0.5s ease-in-out 0.1s;
	}
	/************ product list ******************/
	#productsview  .btn { 
		border: 1px solid #CCCCCC;
   		padding: 4px 7px 0;
   		float: left;
	}
	#productsview  a i {
		width:15px;
		height: 15px;
	}
	#productsview  a i
	.product_block .product-container:hover {
			box-shadow: 0 0 10px #000000;
	}
	
	

/*****************************************************************************************
						EXTENSION
*******************************************************************************************/


	
	/******** customadvpro *********/
		#leo-customhtml-home a  {
		    border-radius: 0px;
		    display: block;
		    border: 6px solid #DBDBDB;
		}
		#leo-customhtml-home a:hover {
			border-color: #4F9ED5;
		}

	/******* producttabs***********/
		#productTabs {
			 border: 0 none;
   			 margin-bottom: 1px
		}
		#productTabsContent .leocontrol .carousel-control {
			top:150px;
		}
		#relatedproducts .carousel-inner > div,
		#productTabsContent .carousel-inner > div {
			padding: 1%;
		}
		#productTabs > li {
			background-color:#E0DEDB;
			border-radius: 5px 5px 0 0 ;
		}
		#productTabs > li > a {
			background-color: #F3F3F3;
		    border: 1px solid #FBFBFB;
		    border-bottom: 0;
		    border-radius: 0px;
		    color: #8D8D8D;
		    margin: 1px 1px 0;
		}
		#productTabsContent .product_block {
			margin-bottom: 0;
		}

		#productTabsContent {
			background: none repeat scroll 0 0 #F1F1F1;
		    border: 1px solid #E0DEDB;
		    border-radius: 0 0 5px 5px;
		    float: none;
		    position: inherit;
		    overflow: inherit;
		}
		#productTabsContent > div {
			background: none repeat scroll 0 0 #F3F3F3;
		    border: 1px solid #FBFBFB;
		    border-radius: 0px;
		    color: #8D8D8D;
		    min-height: 10px;
		    position: relative;
		}
		#leoproducttabs .row-fluid .myspan4 {
			width: 33%;
			float:left;
		}
		#leoproducttabs .row-fluid [class*="myspan"] {
			margin-left: 0.5%
		}
		#leoproducttabs .row-fluid [class*="span"]:first-child {
			margin-left: 0;
		}
		
	/*********************** customnew bottom ****************/
	
		
		#leo-customnews-bottom  ul li {
			background: url("../img/default/border-dashed.png") left bottom repeat-x;
			border: 0;
			padding: 10px 0 25px;
		}
		#leo-customnews-bottom ul li:last-child {
			background:none;
			/*padding-bottom: 2px;*/
		}
		#leo-customnews-bottom  ul li h3 {
			font: 18px normal georgia;
			margin: 0 0 3px;
		}
		#leo-customnews-bottom  ul li a {
			padding: 0;
		}
		#leo-customnews-bottom .custom-img {
			border: 3px solid #E1E2E2;
		    float: left;
		    overflow: hidden;
		    max-width: 281px;	
		    margin-right: 7px;
		    margin-bottom: 10px;
		}
		#leo-customnews-bottom .custom-readmore {
		    display: inline-block;
		    font: 13px/17px Georgia;
		    margin-top: 8px;
		}
		
		#leo-customhtml-bottom .custom-img a {
			border:  3px solid #E1E2E2;
			margin-bottom:10px;
			display: block;
			margin-top: 10px;
		}
		#leo-customhtml-bottom .custom-img a img {
			width: 100%;
		}
		#leo-customhtml-bottom .leo-custom > div {
			 margin-bottom: 10px;
   			 margin-top: 10px;
		}
	/**************************** custom home **********************************/

		.adv-home  img {
			border: 2px solid #ebebeb;
		}
		
	/**************lofadvafooterfooter  *******************/
		#nav_up a {
			background: url("../img/default/gototop-bg.png") no-repeat scroll center center transparent;
		    height: 50px;
		    margin: -58px auto 0;
		    position: relative;
		    text-indent: -99999px;
		    width: 50px;
		    overflow:hidden;
		}
		#leo-payment {display: block; text-align: right;}
		#leo-payment a {
			display:inline-block;
		}
	/******************** loftwiter ******************************/
		.itw-tweet-container {
			padding: 8px 0 10px 40px;
			background: url("../img/default/border-dashed.png") repeat-x scroll left bottom transparent;
    		border: 0 none;
    		position: relative;
		}