/* Color: Purple */

body {
    background: #fff;
    color: #000;

}
a {
    color: #501c4d;
    font-weight: normal;
    text-decoration: underline;
}
a:hover {
    color: #8d6b8b;
}
h2 {
}
h3 {
}
hr {
    background: #ccc;
    color: #ccc;
}


#Container {
    background: #fff;
    background-position: 0 0;
    background-repeat: no-repeat;
}


#TopMenu {
}
#TopMenu li {
}
#TopMenu li.First {
    background-image: none;
}
#TopMenu li a, #TopMenu li span {
}
#TopMenu li span a {
}
#TopMenu li a:hover {
    text-decoration: underline;
}

#Menu {
    background: #000000;
    margin: 0px 0 0px 0;
    background: url('https://www.ecblendflavors.com/product_images/uploaded_images/fbshop-nav-srch2-new.jpg') no-repeat top;
}
#Menu li {
}
#Menu li a {
    color: #000000;
}
#Menu li a:hover {
    text-decoration: underline;
    color: #ffffff;
}
#Menu li ul {
    background: url('https://www.ecblendflavors.com/product_images/uploaded_images/fbshop-right-new-wide.jpg') repeat-y;
}
#Menu li ul li a {

}
#Menu li ul li a:hover {
    color: #FFFFFF;
}


#Outer {
}
#Wrapper {
}
#Header {
}


#Logo {
}
#Logo h1 {
    color: #fff;
}
#Logo h1 a {
    color: #fff;
}


#SearchForm {
}
#SearchForm form {
}
#SearchForm label {
    display: none;
}
#SearchForm input {
    background: #fff;
    border: 1px solid #ccc;
    padding-left: 9px;
}
#SearchForm .Button {
    border: 0;
}
#SearchForm a {
    color: #000000;
}
#SearchForm p {
    color: #000000;
}


.Left {
    background: url('https://www.ecblendflavors.com/product_images/uploaded_images/fbshop-left-new.jpg') repeat-y;
}
.Left .Block {

}
.Left .BlockContent {
    background: url(../../luggage/images/black/side_blockcontent.gif) 0 0 repeat-x;
}
.Left h2 {
    color: #ffffff;

}
.Left h2 a {
    color: #d4d4d4;
}
.Left li {
}
.Left li a {
    color: #E9C879;
    font-weight: normal;
    font-size: 13px;
}
.Left li a:hover {
    color: #fff;
}
.Left #SideCategoryList li ul {
}


.Content {
}
.Content h2 {
    color: #501c4d;
}
.Content a {
}
.Content.Wide {
}
.Content.Widest {
}


.Right {
    background: url('https://www.ecblendflavors.com/product_images/uploaded_images/fbshop-right-new.jpg') repeat-y;
}
.Right .Block {
}
.Right h2 {
    color: #2a2a2a;
}
.Right li {
    border-bottom: 1px solid #E1B97C;
}
.Right li a {
    color: #2a2a2a;
}
.Right a:hover, .Right a:hover strong {
}
.Right hr {
    background: transparent;
    color: #333;
    border: #333;
}


#Footer {
    border-top: 1px solid #ccc;
background: url('https://www.ecblendflavors.com/product_images/uploaded_images/ecblendflavors-footer-bg-980x263.jpg');
background-repeat: no-repeat;
overflow-y: auto;
border:1px solid #;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;  
Text-align:center;
width: 980px;
    height: auto;
}

.NewsletterSubscription {
}
.NewsletterSubscription input {
    border: 1px solid #ccc;
}


.Content .ProductList li,
.fastCartContent .ProductList li {
}
.Content .ProductList li:hover,
.Content .ProductList li.Over,
.fastCartContent .ProductList li:hover,
.fastCartContent .ProductList li.Over {
}
.ProductList a {
}
.ProductList a:hover {
}


/* REMOVED-cw:  border: 2px solid #e0e0e0; */
.ProductList .ProductImage {
    background: #ffffff;
    padding: 4px;  
  border: 0;
}
.Content .ProductList strong, .Content .ProductList strong a {
}
.ProductPrice, .ProductList em {
    color: #000000;
}
.ProductList .Rating {
    color: #6a6a6a;
}
.Content .FeaturedProducts .ProductList li {
}
.Content .FeaturedProducts .ProductList .ProductImage {
}
.Content .FeaturedProducts .ProductList li:hover, .Content .FeaturedProducts .ProductList li.Over {
}


.Right .TopSellers li {
    background-image: none;
}
.Right .TopSellers li .TopSellerNumber { /* Contains the number of the item */
    color: #501c4d;
}
.Right .TopSellers li.TopSeller1 .ProductImage { /* No1 seller box */
}
.Right .TopSellers li.TopSeller1 {
    background: #fff;
    border: 1px solid #e0e0e0;
}
.Right .TopSellers li.TopSeller1 a {
    color: #000;
}
.Right .TopSellers li.TopSeller1 .ProductDetails { /* No1 seller box */
}
.Right .TopSellers li.TopSeller1 .TopSellerNumber {
    color: #fff;
    background: url(../../Luggage/images/purple/No1SellerNumberBg.gif) 0 0 no-repeat;
}
.Right .TopSellers li.TopSeller1 .Rating {
}

