#CatProdPage/* rate quote */
.rate-quote {font-weight:bold}
.rate-quote .quote-backgd {border:solid red thin; background-color:#ddd; font-size:15px; font-weight:700}


.buttonSet {
  background-color: #ffc107;
  color: white;
  border-radius: 20px;
  padding: 0px 8px;
  }

  
/* ******* home page shop  *********/

#sc_Title { }
#ViewAll {}
#CatProdPage {text-align:center ;}
#CatProdPage h2{font-size:12pt;font-weight:bold;text-transform: capitalize;}
#CatProdPage a{text-decoration:none;color:#000}
#CatProdPage .ShopPrice{font-size:12pt;color:#000}
 
#RegPrice {}
#RegPrice .RegPriceValue{font-weight:bold}
.menuSide {color:#000}
#CatProdPage
 #SalePrice {}
#CatProdPage
 #RegPriceSale{}
 #DvTxtPrice{text-align:center}
  
  #DVPrice{ color:#f00000;text-align:center}

.btn-OrderNow 
{
  color: #ffffff !important;
  background-color: #dc3545;
  border-color: #dc3545;
}

.sc-styles {color:#f00000  }
.sc-style h2 {font-size:1.0em !important}	
.sc-style h1 {font-size:1.2em !important}

#Catcontainer { }
#Catcontainer #CatImg { }

#divColumnsWrapper{min-height: 100vh}

/* horizontal line for shared modal */
.horizontal-line {
  padding: 10px 0px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}


.headline h3,h4,h5,h6, .headline p {
  display: inline;
  vertical-align: top;

}
.headline p{float:right}

/*  *************** begin input forms  style 10/30/2020 ****** */

legend {
	font-size:14pt !important;
}
.form-label-group {
  position: relative;
  margin-bottom: 1rem;
}

.form-label-group > input,
.form-label-group > label {
  height: 3.125rem;
  padding: .75rem;
  font-size: 1.2em;
}


.form-label-group > label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0; /* Override default `<label>` margin */
  line-height: 1.5;
  color: #495057;
  pointer-events: none;
  cursor: text; /* Match the input under the label */
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: all .1s ease-in-out;
 /* color:#004b88; */
}


.form-label-group input::-webkit-input-placeholder {
  color: transparent;
}

.form-label-group input:-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-moz-placeholder {
  color: transparent;
}

.form-label-group input::placeholder {
  color: transparent;
}

.form-label-group input:not(:placeholder-shown) {
  padding-top: 1.25rem;
  padding-bottom: .25rem;
}

.form-label-group select:not(:placeholder-shown) {
  padding-top: 1.25rem;
  padding-bottom: .25rem;
}
.form-label-group select > label {
  height: 3.125rem;
  padding: .75rem;
  font-size: 1.2em;
}


.form-label-group input:not(:placeholder-shown) ~ label {
  padding-top: .25rem;
  padding-bottom: .25rem;
  font-size: 0.9em;
  color: #f00000;
/*  font-weight:bold; controls label after input entered. */  
}

	  

.form-label-group textarea::-webkit-input-placeholder {
  color: transparent;
}

.form-label-group textarea:-ms-input-placeholder {
  color: transparent;
}

.form-label-group textarea::-ms-input-placeholder {
  color: transparent;
}

.form-label-group textarea::-moz-placeholder {
  color: transparent;
}

.form-label-group textarea::placeholder {
  color: transparent;
}

.form-label-group textarea:not(:placeholder-shown) {
  padding-top: 1.25rem;
  padding-bottom: .25rem;
}

.form-label-group textarea:not(:placeholder-shown) ~ label {
  padding-top: .25rem;
  padding-bottom: .25rem;
  font-size: 0.9em;
  color: #f00000;
/*  font-weight:bold; controls label after input entered. */  
}			  



.h4-recommended {
font-weight:bold;  
color:#555555;
padding:5px 0px;
font-size:21px;
font-weight:700;
display:inline-block;
 
}


.h4-title {
	  border:1px solid #555555;
  color:#555555;
  padding:5px 10px;
  font-size:13px;
  font-weight:700;
  display:inline-block;
  margin-bottom:10px;
  text-transform:uppercase;
}

/* \\\\\  prod detail page ////// */

.h2prod-title {
	font-size:1.3em;
	margin:0.2em 0em;
  font-weight:bold;
  text-transform: capitalize;
}

.buttonProd {
  background-color: #ff0000; /* red */
  border-radius: 0.2rem;
  color: white;
  padding: 0.4rem 0.7rem /*10px 25px */;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  transition-duration: 0.4s;
  font-size: 16px;
}

.buttonProd2:hover {
  background-color: green; /* red  */
  color: white;
  text-decoration:none;
}

/* buttons shop Cart */

.button-shop-go {
  background-color: #0053A0; /*4CAF50;  Green */
  border: 1px solid green;
  color: white;
  padding: 12px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
 
}

.button-shop-go:hover {
  background-color: #012347;
  color:white;
}


.button-shop-submit {
  background-color: #f15f35; /*4CAF50;  Green */
  border: 1px solid rgb(255, 171, 3);
  color: white;
  padding: 12px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
 
}

.button-shop-submit:hover {
  background-color: #012347;
  color:white;
}


.button-shop-back {
  
   background-color: white;
  border: 1px solid black;
  color: red;
  padding: 12px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
   

}

.button-shop-back:hover {

  background-color:rgb(187, 187, 187);
  color:white;
  text-decoration:none;
}

.button-shop-clear {
  
 background-color: white;
 border: 1px solid black;
 color: rgb(0, 0, 0);
 padding: 12px 25px;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 font-size: 16px;
 cursor: pointer;
  

}

.button-shop-clear:hover {

 background-color:rgb(187, 187, 187);
 color:white;
}

.button-calculate {
  background-color: #000; /*4CAF50;  Green */
  border: 1px solid rgb(255, 171, 3);
  color: white;
  padding: 12px 12px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
 
}

.button-calculate:hover {
  background-color: #f7941d;
  color:white;
}

.button-keep-shop {
  background-color: #f7941d; /*4CAF50;  Green */
  border: 1px solid rgb(172, 115, 0);
  color: white;
  padding: 12px 12px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
 
}

.button-keep-shop:hover {
  background-color: #000;
  color:white;
}

.button-rate-quote {
  background-color: #f15f35; /*4CAF50;  Green */
  border: 1px solid rgb(255, 171, 3);
  color: white;
  padding: 12px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
 
}

.button-rate-quote:hover {
  background-color: #012347;
  color:white;
}


.h1-cat-title {font-size:1.6em; }
.h2-cat-title {font-size:1.5em; }





/* ********************************   REVIEWS ***************************** */

#reviews{}
#reviews .noreviews{text-align:center;padding-top:100px;}


.ProdID {margin:20px 0px;font-size:1.1em; }
.ProdIDNo {text-transform:uppercase;color:red}
.ProdShortDesc{margin:20px 0px;line-height:150%;}
.ProdLongDesc {margin:20px 0px;line-height:150%; }
.H4-review {margin:20px 0px;font-size:0.8em;font-weight:bold}
.reviews { color:yellow; padding-bottom:10px;font-weight:bold }  
.h4-share {margin:20px 0px;font-size:0.8em;font-weight:bold}
.h4-title {
	  border:1px solid #555555;
  color:#555555;
  padding:5px 10px;
  font-size:13px;
  font-weight:700;
  display:inline-block;
  margin-bottom:10px;
  text-transform:uppercase;
}
.RecPrice { font-size:17px;color:#f00000;}

.product-image {
	position:relative;left:0;top:0;
}
.product-image .new-product {  /* new product icon */
position:absolute; left:0px; top:0px; z-index:99	
}

.product-image .onsale {
  position:absolute;
  z-index:101;
  width:42px;
  height:40px;
  left:73px;
  top:0;
  font-size:12px;
  font-weight:600;
  color:white;
  text-align:center;
  text-transform:uppercase;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  -webkit-border-bottom-right-radius:35px;
  -moz-border-bottom-right-radius:35px;
  border-bottom-right-radius:35px;
  padding:0 5px 5px 0; }


.product-image .new { 
  background-color:#ff5555;
  line-height:35px;
	
}

.product-image .sale {
  background-color:#666666;
  line-height:35px;
   }
  


.frequently {text-align:center;}
.frequently .TextsBlockRight {

  text-transform:none;
  color:#444;
  text-decoration:none;
  text-transform: capitalize;
   }

   
  
.prod-recommended .img-rec {
	width:200px;
	height:auto;
}

/* product detail calculator */
.card_option{background-color:white}
.card_option h6 {color:black}
.card_option .DvTitleAttribs{ 
text-align:right;
padding-right:3px;
padding-top:0px;
padding-bottom:0px;
text-transform:capitalize;
color:#444;
font-size:0.8em;}


.prod-page ul {
	list-style:none;
	margin:0;
	padding:0;
}
.prod-page li {
	margin-botton:20px;
}
.prod-page .spec > li { 
  border-bottom:1px solid #dddddd;
  padding-bottom:20px;
}

.products-page .spec > li:last-child {
  border:none !important;
  padding:0;
}



/* \\\\\\\\\\\\\\\\\   order.asp ///////////////////// */

.Label{
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 16px;
  text-decoration: none;
  font-weight: normal;
  color: #393839;

}

.LinkGeneralMenu{
  color: #848284;
  font-family:  Arial, Helvetica, sans-serif;
  /*font-size: 14px; */
  text-decoration: none;
  font-weight: bold; 
}

.LinkGeneralMenu:hover{
  color: #999999;
  font-family:  Arial, Helvetica, sans-serif;
  /*font-size: 14px; */
  text-decoration: underline;
}


.DvAccInfodtfAllRowsh1 {color:#004b88}



/* dddddddddddddddddd  wrapper login */

.wrapper {	
	margin-top: 80px;
    margin-bottom: 80px;
}

.form-signin {
  max-width: 380px;
  /*padding: 15px 35px 45px; */
  margin: 0 auto;
  background-color: #fff;
  /* border: 1px solid rgba(0,0,0,0.1); */
 }  

.form-signin .form-signin-h2{
	font-weight:bold;
}
.form-signin a{
	
}

.form-signin-heading,
	.checkbox {
	  margin-bottom: 30px;
	}


	
/* dddddddddddddddddd  footer */

footer {background-color: #004B87;border: thin red solid; padding :10px;color:#fff }

	
fb-rootbody{background-color:#ffffff;
background-image:url('/images/bgblack.JPG');
background-repeat:repeat-x;
padding:0px;
margin:0px;
padding-top:10px;
/* font:13px verdana;*/}

a{text-decoration:none}

table{border-collapse:collapse;
border:0px none;
width:100%}

#LayerTop{width:100%;
background-color:#212429;
height:460px;
z-index:-1;}

#LayerBottom{width:100%;
background-color:#ffffff;
height:auto;
z-index:-1;}

#PageLayer{/* background-image:url('/images/BGbordertop2.JPG'); */

background-position:center top;
margin:0px auto 0px;
}

#HeaderLayer{width:1000px;
height:128px;}


#txtHeadServ{width:100%;
 
color:#000000;
text-align:center;
/* text-transform:capitalize; */
display:block;
/* float:left; addddddddddddddddddddddddddddddddddddddddddddddd  */
position:relative;
margin-top:-60px;
padding-left:60px}

