/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing
===================================================*/



/* #Base 960 Grid
================================================== */

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }


/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }  

}


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }


}/*end*/


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
        
        /* Toppings List */
        .row-fluid,
        .toppings-menu {
	        margin-left: 0;
	     }
	     .toppings-menu > li {
		     float: none;
		     margin-left: 0;
		 }     
        
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }



/* #CUSTOM Media Queries
====================================================================================================  */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	#shop {display: none!important;}
	
	div.ourTeam ul li {
		width:172px;
	}
	div.ourTeam ul li div.img {
		display: block  !important;
		height:159px !important;
	}

	#tab_outer ul li img {
		width:52px;
	}

	/* brands */
	div.brands ul li {
		width:132px;
		height:90px;
		display: block;
	}
	div.brands ul li a {
		display: block;
	}

	div.checkout_option div.not_register {
		display: block;
		width:97%;
		padding:18px 11px;
		border-bottom:1px solid #e0e0e0;
	}

	div.checkout_option form {
		display: block;
		width:100%;
	}

	table.cart_table thead tr th, table.cart_table tbody tr td {
		padding:10px 6px;
	}	

	div.latest ul li,
	div.featured ul li {
		width:172px;
	}
	div.latest ul li div.img,
	div.featured ul li div.img {
		height:161px;
	}

	/* brands */
	div.brands ul li {
		width:132px;
		height:90px;
		display: block;
	}
	div.brands ul li a {
		display: block;
	}

	/* best saller */
	div.best_seller li img {
		width:66px;
		height:66px;
	}

	ul.product_show li div.img {
		height:161px;
	}

	/* best saller */
	div.best_seller li img {
		width:66px;
		height:66px;
	}

	/* product images */
	#products_outer ul.product_show li {
		width:172px;
	}
	#products_outer ul.product_show li div.img {
		height:161px;
		display: block;
	}

	ul.etalage {
		margin-bottom: 60px;
	}
	/* product desc */
	div.product_desc form {
		float:none;
		width:100%;
		display: block;
	}
	div.product_desc ul.pro_buttons {
		float:none;
		width:100%;
		display: block;
	}
	/* product tabs */
	div.product_tabs #tabs ul.tabNav li {
		padding:0;
		margin:0;
		border:1px solid #ddd;
	}
	div.product_tabs #tabs ul.tabNav li a {
		padding:6px 3px;
	}
	div.product_tabs #tabs ul.tabNav li a.currentTab:after {
		bottom:-6px;
	}
	/* make_review */
	div.make_review form fieldset div input[type=text]{
		float:none;
		margin-bottom:6px;
	}
	div.make_review form fieldset div img{
		float:none;
		margin:0;
	}

	article div.blogDesc div.blogLeft {
		float:none;
		width:auto;
		display: block;
	}
	article div.blogDesc div.blogLeft h6 {
		float:left;
		margin-right:24px;
	}
	article div.blogDesc div.blogLeft ul {
		float:left;
		width:70%;
	}
	article div.blogDesc div.blogLeft ul li {
		float:left;
		margin-right:12px;
	}


	article div.blogDesc div.blogRight {
		float:none;
		border:none;
		box-shadow: none;
		display: block;
		width: auto;
		padding-top:14px;
		border-top:1px solid #aaa;
	}

	/* comment content div */
	ul.commentWrapper li div.comment div.comment_content {
		width:75%;
	}

	/* search form */
	aside div.blogSearch form input[type=text] {
		width:66%;
	}

	/* aside tabs */
	aside div.blogTab ul li, aside div.blogTab ul li a {
		float: none;
		display: block;
		width: 100%;
	}
	aside div.blogTab div.tabContent img {
		width:45px;
		height:45px;
	}

	#cart > a span {
		display: none;
	}
	#mainNav nav ul li {
		padding:0 10px;
	}


	
}/*end*/


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
	#shop {display: none!important;}
	
	#cart  {
		border-left:1px solid #ddd;
		padding:0 8px 0 16px;
	}
	 #cart > a span {
		display: none;
	}
	#mainNav #cart div.cart_content {
		width:320px;
		top:90%;
		right:0;
		z-index:500;
	}
	#mainNav #cart div.cart_content ul li div.cart_product_name img {
		display: none;
	}
	
	#topHeader h6 {
		float:right;
		display: block;
		font-size:11px;
		padding: 14px 20px 14px 12px;
		margin:0 12px 0 0;
		line-height:24px;
		display: block;
		color:#ffffff;
		text-shadow:0 1px 0 #000;
		-moz-text-shadow:0 1px 0 #000;
		-webkit-text-shadow:0 1px 0 #000;
		position: relative;
		background:url('/base/images/icons/arrow_down.png') no-repeat right center;
		cursor:pointer;
	}
	#topHeader ul#topNav {
		display: none;
		position: absolute;
		top:100%;
		right:40px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #fafafa 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fafafa));
	background: -webkit-linear-gradient(top, #ffffff 0%,#fafafa 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#fafafa 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#fafafa 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#fafafa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 );	
	/*border:1px solid #e0e0e0;*/
	-webkit-border-radius:0 0 2px 2px;
	-moz-border-radius:0 0 2px 2px;
	-o-border-radius:0 0 2px 2px;
	border-radius:0 0 2px 2px;
		padding:0;
		z-index:300;
		border:1px solid #92e6ff;
		border-top:2px solid #e0e0e0;
	}
	#topHeader ul#topNav:after {
		content: '';
		width:13px;
		height:7px;
		position: absolute;
		top:-8px;
		left:50%;
		background: url('/base/images/icons/red_top_arrow.png') no-repeat left top;
	}
	#topHeader ul#topNav li a:first-child {
		border:none;
	}
	#topHeader ul#topNav li, #topHeader ul#topNav li a {
		display: block;
		float:none;
		margin:0;
		padding:0;
		border:none;
		box-shadow: none;
		margin:0;
		padding:0 12px;
		height:40px;
		line-height: 40px;
		border-bottom:1px solid #92e6ff;
		color:#444;
		text-shadow:none;
	}
	#topHeader ul#topNav li a.active_link {
		background: none;
		color:#E22882;
	}
	#topHeader ul#topNav li a:hover {
		color:#e0e0e0;
	}

	
	/* the main nav */
	#mainNav nav h6 {
		border-right:1px solid #ddd;
		text-transform: uppercase;
		font-size: 13px;
		display: block;
		cursor:pointer;
		padding:8px 16px;
		padding-right:35px;
		color:#444;
		/*line-height: 42px;*/
		position: relative;
		background:url('/base/images/icons/arrow_down.png') no-repeat 88% center;
	}
	#mainNav nav > ul {
		display: none;
		position: absolute;
		top:70%;
		left:0;
		width:180px;
		z-index: 500;
		margin:0;
		padding:0;
		box-shadow: none;
		background: #ffffff;
		border:1px solid #92e6ff;
		border-top:2px solid #E22882;
	}
	#mainNav nav > ul:after {
		content: '';
		width:13px;
		height:7px;
		position: absolute;
		top:-8px;
		left:30%;
		background: url('/base/images/icons/red_top_arrow.png') no-repeat left top;
	}
	#mainNav nav > ul li {
		box-shadow: none;
		position: relative;
		display: block;
		border-bottom:1px solid #ddd;
	}
	#mainNav nav > ul li a.hasdropdown {
		background:url('/base/images/icons/arrow_right.png') no-repeat right center;
	}
	#mainNav nav > ul li, #mainNav nav > ul li a {
		margin:0;
		padding:0 12px;
		height:40px;
		line-height: 40px;
		display: block;
		float: none;
		background: none;
		border:none;
		border-bottom:1px solid #ddd;
	}
	/* nested ul */
	#mainNav nav ul ul.submenu {
		width:150px;
		margin:0;
		padding:0;
		left:100%;
		top:0;
		background: #ffffff;
	}
	#mainNav nav ul ul.submenu li a:link, #mainNav nav ul ul.submenu li a:visited {
		/*border:1px solid red;*/
		margin:0;
		padding:12px 24px 12px 12px;
		height:auto;
		line-height: 16px;
		background-image: none;
	}

