body{
	font-size:14px;
}
.navbar { font-size: 12px; }
h1, h2, h3, h4, h5, h6{
	font-family: 'Oswald', sans-serif;
}
a{
	color:#2276C3;
	
	transition:color 0.5s;
	-moz-transition:color 0.5s;
	-webkit-transition:color 0.5s;
	-ms-transition:color 0.5s;
	-o-transition:color 0.5s;
}
a:hover{
	color:#89BCEA;
}
input::-webkit-input-placeholder {
	text-shadow:0 1px 0 #fff;
	color:#888;
	font-style:italic;
}
input::-moz-placeholder {  
	text-shadow:0 1px 0 #fff;
	color:#888;
	font-style:italic;
}

	



/**********************
	overwrite bootstrap CSS 
***********************/
.btn, .btn-large{
	font-weight:bold;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}
.alert{
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}
.btn-group .btn{
	box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.nav-tabs > li > a{
	letter-spacing:1px;
	margin-right:7px;
	margin-bottom:0;
	border-bottom-color:#ddd;
	padding:10px 12px;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}
.nav-tabs > li:hover > a{
	background:#ddd;
	border-color:transparent;
	border-bottom-color:#ddd;
	color:#333;
}
.nav-tabs > li.active:hover > a,
.nav-tabs > li.active > a{
	background-color:#fff;
	border-color:#ddd;
	border-bottom-color:transparent;
	color:#000;
}


/**********************
	common and shared style 
***********************/
.clear{
	clear:both;
}
.Vspace{
	margin-top:25px;
}
.Bspace{
	margin-bottom:25px;
}
.nomargin{
	margin:0 !important;
}
.error{
	display:block;
	color:red;
}
hr.divider{
	border-top:1px solid #dedede;
	border-bottom:1px solid #fff;
}
.crossline{
	text-decoration:line-through;
}
.animate{
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
}
.input-num{
	width:25px;
}
.content{
	padding-left:15px;
	padding-right:15px;
}
.in > .content,
.collapse > .content{
	padding:15px;
}
.required{
	color:red;
}
.available{
	color:green;
	font-weight:bold;
}
.not-available{
	color:red;
	font-weight:bold;
}
.larger{
	font-size: larger;
}
.ff-separator{
	height:1px;
	width:100%;
	border:none;
	margin:30px 0;
}
input.grey, 
select.grey, 
textarea.grey{
	background-color:#f2f2f2;
	
	transition:background-color 0.5s;
	-moz-transition:background-color 0.5s;
	-webkit-transition:background-color 0.5s;
	-ms-transition:background-color 0.5s;
	-o-transition:background-color 0.5s;
}
input.grey:focus, 
select.grey:focus, 
textarea.grey:focus{
	background-color:#fff;
}
.ff-heading{
	margin:0 0 10px;
}
h1.ff-heading{
	font-size:26px;
}
h2.ff-heading{
	font-size:20px;
}
h3.ff-heading{
	font-size:17px;
}

/* table item style */
.table th{
	font-size:14px;
}
.table-items .quantity,
.table-items .stock,
.table-items .unit,
.table-items .total,
.table-items .action{
	text-align:center;
}
.table-items .name > a{
	color:#333;
}
.table-items small{
	color:#999;
}
.table-items .extra-desc{
	line-height:1;
}
.table-items .crossline{
	color:#999;
}
.table-items .quantity input.action{
	margin:0 4px 16px;
}
.table-bordered thead th{
	text-transform:uppercase;
	font-size:14px;
}
/* compare table style */
.compare-items th,
.compare-items td{
	text-align:center;
	vertical-align:top;
	padding:10px;
}
.compare-items tr td:first-child{
	font-weight:bold;
}
/* brand table style */
.table-brand th,
.table-brand td{
	padding:15px;
}
.table-brand .brand-letter{
	font-size:24px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}
.table-brand ul.ff-list li{
	float:left;
	width:200px;
}
.page{
	padding-left:20px;
}

/* list style */
ul.ff-list,
ul.ff-list ul{
	list-style:none;
	margin:0;
}
ul.ff-list li{
	line-height:2;
	font-size:14px;
	padding-left:25px;
	*background:url(../image/arrow.png) no-repeat 10px 10px;
	background-image:url(../image/arrow_bg.png);
	background-repeat:repeat;
}
ul.ff-list li a{
	color:#000;
}
ul.ff-list > li a.active + ul{
	display:block;
}

/* box style */
.ff-box{
	padding:10px 20px;
	background-color:#eaeaea;
}

/* form style */
.ff-form .control-label{
	width:100px;
}
.ff-form .controls{
	margin-left:120px;
	white-space:nowrap;
}
.ff-form2 label{
	min-width:140px;
	margin-right:10px;
	font-weight:bold;
}
.ff-form2 .control-group{
	margin-bottom:25px;
}
label .help{
	font-size:12px;
	font-weight:normal;
	color:#999;
}

/* action button */
.ff-action > .btn{
	margin-left:15px;
	margin-right:15px;
	text-transform:uppercase;
}

/* pagination */
.ff-pagination{
	margin:15px 0;
}

/* tab button */
.btn-tab{
	padding:10px 25px;
	margin-bottom:2px;
	font-size:14px;
	font-weight:bold;
	color:#999;
	text-transform:uppercase;
	text-shadow:1px 1px 0 rgba(255,255,255,0.5);
	background-color:#eee;
	cursor:pointer;
}
.btn-tab.active,
.btn-tab:hover,
.btn-tab:active{
	background-color:#ddd;
	color:#333;
	text-decoration:none;
}

/* product helper */
.ff-title{
	font-size:24px;
	color:#333;
	line-height:24px;
}
.ff-title > a,
.ff-title > a:hover{
	color:#333;
}
.ff-title.small{
	font-size:16px;
	font-weight:300;
	line-height:1.5;
	margin:5px 0;
}
.ff-title.mini{
	font-size:14px;
	font-weight:300;
	line-height:1.5;
	margin:0;
}
.ff-price{
	font-family:Arial Narrow, Arial;
	font-weight:bold;
	font-size:15px;
}
.ff-price.large{
	font-size:28px;
}
.ff-price.medium{
	font-size:20px;
}
.ff-price.crossline{
	color:#999 !important;
	font-weight:normal;
}
.ff-sale{
	width:50px;
	height:50px;
	position:absolute;
	top:-3px;
	left:-3px;
	background:url(../image/sale.png) no-repeat;
	z-index:10;
}
.ff-rating{
	position:relative;
	top:-3px;
}
.ff-focusfade{
	transition:border-color 1s, opacity 0.5s;
	-moz-transition:border-color 1s, opacity 0.5s;
	-webkit-transition:border-color 1s, opacity 0.5s;
	-ms-transition:border-color 1s, opacity 0.5s;
	-o-transition:border-color 1s, opacity 0.5s;
}
.product-thumb{
	position:relative;
	max-width:100%;
}

/* cart helper */
.cart-amount{
	width:300px;
	line-height:2;
	padding:10px 20px;
	background-color:#eee;
	text-shadow:1px 1px 0 rgba(255, 255, 255, 0.5);
}
.cart-amount .pull-left{
	font-weight:bold;
}
.cart-amount .cart-amount-total{
	font-size:17px;
}	
.cart-amount .cart-amount-total .pull-right{
	font-size:24px;
	font-weight:bold;
}

/* image hover effect */
.ff-imgstyle{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	border:5px solid rgba(255,255,255,0.5);
	background:url(../image/empty.png) no-repeat center center;
	
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
}
.ff-imgstyle:hover{
	border:10px solid rgba(255,255,255,0.5);
	background:url(../image/view.png) no-repeat center center;
}


/**********************
	default theme style 
***********************/
.ff-heading span,
.ff-mainColor{
	color:#2276C3;
	
	transition:color 0.5s;
	-moz-transition:color 0.5s;
	-webkit-transition:color 0.5s;
	-ms-transition:color 0.5s;
	-o-transition:color 0.5s;
}
ul.ff-list li,
.more-link a,
#product_list_controls a.changeview.active,
.ff-mainBgColor{
	background-color:#2276C3;
	
	transition:background-color 0.5s;
	-moz-transition:background-color 0.5s;
	-webkit-transition:background-color 0.5s;
	-ms-transition:background-color 0.5s;
	-o-transition:background-color 0.5s;
}
.table-bordered thead th,
.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background-color: #E8F9FD;
}