.h22 {
font-weight:bold;
color:#000000;
text-align:center;
 
font-style: italic;

}

	
#BodyLayer{}

#BannerImg{/*background-image:url('/images/bannerimg.JPG' */);
/*padding-top:30px;*/
clear:both;
background-repeat:no-repeat;
padding-top:10px}

#DvTreeIco{background-image:url('/images/treeIco.JPG');
background-repeat:no-repeat;
width:23px;
height:23px;
display:block;
float:left}

/* dddddddddddd        barra menu    ddddddddddddddddddddddddddddddddddddd  */

#MenuHeader{background-image:url('/images/menubg.JPG');
background-repeat:repeat-x;
width:758px;
height:37px;
display:block;
/*padding-top:40px;*/
margin-left:213px;
margin-top:15px;
/* font:bold 10px verdana; */
color:#000000;
 border:solid 1px #cecbce;
border-bottom:0px none;
border:1px; 
}

.BtnOrderCat{margin:440px; background-image:url('/images/btnorder.JPG') ;
background-repeat:no-repeat;
display:block;
width:122px;
height:auto;
margin:0px auto 0px;}

.linklogo{width:122px;
z-index:2;
display:block;
height:33px;}


.MenuLeftIcov2{margin-left:8px;
/*height:20px;*/
height:auto;
border:0px none;
/*border-bottom:solid 1px #dedfde;*/ /*#e7e7ad;*/
margin-top:5px;
padding-bottom:5px;
background-image:url('/images/icomenuleft.png'); 
background-repeat:no-repeat;
background-position:2px 2px;
padding-left:20px;
background-color:transparent;}