.Breadcrumb {
    border-bottom: 1px solid #e0e0e0;
}


.CompareItem { width:200px; border-left: solid 1px #e0e0e0; }
.CompareFieldName { font-weight:bold; border-bottom: 1px solid #e0e0e0; }
.CompareFieldTop { border-bottom:solid 1px #e0e0e0; }
.CompareFieldTop a:hover { color:#e60000; }
.CompareCenter { border-left:solid 1px #e0e0e0; border-bottom:solid 1px #e0e0e0; }
.CompareLeft { border-left:solid 1px #e0e0e0; border-bottom:solid 1px #e0e0e0; }

.ViewCartLink {
    background: url('../../Luggage/images/purple/Cart.gif') no-repeat 6px 3px;
}

table.CartContents, table.General {
    border: 1px solid #e0e0e0;
}

table.CartContents thead tr th, table.General thead tr th {
    background: black;
    font-size:12px;
    color: white;
    border-bottom: 1px solid #e0e0e0;
}

.CartContents tfoot .SubTotal td {
    border-top: 1px solid #e0e0e0;
    color: #000;
}

.MiniCart .SubTotal {
    color: #e60000;
}

.JustAddedProduct {
background: #fff;
}

.JustAddedProduct strong, .JustAddedProduct a {
}

.CategoryPagination {
    color: #000;
    background: #fef9e2;
}

.CheckoutRedeemCoupon { background: #fef9e2; padding: 10px; width: 300px; border: 1px solid #e0e0e0; margin-bottom: 10px; }

.SubCategoryList, .SubBrandList {
background: #ffffff;
    font-size: 20px;
    font-weight: 400;
  
position: relative;
 
 padding: 10px 25px 10px 25px;
 font-size: 20px;
 text-align: left;
 background-color: #fff;
 box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset;
 border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}


.SpecificInfoMessage {
    background-color: #f8e4d1;
    color: #555;
}

.InfoMessage {
    background: #fef9e2 url('../../Luggage/images/InfoMessage.gif') no-repeat 5px 8px;
    color: #555;
}

.SuccessMessage {
    background: #E8FFDF url('../../Luggage/images/SuccessMessage.gif') no-repeat 5px 8px;
    color: #555;
}

.ErrorMessage {
    background: #FFECEC url('../../Luggage/images/ErrorMessage.gif') no-repeat 5px 8px;
    color: #555;
}

.ComparisonTable tr:hover td, .ComparisonTable tr.Over td {
    background: #fef9e2;
}

.QuickSearchAllResults a { background: url('../../Luggage/images/purple/QuickSearchAllResultsButton.gif') no-repeat right; }

.QuickSearchHover td{ background: #fef9e2; }

.SortBox {
    color: #fff;
}
.SearchTips .Examples {
    background: #fef9e2;
    border: 1px solid #e0e0e0;
}

#SearchPageHeader .FloatRight a {
    float: left;
    padding: 7px 0 0 0;
}
#SearchPageHeader .FloatRight a img {
    padding: 5px;
}

/* Express Checkout */
.ExpressCheckoutBlock .ExpressCheckoutTitle {
    background: #501c4d;
    color: #fff;
}

.ExpressCheckoutBlockCollapsed .ExpressCheckoutTitle {
    background: #fef9e2;
    color: #555;
}

.ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent {
    color: #888;
}

/* General Tables */
table.General tbody tr td {
    border-top: 1px solid #efefef;
}

/* Tabbed Navigation */
.TabNav {
    border-bottom: 1px solid #501C4D;
}

.TabNav li a {
    border: 1px solid #501C4D;
    background: #FEF9E2;
}

.TabNav li a:hover {
    background-color: #FCEFB1;
    color: #000;
}

.TabNav li.Active a {
    border-bottom: 1px solid #fff;
    background: #fff;
}

/* Product Videos */

#VideoContainer {
    border: 1px solid #cccccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.currentVideo {
    background-color: #ddf0f6;
}

.videoRow:hover {
    background-color: #efefef;
}

.CartContents .ItemShipping th {
    border-bottom-color: #e0e0e0;
    border-top-color: #e0e0e0;
    background: #fef9e2;
    color: #555555;
}

/* Category flyout styles (theme) */

/* Child menu items, does not include the always-showing root level */
#SideCategoryList .sf-menu li ul li {
}

/* Root menu item when expanded */
#SideCategoryList .sf-menu .sfHover a,
/* Child menu item links */
#SideCategoryList .sf-menu li ul a {
 background: url('https://www.ecblendflavors.com/product_images/uploaded_images/fbshop-left-new-drk.jpg') center;
    color: #fff;
}

/* Parent menu items of a child being hovered (not including root-level items) */
#SideCategoryList .sf-menu li ul li:hover > a,
/* Child menu item while hovering */
#SideCategoryList .sf-menu li ul a:focus,
#SideCategoryList .sf-menu li ul a:hover,
#SideCategoryList .sf-menu li ul a:active {
    background-color: #7f5f7d;
}

#SideCategoryList .sf-sub-indicator {
    background-image:  url('../../Luggage/images/purple/arrows-dark.png');
}

/* End: category flyout styles */


/* start fast cart styles */
#fastCartContainer {
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 13px;
}
.fastCartContent h2 {
    color: #009E0F;
    background-color:transparent;
}
.fastCartContent h3 {
    color: #BB6F21;
    background-color:transparent;
}
.fastCartSummaryBox {
    background-color: #DDFEDA;
}
.fastCartContent .fastCartTop a,
.fastCartContent .ProductList .ProductDetails a {
    color: #075899;
}
.fastCartContent .ProductPrice,
.fastCartContent .ProductList em {
    color: #800000;
}
.fastCartContent .Quantity {
    color: #828DB3;
}
.fastCartContent p {
    color: #444444;
}
.fastCartContent .ProductList li {
    background-color: #FFF;
}
/* end fast cart styles */