.btn-custom {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	
	background: #2276c3; /* Old browsers */
	background: -moz-linear-gradient(top,  #89bcea 0%, #2276c3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#89bcea), color-stop(100%,#2276c3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #89bcea 0%,#2276c3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #89bcea 0%,#2276c3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #89bcea 0%,#2276c3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #89bcea 0%,#2276c3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89bcea', endColorstr='#2276c3',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.btn-custom:hover,
.btn-custom:active,
.btn-custom.active,
.btn-custom.disabled,
.btn-custom[disabled] {
	color: #ffffff;background: #d0e4f7; /* Old browsers */
background: -moz-linear-gradient(top,  #d0e4f7 0%, #73b1e7 24%, #0a77d5 50%, #539fe1 79%, #87bcea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0e4f7), color-stop(24%,#73b1e7), color-stop(50%,#0a77d5), color-stop(79%,#539fe1), color-stop(100%,#87bcea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#87bcea',GradientType=0 ); /* IE6-9 */

}


/**********************
	product item block
***********************/
.product-item{
	position:relative;
	padding:5px;
	border:1px solid transparent;
	background:#fff;
	z-index:1;
}
.product-item:hover{
	z-index:10;
	border-color:#ddd;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);
}
.product-item .product-thumb{
	width:240px;
}
.product-item .product-desc{
	color:#999;
}
.product-item .btn-toolbar{
	text-align:center;
}
.product-item .btn-toolbar .btn-group{
	margin:0;
}
.product-item .btn-toolbar .btn{
	color:#fff;
	font-weight:bold;
	margin-bottom:5px;
}

/* gridview listing */
.product-item.gridview .product-detail{
	padding:0 10px;
}
.product-item.gridview .product-thumb{
	margin:0 auto;
}
.product-item.gridview .product-thumb img{
	width:240px;
	height:150px;
}
.product-item.gridview .product-meta > span{
	display:inline;
} 
.product-item.gridview .product-price,
.product-item.gridview .product-old-price{
	font-size:15px;
	font-weight:normal;
	float:left;
	margin-right:7px;
}
.product-item.gridview .product-price{
	color:#333;
}
.product-item.gridview .ff-rating{
	float:right;
}
.product-itemgridview .btn-toolbar{
	margin-top:20px;
}
.product-item.gridview .ff-expand{
	display:none;
}
.product-item.gridview .gridhide{
	display:none !important;
}

/* listview listing */
.product-item.listview{
	padding:15px;
}
.product-item.listview .product-thumb{
	float:left;
}
.product-item.listview .product-detail{
	margin-left:265px;
}
.product-item.listview .ff-title,
.product-item.listview .product-desc,
.product-item.listview hr.divider{
	margin-right:200px;
}
.product-item.listview .ff-title.small{
	font-size:22px;
}
.product-item.listview hr.divider{
	margin-top:10px;
	margin-bottom:10px;
}
.product-item.listview .product-meta{
	position:absolute;
	top:25px;
	right:10px;
	width:170px;
	height:150px;
	border-left:1px solid #ddd;
}
.product-item.listview .product-meta > span{
	display:block;
	text-align:center;
	margin:0 auto 5px;
} 
.product-item.listview .product-price{
	font-size:25px;
	margin-top:8px;
}
.product-item.listview .product-old-price{
	font-size:15px;
}
.product-item.listview .listhide{
	display:none !important;
}

/* sidebar listing */
.product-item.sideview {
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
}
.product-item.sideview:hover {
	margin-left:-15px;
	padding-left:15px;
	margin-right:-15px;
	padding-right:15px;
}
.product-item.sideview .product-thumb{
	float:left;
	width:80px;
}
.product-item.sideview .product-thumb img{
	width:80px;
	height:60px;
}
.product-item.sideview .product-detail{
	margin-left:95px;
}
.product-item.sideview .product-price,
.product-item.sideview .product-old-price{
	font-size:13px;
	color:#000;
	font-weight:normal;
}
.product-item.sideview .sidehide{
	display:none !important;
}


/**********************
	header layout 
***********************/
/* header main content */
#header_content{
	position:relative;
	margin-top:40px;
	border-bottom:1px solid #ddd;
	border-bottom:1px solid rgba(0,0,0,0.1);
	z-index:100;
	background: #ffffff; /* Old browsers */
 /*	background: -moz-linear-gradient(top,  #ffffff 0%, #2989cb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#2989cb));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#2989cb 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#2989cb 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#2989cb 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#2989cb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#2989cb',GradientType=0 ); /* IE6-9 */
}
/* logo */
#logo{
	display:table-cell;
	vertical-align:middle;
	text-align: center;
	width:100%;
	height:80px;
}
#logo h1{
	margin:0;
	text-align:center;
	line-height:80px;
}