#dtfBannerLayer{background:black; width:873px; height:301px;/*padding-top:20px; padding-bottom:19px*/}
#dtfBannerFramed{cursor:pointer;/*margin:0px auto;*/}


#DivBlockRight{width:155px;
/*height:365px
border:solid 1px #dedfde;
background-color:#f7f3e7;*/
display:block;
/*margin-left:545px;
margin-top:-330px;
font:bold 12px verdana; */
text-align:left;
/*text-transform:uppercase;*/
color:#e40814;
/*padding-top:10px;*/}

.alsoAvailable {text-transform: capitalize;}
.alsoAvailable a{text-decoration:none; }




.xDivProdPrice{
width:90%;
text-align:center;}

.MIGreen{background-image:url('/images/btnorder.JPG');
background-repeat:no-repeat;
width:122px;
height:33px;
margin:5px auto 5px;}

.TitleRcSp{text-transform:uppercase;
text-align:center;
background-color:#efefef;padding:7px;}
#Logolink{
width:250px;
height:100px;
cursor:pointer;}

#DivLogoArt{  /*background-image:url('/images/artDsigns__logo_v1.png'); */
/*background-repeat:no-repeat;
position:relative; */
/*display:list-item; */
display:inline;
width:200px;
height:120px; 
/* border:2px solid red; */}


#BlockSocialPhone{width:auto;
height:26px;
padding-right:25px;
padding-top:9px;
display:block;
float:right;
margin-right:5px;
margin-top:10px}

#LogoPhone{background-image:url('/images/artdsigns_phone.jpg');
background-repeat:no-repeat;
background-position:left top;
width:auto;
height:20px;
padding-left:30px;
padding-top:5px;
display:inline;
 