/* Nav and Logo */
        
/*========== logo =========*/
/*#middleHeader #logo {
	float:left;
}*/
#middleHeader #logo h1 a {
	position: absolute;
	top: -65px;
	left: 10px;
	/*width:167px;
	height:46px;*/

	display: block;
	/*font:0/0 a;*/
	/* additions - remove to reset */
	/*background: #ffffff;*/
}     


	/* logo */
	#middleHeader #logo {
		float:none;
		margin-bottom:18px;
	}
	#middleHeader #logo h1 a {
		text-align: center;
		margin:0 auto;
		background:url('/images/uploads/graphics/sf_logo_200.png') no-repeat 0 0;
		/*width: 200px;
		height: 44px;	*/
		width: 160px;	
	}

	/* search */
	#middleHeader form {
		float:none;
		text-align: center;
		margin:0 auto;
	}
	
	#middleHeader .form-search {
		max-width: 200px;
		margin: 0 2px 10px 0;
	}
	
	#middleHeader form label input[type=text] {
		width:200px;
	}

	
	/* footer area */
	footer #info, footer #customer_serices,
	footer #extra, footer #my_account {
		background: none;
		margin-bottom:30px;
	}


	ul.etalage {
		margin-bottom: 60px;
	}

	/* product tabs */
	div.product_tabs #tabs ul.tabNav li {
		padding:0;
		margin:0;
		display:block;
		border-top:1px solid #ddd;
	}
	div.product_tabs #tabs ul.tabNav li a {
		padding:6px 12px;
	}
	div.product_tabs #tabs ul.tabNav li a.currentTab:after {
		bottom:-6px;
		z-index:100;
	}
	
	
}/*end*/

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

