/*
Theme Name: HumbleShop
Theme URI: http://humbleshop.pagodabox.com/
Author: Humblespace
Author URI: http://themeforest.net/user/humblespace
Description: Minimalist, clean, and simple responsive ecommerce HTML template.
Version: 1.0
License: GNU General Public License
License URI: license.txt
*/

/* ------------------------- */
/* CUSTOM STYLING START HERE */
/* ------------------------- */

/* =========== */
/* Font Colors */
/* =========== */
#menu {
background: transparent;
height: 47px;
width: 1125px;
padding: 0 0 0 11px;
margin: auto;
margin-bottom: 15px;
}
#menu .home-link a{background: #f1f1f1;}
#menu ul {
	list-style: none;
	margin: 1px -3px;
	padding: 0 0 0 10px;
	-webkit-transition: color .3s ease-in-out;-moz-transition: color .3s ease-in-out;-o-transition: color .3s ease-in-out;-ms-transition: color .3s ease-in-out; transition: color .3s ease-in-out;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;
}
#menu > ul > li {
	position: relative;
	float: left;
	z-index: 20;
	padding: 6px 5px 5px 0px;

}
#menu > ul > li:hover {
}
#menu > ul > li > a {
font-family: ropa-sans, serif;
	font-size: 18px;
	
    color: black;
	line-height: 24px;
	text-decoration: none;
	display: block;
	padding: 6px 10px 6px 10px;
	margin-bottom: 10px;
	z-index: 6;
	position: relative;
	-webkit-transition: color .3s ease-in-out;-moz-transition: color .3s ease-in-out;-o-transition: color .3s ease-in-out;-ms-transition: color .3s ease-in-out; transition: color .3s ease-in-out;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;
}
#menu > ul > li > a:hover{ background: #000; color: #000;}
#menu > ul > li:hover > a {
	background: #f1f1f1;
	color:fff;
	
}

