/* ============= */
/* = Reset CSS = */
/* ============= */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, b, u, i, s, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
input[type="submit"], input[type="button"] {
	cursor: pointer;
    text-transform: capitalize;
  
    -webkit-transition-property: color, text;
	-webkit-transition-duration: .2s, .2s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-property: color, text;
	-moz-transition-duration: .2s;
	-moz-transition-timing-function: linear, ease-in;
	-o-transition-property: color, text;
	-o-transition-duration: .2s;
	-o-transition-timing-function: linear, ease-in;
}
input{
	font-family:'HelveticaNeueRegular' Helvetica, Arial, sans-serif;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
@font-face {
    font-family: 'HelveticaNeueRegular';
    src: url('helveticaneue.eot');
    src: url('helveticaneue.eot') format('embedded-opentype'),
url('helveticaneue.woff') format('woff'),
url('helveticaneue.ttf') format('truetype'),
url('helveticaneue.svg#HelveticaNeueRegular') format('svg');
}
a {
	color:#F37021;
	text-decoration: none;
	-webkit-transition-property: color, text;
	-webkit-transition-duration: .2s, .2s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-property: color, text;
	-moz-transition-duration: .2s;
	-moz-transition-timing-function: linear, ease-in;
	-o-transition-property: color, text;
	-o-transition-duration: .2s;
	-o-transition-timing-function: linear, ease-in;
}
a:hover {
	text-decoration: none;
	color:#999999;
}
h1, h2, h3, h4, h5, h6 {
	color: #000000;
	margin-bottom: 15px;
	font-weight:normal;
	text-shadow:1px 1px 0 #fff;
	font-family:'HelveticaNeueRegular', Helvetica, Arial, sans-serif;
}

/* =========== */
/* = General = */
/* =========== */

body{
	font-family:"Lucida Sans", "Lucida Grande", sans-serif;
	color:#000;
	font-size:14px;
	line-height:20px;
}
.wrapper{
	float:left;
	width:100%;
}
.container{
	margin:0 auto;
	width:960px;
	padding:30px 0;
}
.header{
	float:left;
	width:100%;
	margin-bottom:10px;
}
.follow{
	float:left;
	width:100%;
	display: block;
	margin: 0;
	position: relative;
	top: 5px;
	margin-bottom:20px;
}
.follow ul{
	font-size: 0;
    text-indent: -9999px;
	float:left;
	width:50%;
}
.follow ul li{
	float: left;
    margin-left: 6px;              
}
.follow ul li a{
	background: url('follow.png?1530') no-repeat scroll 0 0 transparent;
    display: block;
    height: 23px;
    width: 23px;
	transition: none;
}
.follow ul li a:hover{
  opacity:0.7;
}
.follow ul li.fb a{
	background-position: -29px 0;
}
.follow ul li.tweet a{
	background-position: -58px 0;
}
.follow ul li.inst a{
	background-position: 0 0;
}
.follow ul li.pin a{
	background-position: -175px 0;
}
.follow ul li.fli a{
	background-position: -230px 0;
}
.follow ul li.eye a{
	background-position: -257px 0;
}
.follow ul li.ytube a{
	background-position: -145px 0;
}
.follow ul li.vim a{
	background-position: -115px 0;
}
.follow ul li.rss a{
	background-position: -87px 0;
}
.follow ul li.blog a{
	background-position: -203px 0;
}
/*** .follow ul li.fb a:hover{
	background-position: 0 -28px;
}
.follow ul li.tweet a:hover{
	background-position: -28px -28px;
}
.follow ul li.inst a:hover{
	background-position: -111px -28px;
}
.follow ul li.pin a:hover{
	background-position: -56px -28px;
}
.follow ul li.ytube a:hover{
	background-position: -84px -28px;
}
.follow ul li.vim a:hover{
	background-position: -84px -28px;
}
.follow ul li.rss a:hover{
	background-position: -84px -28px;
}
.follow ul li.blog a:hover{
	background-position: -84px -28px;
  } ***/

p.cart-count{
	padding: 0 59px 0 20px;
	border-left: 1px solid #eeeeee;
	float:right;
	font-size:11px;
}
p.cart-count a{
	padding-bottom: 1px;
	border-bottom: 1px solid #d4d4d4;
	color: #a9aaaa;
}
p.cart-count a.no-underline{
	border-bottom: none;
}
a.cart-total{
	background-color: #f37021;
    border-radius: 50% 50% 50% 50%;
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 15px;
    margin: 0;
    padding: 33px 5px;
    position: absolute;
    right: -55px;
    text-align: center;
    top: -10px;
    width: 71px;
}
.logo{
	float:left;
	width:100%;
	border-bottom:1px solid #e5e5e5;
	border-top:1px solid #e5e5e5;
	padding:20px 0;
}
.logo a#logo{
	float:left;
	width:375px;
	height:104px;
}
.nav{
	float: right;
    margin-top: 37px;
}
.nav ul{
	float: left;
    padding-right: 20px;
}
.nav li{
	float:left;
	border-left:1px solid #e5e5e5;
	padding: 0 30px;
}
.nav li.first{
	border:none;
}
.nav li a{
	float:left;
	font-size:20px;
	font-family:'HelveticaNeueRegular', Helvetica, Arial, sans-serif;
	color:#262324;
}
.nav li a:hover{
	color:#999999;
}
.banner{
	float:left;
	margin-bottom:30px;
}
.product{
	float: left;
    margin-bottom: 45px;
    width: 960px;
}
.product a{
	position: relative;
	color:#fff;
	float:left;
}

