[top_cart_meta_wc ='1']{
 float:right;
 width:40%;  
 padding:0; 
 margin:0; 
 position:relative;
 min-width:290px;
 display:inline-block;
background: url(images/shopping_cart.png) no-repeat left center;
background-size: 10% 100%;
filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader( src="images/shopping_cart.png",
		sizingMethod="scale"); 
       	-ms-filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader( src="images/shopping_cart.png",
		sizingMethod="scale"); 

}
[top_cart_meta_wc ='1']  li {
color: #333;
display:inline !important;
padding:0;
margin: 10px 10px;
}
[top_cart_meta_wc ='1']  img , .top_cartimg {

width: 20px;
height: 20px;
display: inline-block !important; 
float: left;

}
[top_cart_meta_wc ='1'] li a {
color: #333;
 
}
[top_cart_meta_wc ='1'] li a:link    {color:#757575;}
[top_cart_meta_wc ='1']  li a:visited {color:#757575;}  
[top_cart_meta_wc ='1'] li a:hover {
text-decoration:none;
 
}

[top_cart_meta_wc ='1']  .wc_itemc,  [top_cart_meta_wc ='1'] .wc_checkout_top {
margin-left:5px;
color:#757575;
padding:3px;
border-radius:10px;
background: #BFEE47;
}


 
.display_none {
display:none;

}


.display_block {
display:block !important;

}
/*shown when product button is clicked on pop page*/
[loading_gif='1'] {
   position:absolute;
   width:50px;
   left:50%; 
   top:20px;
   margin-left: -25px; 
}

/*==============background needs revision ======================================================
  the ms filters  should be used only in ie < 9
  add background-attachment:fixed for full page background , but not for this current dome sinceit is not for 
  intended for full page background.  
  see http://woo3.boonplanet.com/wp-content/plugins/mugenextra/wv_style.css?ver=3.8.1
    for an example of full page background with fixed attribute value. 
  *this would work in IE 9 only when filters are removed 
  perhaps fiters are not necessary at all since ie < 9 are not intended to be responsive anyways
*================================================================================================
*/ 
.featured_banner_1 { 
	background: #fff url(http://nonoony.com/wp-content/uploads/2012/12/Nonoo-New-York-NY-Fashion-Designer-Mischa-Sale-Banner-Jan20124.jpg) no-repeat center top; 
	background-size:100% 100%; 
	float:left;
	width:75%;
	height:280px;
	position;relative;
	z-index:9999;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src="http://nonoony.com/wp-content/uploads/2012/12/Nonoo-New-York-NY-Fashion-Designer-Mischa-Sale-Banner-Jan20124.jpg", sizingMethod="scale");  
       	-ms-filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader( src="http://2.s3.envato.com/files/215573.jpg", sizingMethod="scale");   
}

/*menu*/

.li_top{

z-index:99999999999 !important;
}
 
.beforecontent {
margin: 10px auto; 
width:90%; 
border: 1px solid gray;   
max-width: 1040px;
 

    background: #fff;
  /*  background-image: -webkit-linear-gradient(top, rgba(178, 219, 72, 0.98)  0%, rgba(178, 219, 72, 0.98) 100%);  
    background-image: -moz-linear-gradient(top, rgba(178, 219, 72, 0.98) 0%, rgba(178, 219, 72, 0.98) 100%;  
    background-image: -ms-linear-gradient(top, rgba(178, 219, 72, 0.98) 0%, rgba(178, 219, 72, 0.98) 100%);  
    background-image: -o-linear-gradient(top, rgba(178, 219, 72, 0.98)  0%,rgba(178, 219, 72, 0.98) 100%);  
    background-image: linear-gradient(to bottom, rgba(178, 219, 72, 0.98) 0%, rgba(178, 219, 72, 0.98) 100%);  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F9B2DB48, endColorstr=#F9B2DB48);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F9B2DB48, endColorstr=#F9B2DB48)";
   */


}
.bc_floated_outlay{
  float:left;
  background: #fff;
  width:100%
}
/*padding left should be the same as padding lefy of entry-content */
.sidebar .beforecontent { 
/*padding: 0  0px 0 60px !important;*/
}



/* start wocoomerce.css fixex */

/*fix review prettyphto issue on single product page review popup, hide undefined*/
.pp_description {
display: none !important;
}


/*fix rating*/

.star-rating { 
 background: url(images/ico-star.png) repeat-x left 0 !important;
 
}
.star-rating:before {
  content: "" !important;
 
   
}
.star-rating span {
   
background: url(images/ico-star.png) repeat-x left -32px !important;  
 
}
.star-rating span:before {
  content: "" !important;
  
} 
 


.woocommerce .products ul, .woocommerce ul.products, .woocommerce-page .products ul, .woocommerce-page ul.products {
 
width: 100% !important;
}
 .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
float: none !important;
clear:both !important;
}
ul.products li.product, .woocommerce-page ul.products li.product { 
         font-family:Verdana;
         width: 21.05% !important; 
         position:relative;
         z-index: 9;
         height: 350px  ;  
	 text-align:center !important;
         margin-top:25px; 
         border-top:none  ;
         border-left:1px solid white ;
         border-right:1px solid white  ;
         border-bottom:1px solid gray;
         opacity:1;    
	 
	 
       
} 