/* start blog 3d text ribbon */

/* #blogbox2 {
    position:relative;
    left:20px;
    background:#c0c0c0;
    width:95%;       
} */

#blogbox {
    position:relative;
    left:10px;
    width:98%;
-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
}
#blogribbon {
    position:absolute;
    top:17px;
    left:-15px;
    width:90%;
    height:15px;
    background: url('https://1-background.com/images/rose-petals/white-rose-light-background1.jpg') no-repeat top;

    padding:20px 40px;
    font-size:24px;
    font-weight:bold;
    border-radius:5px 5px 0 0;
    box-shadow:0 0 8px #333;
    
}
#blogribbon:before {
    content:'';
    position:absolute;
    bottom:-20px;
    left:0;
    border-top:solid 10px #e4ce82;
    border-right:solid 10px #e4ce82;
    border-bottom:solid 10px transparent;
    border-left:solid 10px transparent;
}
#blogribbon:after {
    content:'';
    position:absolute;
    bottom:-20px;
    right:0;
    border-top:solid 10px #e4ce82;
    border-right:solid 10px transparent;
    border-bottom:solid 10px transparent;
    border-left:solid 10px #e4ce82;
}
/* end blog 3d text ribbon */



/* start 3d ribbon version 2 */
#3Dribbon {

	position: relative;

	top:40px;

	left:-20px;

	width: 960px;

	height:100px;

	background-color: #999;

	float: left;

	-webkit-box-shadow: 0px 0px 2px #000;

	-moz-box-shadow: 0px 0px 2px #000;

	box-shadow: 0px 0px 2px #000;

	border-bottom: 1px solid #000;

	}

	

	#3Dribbon:before {

	z-index: -1;

	position: absolute;

	top:10px;

	left:0;

	width: 20px;

	height: 101px;

	content: '';

	background-color: #444;

	-webkit-transform: skewY(45deg);

	-moz-transform: skewY(45deg);

	-o-transform: skewY(45deg);

	transform: skewY(45deg);

	-webkit-box-shadow: inset 1px -1px 3px #000, 1px 1px 3px #000;

	-moz-box-shadow: inset 1px -1px 3px #000, 1px 1px 3px #000;

	box-shadow: inset 1px -1px 3px #000, 1px 1px 3px #000;

	}

	

	#3Dribbon:after {

	z-index: -2;

	position: absolute;

	top:10px;

	right:0;

	width: 20px;

	height: 101px;

	content: '';

	background-color: #444;

	-webkit-transform: skewY(-45deg);

	-moz-transform: skewY(-45deg);

	-o-transform: skewY(-45deg);

	transform: skewY(-45deg);

	-webkit-box-shadow: inset 1px -1px 3px #000, 1px 1px 3px #000;

	-moz-box-shadow: inset 1px -1px 3px #000, 1px 1px 3px #000;

	box-shadow: inset 1px -1px 3px #000, 1px 1px 3px #000;

	}
/* end 3d ribbon version 2 */







/* start speech bubble */
.bubble 
{
position: relative;
width: 96%;
height: 30px;
padding: 10px;
background: #FFB443;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
border: #000000 solid 1px;
}

.bubble:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 21px 14px 0;
border-color: #FFB443 transparent;
display: block;
width: 0;
z-index: 1;
bottom: -21px;
left: 495px;
}

.bubble:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 21px 14px 0;
border-color: #000000 transparent;
display: block;
width: 0;
z-index: 0;
bottom: -22px;
left: 495px;
}
/* end speech bubble */