/**********************
	header - nav
***********************/
#main_nav{
	margin-bottom:0;
	font-size:14px;
	font-weight:bold;
}
#main_nav ul > li > a{
	color:#333;
}
#main_nav ul > li > a > .icon-chevron-down{
	opacity:0.3;
	filter:alpha(opacity=30);
	margin-left:7px;
}
#main_nav ul > li:hover > a > .icon-chevron-down{
	opacity:0.8;
	filter:alpha(opacity=80);
}
#main_nav .main-nav{
	overflow:visible;
	height:auto;
}
/* mainnav - top level */
#main_nav .mainnav > li{
	position:relative;
}
#main_nav .mainnav > li > a{
	display:table-cell;
	vertical-align:middle;
	padding:0 20px;
	height:80px;
	border-width:0 1px 0 1px;
	border-style:solid;
	border-color:transparent;
	text-shadow:1px 1px 0 rgba(255,255,255,0.5);
	max-width:100px;
	text-align:center;
	
	transition:background-color 0.4s;
	-moz-transition:background-color 0.4s;
	-webkit-transition:background-color 0.4s;
	-ms-transition:background-color 0.4s;
	-o-transition:background-color 0.4s;
}
#main_nav .mainnav > li > a.visible-desktop{
	padding: 30px 20px 0;
	height: 50px;
}
#main_nav .mainnav > li.active > a,
#main_nav .mainnav > li:hover > a{
	position:relative;
	top:1px;
	z-index:11;
	border-color:#ddd;
	border-color:rgba(0,0,0,0.1);
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
#main_nav .mainnav > li:hover > a{
	position:relative;
	top:1px;
	z-index:11;
}
#main_nav .nav-list .divider{
	border-top:1px solid #ddd;
}
/* subnav - dropdown */
#main_nav .subnav{
	position:absolute;
	z-index:5;
	width:200px;
	right:0;
	left:auto;
	top:100%;
	margin:0;
	padding:25px 15px;
	font-size:12px;
	border:1px solid #ddd;
	border:1px solid rgba(0,0,0,0.1);
	box-shadow:0 2px 5px rgba(0,0,0,0.2);
	-moz-box-shadow:0 2px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);
	display:none;
}
#main_nav .subnav > li{
	float:none;
}
#main_nav .subnav > li > a{
	padding:7px 25px;
	text-shadow:0 1px 0 rgba(255,255,255,0.4);
}
#main_nav .subnav > li > a > .icon-chevron-right{
	float:right;
	margin-right:-10px;
	opacity:0.3;
	filter:alpha(opacity=30);
}
#main_nav .subnav > li:hover > a > .icon-chevron-right{
	opacity:0.8;
	filter:alpha(opacity=80);
}
#main_nav .subnav > .nav-pic{
	height:100px;
	margin-top:30px;
}
#main_nav .subnav > .nav-pic > img{
	height:auto;
	width:100%;
}
#main_nav .subnav .subnav{
	left:100%;
	top:-1px;
	border-left:none;
	box-shadow:5px 4px 4px -2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:5px 4px 4px -2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:5px 4px 4px -2px rgba(0, 0, 0, 0.2);
}
/* main nav bg color */
#main_nav.navbar .mainnav > li.active > a,
#main_nav.navbar .mainnav > li:hover > a,
#main_nav .subnav{
	background-color:#eee;
}
#main_nav .subnav .subnav,
#main_nav .subnav > li:hover> a{
	background-image:url(../image/bg_dark.png);
}
#main_nav .subnav .subnav .subnav{
	background-image:url(../image/bg_darker.png);
}