margin-right:5px;
color:#444444;
}

/*-------------------------------*/


#ImgFlash{/*background-image:url('/images/savebanner.jpg');*/ /*url('/images/flash.jpg');*/
background-repeat:no-repeat;
width:538px;
height:331px;}

.BtnMenu{background-repeat:repeat-x;
width:190px;
height:39px;
/* font:bold 9px verdana; */
text-align:center;
text-transform:uppercase;
color:#C96300;
border-right:solid 1px #ffffff;/*#1d9895*/}

#DivMenuLeft{
height:auto;
display:block;
/*border:solid 1px #dedfde;*/
padding-left:0px;
margin-top:20px;

}

#DivMenuLeft .TypeCategTitle{
border:thin #e8e7e7 solid;
background-color:#f5f5f5;
width:100%;
height:auto;
text-transform:uppercase;
	
}
#DivMenuLeft .TypeCategTitle span {
	display:block;
	padding: 10px 0px 10px 15px;
	color:Black;
	font-weight:bold;

}


#DivMenuLeft .TypeCategTitle div.titleTC{height:100%;
width:100%;
padding-top:10px;
padding-left:10px;
/* font:bold 14px verdana; */
text-transform:uppercase;
color:#ce6500;
}

#DivMenuLeft .MenuLeftIco{
margin-left:8px; 
height:auto;
border:0px none;
margin-top:3px;
padding:0px 5px;
/*display: table-cell;*/
font-size:1.0em;
border-bottom: solid .5px #f1f1f1;

}

#DivMenuLeft .MenuLeftIco a{
	text-decoration:none;
	padding-top:5px;
}


#DivMenuTop{width:auto;
/*heighjt:37px;*/
display:block;
margin-left:0px;}

#DivLine{background-image:url('/images/lineaDiv.jpg');
background-repeat:repeat-x;
width:100%;
height:6px;
margin-top:5px;
margin-bottom:5px;}

#DivBlockNewProd{display:block;width:645px;}

#TilteBlockNewProd{/*background-image:url('/images/barra_newProducts.jpg');
background-color:#f7f3e7;
background-repeat:no-repeat;*/
width:90%;
/*height:29px;*/
text-transform:uppercase;
 
padding-top:12px;
color:#000000;}

#MenuBarRed{width:100%;
height:25px;
background-color:red;}

.ItemMenuRed{padding-top:2px;
color:white;
width:250px;
padding-left:3px;
padding-right:3px;
text-align:center;
border-right:solid 1px white;
display:table-cell;}

#BlockAllCategories{width:100%;
height:auto;
font-size:12pt;
/*margin:5px auto 5px;
display:none;
border:solid 1px #92632c;*/
padding:6px;}

#BlockAllCategories table{margin:0px auto 0px;}

.BlockCategory{width:auto;
height:auto;
padding:4px;
border-right:#b8e2cc;
display:table-cell;}

.DivTypeCategory{width:auto;
height:17px;
background-image:url('/images/fondoBotones.jpg');
background-repeat:repeat-x;
color:#ef4d4a;
text-align:center;
text-decoration:underline;
padding:4px;
border:solid 1px #92632c;
text-transform:capitalize;
display:table-cell;}

.DivCategory{width:auto;
 
border-bottom:solid 1px #b8e2cc;
color:#c7b385;
text-align:center;}

.DivComboCats{width:auto;
height:27px;
padding:3px;
border:solid 1px #dedfde;/*#e7e7ad;*/
display:table-cell;}

#BlockCboCat{width:auto;
padding:3px;
height:auto;
border:solid 1px #dedfde; /*#e7e7ad;*/}

.titles{ 
color:#1f5b6c;
text-transform:uppercase;
margin:5px 5px 5px 5px;}

.texts{ 
color:#4a4a4a;
line-height:18px;
text-align:justify;
margin:5px 5px 5px 5px;}

.txtVM{ 
color:#000000;
text-align:right;
text-transform:none;
margin-right:5px;}

#BlockListProds{
 
/*height:auto;
margin-top:10px;
padding 7px;*/
/*border:solid 1px #e7e7b5*/}

.DivFilters{width:auto;
height:27px;
/*padding:3px;
border:solid 1px #f7e7b5;*/
/*background-image:url('/images/bt_cafe_fondo.jpg');
background-repeat:repeat-x;*/
color:#9c7542; /*#e7615a;*/
text-align:center;
cursor:pointer;}

.DivFiltersXX a:hover{border:solid 1px #089aa5;}

.MarcoProd{border:solid 1px #92632c;
background-color:#f2eee3;
padding:3px 3px 3px 3px;
border-spacing:10px;}

.BorderProd{/*border:solid 1px #009294;
background-color:#efebef;*/
width:25px;
height:17px;
color:#000000; /*#009294;*/
/*border-top:0px;
border-bottom:0px;*/
text-align:center;
cursor:pointer;}


#DivFontFoot{height:100%;
padding-top:7px;
padding-bottom:7px;}