/* start button READ MORE */
.ReadMorebtn {
  background: #5e7c8f;
  background-image: -webkit-linear-gradient(top, #5e7c8f, #000000);
  background-image: -moz-linear-gradient(top, #5e7c8f, #000000);
  background-image: -ms-linear-gradient(top, #5e7c8f, #000000);
  background-image: -o-linear-gradient(top, #5e7c8f, #000000);
  background-image: linear-gradient(to bottom, #5e7c8f, #000000);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 10px;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
}

.ReadMorebtn:hover {
  background: #800000;
  background-image: -webkit-linear-gradient(top, #800000, #800000);
  background-image: -moz-linear-gradient(top, #800000, #800000);
  background-image: -ms-linear-gradient(top, #800000, #800000);
  background-image: -o-linear-gradient(top, #800000, #800000);
  background-image: linear-gradient(to bottom, #800000, #800000);
  color: #ffff00;
  text-decoration: none;
}
/* end button READ MORE */


/* start infoboxv13 */
.infobox-containerv13 {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: auto;
}
.infoboxv13 {
    width: 550px;
    padding: 10px 5px 5px 5px;
    margin:10px;
    position: relative;
    z-index: 0;   /* changed from 90 to 0 to put under TopMenu */
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    background: #000000;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6a6b6b), to(#000000));
    background-image: -moz-linear-gradient(top,#6a6a6a,#000000);
    color: white;
    font-size: 90%;
    font-weight: 300;
}
.infoboxv13 h3 {
    position: relative;
    width: 570px;
    color: #fff;
    padding: 10px 5px;
    margin: 0;
    left: -15px;
    z-index: 100;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    background: #3198dd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#33acfc), to(#3198dd));
    background-image: -moz-linear-gradient(top,#33acfc,#3198dd);
    font-size: 160%;
    font-family:roboto;
    text-align: center;
    font-weight: normal;
}
 
.infobox-containerv13 .triangle-l {
    border-color: transparent #2083c2 transparent transparent;
    border-style:solid;
    border-width:13px;
    height:0;
    width:0;
    position: absolute;
    left: -12px;
    top: 45px;
    z-index: 0; /* displayed under infobox */
}
.infobox-containerv13 .triangle-r {
    border-color: transparent transparent transparent #2083c2;
    border-style:solid;
    border-width:13px;
    height:0;
    width:0;
    position: absolute;
    left: 266px;
    top: 45px;
    z-index: 0; /* displayed under infobox */
}
.infoboxv13 a {
    color: #35b0ff;
    text-decoration: none;
    border-bottom: 1px dotted transparent;
}
.infoboxv13 a:hover, .infobox a:focus {
    text-decoration: none;
    border-bottom: 1px dotted #35b0ff;
}
/* end infobox */

/* start infobox2v13 PURPLE */
.infobox2-containerv13 {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: auto;
}
.infobox2v13 {
 
    width: 550px;
    padding: 10px 5px 5px 5px;
    margin:10px;
    position: relative;
    z-index: 0;   /* changed from 90 to 0 to put under TopMenu */
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    background: #000000;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6a6b6b), to(#000000));
    background-image: -moz-linear-gradient(top,#6a6a6a,#000000);
    color: white;
    font-family:roboto;
    font-size: 90%;
    font-weight: 300;
}
.infobox2v13 h3 {
    position: relative;
    width: 570px;
    color: #ffffff;
    padding: 10px 5px;
    margin: 0;
    left: -15px;
    z-index: 100;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    background: #F05F57 ;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F05F57 ), to(#360940));
    background-image: -moz-linear-gradient(top,#F05F57 ,#360940);
    font-size: 160%;
    text-align: center;
    font-face: Montserrat;
    font-weight: normal;
    text-transform: uppercase;
}
 
.infobox2-containerv13 .triangle-l2 {
    border-color: transparent #2083c2 transparent transparent;
    border-style:solid;
    border-width:13px;
    height:0;
    width:0;
    position: absolute;
    left: -12px;
    top: 45px;
    z-index: 0; /* displayed under infobox */
}
.infobox2-containerv13 .triangle-r2 {
    border-color: transparent transparent transparent #2083c2;
    border-style:solid;
    border-width:13px;
    height:0;
    width:0;
    position: absolute;
    left: 266px;
    top: 45px;
    z-index: 0; /* displayed under infobox */
}
.infobox2v13 a {
    color: #35b0ff;
    text-decoration: none;
    border-bottom: 1px dotted transparent;
}
.infobox2v13 a:hover, .infobox2 a:focus {
    text-decoration: none;
    border-bottom: 1px dotted #35b0ff;
}
/* end infobox2 */




/* start priceboxv13 */
 .priceboxv13 {
 position: relative;
 width: 80%;
 padding: 10px 25px 10px 25px;
 font-size: 20px;
 text-align: center;
 background-color: #fff;
 box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset;
 border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
 }
 .pricebox2v13 {
 position: relative;
 width: 80%;
 padding: 25px;
 font-size: 20px;
 text-align: left;
 background-color: #fff;
 box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset;
 border-radius: 1% 1% 1% 1% / 1% 1% 1% 1%;
 }

.priceboxv13:before {
 position: absolute;
 width: 100%;
 height: 80%;
 border-radius: 10px / 100px;
 z-index: -1;
 top: 10%;
 bottom: 10%;
 content: "";
 box-shadow: 0 0 15px rgba(0,0,0,0.6);
 }
.pricebox2v13:before {
 position: absolute;
 width: 100%;
 height: 80%;
 border-radius: 10px / 100px;
 z-index: -1;
 top: 10%;
 bottom: 10%;
 content: "";
 box-shadow: 0 0 15px rgba(0,0,0,0.6);
 }
/* end PriceBoxv13 */


/* start fancy-line HR */
hr.fancy-line { 
    border: 0; 
    height: 1px;
    position: relative;
    margin: 0.5em 0; /* Keep other elements away from pseudo elements*/
}
hr.fancy-line:before {
    top: -0.5em;
    height: 1em;
}
hr.fancy-line:after {
    content:'';
    height: 0.5em;   /* half the height of :before */
    top: 1px;        /* height of hr*/
}

hr.fancy-line:before, hr.fancy-line:after {
    content: '';
    position: absolute;
    width: 100%;
}

hr.fancy-line, hr.fancy-line:before {
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 75%);
    background: -webkit-gradient(radial, center center, 0px, center center, 75%, color-stop(0%,rgba(0,0,0,0.1)), color-stop(75%,rgba(0,0,0,0)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
    background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
    background: radial-gradient(ellipse at center, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
}
/* end fancy-lineHR */

/* start sexy HR line */
hr.sexy_line { 
    margin: 5px 0;
    height: 1px;
    border: 0;
    background: black;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(white), to(white), color-stop(50%, black));
}
/* end sexy HR linev2 */

/* start sexy HR line */
hr.sexy_linev2 { 
    margin: 25px 0;
    height: 1px;
    border: 0;
    background: black;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(white), to(white), color-stop(50%, black));
}
/* end sexy HR linev2 */


/* start simple shadow box */
.v13shadowbox {
  -webkit-box-shadow: 4px 4px 5px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 4px 5px -2px rgba(0,0,0,0.75);
box-shadow: 4px 4px 5px -2px rgba(0,0,0,0.75);
padding: 15px;
background: url('https://www.ecblendflavors.com/product_images/uploaded_images/fbshop-left-new.jpg');

font-family:arial;
font-weight:400;
color: white;
width:100%;
max-width:200px;
text-transform:uppercase;
}
/* end simple shadow box */

.v13alert-box {
    color:#555;
    border-radius:10px;
    font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;
    padding:10px 10px 10px 36px;
    margin:10px;
}




/* start infobox2v13 GREEN*/
.infobox2-containerv13Green {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: auto;
}
.infobox2v13Green {
    width: 550px;
    padding: 10px 5px 5px 5px;
    margin:10px;
    position: relative;
    z-index: 0;   /* changed from 90 to 0 to put under TopMenu */
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    background: #000000;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#000000));
    background-image: -moz-linear-gradient(top,#000000,#000000);
    color: white;
    font-family:roboto;
    font-size: 90%;
    font-weight: 300;
}
.infobox2v13Green h3 {
    position: relative;
    width: 570px;
    color: #fff;
    padding: 10px 5px;
    margin: 0;
    left: -15px;
    z-index: 100;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    background: #853962;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#afceb1), to(#398553));
    background-image: -moz-linear-gradient(top,#afceb1,#398553);
    font-size: 160%;
    text-align: center;
    text-shadow: #2187c8 0 -1px 1px;
    font-weight: normal;
}
 
.infobox2-containerv13Green .triangle-l2 {
    border-color: transparent #2083c2 transparent transparent;
    border-style:solid;
    border-width:13px;
    height:0;
    width:0;
    position: absolute;
    left: -12px;
    top: 45px;
    z-index: 0; /* displayed under infobox */
}
.infobox2-containerv13Green .triangle-r2 {
    border-color: transparent transparent transparent #2083c2;
    border-style:solid;
    border-width:13px;
    height:0;
    width:0;
    position: absolute;
    left: 266px;
    top: 45px;
    z-index: 0; /* displayed under infobox */
}
.infobox2v13Green a {
    color: #35b0ff;
    text-decoration: none;
    border-bottom: 1px dotted transparent;
}
.infobox2v13Green a:hover, .infobox2 a:focus {
    text-decoration: none;
    border-bottom: 1px dotted #35b0ff;
}
/* end infobox2Green */


/* start infobox2v13BROWN BROWN with IMAGE*/
.infobox2-containerv13BROWN {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: auto;
background-image: url("https://cdn1.bigcommerce.com/server6200/aa739/products/61/images/3074/Coffee-Your-Way-Eliquid-by-ECBlend-Flavors__43364.1501627151.1280.1280.jpg");
}
.infobox2v13BROWN {
 
    width: 550px;
    padding: 10px 5px 5px 5px;
    margin:10px;
    position: relative;
    z-index: 0;   /* changed from 90 to 0 to put under TopMenu */
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    background: #000000;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6a6a6a), to(#000000));
    background-image: -moz-linear-gradient(top,#6a6a6a,#000000);
    color: white;
    font-family:roboto;
    font-size: 90%;
    font-weight: 300;
}
.infobox2v13BROWN h3 {
    position: relative;
    width: 570px;
    color: #fff;
    padding: 10px 5px;
    margin: 0;
    left: -15px;
    z-index: 100;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    background: #853962;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#897b7a), to(#321a18));
    background-image: -moz-linear-gradient(top,#897b7a,#321a18);
    font-size: 160%;
    text-align: center;
    text-shadow: #2187c8 0 -1px 1px;
    font-weight: normal;
}
 
.infobox2-containerv13BROWN .triangle-l2 {
    border-color: transparent #2083c2 transparent transparent;
    border-style:solid;
    border-width:13px;
    height:0;
    width:0;
    position: absolute;
    left: -12px;
    top: 45px;
    z-index: 0; /* displayed under infobox */
}
.infobox2-containerv13BROWN .triangle-r2 {
    border-color: transparent transparent transparent #2083c2;
    border-style:solid;
    border-width:13px;
    height:0;
    width:0;
    position: absolute;
    left: 266px;
    top: 45px;
    z-index: 0; /* displayed under infobox */
}
.infobox2v13BROWN a {
    color: #35b0ff;
    text-decoration: none;
    border-bottom: 1px dotted transparent;
}
.infobox2v13BROWN a:hover, .infobox2BROWN a:focus {
    text-decoration: none;
    border-bottom: 1px dotted #35b0ff;
}
/* end infobox2BROWN */



/* Begin TIPS or WARNING Boxes */
/* Master Box   USAGE div class=Tipsinfo Tipsbox or div class=Tipswarning Tipsbox */
.Tipsbox {
  width: 400px;
  height: auto;
  border: 2px solid #000;
  margin: 0 auto 15px;
  text-align: center;
  padding: 20px;
  font-weight: bold;
  border-radius: 10px;
}

/* Gray */
.Tipsinfo {
  background-color: #ddd;
  border-color: #aaa; 
}

/* Yellow */
.Tipswarning {
  background-color: #FFF484;
  border-color: #DCC600;
}

/* Green */
.Tipssuccess {
  background-color: #B9FFAB;
  border-color: #116400;
  color: #116400;
}

/* Red */
.Tipserror {
  background-color: #EBB1B1;
  border-color: #973939;
  color: #973939;
}
/* End TIPS or WARNING Boxes */



.AddtoCartbtnv13 {
  background: #ff0000;
  background-image: -webkit-linear-gradient(top, #ff0000, #730101);
  background-image: -moz-linear-gradient(top, #ff0000, #730101);
  background-image: -ms-linear-gradient(top, #ff0000, #730101);
  background-image: -o-linear-gradient(top, #ff0000, #730101);
  background-image: linear-gradient(to bottom, #ff0000, #730101);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
 
  font-size: 20px;
  padding: 5px 20px 5px 20px;
  margin-left:5px;
  text-decoration: none;
}

.AddtoCartbtnv13:hover {
  background: #0ea800;
  background-image: -webkit-linear-gradient(top, #0ea800, #1d5203);
  background-image: -moz-linear-gradient(top, #0ea800, #1d5203);
  background-image: -ms-linear-gradient(top, #0ea800, #1d5203);
  background-image: -o-linear-gradient(top, #0ea800, #1d5203);
  background-image: linear-gradient(to bottom, #0ea800, #1d5203);
  text-decoration: none;
}


.AddtoCartbtnv13B {
  background: #ff0000;
  background-image: -webkit-linear-gradient(top, #ff0000, #730101);
  background-image: -moz-linear-gradient(top, #ff0000, #730101);
  background-image: -ms-linear-gradient(top, #ff0000, #730101);
  background-image: -o-linear-gradient(top, #ff0000, #730101);
  background-image: linear-gradient(to bottom, #ff0000, #730101);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: white;
 
  font-size: 16px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
   vertical-align:middle;
  
}

.AddtoCartbtnv13B:hover {
  background: #8a8a8a;
  background-image: -webkit-linear-gradient(top, #8a8a8a, #000000);
  background-image: -moz-linear-gradient(top, #8a8a8a, #000000);
  background-image: -ms-linear-gradient(top, #8a8a8a, #000000);
  background-image: -o-linear-gradient(top, #8a8a8a, #000000);
  background-image: linear-gradient(to bottom, #8a8a8a, #000000);
  text-decoration: none;
}



/*** Marina v13E SHOP BUTTONS ***/
.AddtoCartbtnv13E {
background: #ffffff;
  background-image: -webkit-linear-gradient(top, #ffffff, #ff9c6b);
  background-image: -moz-linear-gradient(top, #ffffff, #ff9c6b);
  background-image: -ms-linear-gradient(top, #ffffff, #ff9c6b);
  background-image: -o-linear-gradient(top, #ffffff, #ff9c6b);
  background-image: linear-gradient(to bottom, #ffffff, #ff9c6b);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #000000;
  font-size: 12px;
  padding: 5px 10px 5px 10px;
  border: solid #bf5300 1.5px;
  text-decoration: none;
}


.AddtoCartbtnv13E:hover {
   background: #9e9e9e;
  background-image: -webkit-linear-gradient(top, #9e9e9e, #595959);
  background-image: -moz-linear-gradient(top, #9e9e9e, #595959);
  background-image: -ms-linear-gradient(top, #9e9e9e, #595959);
  background-image: -o-linear-gradient(top, #9e9e9e, #595959);
  background-image: linear-gradient(to bottom, #9e9e9e, #595959);
  text-decoration: none;
}






.AddtoCartbtnv13C {
  background: #33b500;
  background-image: -webkit-linear-gradient(top, #33b500, #1d4f00);
  background-image: -moz-linear-gradient(top, #33b500, #1d4f00);
  background-image: -ms-linear-gradient(top, #33b500, #1d4f00);
  background-image: -o-linear-gradient(top, #33b500, #1d4f00);
  background-image: linear-gradient(to bottom, #33b500, #1d4f00);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
  vertical-align:middle;
  
}

.AddtoCartbtnv13C:hover {
  background: #8a8a8a;
  background-image: -webkit-linear-gradient(top, #8a8a8a, #000000);
  background-image: -moz-linear-gradient(top, #8a8a8a, #000000);
  background-image: -ms-linear-gradient(top, #8a8a8a, #000000);
  background-image: -o-linear-gradient(top, #8a8a8a, #000000);
  background-image: linear-gradient(to bottom, #8a8a8a, #000000);
  text-decoration: none;
}


















/* start infobox3v13 LIGHT BACKGROUND COLOR*/
.infobox3-containerv13 {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: auto;
}
.infobox3v13 {
    width: 550px;
    padding: 10px 5px 5px 5px;
    margin:10px;
    position: relative;
    z-index: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    background: #ffffff;

    background-image: url('https://www.ecblendflavors.com/product_images/uploaded_images/informationbg.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    

    
    color: white;
    font-family:arial;
    font-size: 90%;
    font-weight: 300;
}
.infobox3v13 h3 {
    position: relative;
    width: 570px;
    color: #fff;
    padding: 10px 5px;
    margin: 0;
    left: -15px;
    z-index: 100;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    background: #853962;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f99201), to(#9b5a00));
    background-image: -moz-linear-gradient(top,#f99201,#9b5a00);
    font-size: 160%;
    text-align: center;
    text-shadow: #2187c8 0 -1px 1px;
    font-weight: normal;
}
 
.infobox3-containerv13 .triangle-l2 {
    border-color: transparent #2083c2 transparent transparent;
    border-style:solid;
    border-width:13px;
    height:0;
    width:0;
    position: absolute;
    left: -12px;
    top: 45px;
    z-index: 0; /* displayed under infobox */
}
.infobox3-containerv13 .triangle-r2 {
    border-color: transparent transparent transparent #2083c2;
    border-style:solid;
    border-width:13px;
    height:0;
    width:0;
    position: absolute;
    left: 266px;
    top: 45px;
    z-index: 0; /* displayed under infobox */
}
.infobox3v13 a {
    color: #35b0ff;
    text-decoration: none;
    border-bottom: 1px dotted transparent;
}
.infobox3v13 a:hover, .infobox3 a:focus {
    text-decoration: none;
    border-bottom: 1px dotted #35b0ff;
}
/* end infobox3 */



/* start infobox4v13 LIGHT BACKGROUND COLOR*/
.infobox4-containerv13 {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: auto;
}
.infobox4v13 {
    width: 762px;
   
    padding: 10px 5px 50px 5px;
    margin:10px;
    position: relative;
    z-index: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    background: #000000;

    background-image: url('https://www.ecblendwholesale.com/product_images/uploaded_images/ecblend-flavors-man-with-ecig.png');
    background-size: cover;
    background-repeat: no-repeat;
    

    background-image: -moz-linear-gradient(top,#f99201,#9b5a00);
    color: white;
    font-family:arial;
    font-size: 90%;
    font-weight: 300;
}
.infobox4v13 h3 {
    position: relative;
    width: 782px;
    
    color: #fff;
    padding: 10px 5px;
    margin: 0;
    left: -15px;
    z-index: 100;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    background: #853962;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f99201), to(#9b5a00));
    background-image: -moz-linear-gradient(top,#f99201,#9b5a00);
    font-size: 160%;
    text-align: left;
    text-shadow: #2187c8 0 -1px 1px;
    font-weight: normal;
}
 
.infobox4-containerv13 .triangle-l2 {
    border-color: transparent #2083c2 transparent transparent;
    border-style:solid;
    border-width:13px;
    height:0;
    width:0;
    position: absolute;
    left: -12px;
    top: 45px;
    z-index: 0; /* displayed under infobox */
}
.infobox4-containerv13 .triangle-r2 {
    border-color: transparent transparent transparent #2083c2;
    border-style:solid;
    border-width:13px;
    height:0;
    width:0;
    position: absolute;
    left: 266px;
    top: 45px;
    z-index: 0; /* displayed under infobox */
}
.infobox4v13 a {
    color: #35b0ff;
    text-decoration: none;
    border-bottom: 1px dotted transparent;
}
.infobox4v13 a:hover, .infobox2 a:focus {
    text-decoration: none;
    border-bottom: 1px dotted #35b0ff;
}
/* end infobox4 */



/* start infobox5v13 LIGHT BACKGROUND COLOR*/
.infobox5-containerv13 {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: auto;
}
.infobox5v13 {
    width: 762px;
   
    padding: 10px 5px 50px 5px;
    margin:10px;
    position: relative;
    z-index: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    background: #000000;

    background-image: url('https://www.ecblendwholesale.com/product_images/uploaded_images/ecblend-flavors-man-with-ecig.png');
    background-size: cover;
    background-repeat: no-repeat;
    

    background-image: -moz-linear-gradient(top,#f99201,#9b5a00);
    color: white;
    font-family:arial;
    font-size: 90%;
    font-weight: 300;
}
.infobox5v13 h3 {
    position: relative;
    width: 782px;
    
    color: #fff;
    padding: 10px 5px;
    margin: 0;
    left: -15px;
    z-index: 100;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    background: #853962;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f99201), to(#9b5a00));
    background-image: -moz-linear-gradient(top,#f99201,#9b5a00);
    font-size: 160%;
    text-align: left;
    text-shadow: #2187c8 0 -1px 1px;
    font-weight: normal;
}
 
.infobox5-containerv13 .triangle-l2 {
    border-color: transparent #2083c2 transparent transparent;
    border-style:solid;
    border-width:13px;
    height:0;
    width:0;
    position: absolute;
    left: -12px;
    top: 45px;
    z-index: 0; /* displayed under infobox */
}
.infobox5-containerv13 .triangle-r2 {
    border-color: transparent transparent transparent #2083c2;
    border-style:solid;
    border-width:13px;
    height:0;
    width:0;
    position: absolute;
    left: 266px;
    top: 45px;
    z-index: 0; /* displayed under infobox */
}
.infobox5v13 a {
    color: #35b0ff;
    text-decoration: none;
    border-bottom: 1px dotted transparent;
}
.infobox5v13 a:hover, .infobox2 a:focus {
    text-decoration: none;
    border-bottom: 1px dotted #35b0ff;
}
/* end infobox5 */



/* BEGIN MODALDIALOGS */


	.modalDialog {
		position: absolute;
                 max-height: 100%;
                 overflow-y: auto;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index:100000000;
		opacity:0;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		pointer-events: none;
                
	}

	.modalDialog:target {
		opacity:1;
		pointer-events: auto;
	}

	.modalDialog > div {
		width: 650px;
               
		position: relative;
		margin: 10% auto;
		padding: 20px 20px 50px 20px;
		border-radius: 10px;
		background: #fff;
		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);
                background-image: url('https://www.ecblendflavors.com/product_images/uploaded_images/informationbg.png');
                 background-size: cover;
                background-repeat: no-repeat;
                
	}

        .modalDialog a {
    color: #35b0ff;
    text-decoration: none;
    border-bottom: 1px dotted transparent;
}
      .modalDialog a:hover, .modalDialog a:focus {
       text-decoration: none;
       border-bottom: 1px dotted #35b0ff;
}

	.close {
		background: #606061;
		color: #FFFFFF;
		line-height: 25px;
		position: absolute;
		right: -12px;
		text-align: center;
		top: -10px;
		width: 24px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
	}

	.close:hover { background: #00d9ff; }
	</style>

/* END MODAL DIALOGS */


/* BEGIN MODAL DIALOGS2 */

/* END MODAL DIALOGS2 */


/* BEGIN CHANGEICON */
.changeicon:hover {
content: url('https://www.ecblendwholesale.com/product_images/uploaded_images/info-icon-v14-black.png');
float: right;
width: 16px;
height: 16px;
padding-top: 2px;
}

.changeicon {
content: url('https://www.ecblendwholesale.com/product_images/uploaded_images/info-icon-v14-red.png');
float: right;
float: right;
width: 16px;
height: 16px;
padding-top: 2px;
}

/* END CHANGEICON */



/* Buttons */
.green2btn {
  background: #00e000;
  background-image: -webkit-linear-gradient(top, #2ab8ff, #156e9a);
  background-image: -moz-linear-gradient(top, #2ab8ff, #156e9a);
  background-image: -ms-linear-gradient(top, #2ab8ff, #156e9a);
  background-image: -o-linear-gradient(top, #2ab8ff, #156e9a);
  background-image: linear-gradient(to bottom, #2ab8ff, #156e9a);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  
  padding: 10px 20px 10px 20px;
  border: solid #156e9a 2px;
  text-decoration: none;
  width: 95%;
    float: none;
    display: inline-block;
  
}

.green2btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}



/* Custom Blockquote */
.bqstart {
     float: left;
     height: 45px;
     margin-top: -20px;
     padding-top: 45px;
     margin-bottom: -50px;
     font-size: 700%;
     color: #FF0000;
 }

 .bqend {
     float: right;
     height: 25px;
     margin-top: 0px;
     padding-top: 45px;
     font-size: 700%;
     color: #FF0000;
 }
/* END Custom Blockquote */