ul.quicklinks {
	margin-top: 15px;
}

ul.quicklinks li {
	margin-bottom: 15px;
}

ul.quicklinks li:last-of-type{
	margin-bottom: 0px;
}

ul.quicklinks li img {
	width: 100%;
	height: 100%;
	/*max-height: 125px;*/
}


	div.welcome_img {
		margin-bottom: 30px;
	}


	div.ourTeam ul li {
		width:200px;
	}
	div.ourTeam ul li div.img {
		display: block  !important;
		height:159px !important;
	}


	div.brands ul li {
		width:124px;
		height:90px;
		display: block;
	}
	div.brands ul li a {
		display: block;
	}
	
	#contact_info {
		margin-top:60px;
	}	
	
	div.checkout_option div.not_register {
		display: block;
		width:94%;
		padding:18px 12px;
		border-bottom:1px solid #e0e0e0;
	}

	div.checkout_option form {
		display: block;
		width:100%;
	}

	div.account_list {
		margin-top:60px;
	}

	table.cart_table thead {
		display: none;
	}
	table.cart_table thead tr {
		margin-bottom:12px;
		display: block;
	}
	table.cart_table thead tr th, table.cart_table tbody tr td {
		padding:12px 0;
		display: block;
		width:100%;
		float:none;
		clear:both;
	}
	table.cart_table tbody tr td.first_td {
		width:100%;
		display: block;
		float:none;
	}
	table.cart_table tbody tr td.first_td:before {
		content:"Product Item";
		display: block;
		padding:12px 0;
		margin:0 0 12px 0;
		border:none;
		text-align:center;
		background:#444;
		color:#fff;
		text-transform: uppercase;
		font-size: 14px;
	}
	table.cart_table tbody tr td.first_td div {
		width: 100%;
		display: block;
		float:none;
		clear:both;
		text-align: center;
	}

	/* main slider */
	.mainslide ul li div.slide_img {
		width:100%;
		padding:24px 0;
	}
	.mainslide ul li div.flex-caption {
		width:0;
		padding:0;
		margin:0;
	}
	.mainslide ul li div.flex-caption h5,
	.mainslide ul li div.flex-caption p {
		display: none;
	}
	.mainslide ul li div.flex-caption a {
		position: absolute;
		left:5%;
		bottom:5%;
		display: block;
	}


	/* latest & featured */
	div.latest ul li,
	div.featured ul li {
		width:200px;
		margin:0 5px 30px !important;
	}
	div.latest ul li div.img,
	div.featured ul li div.img {
		height:190px !important;
	}

	div.home_news {
		margin-top:60px;
	}


	div.brands ul li {
		width:124px;
		height:90px;
		display: block;
	}
	div.brands ul li a {
		display: block;
	}

	div.login {
		margin-top:60px;
	}

	/* best saller */
	div.best_seller {
		display: none;
	}

	div.pro_name_price div.pro_desc_conent h6,
	div.pro_name_price div.pro_desc_conent h5 {
		float: none;
		display: block;
		text-align: left;
	}


	div.product_desc {
		margin-top:30px;
	}

	div.product_review {
		margin-top:30px;
	}

	ul.product_show li {
		width:200px !important;
		margin:30px 5px 0 !important;
		display: block;
		float:left;
	}
	ul.product_show li div.img {
		height:189px !important;
	}


	div.pagination {
		text-align: left;
	}
	div.pagination a:link, div.pagination a:visited {
		margin:0 1px;
		padding:4px 10px;
	}

	div.slide_shadow {
		margin-top:42px;
	}


	/* product images */
	#products_outer ul.product_show li {
		width:200px;
		margin:30px 10px 0;
	}
	#products_outer ul.product_show li:nth-of-type(3n+2){
		margin-right:10px;
	}

	#products_outer ul.product_show li div.img {
		height:189px;
		display: block;
	}


	div.pagination {
		text-align: left;
	}
	div.pagination a:link, div.pagination a:visited {
		margin:0 1px;
		padding:4px 10px;
	}

	ul.etalage {
		margin-bottom: 60px;
	}

	article div.blogDesc div.blogLeft {
		float:none;
		width:auto;
		display: block;
	}
	article div.blogDesc div.blogLeft h6 {
		float:left;
		margin-right:24px;
	}
	article div.blogDesc div.blogLeft ul {
		float:left;
		width:70%;
	}
	article div.blogDesc div.blogLeft ul li {
		float:left;
		margin-right:12px;
	}

	article div.blogDesc div.blogRight {
		float:none;
		border:none;
		box-shadow: none;
		display: block;
		width: auto;
		padding-top:14px;
		border-top:1px solid #aaa;
	}

	/* comment content div */
	ul.commentWrapper li div.comment div.comment_content {
		width:70%;
	}


	div.pagination {
		text-align: left;
	}
	div.pagination a:link, div.pagination a:visited {
		margin:0 1px;
		padding:4px 10px;
	}

	/* search form */
	aside div.blogSearch {
		margin-top: 60px;
	}
	aside div.blogSearch form input[type=text] {
		width:80%;
	}

	/* aside tabs */
	aside div.blogTab ul li a {
		width: 138px;
	}
	
}/*end*/
	
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
/*@media only screen and (max-width: 479px) {*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

/* PAGE BACKGROUND LAYOUT STYLES */
body, body#home, body#yogurt, body#locations, body#about, body#community, body#store, body#franchise, body#contact {
	background: #ffffff;	
	margin: 0;
	padding: 0;
}