#menu > ul > li > div {
	display: none;
	margin: -2px 0;
	background: #FFFFFF;
	position: absolute;
	z-index: 5;
	padding: 5px;
	border: 1px solid #000000;
	
	background: #000;
}
#menu > ul > li:hover > div {
	display: table;
}
#menu > ul > li > div > ul {
	display: table-cell;
}
#menu > ul > li ul + ul {
	padding-left: 20px;
}
#menu > ul > li ul > li > a {
	text-decoration: none;
	padding: 4px;
	color: #FFFFFF;
	display: block;
	white-space: nowrap;
	min-width: 120px;
}
#menu > ul > li ul > li > a:hover {
	background: #fff; color: #000;
}
#menu > ul > li > div > ul > li > a {
	color: #FFFFFF;
}
body {color:#333}
a {color: #61baa8; cursor: pointer;}
button.theme, .share a, .share a:hover, .horizontal-nav li a:hover, a.btn.theme {color:white}
footer {color: #777}
footer a {color: #bbb}
a:hover, footer a:hover, footer a.active, aside a, em.on, .theme, .page h5, a.theme , .product .sidebar h5 {color: b8dbba}

/* ================= */
/* Background colors */
/* ================= */

body {background: #f2f2f2}
.container, .horizontal-nav ul, h6.subhead strong {background: #FFF}
.feat .nav-pills > .active > a, .feat .nav-pills > .active > a:hover, .product .nav-pills > .active > a, .product .nav-pills > .active > a:hover, button.theme, .share a, .flex-control-paging li a.flex-active, .horizontal-nav li a:hover, a.btn.theme {background:#61baa8}
header.prime, .sidebar .tags span, .comments article:hover {background: #f2f2f2}
footer, footer .container {background:#111}

/* ============= */
/* Border colors */
/* ============= */

.promo img {border: 1px solid #ddd}
.horizontal-nav ul li, .blog article, .line, hr, {border-top: 1px solid #ddd;}
.page .contactform {border-left: 1px solid #ddd}
.product .tab-content.sideline {border-left: 1px solid #ddd w;}
header.prime, .horizontal-nav ul li, .gmap  {border-bottom: 1px solid #ddd}
footer .doubleline {border-top:1px solid #333; border-bottom: 1px solid #333; }
.horizontal-nav ul li a {border-top: 1px solid rgba(255,255,255, 0.25); border-left: 1px solid rgba(255,255,255, 0.25)}


/* ------------------------ */
/* CUSTOM STYLING STOP HERE */
/* ------------------------ */

/*  ========== */
/* Font family */
/*  ========== */


.wf-active .logo {font-family: 'Helvetica', 'Aria', serif;}
.horizontal-nav ul li a, .single .cross-wrapper header, footer .foot strong {text-transform: uppercase}
#tweet .tweet_time a, .share a {font-size: .85em}
strong, .single .cross-wrapper header {font-weight: 700}
button.theme {text-shadow: none}

/* ========== */
/* Core style */
/* ========== */

a, a:hover {text-decoration: none;}
.btn {border-radius: 0}
input, textarea, button {font-size: 1em !important}
form label, form .btn {font-size: 1em} form legend {font-size:1.2em}
.js .selectnav {display: none}
.wrap {padding:0 20px}
.tright {text-align: right} .tleft {text-align: left} .tcenter {text-align: center}
h6.subhead {margin-bottom: -10px;}
h6.subhead strong {padding: 0 10px; cursor: pointer}
hr {border-bottom: none}
.page .tab-pane.active, .post .tab-pane.active {padding: 10px}
.gmap { width: 100%; max-width: 940px; min-height: 300px; background: #ccc; text-align: center; }
.gmap img { vertical-align: top; max-width: 100%; }
.btn.theme {text-shadow:none}
img.alignleft {padding-right: 10px}
img.alignright {padding-left: 10px}

/* ========= */
/* Structure */
/* ========= */

.head.container {z-index: 9266}
.welcome.container {background: #62baaa; color:#000; font-size: .9em}
.welcome a {color:white}
.welcome .greet, .welcome .cart {width: 46%; padding: 1%; position: relative}
.welcome .cartbubble {position: absolute; width:160px; right:1px; top:40px; text-align: left; z-index: 1; -webkit-backface-visibility: hidden; display: none}
.welcome .cartbubble hr {margin:10px 0; border-top:1px solid #999; border-bottom: 1px solid black}

.standard header {text-align: center; padding:20px 0}
.call-to-action {margin-top: 20px}

.top {}
.top .logo {height:185px;} 
.top .cart {text-align: right;}
.top .cart {height:185px;}
.top .cart form {position: relative; margin-top:10px}
.top .cart form button {position: absolute; top:8px; right:15px; border:none; background: none}
.top #search {float: right;height: 29px;width: 125px ;border:none;margin-right:5px; margin-bottom:0; margin-top:5px;  -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;}
.top #search:focus {width: 130px ; padding-right: 18px;  box-shadow: none !important;}
.top #search input{box-shadow: none;border: none;border-radius:0; width: 75px ; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;}

.top #search .button-search {
	
cursor: pointer;
height: 20px;
padding: 5px 3px 5px 5px;


float: right;
}

.top #osdmenu ul, .top #osdmenu li {list-style-type:none;}
.top #osdmenu a {color:#61baa8; font-size:28px;}
.top #osdmenu a:hover {color:#000;}

.selectnav { display: block; width:90%; margin:0 auto 10px}
.nav {margin-bottom:0}
.nav-pills > li > a {border-radius: 0}
.horizontal-nav ul { text-align: center; display: none }
.horizontal-nav ul li { float:left; border-left: 0; position: relative !important}
.horizontal-nav ul li a { display: block; padding: 10px 0}
.horizontal-nav ul ul{ display: none; position: absolute; top:40px; left:0; z-index: 9266; width: 100%}
.horizontal-nav ul ul li {width: 100%; border:none; font-size: .85em}
.horizontal-nav ul li:first-child a { border-left: 0 none; }
.horizontal-nav li a:hover { -webkit-transition: background-color 1000ms linear; -moz-transition: background-color 1000ms linear; -o-transition: background-color 1000ms linear; -ms-transition: background-color 1000ms linear; transition: background-color 1000ms linear; }

.home-panel {text-align: center; margin:30px 20px}

.promo, .feat {text-align: center}
.promo article {max-width: 320px; line-height: 0}
.promo img:hover {opacity: .5}

.banner {position:relative}
.arrow {position:absolute; bottom:3%; font-size: 2em; padding-left:10px}
.arrow a {cursor: pointer; color:white}
.arrow a i {display: block}
.arrow .pull-left, .arrow .pull-right {width:25px}

.login form {padding:20px}
.login .form-horizontal .control-label {width:100px}
.login .form-horizontal .controls {margin-left: 120px}
address {margin-bottom: .5em}
address .clabel {width:5%; padding-right: 5%}
address .cdata {width:90%}

/* ================ */
/* Featured section */
/* ================ */

.feat .headline, .feat .tab-content {padding: 30px 0}
.feat article {position:relative; font-size: 1em}
.feat .tab-content .wrap {margin-bottom:30px}
.feat #myTab {padding:20px 0; margin-top: -35px}
.feat #myTab button {text-transform: uppercase}
.feat .btn-group > .btn {font-size:11px !important; text-shadow: none; -webkit-font-smoothing: antialiased; border-radius: 0;}
.feat .line {margin-top:30px}
.feat .view {margin: 20px}
.feat .brands {padding:30px 0}
.feat .tab-brand {padding: 0 20px 30px}
.feat .tab-brand img {opacity: .6} .feat .tab-brand img:hover {opacity: 1}

/* ============ */
/* Hover effect */
/* ============ */

.view { max-width: 320px; overflow: hidden; position: relative; text-align: center; cursor: default; background: #fff; }
.view .mask,
.view .content { height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; width:100%}
.view img { display: block; position: relative; }
.view h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 1em; line-height: 1em; padding:20px 0 0 0; background: rgba(0, 0, 0, 0.8); margin: 20px 0 0 0; }
.view p { font-family: Georgia, serif; font-style: italic; font-size: 12px; line-height: 1em; position: relative; color: black; padding: 20px 20px 10px; text-align: center; }
.view a.info { display: inline-block; text-decoration: none; padding: 3px 8px; background: #000; font-size: .7em; 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 { -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; }
.view-thumb img {-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.view-thumb .mask { background-color: #b8dbba; -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; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.view-thumb h2 { border-bottom: 1px solid rgba(0, 0, 0, 0.3); background: transparent; margin: 20px 20px 0px; padding-bottom: 10px; color: #333; -webkit-transition: all 0.2s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.3s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.view-thumb p { color: #333; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; 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-thumb a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -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-thumb a.info .cart input{ background: transparent;border: none;color: white;padding: 0;height: 19px;text-transform: uppercase; }

.view-thumb:hover img { -webkit-transform: scale(); -moz-transform: scale(); -o-transform: scale(); -ms-transform: scale(); transform: scale(); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.view-thumb:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.view-thumb:hover h2,
.view-thumb:hover p,
.view-thumb:hover a.info { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }

/* ============== */
/* Header section */
/* ============== */

header.prime {padding: 10px 0; text-align: center; margin-bottom: 0px}
header.prime a {color: black}

/* ================ */
/* Products section */
/* ================ */

.product {text-align: center}
.product .nav {padding:20px 0 0}

.product article {position:relative; overflow: hidden; text-align: center}
.product article a:hover {text-decoration: none}
.product .tab-content {padding:50px 0 30px}
.product .tab-content.sideline {margin-top: 10px; padding:0}
.product .tab-content.sideline article {}
.product .tab-content .wrap {margin-bottom:30px}
.product .overlay {padding-top:15px}
.product .query {display: none}
.product .query li {float: none; display: inline-block; zoom:1}
.product #myTab {padding-bottom: 20px}
.product .view {}
.product .sidebar {margin-bottom:10px;}
.product .sidebar li {padding:0}
.product .sidebar li:hover {}
.product .sidebar li:first-child {border-top: none}
.product .sidebar li li {}
.product .sidebar, .product .sidebar article {text-align: left}
.product .sidebar section {margin-bottom: 50px}
.product .sidebar section article {margin-bottom: 10px}
.product .sidebar .thumb {width:30%; float: left; padding-right: 5%}
.product .sidebar .info {width: 65%; float:left; font-size: .9em; padding-top: 5px}

/* ====================== */
/* Single product section */
/* ====================== */
.box-category { }
 
	.box-category ul {
		list-style: none;
		margin: 0;
		padding: 0; }
 
	.box-category > ul > li { padding: 0px 0px 0px 0px;   margin-left: 0px;}
 
		.box-category > ul > li + li {  }
 
		.box-category > ul > li > a {
			color: #333;
			text-decoration: none; 
			font-weight:bold;
			}

			.box-category > ul > li > a:hover {
				
				color:#61baa8 ;
				 }
 
		.box-category > ul > li ul { display: none; }
 
		.box-category > ul > li a.active {
			color: #61baa8;
			
			text-decoration: none; }
 
			.box-category > ul > li a.active + ul { display: block; margin: 0;}
 
		.box-category > ul > li ul > li { padding: 5px 5px 0px 10px; }
 
			.box-category > ul > li ul > li > a {
				display: block;
				text-decoration: none;
                 margin-bottom: 3px;	}
 
				.box-category > ul > li ul > li > a.active { font-weight: normal; text-decoration: none; }
.single {padding-bottom:50px}
.single .wrapper {padding:10px 20px}
.single .wrapper .description{margin: 0; text-align:left;}
.single .screen a {display: none}
.single .cross-wrapper {padding: 0; text-align: center}
.single .cross-wrapper header {padding:10px 0 25px}
.single .flex-control-nav {bottom:-35px !important}
.single #flexcarousel-product {margin-top: 10px}
.single #flexcarousel-product li {padding: 2px 9px; cursor: pointer}
.single form {margin-bottom: 0}
.single .price {padding:10px 0}
.single .price-old{text-decoration: line-through; color: rgb(255, 0, 0);}
.single .decider {font-size: 1.6em; margin-top:10px;}
.single .decider a {display: inline-block;}
.single .view {margin: 10px auto}
.single .qty {position: relative;width: 32px;margin-right: 10px; margin: 0 10px 0 0; border-radius: 0;}
.single .qty input {width: 20px; text-align: center}
.single .qty .total {position: absolute; right:0; top:-5px}
.single .qty .total a {display: block;}
.center {float: none; margin-left:auto; margin-right:auto;}
.addthis_toolbox{width:33%;margin-left:33%;margin-right:33%;}
/* ============ */
/* Page section */
/* ============ */

.page {padding-bottom: 30px}
.page .contactform {margin-top: 20px}
.page .contactform textarea {width:95%}

/* ============ */
/* Blog section */
/* ============ */

.blog header i {padding-left:10px}
.blog article:first-child {padding-top:0}
.blog article {padding: 30px 0}
.blog article h4 {margin-top:0}
.blog article:first-child, .blog .list article:first-child {border:0}
.blog article a h4 {font-size: 16px; text-transform: uppercase} 
.blog small.date, .blog small.comments {font-style: italic}
.blog small.date { padding:5px 5px 5px 0}
.blog small.comments {padding:5px; }
.blog .post article {padding-top:20px}
.blog .post article:first-child {padding-top: 0}
.share {text-align: center}
.share a {padding:5px}

/* =============== */
/* Sidebar section */
/* =============== */

.sidebar aside {margin-bottom:20px; padding-right:20px}
.sidebar aside .title {text-transform: uppercase; font-weight: 700}
.sidebar ul {margin: 0;}
.sidebar .box .box-heading {border-bottom:2px solid #61baa8;text-transform:uppercase; font-weight: bold; color:#61baa8; margin:10px 0px 10px 0px; }
.sidebar ul {list-style: none}
.sidebar {margin:20px 0px 0px 10px;}
.sidebar .tags span {float:left; padding:5px 8px; margin:0 5px 5px 0}
.container.promo-option {width:80%;float:right;}

/* =============== */
/* Comment section */
/* =============== */

.comments {padding:10px 20px}
.comments .avatar {width:10%; border-radius: 50%}
.comments .text {width:85%}
.comments article {border:none; padding:10px}
.comment-form {padding:20px}

/* ============ */
/* Cart section */
/* ============ */

.cart .wrap-table {margin: 20px}
.cart table .cart-img {width:15%; padding: 5px 0; margin-right:3%}
.cart table .item {width:80%; font-size: 1.3em; padding-top: 0px}
.cart table .item a {display: inline-block;}
.cart table tbody td {padding-top:0px;}
.cart table tbody td:first-child {padding-top:0px;}
.cart-pay .cart-checkout {text-align: right}

.content h4{width:100%; margin:auto;}

/* ============== */
/* Footer section */
/* ============== */

footer {padding:30px 0; margin-top: 30px}
footer .foot strong {padding-bottom: 10px; display: block}
footer .foot ul, footer .social ul {margin: 0; padding: 0}
footer .foot ul li {list-style: none}
footer .social ul li {list-style: none; float:left; padding-left:10px}
footer .social li a {display: inline-block;}
footer .social .pull-left, footer .social .pull-right {width:50%} footer .social .pull-right ul {float: right}
footer input, footer .add-on {border-radius: 0 !important}
footer .doubleline {padding: 20px 0 10px; margin: 30px 0}
footer .currency {text-align: right} footer .currency a {padding-left: 5px}

.carousel {margin-bottom: 0}
.carousel-control {top:90%; border: none; background: none}
.carousel-control.right {left: 60px}

/* ======== */
/* Fancybox */
/* ======== */

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030 }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative }
.fancybox-inner { overflow: hidden }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../img/fancybox_sprite.png') }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url('../img/fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../img/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0 }
.fancybox-next { right: 0 }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible }
.fancybox-tmp { position: absolute; top: -9999px; left: -9999px; visibility: hidden; }

/* Overlay helper */
.fancybox-lock { overflow: hidden }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../img/fancybox_overlay.png'); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

/* Title helper */
.fancybox-title { visibility: hidden; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }

/* ================== */
/* Flexslider styling */
/* ================== */

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position: relative}
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0; position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}
.carousel-option #flexcarousel img {cursor: pointer; border:2px solid white; width: 184px}
.carousel-option.home {padding-bottom: 30px}


/* Direction Nav */
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0;  }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
.flex-caption {width: 300px; padding: 2%; position: absolute; right: 5%; top: 25%; background: rgba(0, 0, 0, 0.6); color: white; text-align: left; text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px; font-size: 14px; line-height: 18px;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 10px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 8px; height: 8px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .active {opacity: 1; cursor: default;}

/* =========== */
/* Bubble Cart */
/* =========== */
.arrow-box {position: relative; background: #111111; border: 1px solid #555555; padding: 5px; font-size: .85em; text-transform: uppercase }
.arrow-box:after, .arrow-box:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrow-box:after { border-color: rgba(17, 17, 17, 0); border-bottom-color: #111; border-width: 10px; left: 50%; margin-left: -10px; }
.arrow-box:before { border-color: rgba(85, 85, 85, 0); border-bottom-color: #555555; border-width: 11px; left: 50%; margin-left: -11px;}

/* ============== */
/* Payment method */
/* ============== */
.paymentfooter { background: url(../img/payment.png) no-repeat; float: left; padding-right: 5px; opacity: .5}
.paymentfooter:hover {opacity: 1}

.payment {padding-right: 5px; opacity: .5}
.payment:hover {opacity: 1}
.2checkout { width: 38px; height: 24px; background-position: -49px -140px; }
.amex { width: 38px; height: 24px; background-position: -0px -140px; }
.cirrus { width: 38px; height: 24px; background-position: -147px -105px; }
.delta { width: 38px; height: 24px; background-position: -147px -70px; }
.direct-debit { width: 38px; height: 24px; background-position: -147px -35px; }
.discover { width: 38px; height: 24px; background-position: -148px -0px; }
.ebay { width: 38px; height: 24px; background-position: -98px -105px; }
.google { width: 38px; height: 24px; background-position: -49px -105px; }
.maestro { width: 39px; height: 24px; background-position: -0px -0px; }
.mastercard { width: 38px; height: 24px; background-position: -0px -105px; }
.moneybookers { width: 38px; height: 24px; background-position: -98px -70px; }
.paypal { width: 38px; height: 24px; background-position: -49px -70px; }
.sagepay { width: 38px; height: 24px; background-position: -0px -70px; }
.solo { width: 38px; height: 24px; background-position: -98px -35px; }
.switch { width: 38px; height: 24px; background-position: -49px -35px; }
.visa-electron { width: 38px; height: 24px; background-position: -0px -35px; }
.visa { width: 38px; height: 24px; background-position: -99px -0px; }
.western-union { width: 38px; height: 24px; background-position: -50px -0px; }

/* ================= */
/* Responsive styles */
/* ================= */

@media (max-width: 767px) { 
    #currency{display:none;}
	.cart-info thead .name,.cart-info tbody .name ,.cart-info thead .model,.cart-info tbody .model{display:none;}
	 select{width:147px !important;}
	.top div[class*='span'] {text-align: center !important; width:100% !important}
	.top .cart .wrap {padding:15px 0}
	.top .cart form button {top:2px; right:20px}
	.top #search , .top #search input, .top #search input:focus { float: none; width: 90% !important; margin: 0 auto; border-radius: 0; -webkit-appearance: none;}
	.top form {margin-bottom: 0px; margin-top:20px; text-align: center}
	.promo article {margin:15px auto !important}
	.feat .view, .product .view, .single .view {margin:10px auto}
	.product .sidebar .info {width: 100%}
	.product .tab-content.sideline article {width: 100%}
	.home-panel {padding:10px}
	#flexslider-product {margin-bottom: 30px}
	.sidebar aside {padding:0 20px}
	.cart-pay, .cart-pay .cart-checkout {text-align: center !important}
	footer {margin: 0 -20px; padding: 20px}
	footer .foot article {margin-bottom: 15px}
	footer .foot div[class*="span"] {margin-bottom: 20px}
	.view img { display: inline-block !important;}
}
@media (max-width: 480px) {
     #currency{display:none;}
	.cart-info thead .name,.cart-info tbody .name ,.cart-info thead .model,.cart-info tbody .model{display:none;}
	 select{width:147px !important;}
	.top .logo a {padding-left: 0}
	.top #search , .top #search input, .top #search input:focus { float: none; width: 75% !important; margin: 0 auto; border-radius: 0; -webkit-appearance: none;}
	.call-to-action, .call-to-action .cta {text-align: center; float:none !important}
	.single {padding: 30px 0}
	.single .cross-wrapper .span3 {padding: 10px 0}
	.single .decider, .single .decidernote {text-align: center}
	footer .currency {text-align: left}
	.login .form-horizontal .controls {margin-left: 0px}
	#nav { display: none !important}
	.js .selectnav { display: block; font-size:0.9em; width: 76% !important;}
	.flex-caption {display: none}
	.view img { display: inline-block !important;}
}


.success, .warning, .attention, .information {

background: #91CF79 url('../image/success.png') 10px center no-repeat;
border: 1px solid #BBDF8D;

margin: auto;
z-index: 999;

padding:5px 5px 5px 40px;	}
 
.success {
	
	background: #EAF7D9 url('../image/success.png') 10px center no-repeat;
	padding: 5px 5px 5px 40px;
	border: 1px solid #BBDF8D; }
 
.warning {
	
	background: #FFD1D1 url('../image/warning.png') 10px center no-repeat;
	padding: 5px 5px 5px 40px;
	border: 1px solid #F8ACAC; }
 
.attention {
	
	background: #FFF5CC url('../image/attention.png') 10px center no-repeat;
	padding: 5px 5px 5px 40px;
	border: 1px solid #F2DD8C; }
 
.success .close, .warning .close, .attention .close, .information .close {
	cursor: pointer;
	float: right;
	padding-right: 4px;
	padding-top: 4px; }
 
.required {
	color: #FF0000;
	font-weight: bold;
}
.error {
	display: block;
	color: #FF0000;
}
.help {
	color: #999;
	font-size: 10px;
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
	display: block;
}
table.form {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}
table.form tr td:first-child {
	width: 150px;
}
table.form > * > * > td {
	color: #000000;
}
table.form td {
	padding: 4px;
}
input.large-field, select.large-field {
	width: 300px;
}
table.list {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
table.list td {
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
table.list thead td {
	background-color: #EFEFEF;
	padding: 0px 5px;
}
table.list thead td a, .list thead td {
	text-decoration: none;
	color: #222222;
	font-weight: bold;
}
table.list tbody td {
	vertical-align: top;
	padding: 0px 5px;
}
table.list .left {
	text-align: left;
	padding: 7px;
}
table.list .right {
	text-align: right;
	padding: 7px;
}
table.list .center {
	text-align: center;
	padding: 7px;
}
table.radio {
	width: 100%;
	border-collapse: collapse;
}
table.radio td {
	padding: 5px;
	vertical-align: middle;
}
table.radio tr td:first-child {
	width: 1px;
}
table.radio tr.highlight:hover td {
	background: #F1FFDD;
	cursor: pointer;
}
table.radio label {
	width: 100%;
	height: 15px;
	display: inline-block;
}
.pagination {
	border-top: 1px solid #EEEEEE;
	padding-top: 8px;
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
}
.pagination .links {
	float: left;
}
.pagination .links a {
	display: inline-block;
	border: 1px solid #EEEEEE;
	padding: 4px 10px;
	text-decoration: none;
	color: #A3A3A3;
}
.pagination .links b {
	display: inline-block;
	border: 1px solid #269BC6;
	padding: 4px 10px;
	font-weight: normal;
	text-decoration: none;
	color: #269BC6;
	background: #FFFFFF;
}
.pagination .results {
	float: right;
padding: 0 10px;
}
/* button */
a.button, input.button {
display: inline-block;
padding: 4px 12px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: #333333;

background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#e6e6e6', GradientType=0);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border: 1px solid #bbbbbb;
border-bottom-color: #a2a2a2;
border-radius: 0 !important;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);	
}
a.button {
	display: inline-block;
	text-decoration: none;
	padding: 6px 12px 6px 12px;
}
input.button {
	margin: 0;
	border: 0;
	height: 32px;
	padding: 0px 12px 0px 12px;
	background:#61baa8;
	color:#fff;
}
a.button:hover, input.button:hover {
	background: #6caca0;
}
.buttons {
	background: #FFFFFF;
	border-top: 1px solid #EEEEEE;
	overflow: auto;
	padding: 6px;
	margin-bottom: 10px;
}
.buttons .left {
	float: left;
	text-align: left;
}
.buttons .right {
	float: right;
	text-align: right;
}
.attribute {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
.attribute thead td, .attribute thead tr td:first-child {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	background: #F7F7F7;
	text-align: left;
}
.attribute tr td:first-child {
	color: #000000;
	font-weight: bold;
	text-align: right;
	width: 20%;
}
.attribute td {
	padding: 7px;
	color: #4D4D4D;
	text-align: center;
	vertical-align: top;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
.compare-info {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
.compare-info thead td, .compare-info thead tr td:first-child {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	background: #F7F7F7;
	text-align: left;
}
.compare-info tr td:first-child {
	color: #000000;
	font-weight: bold;
	text-align: right;
}
.compare-info td {
	padding: 7px;
	width: 20%;
	color: #4D4D4D;
	text-align: center;
	vertical-align: top;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
.compare-info .name a {
	font-weight: bold;
}
.compare-info .price-old {
	font-weight: bold;
	color: #F00;
	text-decoration: line-through;
}
.compare-info .price-new {
	font-weight: bold;
}
/* wishlist */
.wishlist-info table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
.wishlist-info td {
	padding: 7px;
}
.wishlist-info thead td {
	color: #4D4D4D;
	font-weight: bold;
	background-color: #F7F7F7;
	border-bottom: 1px solid #DDDDDD;
}
.wishlist-info thead .image {
	text-align: center;
}
.wishlist-info thead .name, .wishlist-info thead .model, .wishlist-info thead .stock {
	text-align: left;
}
.wishlist-info thead .quantity, .wishlist-info thead .price, .wishlist-info thead .total, .wishlist-info thead .action {
	text-align: right;
}
.wishlist-info tbody td {
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
}
.wishlist-info tbody .image img {
	border: 1px solid #DDDDDD;
}
.wishlist-info tbody .image {
	text-align: center;
}
.wishlist-info tbody .name, .wishlist-info tbody .model, .wishlist-info tbody .stock {
	text-align: left;
}
.wishlist-info tbody .quantity, .wishlist-info tbody .price, .wishlist-info tbody .total, .wishlist-info tbody .action {
	text-align: right;
}
.wishlist-info tbody .price s {
	color: #F00;
}
.wishlist-info tbody .action img {
	cursor: pointer;
}
.login-content {
	margin-bottom: 20px;
	overflow: auto;
}
.login-content .left {
	float: left;
	width: 48%;
}
.login-content .right {
	float: right;
	width: 48%
}
.login-content .left .content, .login-content .right .content {
	min-height: 190px;
}
/* orders */
.order-list {
	margin-bottom: 10px;
}
.order-list .order-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}
.order-list .order-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}
.order-list .order-content {
	padding: 10px 0px;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
.order-list .order-content div {
	float: left;
	width: 33.3%;
}
.order-list .order-info {
	text-align: right;
}
.order-detail {
	background: #EFEFEF;
	font-weight: bold;
}
/* returns */
.return-list {
	margin-bottom: 10px;
}
.return-list .return-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}
.return-list .return-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}
.return-list .return-content {
	padding: 10px 0px;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
.return-list .return-content div {
	float: left;
	width: 33.3%;
}
.return-list .return-info {
	text-align: right;
}
.return-product {
	overflow: auto;
	margin-bottom: 20px;
}
.return-name {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-model {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-quantity {
	float: left;
	width: 31%;
}
.return-detail {
	overflow: auto;
	margin-bottom: 20px;
}
.return-reason {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-opened {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-opened textarea {
	width: 98%;
	vertical-align: top;
}
.return-captcha {
	float: left;
}
.download-list {
	margin-bottom: 10px;
}
.download-list .download-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}
.download-list .download-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}
.download-list .download-content {
	padding: 10px 0px;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
.download-list .download-content div {
	float: left;
	width: 33.3%;
}
.download-list .download-info {
	text-align: right;
}
/* cart */
.cart-info table {
	width: 100%;
	margin-bottom: 15px;
	border-collapse: collapse;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
}
.cart-info td {
	padding: 7px;
}
.cart-info thead td {
	color: #4D4D4D;
	font-weight: bold;
	background-color: #F7F7F7;
	border-bottom: 1px solid #DDDDDD;
}
.cart-info thead .image {
	text-align: center;
}
.cart-info thead .name, .cart-info thead .model, .cart-info thead .quantity {
	text-align: left;
}
.cart-info thead .price, .cart-info thead .total {
	text-align: right;
}
.cart-info tbody td {
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
}
.cart-info tbody .image img {
	border: 1px solid #DDDDDD;
}
.cart-info tbody .image {
	text-align: center;
}
.cart-info tbody .name, .cart-info tbody .model, .cart-info tbody .quantity {
	text-align: left;
}
.cart-info tbody .quantity input[type='image'], .cart-info tbody .quantity img {
	position: relative;
	top: 4px;
	cursor: pointer;
}
.cart-info tbody .price, .cart-info tbody .total {
	text-align: right;
}
.cart-info tbody span.stock {
	color: #F00;
	font-weight: bold;
}
.cart-module > div {
	display: none;
}
.cart-total {
	border-top: 1px solid #DDDDDD;
	overflow: auto;
	padding-top: 8px;
	margin-bottom: 15px;
}
.cart-total table {
	float: right;
}
.cart-total td {
	padding: 3px;
	text-align: right;
}
/* checkout */
.checkout-heading {
	background: #F8F8F8;
	border: 1px solid #DBDEE1;
	padding: 8px;
	font-weight: bold;
	font-size: 13px;
	color: #555555;
	margin-bottom: 15px;
}
.checkout-heading a {
	float: right;
	margin-top: 1px;
	font-weight: normal;
	text-decoration: none;
}
.checkout-content {
	padding: 0px 0px 15px 0px;
	display: none;
	overflow: auto;
}
.checkout-content .left {
	float: left;
	width: 48%;
}
.checkout-content .right {
	float: right;
	width: 48%;
}
.checkout-content .buttons {
	clear: both;
}
.checkout-product table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
.checkout-product td {
	padding: 7px;
}
.checkout-product thead td {
	color: #4D4D4D;
	font-weight: bold;
	background-color: #F7F7F7;
	border-bottom: 1px solid #DDDDDD;
}
.checkout-product thead .name, .checkout-product thead .model {
	text-align: left;
}
.checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total {
	text-align: right;
}
.checkout-product tbody td {
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
}
.checkout-product tbody .name, .checkout-product tbody .model {
	text-align: left;
}
.checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total {
	text-align: right;
}
.checkout-product tfoot td {
	text-align: right;
	border-bottom: 1px solid #DDDDDD;
}
.contact-info {
	overflow: auto;
}
.contact-info .left {
	float: left;
	width: 48%;
}
.contact-info .right {
	float: left;
	width: 48%;
}
.sitemap-info {
	overflow: auto;
	margin-bottom: 40px;
}
.sitemap-info .left {
	float: left;
	width: 48%;
}
.sitemap-info .right {
	float: left;
	width: 48%;
}