/**********************
	header - top nav 
***********************/
#top_nav{
	font-weight:bold;
}
#top_nav .navbar-inner{
	background:rgba(0,0,0,0.8);
}
#top_nav .navbar-inner:hover{
	background:#111;
}
#top_nav .container{
	position:relative;
}
#top_nav li > a{
	color:#aaa;
}
#top_nav li:hover > a,
#top_nav li.active > a{
	color:#fff;
}
#top_nav li > a > i{
	opacity:0.7;
	filter:alpha(opacity=70);
}	
#top_nav li:hover > a > i{
	opacity:1;
	filter:alpha(opacity=100);
}	
#top_nav .btn-navbar{
	float:left;
	padding:4px 10px;
}

/**********************
	header - top nav misc
***********************/
/* languange and currency */
#top_nav li.config{
	position:relative;
}
#top_nav li.config > a{
	padding:0 7px;
	border:1px solid #999;
	margin:8px 5px;
	cursor: pointer;
}
#top_nav li.config > a:hover{
	border:1px solid #fff;
}
#top_nav li.config > ul{
	position:absolute;
	top:35px;
	left:5px;
	z-index:10;
	list-style: none;
	margin:0;
	background-color:#333;
	display:none;
}
#top_nav li.config > ul a{
	display:block;
	padding:2px 10px;
	border:1px solid #999;
	white-space:nowrap;
	cursor: pointer;
}
#top_nav li.config > ul a > img{
	margin-right:5px;
}
#top_nav li.config > ul li.active a{
	color:#fff;
}

/* top search box */
#searchbox{
	position:relative;
	margin-top:8px;
	margin-right:30px;
}
#searchbox input{
	position:absolute;
	right:0;
	top:0;
	padding-right:27px;
	height:15px;
	width: 200px;
	transition:width 0.5s, background-color 0.5s;
	-moz-transition:width 0.5s, background-color 0.5s;
	-webkit-transition:width 0.5s, background-color 0.5s;
	-ms-transition:width 0.5s, background-color 0.5s;
	-o-transition:width 0.5s, background-color 0.5s;
}
#searchbox input:focus{
	width:350px;
	z-index:10;
}
#searchbox .searchBtn{
	position:absolute;
	right:1px;
	top:1px;
	z-index:10;
	background:none;
	border:none;
}

/* popup cart */
#popup_cart{
	position:relative;
}
#popup_cart > a{
	padding:9px 15px;
	cursor:pointer;
}
#popup_cart > a > i{
	opacity:0.7;
	
	transition:opacity 0.5s; 
	-moz-transition:opacity 0.5s; 
	-webkit-transition:opacity 0.5s; 
	-ms-transition:opacity 0.5s; 
	-o-transition:opacity 0.5s; 
}
#popup_cart:hover > a > i{
	opacity:1;
}
#popup_cart .cart-count{
	color:#fff;
	padding:3px 7px;
	margin:0 5px;
	font-size:14px;
	border-radius:1px;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
}
#popup_cart .cart-content{
	position:absolute;
	top:99%;
	left:0px;
	width:350px;
	padding:10px;
	border:1px solid #ddd;
	border:1px solid rgba(0,0,0,0.1);
	background:#fff;
	color:#333;
	font-weight:normal;
	box-shadow:0 0 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.2);
	z-index:10000 !important;
	display:none;
}
#popup_cart .cart-content .table tr:first-child td{
	border-top:0;
}
#popup_cart .cart-content .ff-title{
	margin:0;
}
#popup_cart .cart-content .cart-amount{
	width:auto;
	margin-bottom:5px;
}
#popup_cart .cart-content .cart-action{
	text-align:center;
}
#popup_cart:hover .cart-content td.action a{
	cursor:pointer;
}
#popup_cart .cart-content .empty{
	text-align:center;
	padding:10px;
}