/* logo */
#middleHeader #logo {
    float:none;
    /*margin-bottom:18px;*/
}
#middleHeader #logo h1 a {
    text-align: center;
    margin:0 auto;
    background:url('/images/uploads/graphics/sf_logo_200.png') no-repeat 0 0;
    width: 200px;
    height: 44px;	
}

/*========== logo =========
#middleHeader #logo {
	float:left;
}
#middleHeader #logo h1 a {
	position: absolute;
	top: -78px;
	width: 420px;
	height: 94px;
	display: block;
	background:url('/images/uploads/graphics/sf-logo-420.png') no-repeat left top;	
}
*/

#middleHeader #logo-2 h1 a {
	position: absolute;
	top: -75px;
	/*width:167px;
	height:46px;*/
	width: 200px;
	height: 67px;
	display: block;
	/*font:0/0 a;*/
	background:url('/images/uploads/graphics/sf_logo_200.png') no-repeat left top;
}

#shop-2 {display: none;}


/* HOMEPAGE SLIDER */
.ei-slider{
	position: relative;
	width: 100%;
	max-width: 480px;
	height: 270px;
	margin: 0 auto;
}

/* Description Paragraph */
.description-content {
	display: block;
	/*background: #fafafa;*/
	padding: 15px;
  background-color: #ff5db1;
  *background-color: #e22882;
  background-image: -moz-linear-gradient(top, #ff5db1, #e22882);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff5db1), to(#e22882));
  background-image: -webkit-linear-gradient(top, #ff5db1, #e22882);
  background-image: -o-linear-gradient(top, #ff5db1, #e22882);
  background-image: linear-gradient(to bottom, #ff5db1, #e22882);
  background-repeat: repeat-x;
  border-color: #e22882 #e22882 #ff5db1;
  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(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);	
	font-size: 18px;
	text-align: center;
	line-height: 24px;
-webkit-border-radius: 0px 0px 8px 8px;
        border-radius: 0px 0px 8px 8px;
	border: 1px solid #e22882;
}

.description-content p{
	color: #ffffff!important;
	/*text-shadow: -1px -1px 0px rgba(0, 0, 0, 1);*/
	text-shadow: none!important;
	padding: 10px 0px 10px 0px;
}

.flavor-title {
	display: block;
	padding: 5px;
  background-color: #ff5db1;
  *background-color: #e22882;
  background-image: -moz-linear-gradient(top, #ff5db1, #e22882);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff5db1), to(#e22882));
  background-image: -webkit-linear-gradient(top, #ff5db1, #e22882);
  background-image: -o-linear-gradient(top, #ff5db1, #e22882);
  background-image: linear-gradient(to bottom, #ff5db1, #e22882);
  background-repeat: repeat-x;
  border-color: #e22882 #e22882 #ff5db1;
  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(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);	
-webkit-border-radius: 8px 8px 0px 0px;
        border-radius: 8px 8px 0px 0px;
	border: 1px solid #e22882;
}

.flavor-title h1{
	font-size: 24px;
	text-align: center;
	line-height: 30px;
	text-transform: uppercase;
	color: #ffffff!important;
	/*text-shadow: -1px -1px 0px rgba(0, 0, 0, 1);*/
	text-shadow: none!important;
	/*padding: 10px 0px 10px 0px;*/
}


/* Homepage Graphics */

#search-city {
	width: 100%;
}

ul.quicklinks {
	margin-top: 15px;
}

ul.quicklinks li {
	margin-bottom: 15px;
}

ul.quicklinks li:last-of-type{
	margin-bottom: 0px;
}

ul.quicklinks li img {
	width: 100%;
	height: 100%;
	/*max-height: 125px;*/
}

.marginLeft15 {
	margin-left: 0px!important;
}


footer #info, footer #extra, footer #my_account, footer #delivery, footer #customer_service, footer #merchandise {
	margin-left: 40px!important;
}

p.payment-icons {
	margin-left: 40px!important;
	text-align: center!important;
}

/* all ul in footer */
footer #info ul li a:link, footer #info ul li a:visited,
footer #customer_serices ul li a:link, footer #customer_serices ul li a:visited,
footer #extra ul li a:link, footer #extra ul li a:visited,
footer #my_account ul li a:link, footer #my_account ul li a:visited,
footer #merchandise ul li a:link, footer #merchandise ul li a:visited {
	font-size:13px;
	padding:0 5px 0 18px;
	margin-bottom:6px;
	display: block;
	/*color:#b0b0b0;*/
	color: #fafafa;
	font-weight: normal;
	/*text-align: center!important;*/
	text-transform: capitalize;
	/* text shadow */
	-moz-text-shadow:0 1px 0 #000;
	-webkit-text-shadow:0 1px 0 #000;
	-o-text-shadow:0 1px 0 #000;
	text-shadow:0 1px 0 #000;
	background:url('/base/images/icons/arrow.png') no-repeat 0 50%;
}
footer #info ul li a:hover, footer #info ul li a:active,
footer #customer_serices ul li a:hover, footer #customer_serices ul li a:active,
footer #extra ul li a:hover, footer #extra ul li a:active,
footer #my_account ul li a:hover, footer #my_account ul li a:active,
footer #merchandise ul li a:hover, footer #merchandise ul li a:active {
	/*color:#eee;*/
	color: #92e6ff;
	/*text-align: center!important;*/
}


/*===== delivery style ======*/
footer #delivery ul li {
	font-size:13px;
	padding:0 0 0 28px;
	margin-bottom:5px;
	display: block;
	/*color:#b0b0b0;*/
	color: #fafafa;
	font-weight: normal;
	text-transform: capitalize;
	/* text shadow */
	-moz-text-shadow:0 1px 0 #000;
	-webkit-text-shadow:0 1px 0 #000;
	-o-text-shadow:0 1px 0 #000;
	text-shadow:0 1px 0 #000;
}

/* footer socials */
footer ul.socials {
	float:left;	
}

	div.welcome_img {
		margin-bottom: 30px;
	}


	div.ourTeam ul li {
		width:300px;
	}
	div.ourTeam ul li div.img {
		display: block  !important;
		height:259px !important;
	}

	#tab_outer ul li img {
		width:47px;
	}


	div.brands ul li {
		width:138px;
		height:100px;
		display: block;
	}
	div.brands ul li a {
		display: block;
	}
	
	#contact_info {
		margin-top:60px;
	}	
	
	div.checkout_option div.not_register {
		display: block;
		width:92%;
		padding:18px 11px;
		border-bottom:1px solid #e0e0e0;
	}

	div.checkout_option form {
		display: block;
		width:98%;
	}

	div.account_list {
		margin-top:60px;
	}	

	table.cart_table thead {
		display: none;
	}
	table.cart_table thead tr {
		margin-bottom:12px;
		display: block;
	}
	table.cart_table thead tr th, table.cart_table tbody tr td {
		padding:12px 0;
		display: block;
		width:100%;
		float:none;
		clear:both;
	}
	table.cart_table tbody tr td.first_td {
		width:100%;
		display: block;
		float:none;
	}
	table.cart_table tbody tr td.first_td:before {
		content:"Product Item";
		display: block;
		padding:12px 0;
		margin:0 0 12px 0;
		border:none;
		text-align:center;
		background:#444;
		color:#fff;
		text-transform: uppercase;
		font-size: 14px;
	}
	table.cart_table tbody tr td.first_td div {
		width: 100%;
		display: block;
		float:none;
		clear:both;
		margin:0 auto;
		text-align: center;
	}
	table.cart_table tbody tr td.first_td div img {
		display: block;
		margin:0 auto 12px;
		float:none;
	}
	table.cart_table tbody tr td.first_td div span {
		display: block;
		margin:0 auto;
		float:none;
	}

	/* main slider */
	.mainslide ul li div.slide_img {
		width:100%;
		padding:24px 0;
	}
	.mainslide ul li div.slide_img img {
		width:80%;
	}
	.mainslide ul li div.flex-caption {
		width:0;
		padding:0;
		margin:0;
	}
	.mainslide ul li div.flex-caption h5,
	.mainslide ul li div.flex-caption p {
		display: none;
	}
	.mainslide ul li div.flex-caption a {
		position: absolute;
		left:5%;
		bottom:5%;
		display: block;
		/*display: none;*/
	}


	/* latest & featured */
	div.latest ul li,
	div.featured ul li {
		width:300px;
		margin-bottom:30px !important;
	}
	div.latest ul li div.img,
	div.featured ul li div.img {
		height:290px !important;
	}

	div.home_news {
		margin-top:60px;
	}


	div.brands ul li {
		width:138px;
		height:100px;
		display: block;
	}
	div.brands ul li a {
		display: block;
	}

	div.login {
		margin-top:60px;
	}

	/* best saller */
	div.best_seller {
		display: none;
	}

	div.pro_name_price div.pro_desc_conent h6,
	div.pro_name_price div.pro_desc_conent h5 {
		float: none;
		display: block;
		text-align: left;
	}
	

	div.product_desc {
		margin-top:30px;
	}

	div.product_review {
		margin-top:30px;
	}

	ul.product_show li {
		width:298px !important;
		margin:30px 0 0 !important;
		display: block;
	}
	ul.product_show li div.img {
		height:261px !important;
	}


	div.pagination {
		text-align: left;
	}
	div.pagination a:link, div.pagination a:visited {
		margin:0 1px;
		padding:3px 8px;
	}
	div.pagination a.text {
		display: none;
	}	

	div.slide_shadow {
		margin-top:42px;
	}


	/* product images */
	#products_outer ul.product_show li {
		width:300px;
		margin:30px 0 0;
	}

	#products_outer ul.product_show li div.img {
		height:289px;
		display: block;
	}


	div.pagination {
		text-align: left;
	}
	div.pagination a:link, div.pagination a:visited {
		margin:0 1px;
		padding:3px 8px;
	}
	div.pagination a.text {
		display: none;
	}

	ul.etalage {
		margin-bottom: 60px;
	}
	/* product desc */
	div.product_desc form {
		float:none;
		width:100%;
		display: block;
	}
	div.product_desc ul.pro_buttons {
		float:none;
		width:100%;
		display: block;
	}
	/* make_review */
	div.make_review form fieldset div input[type=text]{
		float:none;
		margin-bottom:6px;
	}
	div.make_review form fieldset div img{
		float:none;
		margin:0;
	}

	article div.blogDesc div.blogLeft {
		float:none;
		width:auto;
		display: block;
	}
	article div.blogDesc div.blogLeft h6 {
		float:left;
		margin-right:24px;
	}
	article div.blogDesc div.blogLeft ul {
		float:left;
		width:60%;
	}
	article div.blogDesc div.blogLeft ul li {
		float:left;
		margin-right:12px;
	}

	article div.blogDesc div.blogRight {
		float:none;
		border:none;
		box-shadow: none;
		display: block;
		width: auto;
		padding-top:14px;
		border-top:1px solid #aaa;
	}

	/* comment content div */
	ul.commentWrapper li div.comment div.comment_content {
		width:62%;
	}


	div.pagination {
		text-align: left;
	}
	div.pagination a:link, div.pagination a:visited {
		margin:0 1px;
		padding:3px 8px;
	}
	div.pagination a.text {
		display: none;
	}

	/* search form */
	aside div.blogSearch {
		margin-top: 60px;
	}

	h1 {font-size: 20px;}
	h2 {font-size: 16px;}
	h3 {font-size: 14px;}
	h4 {font-size: 13px;}
	
	.block-header h3 {
		padding-left: 6px;
		padding-right: 6px;
	}
	
	#mainNav {
		margin-left: -20px;
	}
	
	#mainNav nav > ul {
		margin-left: -20px;
		z-index: 9999!important;
	}
	
	#mainNav nav ul li ul.submenu li {
		z-index: 9999!important;
	}
	
	/* cart */
	#cart  {
		border-left:1px solid #ddd;
		padding:0 8px 0 16px;
	}
	 #cart > a span {
		/*display: none;*/
	}
	#mainNav #cart div.cart_content {
		width:290px;
		top:78%;
		z-index:500;
	}
	#mainNav #cart div.cart_content ul li div.cart_product_name {
		width:70%;
	}
	#mainNav #cart div.cart_content ul li div.cart_product_name img {
		display: none;
	}


	/* search */
	#middleHeader form label input[type=text] {
		width:100px;
	}

}/*end*/