#DivCountShop{
color:#646112;
background-image:url('/images/iconCart.gif');
background-repeat:no-repeat;
background-position:2px;
display:block;}

#DivCheckShop{ 
color:#646112;
float:right;
margin-right:-230px;
margin-top:20px;
background-image:url('/images/iconCheck.gif');
background-repeat:no-repeat;
padding-left:16px;
background-position:2px;}

#DivPP{background-image:url('/images/bt_next.jpg');
background-repeat:no-repeat;
width:45px;
height:19px;
color:#92632c;
padding:1px;
text-decoration:none;
display:table-cell;}

.DivBtnNav{background-image:url('/images/bt_nav.jpg');
background-repeat:no-repeat;
width:19px;
height:19px;
text-align:center;
color:#92632c;
margin-right:5px;
display:table-cell;}


.dtfRight{ 
color:#444444;}
.dtfRight input[type=text] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.dtfRight input[type=submit] {
    width: 100%;
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.dtfRight input[type=submit]:hover {
    background-color: #45a049;
}

.dtfRight div {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
}


.dtfInformation{ color:#000000;padding-bottom:5px}
.dtfInformation a{color:#000000; text-decoration:none}

.StyleInputs{
/*
border:solid 1px #128686;
font:normal 11px verdana;
color:#646112;
padding-left:8px;
width:60%; */
width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

    
.captcha {width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box; }



#DivContactTitle{
color:#000000;
font-style:italic;padding-bottom:10px}

#DivListColors{width:80%;
height:auto;
margin:10px auto 10px;
border:solid 1px #188183;
padding:5px;}

.linkLogin{ 
color:#92632c}

#LogoContainer{width:190px;
height:auto;
border:solid 1px #dedfde; 
margin:6px auto 10px;}

.LogoPic{width:170px;
height:95px;
border:solid 1px #dedfde;
margin-left:10px;
margin-top:10px;}

.BlockFavFB{background-repeat:no-repeat;
 
width:150px;
height:20px;
z-index:3;
cursor:pointer;}

#DvLogoBrand{background-repeat:no-repeat;
width:150px;
height:100px;
display:block;}

#ContListCatBrand{width:550px;
height: auto;
padding:10px;
border:0px none;
color:#946129;
text-transform:capitalize;
margin:5px auto 5px;}

#ContListCatBrand li{/*list-image-style:url('/images/vineta.jpg');*/
 
color:#946129;}

#ContListCatBrand div{ 
color:#946129;
text-transform:capitalize;
margin-left:-20px;
font-style:italic;}

#ContListCatBrand a:hover{text-decoration:underline;}

#BlockOthersizes{/*width:100%;*/
padding:4px;
height:auto;
border:solid 1px #dedfde;}

.IcoSizes{background-image:url('/images/vineta_roja.jpg');
background-repeat:no-repeat;
background-position:1px 4px;
padding-left:15px; 
color:#000000;
text-transform:capitalize;}

.BtOrdDet{border:solid 1px #ffffff;
background-image:url('/images/bt_orderNowPlomo.jpg');
background-repeat:no-repeat;
width:76px;
cursor:pointer;
height:16px;}

#txtSelClrs{background-image:url('/images/imgColores.jpg');
background-repeat:no-repeat;
width:347px;
height:42px;}


.lstChartClr{background-image:url('/images/iconCafe.jpg');
background-repeat:no-repeat;
padding-left:15px;
color:#737573;
cursor:pointer;}

#titleSB{ 
color:#ffffff; /*#000000;*/
text-align:center;
padding:7px;
text-transform:uppercase;
background-color:#000000; /*#f7f3e7;*/}

#ImgSpot{background-image:url('/SCLIB/shopc/include/images/bannerDer1.jpg');
background-repeat:no-repeat;
width:166px;
height:541px;
margin:10px auto 0px;}

#ImgCCard{background-image:url('/SCLIB/shopc/include/images/logosTarjetas.jpg');
background-repeat:no-repeat;
width:190px;
height:35px;
border:solid 1px #e7e7ad;
margin:5px auto 5px;
background-position:10px 3px;}

.ArrowDown{background-image:url('/SCLIB/shopc/include/images/flechaAbajo.jpg');
background-repeat:no-repeat;
width:9px;
height:9px;
float:right;
margin-right:3px;}

#TitleBS{background-color:red;
color:white;
text-align:center;
text-transform:uppercase;
width:100%;
/*pading:8px;*/}

.OptStyle{background-image:url('/SCLIB/shopc/include/images/bulletorange.gif');
background-repeat:no-repeat;
background-position:left center;
color:#000000;
line-height:20px;
padding-left:15px;}

.OptStyle a:hover{/*font-weight:bold;*/
text-decoration:underline;}

.DvSizesP{/* cursor:pointer */}

.DvSizesP a:hover{/*text-decoration:underline*/}