.product a:hover { color:#C0C0C0 }
.product img{
	position:relative;
	z-index:1;
}
.product a p{
	background: none repeat scroll 0 0 #F37021;
    bottom: 5px;
    padding: 7px 15px;
    position: absolute;
    right: 0;
    z-index: 2;
}
.learn{
	float:left;
	margin-right: 48px;
}
.community{
	float:left;
}
.welcome{
	margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 15%;
    width: 70%;
    clear: both;
    display: inline-block; 
    font-size: 110%;
    text-align:justify;
    line-height:160%;
}
.footer{
	float:left;
	width:100%;
	clear:both;
   
}
.footer h3{
	font-size:22px;
}
.footer ul{
	float:left;
	width:100%;
	border-top:1px solid #e5e5e5;
	padding:20px 0 0 0;
	margin-bottom:20px;
}
.footer li{
	float: left;
    margin-right: 30px;
    width: 300px;
}
li.foot-about{
	float:left;
}
li.foot-about p.text{
	float:left;
}
li.foot-about p.name{
	float:left;
	clear:both;
	color:#f37021;
	width:255px;
}
li.foot-about p.name span{
	float:left;
	clear:both;
	color:#adadad;
}








.top-sellers{
	float: left;
    position: relative;
	height: 180px;
	
}
.top-sellers h3{
	float: left;
}
.caroufredsel_wrapper{
	max-height: 126px !important;
}
.top-sellers ul{
	border: medium none;
    padding-left: 4px;
    padding-top: 0px;
	
}
.top-sellers li{
	float: left;
}
.top-sellers-img{
	margin-bottom:10px;
	display: table-cell;
    height: 192px;
    vertical-align: middle;
    width: 191px;
}
.top-sellers-img img{
	display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 192px;
    max-width: 191px;
    vertical-align: middle;
}
.top-sellers-title{
	margin-bottom:10px;
	font-size:17px;
	height:52px;
	overflow:hidden;
	margin-top:10px;
}
.top-sellers-title a{
	color:#333333;
}
.top-sellers-title a:hover{
	color:#7f2c6e;
}
.top-sellers-price{
	margin-bottom:15px;
	font-size:24px;
}
.top-sellers-price p{
	margin-bottom:10px;
	color: #7F2C6E;
}
.top-sellers-price span{
}
.top-sellers-actionadd{
	float:left;
}
.top-sellers-actionadd a{
	background: url('product_btn2.png') no-repeat scroll 0 top transparent;
    color: #EDFECF;
    font-size: 21px;
    padding: 4px 53px 6px;
    text-shadow: 1px 0 0 #501C46;
	transition:none;
}
.top-sellers-actionadd a:hover{
	background-position:0 -36px;
	color:#662359;
    text-shadow: 1px 0 0 #ffc88f;
}
.arrows{
	position: relative;
    right: 0px;
    top: -17px;
    z-index: 999999;
}
.arrows a{
	background:url('arrows.png') no-repeat;
	font-size:0;
	text-indent:-9999px;
	width:17px;
	height:17px;
	float:left;
	margin-left:5px;
}
.prev{
	background-position:0 0 !important;
}
.next{
	background-position:-20px 0 !important;
}


li.foot-kick{
	float:left;
}
li.foot-kick p{
	float:left;
}
li.foot-kick a{
	color:#f37021;
}
li.foot-kick a:hover {
	color:#999999;
}
li.foot-kick a img{
	float:left;
	clear:both;
   	margin-left: 100px;
    padding-top: 15px
}
li.foot-news{
	margin-right:0 !important;
}
li.foot-news input{
	margin-bottom:10px;
	float:left;
	clear:both;
	
	
}
li.foot-news input.textbox{
	padding: 7px 10px;
    width: 250px;
}
li.foot-news input.submit{
	background: none repeat scroll 0 0 #F37021;
    border: medium none;
    padding: 7px 15px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	font-family:"Arial Black", Gadget, sans-serif;
}
li.foot-news span{
	font-size:12px;
	float:left;
	clear:both;
}
.foot-nav{
	border-bottom:1px solid #e5e5e5;
	border-top:1px solid #e5e5e5;
	float:left;
	margin-bottom:10px;
	float:left;
	width:100%;
	padding:10px 0;
	line-height: 25px;
    margin-top:20px;
}
.bottom-nav{
	width:70%;
	float:left;
}
.bottom-nav a{
	margin-right:20px;
	font-family:'HelveticaNeueRegular', Helvetica, Arial, sans-serif;
    color:#782a91;
}
.bottom-nav a:hover {
    color: #999999;
}
span.curren{
	float: right;
    margin-top: -3px;
}
p.copy{
	float:left;
	font-size:12px;
	color:#262324;
	margin-bottom:10px;
}
sup{
	font-size:6px;
	vertical-align:super;
}


/***** product  ******/
.main-product{
	float:left;
	width:100%;
	/*border-bottom: 1px solid #e5e5e5;*/
	margin-bottom:20px;
}
.product_buypage{
	float: left;
    margin-top: 20px;
	margin-bottom:20px;
	margin-right:20px;
	width: 57.5%;
}
.product_img{
	border: 1px solid #E5E5E5;
    float: left;
    height: 550px;
    margin-bottom: 20px;
    width: 550px;
}
.product_img a{
	display: table-cell;
    height: 550px;
    vertical-align: middle;
    width: 550px
}
.product_img img{
	display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 550px;
    max-width: 550px;
    vertical-align: middle;
}
.product_list{
	float:left;
}
.product_list ul{
	float:left;
}
.product_list li{
	border: 1px solid #e5e5e5;
    float: left;
    height: 100px;
    width: 101px;
	margin-right: 9px;		
}
.product_list li.active { border: 1px solid orange; }
.product_list li.last{
	margin-right:0 !important;
}
.product_list li a{
    float: left;
    height: 100px;
    width: 101px;
}
.product_list li a img{
	display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 100px;
    max-width: 100px;
    vertical-align: middle;
}
.product_details{
	float: left;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 40.4%;
}
.product_details li{
	float:left;
	width:100%;
	clear:both;
	margin-bottom: 20px;
}
.product_details li.product_name{
	float:left;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom:20px;
	/*margin-bottom:20px;*/
}
.product_details li.product_name h1{
	font-size:25px;
	font-weight:bold;
	line-height: 27px;
	margin-bottom:0 !important;
	
}
.product_details li.price{
	float:left;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:35px;
	font-weight:bold;
}
.product_details li.add-to-cart{
	float:left;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom:20px;
	width:100%;
}
.product_details li input{
	background: none repeat scroll 0 0 #F37021;
    border: 0 none;
    color: #FFFFFF;
    font-size: 25px;
    line-height: 25px;
    padding: 5px 15px;
}

.product_details li#product-add #product-add-wrap input:hover{ color:#000 !important; }
.product_details li.share{
	float:left;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom:20px;
	width:100%;
}
.product_details li.describe{
}
.product_details  h3{
	font-size:22px;
	float:left;
}
.product_details li.describe p{
	clear:both;
    text-align: justify;
    line-height: 150%;
}


/**** Tab   *****/

#page-wrap { width: 440px; margin: 20px auto; }


#organic-tabs {margin: 0 0 20px 0; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; float:left;width: 100%; }

#explore-nav {background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    overflow: hidden;
    position: relative;
    width: auto;}