/* Phones (portrait) ----------- */
@media only screen 
and (max-width : 320px) 
and (orientation: portrait) {

.container-narrow {
  margin: 0 auto;
  max-width: 900px;
  padding: 0 10px 10px 10px;
}

/* Block Heading Styles */
.block-header {
  display: block;
  margin-bottom: 10px;
  padding: 5px 5px 5px 5px;
  width: auto;
  text-align: center;
  background: #ff5db1;
  background: #a9e4f7;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5ZTRmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGJjZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #a9e4f7 0%, #00bce2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#00bce2));
  background: -webkit-linear-gradient(top,  #a9e4f7 0%,#00bce2 100%);
  background: -o-linear-gradient(top,  #a9e4f7 0%,#00bce2 100%);
  background: -ms-linear-gradient(top,  #a9e4f7 0%,#00bce2 100%);
  background: linear-gradient(to bottom,  #a9e4f7 0%,#00bce2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#00bce2',GradientType=0 );
  -webkit-border-radius: 0px;
  border-radius: 0px;  
  border: 1px solid #00BCE2;
}
.block-header h1 {
  font-size: 26px;
  line-height: 1;
  color: #ffffff;
  text-shadow: -1px -1px 0px rgba(150, 150, 150, 1);
  /*color: #E22882;*/
}
.block-header h3 {
  line-height: 1;
  color: #ffffff;
  text-shadow: -1px -1px 0px rgba(150, 150, 150, 1);
}


/* logo */
#middleHeader #logo {
    float:none;
    /*margin-bottom:18px;*/
}
#middleHeader #logo h1 a {
    text-align: center;
    margin:0 auto;
    background:url('/images/uploads/graphics/sf_logo_200.png') no-repeat 0 0;
    width: 200px;
    height: 44px;	
}



	.block-header h3 {
		font-size: 20px;
		/*font-family: 'FuturaHeavy', Arial, sans-serif;*/
		/*padding-left: 6px;
		padding-right: 6px;*/
	}
	
	#mainNav {
		margin-left: 0px;
		z-index: 9997!important;
	}
		
	#mainNav nav ul {
		margin-left: 0px;
		z-index: 9998!important;
	}
	
	#mainNav nav ul li ul.submenu li a{
		z-index: 9999!important;
		overflow: hidden;
	}
	
	/* cart */
	#cart  {
		border-left:1px solid #ddd;
		padding:0 8px 0 16px;
	}
	 #cart > a span {
		/*display: none;*/
	}
	#mainNav #cart div.cart_content {
		width:290px;
		top:78%;
		z-index:500;
	}
	#mainNav #cart div.cart_content ul li div.cart_product_name {
		width:70%;
	}
	#mainNav #cart div.cart_content ul li div.cart_product_name img {
		display: none;
	}

	/* search */
	#middleHeader form label input[type=text] {
		width:100px;
	}