.li_product_default{
        
         border-bottom:1px solid gray !important;
         

}
.li_product_hover { 
         border-bottom:none !important;
         

}

ul.products li.product, .woocommerce-page ul.products li.product:link    {}
ul.products li.product, .woocommerce-page ul.products li.product:visited {}
ul.products li.product, .woocommerce-page ul.products li.product:hover   {
	border-left:1px solid #F1EFEF ; 
          border-right:1px solid #F1EFEF ;  
	opacity:.9 ;  
	/*filter: alpha(opacity=90);*/ 
	 
 }
 ul.products li.product, .woocommerce-page ul.products li.product a:active  {}
 ul.products li.product, .woocommerce-page ul.products li.product a:link   {}
 ul.products li.product, .woocommerce-page ul.products li.product a:visited {}
 ul.products li.product, .woocommerce-page ul.products li.product a:hover   { 
            color:#333 !important 
 }
 
 



.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {
        font-family:Verdana !important;
	text-align:center; color:#BBAB6C !important ; 
}

.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price {
	text-align:center;
}



 
.woocommerce .products .star-rating, .woocommerce-page .products .star-rating {
display: block !important ; 
margin: .5em auto !important ; 
float: none !important ; 
width: 5.01em !important;
}
 
.woocommerce .star-rating, .woocommerce-page .star-rating {
 
width: 5.01em !important;
font-family: 'star';
}
 
/*quantity  tabs*/
form.cart div.quantity, .woocommerce #content div.product form.cart div.quantity, .woocommerce-page div.product form.cart div.quantity, .woocommerce-page #content div.product form.cart div.quantity {
float:  none !important;
 clear:both !important;
margin: 0 auto !important;
width:60px !important;
}


.woocommerce .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce-page #content .quantity input.qty {
width:100% !important; 
float: none !important;
 
}



.woocommerce .quantity .plus, .woocommerce .quantity .minus, .woocommerce #content .quantity .plus, .woocommerce #content .quantity .minus, .woocommerce-page .quantity .plus, .woocommerce-page .quantity .minus, .woocommerce-page #content .quantity .plus, .woocommerce-page #content .quantity .minus  {
margin: 0  !important;
font-size:10px !important;
line-height: 12px;
position:absolute !important;
height: 14px !important;
 
}


.woocommerce .quantity .plus, .woocommerce #content .quantity .plus, .woocommerce-page .quantity .plus, .woocommerce-page #content .quantity .plus  {

top: 1px !important;
}



 .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
margin: 0 0 1em;
width:50% !important; 
 
 
}
.woocommerce select{
	width:95% !important;
}

/*tabs fix ie bug with inline-block, float, ie7 bug*/


.woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li {
width: auto !important;
display:inline-block !important;;
float:left !important;
 
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a {
	width: auto !important;
 
}


/*cart*/
.woocommerce .cart-collaterals .cross-sells ul.products li,.woocommerce-page .cart-collaterals .cross-sells ul.products li {
	width:45% !important ;
        height:550px;
}

.woocommerce .related ul.products li.product,.woocommerce .related ul li.product,.woocommerce .upsells.products ul.products li.product,.woocommerce .upsells.products ul li.product,.woocommerce-page .related ul.products li.product,.woocommerce-page .related ul li.product,.woocommerce-page .upsells.products ul.products li.product,.woocommerce-page .upsells.products ul li.product {
	width:45%  ;
        height:550px  ;
}






/*pagination*/

.woocommerce nav.woocommerce-pagination, .woocommerce #content nav.woocommerce-pagination, .woocommerce-page nav.woocommerce-pagination, .woocommerce-page #content nav.woocommerce-pagination {
margin-top: 90px;
}


