/* THEME FILE BRAND SPECIFIC */
/* SITE WIDE -------------------------------------------------------------------------------------------------------------------- */
html								{position: relative; min-height: 100%;}
body								{font-family: "open-sans", Helvetica, Arial, sans-serif;; background-color:#ffffff; color: #333333; font-size:13px}
h1, .h1								{font-size: 1.7em; color:#3366cc}
h4, .h4								{font-size: 18px; color:#3366cc}
.page-heading						{margin: 0 0 15px 0; font-size:24px}
.navbar-default 					{border-radius: 4px; background:none; border:none; text-shadow:none; -webkit-box-shadow:none;  box-shadow:none;}
.navbar 							{margin-bottom: 0; position: static;}  /* FIX FOR IPAD */
.navbar .nav > li 				{z-index: 1001;} /* FIX FOR IPAD */
.nav > li > a						{padding: 10px 7px;}

.btn-primary 						{background-color:#3366cc;}

ul.nav li.dropdown:hover ul.dropdown-menu {display: block;}/* MAKE MENUS HOVER */

.image_bg							{background-color:#e0e0e0}

.horizontal_spacer1				{margin-bottom: 15px;}
.horizontal_spacer2				{margin-bottom: 30px;}			
.horizontal_spacer3				{margin-bottom: 45px;}
.horizontal_spacer4				{margin-bottom: 60px;}

.modal-footer 						{margin-top: 0px;}			
		
.navbar-collapse 					{border-top: none;}
.container							{min-width:320px}
@media (min-width: 768px)			{.container {width: 100%;}}
@media (min-width: 992px)			{.container {width: 100%;}}
@media (min-width: 1200px)		{.container {width: 1200px}.marginLeft {margin-left: -20px;}}

@media (min-width: 768px)			{.form-horizontal .control-label {text-align: left;}}

.radio, .checkbox 				{display: block; min-height: 20px; padding-left: 0px; margin-top: 10px; margin-bottom: 10px;}

.table tbody>tr>td				{ vertical-align:middle}
.marg_top							{margin-top:15px;}
/* HEADER -------------------------------------------------------------------------------------------------------------------- */
.header_panel .logo				{float:left; padding:0}
.header_icons						{float:right; margin-right:12px}
@media (max-width: 767px)			{
.header_panel 						{min-height:65px; background-color:#f5f5f5; border-radius:0;}
.header_height						{line-height:65px}
.header_icons						{margin-right:20px}
									}	
@media (min-width: 768px)			{
.header_panel						{min-height:79px; background-color:#f5f5f5; border-radius:0;}
.header_panel .navbar-nav			{margin: 21px 0 0 0}
.header_panel .navbar-form 		{padding: 0; margin: 0;}
.header_height						{line-height:79px}
									}
.navbar-default .navbar-nav > li > a {color: #606060;} /* HEADER PANEL INACTIVE NAV */		
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {color: #ffffff; background:none} /* HEADER PANEL ACTIVE NAV */		
/* FOOTER -------------------------------------------------------------------------------------------------------------------- */
.footer_left						{float:left; margin:15px 0 0 0;}
.footer_right						{float:right; margin:15px 0 15px 0;}
@media (max-width: 767px)			{
.footer_left						{float:left; width:100%; text-align:center;}
.footer_right						{float:right; width:100%; text-align:center;}
									}
/* HOME -------------------------------------------------------------------------------------------------------------------- */							
.slider_outer 						{padding:0; margin:0 auto; min-width:100%; float:left; max-height:430px !important;}
.slider_inner 						{padding:0; text-align:center; min-width:100%; float:left;}
.home_small						{margin-top:25px}
@media (max-width: 767px)			{.home_small {margin-top:15px}}
/* PRODUCT LISTING (CATEGORY PAGE) ------------------------------------------------------------------------------------------- */
.wrapper				{margin: 0; padding:0; width:100%;}

#Grid					{width: 100%; float:left; font-size: 50px; margin:0 auto ; padding:20px 0 0 0;}
#Grid .mix				{display: none; opacity: 0; width: 24%; height: 218px; vertical-align: top; margin-bottom: 15px; }
#Grid .gap				{display: inline-block; width: 200px;}

.category_container 	{width:100%; padding:0; margin:0; line-height: 17px; background-color:#ffffff; height:218px; text-align:left;
						-webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px;
						border:solid; border-width:5px; border-color:#f5f5f5}
/* Added By Hardik --Start-- */
@media (max-width: 1024px)		{
	                                   #Grid .mix				{width: 23.8%; } 
                                  	   .category_filter_set      {width: 43px !important;}
        	                        }
@media (max-width: 920px)		{
	                                   #Grid .mix				{width: 32%; }
        	                           .category_filter_set    {width: 43px !important;}
                                	}
/* --End-- */
						
@media (max-width: 767px)		{
#Grid .mix 					{width:100%}
.category_filter_set			{float:right; width:60px; margin:0; position:relative; top:25px}
.category_filter_one			{float:right; width:60px; margin:0; height:43px; margin:-11px 0 0 0;}

								}
@media (min-width: 768px)		{
.category_filter_set			{float:left; width:60px; margin:0; position:relative; top:25px}
.category_filter_one			{float:left; width:60px; height:43px; margin:-11px 0 0 0;}
								}
								
.category_image		{float:left; width:150px; height:150px; margin:10px}
.category_title 		{float:left; font-size:12px; color:#a0a0a0; padding:0 15px; margin:0; text-align:center; width:100%; height:17px; overflow:hidden}
.category_price 		{float:left; font-size:12px; color:#a0a0a0; padding:0 15px; margin:0; text-align:center; width:100%; height:17px; overflow:hidden}

/* PRODUCT -------------------------------------------------------------------------------------------------------------------- */
@media (max-width: 767px)			{#product_thumbs img {height:50px; margin:0 4px 0 0}}
@media (min-width: 768px)			{
#product_thumbs img				{width:100%; margin:0 0 4px 0}
#product_text						{padding:0 2% 0 3%}
									}
.product_code						{color:#808080; font-size:13px; line-height:22px;}
.product_title						{color:#3366cc; font-size:16px; line-height:22px; font-weight:bold}
.product_price						{color:#808080; font-size:16px; line-height:22px; margin:0 0 8px 0}
.product_description				{color:#808080; font-size:13px; line-height:18px; margin:0 0 17px 0}

#product_small						{}
.sml_product_row					{margin-bottom:15px;}
.sml_product_code					{font-size:12px; color:#428bca; line-height:18px;}
.sml_product_title				{font-size:12px; color:#428bca; line-height:18px;}
.sml_product_stock				{font-size:12px; color:#428bca; line-height:18px;}
.sml_product_data					{font-size:12px; color:#808080; line-height:18px;}
.sml_product_info					{font-size:10px; color:#808080; line-height:18px;}


.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td			{font-size:12px; line-height: 1.1; border-top: none;}
thead								{background-color:#3366cc}
.table > thead > tr > th 			{border-bottom:none}
th									{color:#ffffff; font-weight:normal}
table								{}
td									{color:#808080;}				
/* ZOOM JQUERY PLUGIN -------------------------------------------------------------------------------------------------------------------- */
/* these styles are for the demo, but are not required for the plugin */
.zoom 								{display:inline-block; position: relative; width:100%;}
/* magnifying glass icon */
.zoom:after						{content:''; display:block; width:33px; height:33px; position:absolute; top:0; right:0; background:url(images/icon.png);}
.zoom img							{display: block; background-color:#e0e0e0}
.zoom img::selection 				{background-color: transparent; }
#ex2 img:hover						{cursor: url(images/grab.cur), default; }
#ex2 img:active					{cursor: url(images/grabbed.cur), default; }	
/*----------------------------------------------------------------------------*/
/* CATEGORIES                                                                 */
/*----------------------------------------------------------------------------*/
.categories_outer					{box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25); margin-bottom:25px}
@media (max-width: 767px)			{.categories_outer	 {box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25); padding-bottom:18px; margin-bottom:10px}}

/*Hardik For Default page start*/
    .story_title
        {
            float: left;
            font-size: 21px;
            line-height: 30px;
            margin-bottom: 10px;
            margin-top: 0;
            width: 100%;
        }
        
  .story_description {
        float: left;
        font-size: 13px;
        line-height: 19px;
        width: 100%;
    }
    
    
/*Hardik for default end*/