/* HOMEPAGE Slider */
.ei-slider{
	position: relative;
	width: 100%;
	max-width: 320px;
	height: 180px;
	margin: 0 auto;
}
.ei-slider-large{
	height: 100%;
	width: 100%;
	position:relative;
	overflow: hidden;
}
.ei-slider-large li{
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	height: 100%;
	width: 320px;
}
.ei-slider-large li img{
	width: 100%;
}


/*========================= products_outer ================*/
#products_outer ul.product_show li {
	float:left;
	max-width: 235px!important;
	/*margin:30px 20px 0;*/
	text-align:center;
	/*border: 1px solid #00BCE2;*/
	border-top: 1px solid #cecece;
	border-left: 1px solid #cecece;
	border-right: 1px solid #cecece;
	border-bottom:1px solid #cecece;
	border-radius: 4px;
	/* box shadow */
	-moz-box-shadow:inset 0 -1px 0 #fff;
	-webkit-box-shadow:inset 0 -1px 0 #fff;
	-o-box-shadow:inset 0 -1px 0 #fff;
	box-shadow:inset 0 -1px 0 #fff;
	/* transition */
	-moz-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
/*#products_outer ul.product_show li:nth-of-type(3n) {
	margin:30px 0 0 0;
}
#products_outer ul.product_show li:nth-of-type(3n+1) {
	margin:30px 0 0 0;
}
#products_outer ul.product_show li:hover {
	border: 1px solid;
	border-color:#00BCE2;
	
}*/
#products_outer ul.product_show li div.img {
	position:relative;
	border:1px solid #e0e0e0;
	display: block;
	/*margin:0 0 14px 0;*/
	overflow: hidden;
	/*height:207px;*/
	height: auto;
}