/*checkout*/
/*smaller font for confirm password placeholder*/
#account_password-2 { 
font-size:10px; 
}


.page-title{ 
    display:none

}


ul.products h3 {
     height: 70px; 
     overflow:hidden;
}

 .a_img   {
border:none;
position:relative;
display:block;
overflow:hidden;
height: 33%;

}
/*use js for responsive image since height of src file is not constant*/
ul.products li.product img {
display:block;
 
width:100% !important;
/*height: auto ;*/
vertical-align:middle !important;

}

ul.products li.product img.region {
	min-height: 40px;
}



/*for twenty13 summary padding removal*/
 
.woocommerce.sidebar .entry-summary, .woocommerce.sidebar .entry-meta, .woocommerce-page.sidebar .entry-summary, .woocommerce-page.sidebar .entry-meta {
 padding: 0 0 0 0 !important;
}


/*set fixed heights for these sections*/
 
.wcshortdesc  { 
	height: 19%;
	overflow:hidden;  
}
  


/*wrapper for   cart buttons*/
.wc_cartouter {
   position:relative; 
    /*#615D5D fallback for browsers not supporting rgba other than ie  */
   background:#615D5D;
   background:rgba(109, 103, 103, 0.64);
   background-image: -webkit-linear-gradient(top,  rgba(109, 103, 103, 0.64) 0%,  rgba(109, 103, 103, 0.64) 100%);  
   background-image: -moz-linear-gradient(top,  rgba(109, 103, 103, 0.64) 0%, rgba(109, 103, 103, 0.64) 100%);  
   background-image: -ms-linear-gradient(top,  rgba(109, 103, 103, 0.64)0%, rgba(109, 103, 103, 0.64) 100%);  
   background-image: -o-linear-gradient(top, rgba(109, 103, 103, 0.64) 0%,  rgba(109, 103, 103, 0.64) 100%);  
   background-image: linear-gradient(to bottom,  rgba(109, 103, 103, 0.64) 0%, rgba(109, 103, 103, 0.64) 100%);   
      /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#550000FF, endColorstr=#550000FF); 
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#550000FF, endColorstr=#550000FF)";*/
       display:none;
     border-bottom:3px solid #333;

}

.wc_cartinner {
         margin:0 auto;
	 width:100%; 
         height:70px;
         position:relative;  
         background: transparent;
	 
}



.woocommerce .wc_cartinner  form{
 margin: 0 auto;  
 padding:5px;  
    background: transparent; 

}


.woocommerce .wc_cartinner  table{
 margin: 0px; 
 background-color: #fff;
 padding:5px;  
 
}

.woocommerce .wc_cartinner  table td { 
 padding:5px;
}

 


 

 /*variation and group buttons*/
 