#dtfBody{width:350px
height:auto;}
/*======================================================================================================*/
#DvGetSH{display:block;
background-image:url('/images/getstartedhere.jpg');
background-repeat:no-repeat;
width:256px;
height:43px;
padding:0px;
margin:0px}

#DvGetSH_2{display:block;
/*background-image:url('/images/getstartedhere.jpg');*/
background-image: linear-gradient(#494848, #878484, #494848);
/*background-repeat:no-repeat;*/
clear:both;
padding:0px;
margin:0px}

#DvOptionS{display:block;background-image:url('/images/selectoption.jpg');
background-repeat:no-repeat;
width:255px;
height:45px;
padding:0px;
margin:0px}

#DvOptionS_2{display:block;
/*background-image:url('/images/selectoption.jpg');
background-repeat:no-repeat;*/
background-image: linear-gradient(#bf0303, #ed7171);
clear:both;
padding:0px;
margin:0px}


#DvTabsContainer{display:block;
width:95%;
padding:5px;}

#DvTabsContainer table{width:100%;border-collapse:collapse:border:0px none}
#DvTabsContainer .DvTabsPH{display:block;background-repeat:no-repeat;width:170px;height:43px;cursor:pointer;float:left;margin-right:5px}
#DvTabsContainer td{width:95%}

#tbInfoTemplate{width:100%;border-collapse:collapse:border:0px none*}
#tbInfoTemplate #trTitles{ text-align:center;text-transform:capitalize;background-color:#524d52;color:#ffffff}
#tbInfoTemplate #trTitles td{width:33%;padding:6px}
#tbInfoTemplate .trInfo{ text-align:center}
#tbInfoTemplate .trInfo td{width:100%;padding:5px}
#tbInfoTemplate .trInfo a{display:block;margin:0px auto 0px;background-image:url('/images/download.png');background-repeat:no-repeat;width:83px;height:15px}


.tdTitlesPrc{ text-align:right;padding-right:3px;text-transform:capitalize;width:65%;color:#000000}
.tdValuesPrc{width:35%}
.tdValuesPrc div{ color:#000000;background-color:#ffffff;text-align:right;padding-right:3px;width:70px;border:solid 1px #d6d3d6}

.DvItemDetails{display:none;
width:200px;
height:auto;
padding:10px;
background-color:#fffbef;
border:solid 2px #215921;
position:absolute;
z-index:2;
margin-top:-10%;
margin-left:40%;}

#DvAccInfo{display:block;
width:100%;
height:39px;
text-align:center;
text-align:right;

}

#DvDescInfCtg{display:block;width:100%;text-align:justify;color:#444444;}

#DvTableRates{display:none;
/*width:450px;*/
height:auto;
/*padding:10px;*/
background-color:#fffbef;
border:solid 3px #9c8e63;
position:absolute;
z-index:2;
margin-top:-30%;
/*margin-left:10%;*/}

.faqItemLayer{display:block;width:95%;padding:10px;border:solid 2px #847d7b;margin-left:10px}



#DivRecommends{margin-bottom:5px;/*margin-left:25px border:5px solid red*/}
#DivRecommends table{width:96%;border-collapse:collapse;border:solid 1px #6b696b;}
#DivRecommends div.BlockDivRight div.ImgBlockRight{background-repeat:no-repeat;height:auto;display:block;margin:0px auto 6px;border:0px none;text-align:center}
#DivRecommends div.BlockDivRight div.TextsBlockRight{text-transform:none;text-align:center;margin:10px auto 0px;}
#DivRecommends div.BlockDivRight a{color:#444;text-decoration:none}
#DivRecommends div.BlockDivRight div.DivProdPrice{ text-transform:uppercase;text-align:center;width:90%;}
#DivRecommends div.BlockDivRight div.DivProdPrice span{color:#6b696b;}
#DivRecommends div.BlockDivRight a.DvMoreInf{display:block;background-image:url('/images/dtf507_moreInfo.jpg');background-repeat:no-repeat;width:101px;height:31px;padding:0px;margin:5px auto 5px;}
#DivRecommends div.BlockDivRight table{border-collapse:collapse;border:0px none;width:160px;margin:0px auto 0px}

#DvTitProdDet{}
#DvTitProdDet h2{}
#DvTitProdDeth1 {
	
}


#DvTableRates #tblRates{width:100%;border:0px none;border-collapse:collapse;background-color:#f7f3f7}
#DvTableRates #tblRates td{padding:5px;border:solid 1px #f7f3f7}
#DvTableRates #tblRates tr#trTitles{color:#ffffff;background-color:#6b696b;text-align:center;text-transform:capitalize}
#DvTableRates #tblRates tr.trDetails{color:#000000;/*background-color:#f7f3f7*/;text-align:center;text-transform:capitalize}
#DvTableRates #DivZipD{display:block;width:100%;text-align:center;color:#734129}
#DvTableRates #DivTitle{width:100%;text-transform:uppercase;background-color:#bd0810;text-align:center;color:#ffffff;}