#explore-nav li {float: left;
    width: 170px;}
#explore-nav li.last { margin-right: 0; }
#explore-nav li a { border: 1px solid #E5E5E5;
    color: #000000;
    display: block;
    font-size: 14px;
    padding: 10px 5px;
    text-align: center; }
#explore-nav li a:hover {color: #999999; }

#jquerytuts, #core, #classics, #case { display: none; }

#all-list-wrap{
	float: left;
    width: 100%;
	border: 1px solid #e5e5e5;
	margin-top: -1px;
}
#all-list-wrap ul{
	margin:10px 10px 10px 10px;;
	float:left;
}
#all-list-wrap li{
	float:left;
	margin-bottom:10px;
    margin-top:10px;
}
#all-list-wrap li.tab-img{
	float:left;
	/*border: 1px solid #e5e5e5;*/
	margin-right:20px;
	margin-bottom:10px;
	height:149px;
	width:151px;
}
#all-list-wrap li.tab-img img{
	float:left;
	height:149px;
	width:151px;
}
#all-list-wrap li span{
	float:left;
	font-weight:bold;
	width:100%;
}
#all-list-wrap li p{
	float:left;
    width: 750px;
    line-height: 150%;
}
/*#explore-nav li#ex-featured a.current, ul#featured li a:hover {color:#f37021; }*/
#explore-nav li a.current {
    border-bottom: medium none;
    color: #F37021;
}
#explore-nav ul li a:hover {
    border-bottom: medium none;
    color: #999999;
}
.sale-of {
    color: #D2D2D2;
    font-size: 24px;
    font-weight: bold;
    display: block;
    margin-bottom:15px;
}

#faq a {color:#f37021;font-weight:bold;}
#faq a:hover {color:#999999;}



/* =The style for the lab
-------------------------------------------------------------- */
#faq hr {
    height:1px;
    border:none;
    background-color:rgb(220,220,220)
}

#faq .answer {
    display:none;
}

#faq h2 {
    line-height:24px;
    font-size:18px;
    font-weight:700;
    color:rgb(100,150,200);
    padding-left:24px;
    cursor:pointer;
    background-image:url('open.png');
    background-position:left;
    background-repeat:no-repeat;
}

#faq h2.close {
    background-image:url('close.png');
}