.woocommerce button.button[showoptions_wcerve='1'] , .woocommerce button.button.show_product_list{
   float:none !important; 
   clear:both !important;
   width:auto;
   
   margin:2px auto !important;
   text-align:center;
   font-size:12px ;
   color:#fff !important; 
   text-shadow: none  ;
   border:none; 
   background-color:#505050;  
   background-image: -webkit-linear-gradient(top, #505050 0%, #201F1F 100%);  
   background-image: -moz-linear-gradient(top, #505050 0%, #201F1F 100%);  
   background-image: -ms-linear-gradient(top, #505050 0%, #201F1F 100%);  
   background-image: -o-linear-gradient(top, #505050 0%, #201F1F 100%);  
   background-image: linear-gradient(to bottom, #505050 0%, #201F1F 100%);  
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#505050, endColorstr=#201F1F);
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#505050, endColorstr=#201F1F)"; 
 
}
 
.woocommerce button.button:hover {
 font-family: inherit;
 font-size:12px ;
 color:#fff; 
  text-shadow: none  ;
   background-color:#505050;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#505050, endColorstr=#201F1F);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#505050, endColorstr=#201F1F)"; 
    background-image: -webkit-linear-gradient(top, #505050 0%, #201F1F 100%);  
    background-image: -moz-linear-gradient(top, #505050 0%, #201F1F 100%);  
    background-image: -ms-linear-gradient(top, #505050 0%, #201F1F 100%);  
    background-image: -o-linear-gradient(top, #505050 0%, #201F1F 100%);  
    background-image: linear-gradient(to bottom, #505050 0%, #201F1F 100%);  
 
}
 
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt {

border:none !important;
float:none !important; 
 clear:both !important;
margin:2px auto !important; 
width:auto; 
 text-align:center;
font-size:12px ;
color:#fff !important;

    background-color:#505050;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#505050, endColorstr=#201F1F);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#505050, endColorstr=#201F1F)"; 
    background-image: -webkit-linear-gradient(top, #505050 0%, #201F1F 100%);  
    background-image: -moz-linear-gradient(top, #505050 0%, #201F1F 100%);  
    background-image: -ms-linear-gradient(top, #505050 0%, #201F1F 100%);  
    background-image: -o-linear-gradient(top, #505050 0%, #201F1F 100%);  
    background-image: linear-gradient(to bottom, #505050 0%, #201F1F 100%);  

 
  
}
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #content input.button.alt:hover {
    background-color:#505050;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#505050, endColorstr=#201F1F);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#505050, endColorstr=#201F1F)"; 
    background-image: -webkit-linear-gradient(top, #505050 0%, #201F1F 100%);  
    background-image: -moz-linear-gradient(top, #505050 0%, #201F1F 100%);  
    background-image: -ms-linear-gradient(top, #505050 0%, #201F1F 100%);  
    background-image: -o-linear-gradient(top, #505050 0%, #201F1F 100%);  
    background-image: linear-gradient(to bottom, #505050 0%, #201F1F 100%);  
    text-shadow: none  ; 
     font-size:12px ;
     color:#fff !important;
}
 
.woocommerce div.product form.cart .button, .woocommerce #content div.product form.cart .button, .woocommerce-page div.product form.cart .button, .woocommerce-page #content div.product form.cart .button {
 
 float: none !important;
 margin:0 auto !important;  
max-width:100px; 
}




 [addedtocart_wcerv]{
position: absolute !important;
top: 4px !important;
left: 50% !important;
z-index: 999999 !important;
width: 90% !important;
margin-left: -45%;
text-align:center; 
padding: 0  0 0 0 !important;
float:none !important;
 
display:block !important;
}

[addedtocart_wcerv] a {
position: relative;
z-index: 999999; 
}

 
/*message*/
.woocommerce-message, .woocommerce-error, .woocommerce-info { 
background: #fff !important; 
}

/*adust check sign on woocommerce messages*/
.woocommerce_message:before, .woocommerce_info:before, .woocommerce_error:before, .woocommerce-message:before, .woocommerce-info:before, .woocommerce-error:before {
/*font-family: 'WebSymbolsRegular';*/ 
top: 0 !important; 
left: 0px !important;
 
}

 


.woocommerce-message img.shoppingcart_message,
ul.products li.product img.shoppingcart_message {
width: 15px !important;
height: auto !important;
margin-left: 10px;
display: inline-block;

}


/*related products fix*/

.related div.quantity {
	float: none !important;
	margin: 0 auto !important; 
	width: 60px !important; 
	text-align: center !important; 
	padding-left: 0 !important; 
	padding-right: 0 !important; 
	border:none;
}





/*prevent variations and group cartbutton  from being burried*/

/*to be used by js to create stack context*/

ul.products li.topwlaye_wc {
	position:relative;
	z-index:99 !important;
}



/*for grouped products*/  

form[popf='1']   { 
	background-color:#fcfcfc;
          
        
}
  
 

/*for variations*/
.single_variation_wrap{ 
  background-color:#fcfcfc; 
  background-color: #fff;
  padding:5px;
  z-index:99999 !important; 
}


.single_variation_wrap .close{ 
	float:right;
	cursor:pointer;
}
 

 



/*for ajax popup box in shop page*/ 
  
.sp_frame { 
	
	position:fixed;
	top:3%;
	width:95%;
	height:100%;
	left:50%; 
	margin-left:-47.5%; 
	vertical-align:middle;
	z-index:999999  !important;  
	float:none;
	clear:both;
	
}	

.sp_frame_inner  {
	position:relative;
	width:90%;
	height:90%;
	margin: 0 auto;
	
	background-color:#fcfcfc;
	z-index:999999  !important; 
	border:1px solid gray;
	padding:10px;
	overflow:auto;
	border-radius:10px;

}
.sp_frame  form  {
	z-index:999999  !important; 
	margin: 10px auto;
	width:90%;
	min-width:150px;


}

.sp_frame .load_tab{ 
        
	margin: 10px auto !important;
	width:90% !important;
	min-width:150px !important;

}



 


.sp_overlay {
	position:fixed;
	top:0;
	left:0;
	margin:0; 
	width:100%;
	height:3000px;
	z-index: 99999  ;
	background-color:#333;
	opacity:0.5;  
	filter: alpha(opacity=50); 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  
	-moz-opacity: 0.5;  
	-khtml-opacity: 0.5; 
}

 
[wcerv_ajaxcart='1']{
position:relative;
width:100%;
display:block;
float:none;
clear:both; 

}
 

.wc_low_opacity{ 
	 
	  
	opacity: 0.5;
        filter: alpha(opacity=50); 
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  
	-moz-opacity: 0.5;  
	-khtml-opacity: 0.5; 
	position:relative;
	z-index:99999999;
}



.sp_frame_close{  
 
	cursor:pointer;
	position:fixed; 
	right:9%;
	background-color:#fcfcfc;
	z-index:1 !important; 
 }
 
.sp_frame .single_variation_wrap  .close {

	display:none;
}
 
 


/*checkout*/

.woocommerce table.cart td.actions .button.alt, .woocommerce #content table.cart td.actions .button.alt, .woocommerce-page table.cart td.actions .button.alt, .woocommerce-page #content table.cart td.actions .button.alt {
max-width:150px;
}



/*external button on pop page, use display inline to avoid greedy with for p */
p.cart { 
display:inline-block;
position:relative;
top:20px; 
text-align:center;
}
 


.woocommerce-page ul.products li.product p.cart a   { 
    display: block !important;  
    text-align:center;
    width:auto !important; ;
    margin: 0  auto   !important;
}



.woocommerce-page ul.products li.product p.cart a:hover  { 
color:#fff !important;
}








 /*twentythirteen specifics*/
body {
   
  color: #6c6360;
  font-family: Verdana, sans-serif;

}
h1 {
font-size: 16px;
 
}


.site{
background:#fff;
} 

#wrapper{
border:1px solid white;
      /* border: 10px solid #F1EFEF; */

}
/*widen the default width of entrycontent etc to 900px for single column no sidebar layout*/
.entry-header, .entry-content, .entry-summary, .entry-meta {
 
 max-width: 904px; 
 
}
.site-main {

padding-bottom: 100px;
}
 


.entry-meta a {
color: #0743AD;
}
.entry-meta a:hover {
color: #0743AD;
}
 

.entry-content a, .comment-content a {
color: #333;
}
 
.site-title {
font-size: 100%;
padding:5px;
 
}
.site-header .home-link {
float: left;
width: 50%; 
min-height:80px;
}


/*fix image in summary tab on single page*/
.entry-content img.alignleft, .entry-content .wp-caption.alignleft {
margin-left:  0px;
}


/*reviews*/
.sidebar .comments-title, .sidebar .comment-list, .sidebar .must-log-in, .sidebar .comment-reply-title, .sidebar .comment-navigation, .sidebar .comment-respond .comment-form { 
padding-left: 0;
padding-right: 0;
}



/*prevent widget overlapping with category archive header on categroy pages and likes */

.sidebar #content header.archive-header {
border-bottom:1px solid #B4BFFC;
max-width: 604px;
}
.archive-header {
background-color: #fff;
}

/* Navbar */

.navbar { 
    background:#505050;  
    /* causing bug in ie7 for unkown reason clear: both;  solution is to inser new element before navbar with clearboth  */
 
    background-image: -webkit-linear-gradient(top, #505050 0%, #201F1F 100%);  
    background-image: -moz-linear-gradient(top, #505050 0%, #201F1F 100%);  
    background-image: -ms-linear-gradient(top, #505050 0%, #201F1F 100%);  
    background-image: -o-linear-gradient(top, #505050 0%, #201F1F 100%);  
    background-image: linear-gradient(to bottom, #505050 0%, #201F1F 100%);   
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#201F1F',GradientType=0 );   

}

 
/*submit button*/

button, input[type="submit"], input[type="button"], input[type="reset"] {
background: #D8D8D8;
background: -webkit-linear-gradient(top, #D8D8D8 0%, #D8D8D8 100%);
background: linear-gradient(to bottom, #D8D8D8 0%, #D8D8D8  100%);
 color:#333;
border-bottom: 3px solid #D8D8D8;
 
}

button:hover, button:focus, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus {
background: #D8D8D8;
background: -webkit-linear-gradient(top, #D8D8D8; 0%, #D8D8D8; 100%);
background: linear-gradient(to bottom, #D8D8D8; 0%, #D8D8D8; 100%);
 
}

/*generic blog comment*/
.comment-respond,  .comments-area {
background-color:#F8F8F8;
padding: 30px 0;
max-width: 600px;
margin: 0 auto;
padding: 10px;
}


  
/**
 *   Navigation
 * ----------------------------------------------------------------------------
 */

 
 
  .menu-toggle {
              color: #333 !important;
         }
 .nav-menu li {
min-height:44px;
}

.menu-item a.menu-image-title-before img, .menu-item a.menu-image-hovered.menu-image-title-before .menu-image-hover-wrapper {
   height:26px !important;
}




.nav-menu li a {
	color: #fff !important;
       
	 
}
/*applies to li a at all levels */
.nav-menu li:hover > a,
.nav-menu li a:hover    {
	background-color: #505050;
 
    background-image: -webkit-linear-gradient(top, #505050 0%, #201F1F 100%);  
    background-image: -moz-linear-gradient(top, #505050 0%, #201F1F 100%);  
    background-image: -ms-linear-gradient(top, #505050 0%, #201F1F 100%);  
    background-image: -o-linear-gradient(top, #505050 0%, #201F1F 100%);  
    background-image: linear-gradient(to bottom, #505050 0%, #201F1F 100%);  
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#201F1F',GradientType=0 );
	color: #fff !important;
}
/*equial to nav-menu li ul from 2nd to nth levels*/
.nav-menu .sub-menu,
.nav-menu .children {
    border-bottom: 1px solid #505050; 
    background-color: #fff !important;
  
	 
 
}

ul.nav-menu ul a,
.nav-menu ul ul a {
	color: #333 !important;
    
	 
}

ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover {
   color: #fff !important;
    background-color: #505050; 
    background-image: -webkit-linear-gradient(top, #505050 0%, #201F1F 100%);  
    background-image: -moz-linear-gradient(top, #505050 0%, #201F1F 100%);  
    background-image: -ms-linear-gradient(top, #505050 0%, #201F1F 100%);  
    background-image: -o-linear-gradient(top, #505050 0%, #201F1F 100%);  
    background-image: linear-gradient(to bottom, #505050 0%, #201F1F 100%);  

}

ul.nav-menu li:hover  > ul,
.nav-menu ul li:hover  > ul {
    background-color: #fff !important;
      
}

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
	color: #BFEE47 !important;
	 
}

 
 
/**
 * 6.1 Widgets
 * ----------------------------------------------------------------------------
 */

.widget {
	background-color:#fff;
         border: 1px solid #B4BFFC;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	
	/* IE 5-7 */
	filter: alpha(opacity=100);
	
	/* Netscape */
	-moz-opacity: 1;
	
	/* Safari 1.x */
	-khtml-opacity: 14;
	
	/* Good browsers */
	opacity: 1;

         
	 
}

.widget .widget-title {
	font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
	margin: 0 0 10px;
}

.widget ul,
.widget ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.widget li {
	padding: 5px 0;
}

.widget .children li:last-child {
	padding-bottom: 0;
}

.widget li > ul,
.widget li > ol {
	margin-left: 20px;
}

.widget a {
	color: #333;
}

.widget a:hover {
	color: #333;
}

/* Search widget */
.search-form .search-submit {
	display: none;
}

/* RSS Widget */
.widget_rss .rss-date {
	display: block;
}

.widget_rss .rss-date,
.widget_rss li > cite {
	color: #a2a2a2;
}

/* Calendar Widget */
.widget_calendar table,
.widget_calendar td {
	border: 0;
	border-collapse: separate;
	border-spacing: 1px;
}

.widget_calendar caption {
	font-size: 14px;
	margin: 0;
}

.widget_calendar th,
.widget_calendar td {
	padding: 0;
	text-align: center;
}

.widget_calendar a {
	display: block;
}

.widget_calendar a:hover {
	background-color: rgba(0, 0, 0, 0.15);
}

.widget_calendar tbody td {
	background-color: rgba(255, 255, 255, 0.5);
}

.site-footer .widget_calendar tbody td {
	background-color: rgba(255, 255, 255, 0.05);
}

.widget_calendar tbody .pad, .site-footer .widget_calendar tbody .pad {
	background-color: transparent;

}







/**
 * 7.0 Footer
 * ----------------------------------------------------------------------------
 */

.site-footer {
	background-color: transparent !important;
	color: #fff;
	 
}
 
.site-footer a {
	color: #fff;
}

.site-footer .sidebar-container {
    background: #505050;
    background-image: -webkit-linear-gradient(top, #505050 0%, #201F1F 100%);  
    background-image: -moz-linear-gradient(top, #505050 0%, #201F1F 100%);  
    background-image: -ms-linear-gradient(top, #505050 0%, #201F1F 100%);  
    background-image: -o-linear-gradient(top, #505050 0%, #201F1F 100%);  
    background-image: linear-gradient(to bottom, #505050 0%, #201F1F 100%);   
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#201F1F',GradientType=0 );   
	 
}
 

.site-footer .widget {
	background: transparent;
	color: #fff;
	 
}
 
.site-footer .widget a {
	color: #fff;
}

.site-footer .widget-title,
.site-footer .widget-title a,
.site-footer .wp-caption-text {
	color: #fff;
}
 
 


/*  responsive tables */ 

/*  Generic Styling, for Desktops/Laptops  */

table {
 
  width: 100%;
  border-collapse: collapse; 
 

}
/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #fff; 
}
th { 
  background: #F0F0F0; 
  color: #333; 
  font-weight: bold; 
}
td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.760
@media screen   and  (max-width: 514px)  and (min-width:480px){
@media  only screen and (max-width: 400px)  and (min-width: 268px), (min-device-width: 768px) and (max-device-width: 1024px)  {
*/

@media  only screen and (max-width: 550px)     {


	/* Force table to not be like tables anymore */
	.woocommerce table.shop_table.cart,  .woocommerce table.shop_table.cart thead, .woocommerce table.shop_table.cart tbody, .woocommerce table.shop_table.cart th,  .woocommerce table.shop_table.cart td, .woocommerce table.shop_table.cart tr, 
	.woocommerce table.shop_table.cart tfoot {  	display: block; width:100% !important;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	 .woocommerce table.shop_table.cart thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.woocommerce table.shop_table.cart tr { border: 1px solid #ccc;   }
	
	.woocommerce table.shop_table.cart  td { 
		/* Behave  like a "row" */ 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative; 
                width:90% !important; 
                
	}
	



	.woocommerce table.shop_table.cart    td * {  
          margin:1px auto !important; 
          display:inline-block !important;  
          /* width:90%  ; */
          width: auto ;
          float:none !important; 
          clear:both !important;  
          text-align:center  ;
        }

       .woocommerce table.shop_table.cart   td:before { 
		/* Now like a table header */
		/*position: absolute;
                text-align:left; 
		top: 6px;
		left: 6px;
		width: 50%; */ 
                width: 20%; 
                text-align:left;
                display: inline-block;  
		padding-right: 50px;
                margin-left:0 ;
                font-weight:bold; 
		white-space: nowrap;
               vertical-align:top !important;
	}

       
	/* Label for cart table only  */
	.woocommerce table.shop_table.cart td:nth-of-type(1):before { content: "Delete"; } 
	.woocommerce table.shop_table.cart td:nth-of-type(2):before { content: "Product";   }
.woocommerce table.shop_table.cart td:nth-of-type(2) { border:none; }
	.woocommerce table.shop_table.cart td:nth-of-type(3):before { content: "Item"; }
	.woocommerce table.shop_table.cart td:nth-of-type(4):before { content: "Price";}
	.woocommerce table.shop_table.cart td:nth-of-type(5):before { content: "Quantity"; }
	.woocommerce table.shop_table.cart td:nth-of-type(6):before { content: "Total"; }
        td.actions:before , .woocommerce #content table.cart td.actions:before,
        .woocommerce-page table.cart   td.actions:before, 
        .woocommerce-page #content table.cart td.actions:before {
                 content: "";
           }
	/* Label for order review table only 
	#order_review  table.shop_table td:nth-of-type(1):before {content: "Product"}; 
	#order_review table.shop_table td:nth-of-type(2):before  {content: "Total"}; 
 	*/
 	
 	
 	
 	
 	
 	
 	
 	

}







/*media queries*/
@media  screen and  (max-width: 1300px)  and   (min-width: 1024px)    {   
	 
}


 
 @media screen  and    (max-width: 1024px)  and (min-width: 768px) {  
  
}



/*most of adjusts begin here */
@media  screen and  (max-width: 768px)  {  
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	
		height: 520px;
		width:45% !important;
                margin-right:0px;
                margin-left:3%;
                padding:0;
	
	}
      
	
	.featured_banner_1 {
		clear:both;
		float:none;display:block;
		width:90%;
		margin: 0 auto;
	
	} 
        
	
        /*single product default page*/
.woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce-page #content div.product div.images {
                 clear:both;
		float:none;
                 display:block;
		width:48%;
		margin: 0  ;
                margin-bottom:10px;    
            }

.woocommerce div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summary {
                         clear:both;
		float:none;
                      display:block;
		width:90%;
		margin: 0 auto;
}


 
.woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li {
display: block !important;
float: none !important;
clear: both !important;
}


/*remove unwanted ul and li bottom lines */
.woocommerce div.product .woocommerce-tabs ul.tabs:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before {
display:none;
 
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before  {
display:none;

}


	/*change border bottom color of selected li tab */

	
	.woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active {
	 
	border-bottom-color: #dfdbdf;
	}


          /*cart total collateral section on cart page, remove the float */


	.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
		float: none !important;
		width: 90% !important;
		text-align: left !important;
	}
	
	.woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .shipping_calculator {
	   width: 90% !important;
	   float: none !important;
	   clear:both !important ;
           text-align:left !important;
	}


	.woocommerce .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce-page #content .quantity input.qty {
		width: 100% !important;
	 
	}
 	.woocommerce table.cart td.actions .button.alt, .woocommerce #content table.cart td.actions .button.alt, .woocommerce-page table.cart td.actions .button.alt, .woocommerce-page #content table.cart td.actions .button.alt {
		width: auto !important;
	}
	
	
	
	/*unfloat collateral cross sell*/

.woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells {
           width: 100% !important;
	   float: none !important;
	   clear:both !important ;
           text-align:left !important;
              }
	
.woocommerce .cart-collaterals .cross-sells ul.products li, .woocommerce-page .cart-collaterals .cross-sells ul.products li {
width: 45% !important;
height: 550px !important;
}
	
	
	
	/*checkout page*/  
	/*unfloat billing and shipping details area*/
	.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
		float:none !important;
		clear:both !important;
		display:block !important;
		width:90% !important;
		margin:0 auto !important;
		margin-top:10px !important;
	}
	.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2 {
		float:none !important;
		clear:both !important;
		display:block !important;
		width:90% !important;
		margin:0 auto !important;
		margin-top:10px !important;
	 
	
	}





         /* unfloat dual input sets  like first and last name fields */
 
            .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
float:none;
clear:both;
		display:block !important;
		width:90% !important;
		margin:0  !important;
		margin-top:10px !important;

         }






 



}


 


 @media (max-width: 643px) { 
	/* Small menu toggle */

/*change navbar and links to readable color*/
   .navbar { 
    background:#fff;  

    /* causing bug in ie7 for unkown reason clear: both;  solution is to inser new element before navbar with clearboth  */
 
    background-image: -webkit-linear-gradient(top,  #fff   0%,#fff 100%);  
    background-image: -moz-linear-gradient(top, #fff 0%, #fff 100%);  
    background-image: -ms-linear-gradient(top, #fff 0%, #fff 100%);  
    background-image: -o-linear-gradient(top, #fff 0%, #fff 100%);  
    background-image: linear-gradient(to bottom, #fff 0%, #fff 100%);   
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=0 );   

     }



      .nav-menu li a {
	color: #333 !important;
       
	 
        }

       .menu-toggle {
              color: #333 !important;
         }

	.toggled-on .nav-menu li > ul {
		background-color: #fff !important;
		 
	}

	.toggled-on .nav-menu li > ul a {
		color: #333 !important;
	}	 

	.toggled-on .nav-menu li:hover > a,
	.toggled-on .nav-menu .children a {
		background-color: transparent;
		color: #fff !important;
	}

	.toggled-on .nav-menu li a:hover,
	.toggled-on .nav-menu ul a:hover {
		background-color: #db572f;
		color: #fff !important;
	}

	ul.nav-menu,
	div.nav-menu > ul {
		display: none;
	}
 
}


 @media  screen  and   (max-width: 568px) and (min-width:515px)   { 
	
  ul.products li.product img { 
        }
	 
	 
  
}
 

@media screen   and  (max-width: 514px)  and (min-width:480px)  { 
	
   
	 ul.products li.product img { 
        }
	 
  
  
}




@media screen   and  (max-width: 480px)  and (min-width:320px)  { 
	
   
   .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { 
    }
      
    ul.products li.product img { 
    }
}
 


@media screen   and  (max-width: 320px)  and (min-width:200px)  { 
     /*remove float, center, display block*/
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { 
        width:80% !important; 
        display:block !important;
        margin: 10px auto; 
        float:none;
        clear:both;

    }
      


	
         .woocommerce .cart-collaterals .cross-sells ul.products li, .woocommerce-page .cart-collaterals .cross-sells        ul.products li {
width: 80% !important;
height: 550px !important;
    }


      
  
	 
         
  
} 
 
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

 

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}
 