#DivPopupSocialMain{background-color: rgba(255, 255, 255, 0.8); /* background-image:url('/images/semi_transparent_black2.png') */;
display:block; 
position:fixed;
z-index:20;
width:100%;
height:100%;
padding-top:10%;
}

#DvContinerPop{display:block;width:450px;height:auto;background-color:#ffffff;padding:10px;text-align:center;margin:30px auto 30px;border:solid 4px #d2d2d2;border-radius:15px;cursor:pointer}
#DvContinerPop-1{display:block;/*width:450px*/;height:auto;padding:10px;text-align:center;/*margin:30px auto 30px;*/border:solid 4px #d2d2d2;border-radius:15px;cursor:pointer}
/* #DvContinerPop a{display:block;font:bold 12px verdana;text-transform:capitalize;text-decoration:none;color:#000000;border:0px none} */

/* old pop styles being  */
#DvContinerPop table{width:80%;border-collapse:collapse;border:0px none;margin:50px auto 10px}
#DvContinerPop table td{text-align:center;width:80px;height:80px;padding:10px}
#DvContinerPop div#DvMsgPop{display:block;margin:5px auto 5px;text-align:center;padding:0px;margin:0px;}
#DvContinerPop div.DvMsgSocial{display:block;margin:5px auto 5px;text-align:center;width:100%;height:auto;}
#DvContinerPop div.DvLogoSocial{display:block;width:80px;height:80px;background-repeat:no-repeat;cursor:pointer;margin:0px auto 0px}
/* old pop styles end  */


.DvAccesC{display:block;width:103px;height:28px;margin:5px auto 5px;background-image:url('/images/LOGIN.png');background-repeat:no-repeat;}
.DvAccesC a{display:block;position:relative;width:103px;height:28px}