/* nofication */
#notification {
	position:fixed;
	top:40px;
	right:10px;
	z-index:999;
}
#notification .alert{
	position:relative;
	width:150px;
	padding:15px 20px 15px 35px;
	margin:5px 0;
	background-repeat:no-repeat;
	background-position:10px 15px;
	box-shadow:1px 1px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:1px 1px 0px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:1px 1px 0px rgba(0, 0, 0, 0.3);
	
}
#notification .alert a{
	text-decoration:underline;
}
#notification .alert .close{
	position:absolute;
	top:3px;
	right:5px;
	text-decoration:none;
}
.alert-success{
	background-image:url(../image/success.png);
}
#notification .alert-success a{
	color:#468847;
}
.alert-error{
	background-image:url(../image/warning.png);
}
#notification .alert-error a{
	color:#B94A48;
}
.alert-warning{
	background-image:url(../image/attention.png);
}
.alert-success, .alert-error, .alert-warning{
	background-repeat:no-repeat;
	background-position:10px;
	padding-left:35px;
}

/**********************
	header - bottom nav
***********************/
#bottom_nav{
	border-bottom:1px solid #ddd;
	background-color:#eee;
	line-height:30px;
}
/* breadcrumb */
#breadcrumb{
	margin-left:-5px;
}
#breadcrumb a{
	color:#333;
	margin:0 5px;
}


/**********************
	extend layout style 
***********************/
#extend{
	background:#eee;
	padding:20px 0 40px;
	text-shadow:1px 1px 0 #fff;
	color:#777;
}
#extend h4{
	font-size:20px;
	font-weight:300;
	letter-spacing:1px;
	padding:10px 0;
	color:#333;
	border-bottom:1px solid #ccc;
	text-shadow:1px 1px 0 #fff;
	box-shadow:0 1px 0 #fff;
	-moz-box-shadow:0 1px 0 #fff;
	-webkit-box-shadow:0 1px 0 #fff;
}

/**********************
	extend widget style 
***********************/
#contact{
	margin:0 10px;
}
#contact td{
	vertical-align: middle;
	padding:10px;
}
#contact a{
	color:#777;
}

/* news style */
#news ul{
	list-style:none;
	margin:0;
}
#news ul li{
	padding:2px 0 10px;
	margin:5px 0;
	border-bottom:1px dotted #ccc;
}
#news .news-date{
	float:left;
	text-align:center;
	padding-right:10px;
	border-right:1px solid #ccc;
	width:60px;
	max-width:60px;
}
#news .news-date p{
	margin-bottom:0;
}
#news .news-date p.day{
	font-size:24px;
	font-weight:bold;
	color:#555;
}
#news .news-desc{
	margin-left:85px;
	margin-bottom:0;
}
/* recent tweets style */
#mytweets .tweet{
	position:relative;
	padding-bottom:20px;
	margin:10px 0;
	border-bottom:1px dotted #ccc;
	background:url(../image/tweet.png) no-repeat 0 5px;
}
#mytweets .avatar{
	display:none;
}
#mytweets .mt_header,
#mytweets .mt_text,
#mytweets .mt_footer{
	margin-left:27px;
}
#mytweets .mt_header .mt_user{
	color:#000;
	font-weight:bold;
	display:none;
}
#mytweets .mt_header .mt_screen_name{
	color:#999;
	font-size:11px;
	padding-left:5px;
	display:none;
}
#mytweets .mt_header .time{
	position:absolute;
	bottom:1px;
	right:5px;
	color:#aaa;
	font-size:11px;
}

/**********************
	footer layout style 
***********************/
html, body {
  height: 100%;
}

#wrap {
  min-height: 100%;
}