/*#products_outer ul.product_show li {min-height: 300px!important;}*/

#products_outer ul.product_show li h6 {font-size: 14px;}

#products_outer ul.product_show li h6 a {color: #fff;  text-shadow: 0 -1px 0 #000; font-weight: normal;}

/* h5, h6 hover */
#products_outer ul.product_show li:hover h5, #products_outer ul.product_show li:hover h4,
#products_outer ul.product_show li:hover h6 a {
	/*color:#E22882;*/
	/*color: #00BCE2;*/
	color: #eaeaea;
	/*text-shadow: 0 -1px 0 #fff; */
}
#products_outer ul.product_show li:hover h6 a:hover {
	color:#444;
}

#products_outer ul.product_show li h5 span.sale_offer {
	color:#999;
	text-decoration: line-through;
}

#products_outer ul.product_show li:hover .row-fluid h6.product-headline a {color: #fff;/*#00BCE2*/;}



/*======Custom Product Listing Styles ==============*/

/* Product Title Heading Banner */
.product-headline{
  position: relative;
  margin-top: -10px;
  margin-left: -6px; /* 15px padding + 7px border ribbon shadow*/
  margin-right: -6px;
  padding: 15px;
  height: 40px;
  vertical-align: middle;
  
/*PINK*/
background: #ff5db1;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNWRiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMjI4ODIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ff5db1 0%, #e22882 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5db1), color-stop(100%,#e22882));
background: -webkit-linear-gradient(top,  #ff5db1 0%,#e22882 100%);
background: -o-linear-gradient(top,  #ff5db1 0%,#e22882 100%);
background: -ms-linear-gradient(top,  #ff5db1 0%,#e22882 100%);
background: linear-gradient(to bottom,  #ff5db1 0%,#e22882 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#e22882',GradientType=0 );
-webkit-border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px; 
border-radius: 5px 5px 0px 0px;		
  -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.8) inset;
  -moz-box-shadow: 0 -1px 0 rgba(255,255,255,.8) inset;
  box-shadow: 0 -1px 0 rgba(255,255,255,.8) inset;
 
}

.product-headline:before, .product-headline:after{
  position: absolute;
  left: 0;
  bottom: -4px;
  content:'';
  border-top: 6px solid #555;
  border-left: 6px solid transparent;
}

.product-headline:before{
  border-top: 6px solid #555;
  border-right: 6px solid transparent;
  border-left: none;
  left: auto;
  right: 0;
  bottom: -4px;
}


/* Product PRICE Banner */
.price-headline{
  position: relative;
  margin-top: 8px;
  margin-left: -6px; /* 15px padding + 7px border ribbon shadow*/
  margin-right: -6px;
  margin-bottom: 30px;
  /*padding: 4px 8px 4px 8px;*/
  height: auto;	
background: #cdeb8e;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkZWI4ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZmJhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #cdeb8e 0%, #7fba00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8e), color-stop(100%,#7fba00));
background: -webkit-linear-gradient(top,  #cdeb8e 0%,#7fba00 100%);
background: -o-linear-gradient(top,  #cdeb8e 0%,#7fba00 100%);
background: -ms-linear-gradient(top,  #cdeb8e 0%,#7fba00 100%);
background: linear-gradient(to bottom,  #cdeb8e 0%,#7fba00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#7fba00',GradientType=0 );
-webkit-border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px; 
border-radius: 5px 5px 0px 0px;		
  -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.8) inset;
  -moz-box-shadow: 0 -1px 0 rgba(255,255,255,.8) inset;
  box-shadow: 0 -1px 0 rgba(255,255,255,.8) inset;
}

/*.price-headline:before, .product-headline:after{*/
.price-headline:after {
  position: absolute;
  left: 0;
  bottom: -4px;
  content:'';
  border-top: 6px solid #555;
  border-left: 6px solid transparent;
}

.price-headline:before{
  border-top: 6px solid #555;
  border-right: 6px solid transparent;
  border-left: none;
  left: auto;
  right: 0;
  bottom: -4px;
}

.product-price {
	display: inline-block;
	width: 100%;
	height: auto;

}

.product-price h2 {
	margin-top: 10px;
	margin-left: 0px;
	text-transform: uppercase;
	/*background: #dadada;*/
	padding: 4px;
	/*color:#E22882;*/
color: #fff;  
text-shadow: 0 -1px 0 #000;
	vertical-align: middle;
	font-size: 28px;
	font-weight: 600;

}

/* VIEW BUTTON */
/* Product PRICE Banner */
.product-view{
  position: relative;
  margin-top: 8px;
  margin-left: -6px; /* 15px padding + 7px border ribbon shadow*/
  margin-right: -6px;
  margin-bottom: 30px;
  /*padding: 4px 8px 4px 8px;*/
  max-height:68px;

  background: #00BCE2;	

	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px; 
	border-radius: 5px 5px 0px 0px;		
  -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.8) inset;
  -moz-box-shadow: 0 -1px 0 rgba(255,255,255,.8) inset;
  box-shadow: 0 -1px 0 rgba(255,255,255,.8) inset;
}


.product-view:before {
  position: absolute;
  left: 0;
  bottom: -4px;
  content:'';
  border-top: 6px solid #555;
  border-left: 6px solid transparent;
}

.product-view:before{
  border-top: 6px solid #555;
  border-right: 6px solid transparent;
  border-left: none;
  left: auto;
  right: 0;
  bottom: -4px;
}

.product-view-btn {
	display: inline-block;
	width: 100%;
	height: auto;	
	margin-top: -6px;
}

.product-view-btn a {
	right: 0px;
}


/*======Custom Product DETAIL Styles ==============*/
.product-description {
	margin-top: 10px;
	padding: 10px;
}

.product-description h3 {
	font-family: 'FuturaHeavy', Arial, sans-serif;
	font-weight: 600;
	text-transform: uppercase;
}

.product-description p {
	font-size: 18px;
	line-height: 24px;
}

ul#etalage.etalage li.etalage_thumb_active {
	width: 240px!important;
	height: auto;
}


}/*end*/