.calcrate {border-radius:15px;border:solid 1px #FFFFCC;background-color:#fff4ef;padding:20px }

#DvSavings{display:block;padding:6px;text-align:center;text-transform:uppercase;background-color:#f00000;color:#fff}
#DvSavings span{color:#fff}
#DvTextSvings{display:block;width:250px;padding:5px;background-color:#000000;text-align:center;text-transform:uppercase;color:#ffffff}



/*---------------- css 2019 -------*/
.BtnMenu-2{background-repeat:repeat-x;height:39px;text-transform:uppercase;color:#C96300;border-right:solid 1px #ffffff;/*#1d9895*/}
.dtf-sidenav {height: 100%;width: 0;position: fixed;z-index: 99;top: 0;left: 0;background-color: #111;overflow-x: hidden;transition: 0.5s;padding-top: 60px;}
.dtf-sidenav a {padding: 8px 8px 8px 32px;text-decoration: none;color: #fff;display: block;transition: 0.3s;}
.dtf-sidenav a:hover {color: #f1f1f1;}
.dtf-cuarto-circulo {width: 100px;height: 100px;border: 2px solid #555;background: red;-moz-border-radius: 0 100% 0 0;-webkit-border-radius: 0 100% 0 0;border-radius: 0 100% 0 0;}
.dtf-luna {width: 100px;height: 100px;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;-moz-box-shadow: 30px 10px 0 #d9534f;-webkit-box-shadow: 30px 10px 0 #d9534f;box-shadow: 30px 10px 0 #d9534f;}
.dtf-triangulo {width: 0;height: 0;border-left: 100px solid #f0ad4e;border-top: 50px solid transparent;border-bottom: 50px solid transparent;}
.dtf-ribbon {width: 0px;height: 120px;border-left: 50px solid #d9534f;border-right: 50px solid #d9534f;border-bottom: 35px solid transparent;}
.dtf-spectrum-background {background:linear-gradient(red, transparent),linear-gradient(to top left, lime, transparent),linear-gradient(to top right, blue, transparent);background-blend-mode: screen;}
.dtf-gold {background: -webkit-linear-gradient(110deg, #fdcd3b 60%, #ffed4b 60%);background: -o-linear-gradient(110deg, #fdcd3b 60%, #ffed4b 60%);background: -moz-linear-gradient(110deg, #fdcd3b 60%, #ffed4b 60%);background: linear-gradient(110deg, #fdcd3b 60%, #ffed4b 60%);}
.dtf-bg-spring {background: -webkit-linear-gradient(70deg, #fff810  30%, rgba(0,0,0,0) 30%), -webkit-linear-gradient(30deg, #63e89e 60%, #ff7ee3 60%);background: -o-linear-gradient(70deg, #fff810  30%, rgba(0,0,0,0) 30%), -o-linear-gradient(30deg, #63e89e 60%, #ff7ee3 60%);background: -moz-linear-gradient(70deg, #fff810  30%, rgba(0,0,0,0) 30%), -moz-linear-gradient(30deg, #63e89e 60%, #ff7ee3 60%);background: linear-gradient(70deg, #fff810  30%, rgba(0,0,0,0) 30%), linear-gradient(30deg, #63e89e 60%, #ff7ee3 60%);}
.dtf-bg-purple {color: #fff;background: -webkit-linear-gradient(110deg, #5497A7 40%, rgba(0, 0, 0, 0) 30%), -webkit-radial-gradient(farthest-corner at 0% 0%, #50858B 70%, #78CAD2 70%);background: -o-linear-gradient(110deg, #5497A7 40%, rgba(0, 0, 0, 0) 30%), -o-radial-gradient(farthest-corner at 0% 0%, #50858B 70%, #78CAD2 70%);background: -moz-linear-gradient(110deg, #5497A7 40%, rgba(0, 0, 0, 0) 30%), -moz-radial-gradient(farthest-corner at 0% 0%, #50858B 70%, #78CAD2 70%);background: linear-gradient(110deg, #5497A7 40%, rgba(0, 0, 0, 0) 30%), radial-gradient(farthest-corner at 0% 0%, #50858B 70%, #78CAD2 70%);}
.dtf-cell:hover{border:1px solid #fff;}
.dtf-text-1{font-weight: 800;background: -webkit-linear-gradient(45deg, #09009f, #00ff95 80%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin: 0;}
.dtf-sidenav .closebtn {position: absolute;top: 0;right: 25px;margin-left: 50px;}
.dtf-btn-dark,.dtf-btn-dark:active, .dtf-btn-dark:focus,.dtf-btn-dark:hover {background:#000;color:#fff;}
.dtf-cell{border:5px solid #fff;margin:8px}
.dtf-container-fluid{}
.dtf-height-responsive{height:80px;}
.dtf-sidenav ul:first-child, 
.dtf-sidenav ul:first-child li,
.dtf-sidenav ul:nth-child(2),
.dtf-sidenav ul:nth-child(2) li {width:100%;}
.dtf-sidenav ul:first-child li a,
.dtf-sidenav ul:nth-child(2) li a{padding:15px;}
.dtf-sidenav ul:first-child, 
.dtf-sidenav ul:nth-child(2){margin-left:0;margin-right:0;}
.dtf-custom-checkout{color:#004b88;}
.dtf-sidenav .dtf-custom-checkout{color:#4fff5a;}


.dtf-rec-prd-detail {padding-top:20px; border:thin rgb(233, 233, 233) solid}



/*	<table responsive 1>	*/
.dtf-resp-table table {width: 750px; border-collapse: collapse; margin:0px auto;}
/* Zebra striping */
.dtf-resp-table tr:nth-of-type(odd) { background: #eee; }
.dtf-resp-table th { background: #3498db; color: white; font-weight: bold; }
.dtf-resp-table td, th { padding: 10px; border: 1px solid #ccc; text-align: left; }
/* Max width before this PARTICULAR table gets nasty This query will take effect for any screen smaller than 760px and also iPads specifically.*/
@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px)  {
	.dtf-resp-table table { width: 100%; }
	/* Force table to not be like tables anymore */
	.dtf-resp-table table,.dtf-resp-table thead,.dtf-resp-table tbody,.dtf-resp-table th,.dtf-resp-table td,.dtf-resp-table tr { display: block; }
	/* Hide table headers (but not display: none;, for accessibility) */
	.dtf-resp-table thead tr { position: absolute;top: -9999px;left: -9999px;}
	.dtf-resp-table tr { border: 1px solid #ccc; }
	.dtf-resp-table td { /* Behave  like a "row" */border: none;border-bottom: 1px solid #eee;position: relative;padding-left: 50%; }
	.dtf-resp-table td:before { /* Now like a table header */position: absolute;/* Top/left values mimic padding */top: 6px;left: 6px;width: 45%; padding-right: 10px; white-space: nowrap;/* Label the data */content: attr(data-column);color: #000;font-weight: bold;}
}
/*  </table responsive 1>   */

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (max-width: 812px) {
	.dtf-container-fluid{background:white;width:100%;margin:auto;padding:0;margin:0}
	.dtf-height-responsive{height:auto;}
	.dtf-xs-expand{width:100%;}
	.new_product {  /* new product icon */
	position:relative; left:120px; top:0px; z-index:99	
}

}


@media screen and (max-height: 650px) {
  .dtf-sidenav {padding-top: 15px;}
  .dtf-sidenav a {}
  .dtf-rec-prd-detail {padding-top:20px; border:thin rgb(233, 233, 233) solid}
}

@media only screen 
    and (max-width: 760px), (min-device-width: 768px) 
    and (max-device-width: 1024px)  {

		/* Force table to not be like tables anymore */
		.dtf-transform-table,
		.dtf-transform-table table,
		.dtf-transform-table thead, 
		.dtf-transform-table tbody, 
		.dtf-transform-table th, 
		.dtf-transform-table td, 
		.dtf-transform-table tr {
			display: block;
		}
		.dtf-hidden-label span{display:block !important;}
		.dtf-hidden-label{text-align:left !important;padding:8px}
}
.Dtf-label-control .Label, .Dtf-label-control a{white-space: nowrap;float:left;}
.dtf-hidden-label span{display:none;}