#footer {
  position: relative;
  margin: 12px 0 -0px 0; /* negative value of footer height */
  min-height: 120px;
  clear:both;
  padding:20px 0;
	width: 100%;
	background:#333;
	color:#fff;
} 
/*#footer{
	width: 100%;
	margin: 20px auto -20px;
	background:#333;
	color:#fff;
	padding:20px 0;
}*/
#footer a{
	color:#89BCEA;
}
#footer h4{
	font-size:16px;
	font-weight:300;
	letter-spacing:1px;
}
#footer ul{
	list-style:none;
	margin:0;
}
#payments_types{
	padding-top: 10px;
	text-align: center;
}
#payments_types img{
	margin-right:5px;
	margin-bottom:5px;
}
/* copyright style */
#copyright{
	font-size:11px;
	line-height:1.3;
	padding:20px 0 0;
	border-top:1px solid #444;
	box-shadow:0 -1px 0 #222;
}
/* social icon */
#socialmedia li{
	margin:0 2px;
}
#socialmedia .staytext{
	line-height:32px;
	margin-right:10px;
}
#socialmedia .icon,
#socialmedia .icon a{
	width:25px;
	height:25px;
	border-radius:2px;
	text-indent:-9999px;
}	
#socialmedia .icon a{
	margin:0;
	padding:0;
	display:block;
	
	transition:opacity 0.3s;
	-moz-transition:opacity 0.3s;
	-webkit-transition:opacity 0.3s;
	-ms-transition:opacity 0.3s;
	-o-transition:opacity 0.3s;
}
#socialmedia .icon a:hover{
	opacity:0;
	filter:alpha(opacity=0);
}
#socialmedia .facebook.icon{
	background:url(../image/facebook.png) no-repeat;
}
#socialmedia .facebook.icon a{
	background:url(../image/facebook_b.png) no-repeat;
}
#socialmedia .news.icon{
	background:url(../image/news.png) no-repeat;
}
#socialmedia .news.icon a{
	background:url(../image/news_b.png) no-repeat;
}
#socialmedia .twitter.icon{
	background:url(../image/twitter.png) no-repeat;
}
#socialmedia .twitter.icon a{
	background:url(../image/twitter_b.png) no-repeat;
}
#socialmedia .google.icon{
	background:url(../image/google.png) no-repeat;
}
#socialmedia .google.icon a{
	background:url(../image/google_b.png) no-repeat;
}
#socialmedia .youtube.icon{
	background:url(../image/youtube.png) no-repeat;
}
#socialmedia .youtube.icon a{
	background:url(../image/youtube_b.png) no-repeat;
}
#socialmedia .pinterest.icon{
	background:url(../image/pinterest.png) no-repeat;
}
#socialmedia .pinterest.icon a{
	background:url(../image/pinterest_b.png) no-repeat;
}
#socialmedia .rss.icon{
	background:url(../image/rss.png) no-repeat;
}
#socialmedia .rss.icon a{
	background:url(../image/rss_b.png) no-repeat;
}



/**********************
	sidebar layout 
***********************/
#sidebarleft .sidebar-inner, #sidebarright .sidebar-inner{
	padding:25px 10px 0;
}
#sidebar .container{
	width:100%;
}
#sidebar .container .row{
	margin-left:0;
}
#sidebar .container [class*="span"]{
	width:100%;
	height:auto;
	margin-left:0;
}

/**********************
	module block 
***********************/
.module-block{
	margin-top:10px;
	margin-bottom:25px;
}
.module-block > .container{
	max-width: 100%;
}
.module-block .ff-heading{
	background-color:#eee;
	letter-spacing:1px;
	font-weight:300;
	font-size:20px;
	padding:0 10px;
}
.module-block .module-inner{
	position:relative;
	margin-top:10px;
	margin-bottom:10px;
}



/**********************
	home page layout
***********************/
/* more link */
.more-link{
	line-height:35px;
	position:relative;
	z-index:8;
	overflow:hidden;
}
.more-link strong{
	display:inline-block;
	padding:0 25px;
	margin-right:20px;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:1px;
}
.more-link a{
	padding-left:25px;
	background:url(../image/arrow_bg.png);
	background-repeat:no-repeat;
	background-position:0 -6px;
}

/* carousel style */
.carousel .carouselnavi{
	position:absolute;
	top:45%;
	left:0;
	right:0;
	z-index:3;
}
.carousel .carouselnavi a{
	position:absolute;
}
.carousel .carouselnavi .navi-prev{
	left:0;
}
.carousel .carouselnavi .navi-next{
	right:15px;
}
.carousel .carousel-holder{
	width:100%;
	overflow:hidden;
}
.carousel .carousel-holder ul{
	list-style:none;
	margin-left:-30px;
}
.carousel .carousel-holder ul li{
	text-align:center;
}


/**********************
	category layout style 
***********************/
#subcategory .subcategory-inner{
	text-align:center;
}

/* controls */
#product_list_controls .custom-navbar-inner{
	border-bottom:1px solid #ddd;
}
#product_list_controls p{
	padding:1px 15px;
}
#product_list_controls p a{
	vertical-align:middle;
	color:#999;
}
#product_list_controls p a.active,
#product_list_controls p a:hover{
	color:#333;
}
#product_list_controls select{
	padding:2px;
	height:25px;
	border:1px solid #ddd;
}
#product_list_controls label{
	font-weight:bold;
	font-size:12px;
	margin-right:5px;
}
#product_list_controls a.changeview{
	padding:2px 4px;
	margin:0;
	display:inline-block;
	opacity:0.3;
	filter:aplha(opacity=30);
	
	transition:opacity 0.5s;
	-moz-transition:opacity 0.5s;
	-webkit-transition:opacity 0.5s;
	-ms-transition:opacity 0.5s;
	-o-transition:opacity 0.5s;
}
#product_list_controls a.changeview.active,
#product_list_controls a.changeview:hover{
	opacity:1;
	filter:aplha(opacity=100);
}
#product_list_controls a.changeview.active i{
	background-image:url(../image/glyphicons-halflings-white.png);
}

.product-listing [class*="span"]{
	max-width: 100%;
}


/**********************
	product page layout style 
***********************/
#product_top .divider{
	clear:both;
}
/* product main image */
#product_image .product-image{
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	position:relative;
	width:420px;
	height:315px;
	max-width: 100%;
	margin:0 auto;
	overflow:hidden;
}
#product_image .product-image a{
	position:absolute;
	top:0;
	left:0;
	display:block;
}
#product_image .product-image a.current{
	z-index:3;
}
#product_image .product-thumb-holder{
	text-align:center;
}
#product_image .product-thumb-holder ul{
	list-style:none;
	margin:0;
	margin-left:-10px;
}
#product_image .product-thumb-holder ul li{
	float:left;
	margin-left:10px;
	margin-bottom:10px;
}
#product_image .product-thumb-holder .product-thumb{
	width:105px;
}
#product_image .product-thumb-holder .product-thumb{
	cursor:pointer;
}

/* product main info */
#product_info{
	position:relative;
}
#product_info .dl-horizontal dt{
	width:100px;
	line-height:2;
}
#product_info .dl-horizontal dd{
	margin-left:120px;
	line-height:2;
	text-align:left;
}
#product_info .price-holder{
	margin:0 10px;
	text-align:center;
}
#product_info .price-holder span{
	margin:5px auto 0;
	display:block;
	text-align:center;
}
#product_info .price-holder .product-price{
	margin:10px auto 15px;
}
#product_info .price-holder .product-reward{
	margin:0;
	color:#999;
}
#product_info .price-holder .product-discount{
	color:#f00;
}
/* stock text */
.ff-stock{
	font-weight:bold;
}

/* product action form */
#product_action {
	position:relative;
}
#product_action .btn{
	font-weight:bold;
	margin-left:15px;
}
#product_action label{
	font-size:12px;
	margin-right:5px;
}
#product_action .control-group{
	margin-bottom:20px;
}
#product_action label.radio,
#product_action label.checkbox{
	margin-bottom:5px;
}
#product_action label.radio-img{
	float:left;
	text-align: center;
	width:25%;
}
#product_action label.radio-img input[type=radio]{
	float:none;
}
#product_action .product-min{
	margin-top:5px;
	font-size:11px;
	color:#999;
}

/* product misc */
#product_misc .misc-holder .ff-rating{
	margin-right:10px;
}
#product_misc .ff-actiontext{
	margin-left:30px;
}

/* span6 fix */
#main_content.span6 #product_info > div{
	float:none;
}
#main_content.span6 #product_info .price-holder{
	background:#eee;
	padding:10px 0;
	text-shadow:1px 1px 0 rgba(255, 255, 255, 0.5);
}
#main_content.span6 #product_action > form > div{
	float:none;
}
#main_content.span6 #product_action .action-holder p{
	display:inline-block;
	margin:0 10px;
}
#main_content.span6 #product_misc{
	text-align: center;
}
#main_content.span6 #product_misc > .misc-holder > .ff-actiontext{
	display:block;
	margin-right:0;
	margin-top:5px;
}

/* social share */
#socials_share{
	list-style:none;
	margin:0;
}
#socials_share li{
	width:88px;
	float:left;
	margin:0 5px;
}

/* product body */
/* product review */
#product_review .review-author{
	font-size:14px;
	margin-right:7px;
}
#product_review .review-date{
	color:#999;
	font-style:italic;
}

/* review form */
#review_form .intext{
	vertical-align:middle;
	margin-right:10px;
}
#review_form .help-block{
	color:#f00;
}
#review_form .radio-inline{
	margin-right:6px;
}
#review_form .radio-inline input{
	margin-right:4px;
	margin-top:0;
}	

/* product gallery */
#product_gallery{
	list-style:none;
}
#product_gallery li{
	float:left;
	margin-left:30px;
	margin-bottom:30px;
}

/* product misc */
.ff-actiontext a{
	color:#999;
	cursor:pointer;
}
.ff-actiontext a i{
	opacity:0.5;
	filter:alpha(opacity=50);
	margin-right:5px;
}
.ff-actiontext a:hover{
	color:#333;
}
.ff-actiontext a:hover i{
	opacity:0.9;
	filter:alpha(opacity=90);
}


/**********************
	cart page layout
***********************/
#shipping .control-group{
	margin-bottom:10px;
}
#shipping .control-label{
	width:100px;
}
#shipping .controls{
	margin-left:120px;
}

/**********************
	shipping quote popup
***********************/
table.shipping_quote{
	width:100%;
}
table.shipping_quote td.radio{
	width:20px;
}
table.shipping_quote td.title,
table.shipping_quote td.price{
	text-align:left;
}

/**********************
	checkout page layout
***********************/
#product_checkout .checkout-content{
	padding-top:20px;
	padding-bottom:20px;
}


/**********************
	my account layout
***********************/
/* login page */
.inner-account{
	padding:15px;
}
/* address book */
.addressbook{
	position:relative;
}
.addressbook .action {
	position:absolute;
	bottom:0;
	right:15px;
}
/* order history */
.order-list{
	position:relative;
	padding:20px;
	margin-bottom:30px;
	text-shadow:1px 1px 0 #fff;
}
.order-list dt{
	width:70px;
}
.order-list dd{
	margin-left:90px;
}
.order-list .order-info{
	position:absolute;
	top:17px;
	right:17px;
}
.order-view dt{
	width:110px;
}
.order-view dd{
	margin-left:130px;
}


/**********************
	hero unit
***********************/
.ff-hero{
	position:relative;
	width:100%;
	overflow:hidden;
	-webkit-border-radius: 0 0 12px 12px;
	border-radius: 0 0 12px 12px;
}
.hero-inner{
	padding:25px 0;
}	
.hero-content{
	position:relative;
	z-index:2;
	color:#333;
}
.hero-content .ff-heading{
	text-shadow:1px 1px 0 rgba(255,255,255,0.5);
}
.hero-content .hero-desc{
	font-size:13px;
	line-height:1.45;
	text-shadow:0 1px 0 rgba(255,255,255,0.3);
}
.hero-content .hero-image {
	margin-left:30px;
	margin-right:30px;
}
.hero-bg{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	height:100%;
	width:100%;
	background:url(../image/bg.png) repeat 0 0;
}
/* white hero */
.hero-content.white-hero{
	color:#000;
	font-weight: bold;
}
/*.hero-content.white-hero .ff-heading{
	text-shadow:1px -1px 0 rgba(0,0,0,0.3);
}
.hero-content.white-hero .hero-desc{
	text-shadow:1px -1px 0 rgba(0,0,0,0.1);
}*/


/**********************
	slider style - extend hero unit
***********************/
#hero_slider .slider-items{
	position:relative;
	left:0;
	top:0;
}
/* slider item style */
.slider-item{
	position:relative;
	width:100%;
	float:left;
	z-index:1;
}
.slider-item .hero-desc{
	width:350px;
	padding:18px;
	background:url(../image/transbg.png) repeat;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}
.slider-item h2 { margin-top: 0 }

.slider-item .hero-desc .ff-title > a{
	color:#333;
}
.slider-item .product-meta span{
	margin-right:20px;
}
.slider-item .ff-price.crossline{
	color:#CE0000 !important;
}

/* slider control style */
#hero_slider > .slider-control a{
	opacity:0;
	filter:alpha(opcity=0);
	
	transition:opacity 0.5s; 
	-moz-transition:opacity 0.5s; 
	-webkit-transition:opacity 0.5s; 
	-ms-transition:opacity 0.5s; 
	-o-transition:opacity 0.5s; 
}
#hero_slider:hover > .slider-control a{
	opacity:1;
	filter:alpha(opcity=100);
}
.slider-control .slider-navi a{
	position:absolute;
	top:40%;
	height:83px;
	width:83px;
	background:url(../image/slider_sprite.png) no-repeat 0 0;
	cursor:pointer;
	z-index:10;
}
.slider-control .slider-navi a.navi-left{
	left:0;
	background-position:0 0;
}
.slider-control .slider-navi a.navi-right{
	right:0;
	background-position:-85px 0;
}
.slider-control .slider-thumbs{
	position:absolute;
	bottom:10px;
	right:30px;
	z-index:10;
}
.slider-control .slider-thumbs a{
	background:url(../image/slider_sprite.png) no-repeat;
	background-position: 0 -100px;
	width:35px;
	height:35px;
	display:block;
	float:left;
	margin:5px;
}
.slider-control .slider-thumbs a.active{
	background-position: -100px -100px;
}

/**********************
	slider custom styles
***********************/
/* slider desc position */
.slider-item [class*="pos-"]{
	position:absolute;
	margin:13px 120px;
}
.slider-item .hero-desc.pos-topleft{
	left:0;
	top:0;
}
.slider-item .hero-desc.pos-topright{
	right:0;
	top:0;
}
.slider-item .hero-desc.pos-bottomleft{
	left:0;
	bottom:0;
}
.slider-item .hero-desc.pos-bottomright{
	right:0;
	bottom:0;
}
/* slider desc size */
.slider-item .hero-desc.size-small{
	width:44%;
}
.slider-item .hero-desc.size-medium{
	width:60%;
}
.slider-item .hero-desc.size-large{
	width:80%;
}
/* white hero slider item */
.slider-item .white-hero .hero-desc{
	background:none;
}
.slider-item .white-hero .hero-desc{
	text-shadow: 0 0 1em #FFF, 0 0 1em #FFF, 0 0 1em #FFF
}
.slider-item .btn{
	margin-left: 180px;
}
.slider-item .white-hero .hero-desc .ff-title > a{
	color:#000;
}















































/***** unknown category *****/


#product_info .product-price .ff-price.large{
	margin:10px 0;
}
#product_info .product-price .ff-tax{
	font-size:13px;
	font-weight:bold;
	color:#999;
}



/* responsive button */
#main_nav .btn-navbar{
	font-size:14px;
	color:#333;
	margin:0;
	text-transform:uppercase;
	float:none;
}
/*
#main_nav .btn-navbar{
	font-weight:normal;
	color:#000;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
#main_nav .btn-navbar.collapsed{
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);
	-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);
	-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);
}
*/

#menulist { z-index: 200 !important; }