/* Global Reset */

* {
    margin: 0;
    padding: 0;
}

/* General */

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    height: 100%;
    /* min-width: 990px; */
    margin: 0px;
}

input,
select {
    font-size: 12px;
}

input {
    padding: 2px;
}

p {
    line-height: 1.3;
    margin-bottom: 15px;
}

a {
    font-weight: normal;
    text-decoration: underline;
}

h2 {
    font-size: 1.7em;
    font-weight: normal;
    margin: 0 0 8px 0;
}

h3 {
    font-size: 1.1em;
    margin-bottom: 6px;
}

h4 {
    font-size: 1.1em;
    margin-bottom: 4px;
}

img,
img a {
    border: 0;
}

ul,
ol {
    margin: 0 0 10px 30px;
}

li {
    margin: 0;
    margin-bottom: 2px;
    padding: 0;
}

blockquote {
    margin-left: 28px;
}

select option {
    padding: 0 10px;
}

hr {
    margin: 10px 0;
    padding: 0;
    height: 1px;
    border: 0;
}

/* Forms */

.HorizontalFormContainer dl,
.VerticalFormContainer dl {
    margin: 0;
}

.HorizontalFormContainer dt img {
    vertical-align: middle;
    float: left;
}

.HorizontalFormContainer dt .fieldLabel {
    float: left;
    padding-top: 4px;
    padding-left: 4px;
}

.HorizontalFormContainer dt {
    width: 160px;
    /*width: 18px;*/
    float: left;
    clear: left;
    padding-top: 8px;
    font-size: 13px;
    font-weight: 600;
}

.HorizontalFormContainer dd.ProductField {
    height: 20px;
}

.HorizontalFormContainer dd {
    padding-top: 4px;
    margin-left: 170px;
}

.NarrowFormContainer dt {
    width: 110px;
}

.NarrowFormContainer dd {
    margin-left: 120px;
}

.HorizontalFormContainer p.Submit {
    margin-left: 0;
}

.NarrowFormContainer p.Submit {
    margin-left: 120px;
}

.VerticalFormContainer dt {
    margin-bottom: 6px;
}

.VerticalFormContainer dd {
    margin-bottom: 6px;
    margin-left: 10px;
}

/* Page Container */

#Container {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
}

/* Top Navigational Menu */

#TopMenu {
	width: 100%;
	height: auto;
	min-height: 40px;
	background: #34a8dc;
	display: flex;
	justify-content: right;
	align-items: center;
}

#TopMenu ul {
    list-style: none;
    margin: 0 0 0 10px;
    padding: 0;
    float: right;
}

#TopMenu li {
    list-style: none;
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
}

#TopMenu li.First a {}

#TopMenu li a,
#TopMenu li div {
    display: block;
    text-decoration: none;
   font-size: 1em;
  padding: 5px 10px 0 0;
  margin: 0 0 0 5px;
}

#TopMenu li div a {
    padding: 0;
    margin: 0;
    display: inline;
    font-size: 1em;
}

#TopMenu li a:hover {
    text-decoration: underline;
}

/* Pages Menu */

#Menu {
    clear: both;
    float: left;
    width: 100%;
    margin: 1px 0 0 0;
    height: auto;
    display: block;
    position: relative;
    z-index: 1;
}

#Menu ul {
    margin: 0 0 0 6px;
    padding: 0;
}

#Menu li {
/*    float: left;*/
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

#Menu li.First {}

#Menu li a {
	display: block;
	/* float: left; */
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	padding: 10px 10px 10px 10px;
	/* height: 16px; */
	letter-spacing: 0.5px;
}

#Menu li a:hover {
    text-decoration: underline;
}

#Menu li ul {
    width: auto;
    position: absolute;
    clear: left;
    top: 26px;
    left: -6px;
    display: none;
    text-align: left;
    font-size: 0.85em;
    background: transparent;
    z-index: 10;
}

#Menu li ul li {
    clear: both;
    text-align: left;
    background: transparent;
}

#Menu li ul li a {
    padding: 5px 10px 5px 10px;
    font-size: 1em;
    text-align: left;
    margin: 0;
    width: 120px;
    height: auto;
}

#Menu li a:hover {
    text-decoration: underline;
}

#Menu li.over a {
    text-decoration: none;
}

#Menu li ul li a,
#Menu li.over li a {}

#Menu li:hover ul,
#Menu li.over ul {
    display: block;
}

#Menu li ul li a:hover {
    text-decoration: underline;
}

/* Holly Hack. IE Requirement */

* html #Menu ul li {
    float: left;
    height: 1%;
}

* html #Menu ul li a {
    height: 1%;
}

/* End */

/* Outer Content Wrapper (Surrounds header & content) */

#Outer {
    clear: both;
}

#Wrapper {
    clear: both;
    position: relative;
    width: 100%;
    z-index: 0;
/*    top: 40px;*/
    /* To enable  menu dropdowns over a relatively positioned element */
}

/* Header */

#Header {
/*
    clear: both;
    float: left;
    width: 100%;
*/
    /* height: 116px; */
/*
    height: auto;
    display: inline;
*/
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Logo */

#Logo {
/*    float: left;*/
    /* width: 350px; */
    /* height: 90px; */
    /* margin: 10px 0 0 50px; */
/*    display: inline;*/
}

#Logo h1 {}

#Logo h1 a {
    text-decoration: none;
}

/* Top Search Form */

#SearchForm {
    float: right;
    /* width: 240px; */
    /* height: 46px; */
    display: inline;
    padding: 70px 0 0 0;
    overflow: hidden;
}

#SearchForm form {
    padding: 0;
    margin: 0;
}

#SearchForm label {
    font-size: 1.6em;
}

#SearchForm input {
    width: 140px;
    height: 15px;
    font-size: 0.9em;
    padding: 2px 3px 2px 3px;
    margin: 0;
    border: 1px;
}

#SearchForm .Button {
    width: 21px;
    height: 21px;
    padding: 0;
    background: transparent;
    vertical-align: middle;
}

#SearchForm p {
    font-size: 0.8em;
    margin: 2px 0 0 0;
}

#SearchForm a {
    text-decoration: none;
}

.BlockContent {
    margin: 0 !important;
/*    margin-bottom: 15px!important;*/
    padding: 10px;
}

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

/* Left Content Area */

.Left {
    /* position: absolute; */
    /* left: 10px; */
    /* top: 10px; */
    /* width: 185px; */
    min-height: 500px;
    font-size: 1em;
    padding: 10px 0 10px 0;
}

/*
.Left .Block {
    margin: 0 10px 10px 10px;
    padding: 5px 5px 10px 5px;
    border-radius: 10px;
    border: 2px solid #3399cc;
}
*/

.Left .Block {
	margin: 0 0px 10px 0px;
	padding: 0;
	border-radius: 5px;
	/* border: 2px solid #0088cc; */
	/* border: none; */
	box-shadow: none;
	background: #fff;
	border: 1px solid #1a97d4;
	padding-bottom: 10px;
	border: 1px solid #e1e1e1;
}
.Left .BlockContent {}

.Left h2 {
    font-size: 1.2em;
    font-weight: bold;
    margin: -5px 0 5px 0;
    padding: 3px 4px;
}

.Left ul {
    margin: 0;
    padding: 0;
}

.Left li {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 3px 0;
}

.Left li {}

.Left #SideCategoryList li:hover{
    background-color: #e8f4f8;
}

.Left li a {
    text-decoration: none;
}

.Left li a:hover {
    text-decoration: underline;
}

.Left #SideCategoryList li ul {
    border-top: 1px solid #cb9a8a;
}

.Left #SideCategoryList li.LastChild {
    border-bottom: 0 !important;
}

.Left #SideCategoryList li {
	padding: 8px 0 8px 0;
}

.Left #SideCategoryList li ul {
    padding-left: 15px;
    margin-bottom: 5px;
}

/* Primary Content Area */

.Content {
    min-height: 500px;
    margin: 0;
    padding: 10px 0 10px 0;
    font-size: 0.95em;
    /* margin: 0 196px 0 196px; */
}

.Content .Block {
    clear: both;
    margin-bottom: 15px;
}

.Content h2 {
    padding: 10px 5px;
    margin: 5px 0 5px 0;
}

.Content a:hover {
    text-decoration: underline;
}

/* Primary Content Area (column span of 2) */

.Content.Wide {
    margin: 0 190px 0 20px;
}

.Content.Wide.WideWithLeft {
    padding: 10px 10px 10px 10px;
    margin: 0;
    box-sizing: border-box;
}

/* Primary Content Area (column span of 3 - spans entire page width) */

.Content.Widest {
    margin: 0 20px 0 20px;
}

/* Right Content Area */

.Right {
    /* position: absolute; */
    /* right: 10px; */
    /* top: 10px; */
    /* width: 185px; */
    min-height: 500px;
    font-size: 1em;
    padding: 15px 0 10px 0;
}

.Right .Block {
	margin: 0;
	padding: 0 0 10px 0;
	border-radius: 6px;
	/* border: 1px solid #3399cc; */
	margin-bottom: 10px;
	background-color: #fff;
	border: 1px solid #e1e1e1;
}


.Right .Block .ProductList{
    
    display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;   
    margin-top: 12px;
}

.Right .BlockContent {}

.Right h2 {
	font-size: 1.2em;
	font-weight: normal;
	margin: 0px 0 5px 0;
	padding: 8px 4px;
}

.Right ul {
    margin: 0;
    padding: 0;
}

.Right li {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 8px 5px 8px 5px;
	display: flex;
}

.Right li:hover{
    background-color: #e8f4f8;
}

.Right li {}

.Right li a {
    text-decoration: none;
}

.Right li a:hover {
    text-decoration: underline;
}

/* Page Footer */

/*
#Footer {
    clear: both;
    position: relative;
    font-size: 0.85em;
    text-align: center;
    
    margin: 20px 0 0 0;
    padding: 40px 0 0 0;
}
*/
/* margin: 20px 190px 0 190px; */
#Footer ul {
    list-style: none;
    margin: 0 0 30px 115px;
    padding: 0;
}

#Footer li {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

#Footer li a {
    text-decoration: none;
    padding: 0 10px 0 10px;
}

/* Newsletter Subscription Form */

.NewsletterSubscription {
    clear: both;
}

.NewsletterSubscription label {
    clear: both;
    float: left;
}

.NewsletterSubscription input {
    width: 139px;
    font-size: 0.9em;
    padding: 3px;
    margin-bottom: 5px;
}

.NewsletterSubscription .Button {
    width: 109px;
    height: 23px;
    border: 0;
    margin-top: 2px;
    vertical-align: middle;
}

/* Product Listings */

/*.ProductList {
    list-style: none;
    margin: 0;
    padding: 0;
}*/

/*.Content .ProductList li {
    padding-bottom: 5px;
    list-style: none;
    float: left;
    width: 137px;
    min-height: 20em;
    font-size: 0.95em;
    text-align: center;
    margin: 6px 15px 10px 0;
}

.ProductList a {
    text-decoration: none;
}

.ProductList .ProductImage {
    margin: 5px 0 5px 6px;
    display: table-cell;
    width: 120px;
    height: 120px;
    padding: 4px;
    text-align: center;
    vertical-align: middle;
}

.ProductList .ProductImage {
    vertical-align: middle;
}

.ProductList .ProductDetails {
    margin: 5px 5px 5px 0;
    min-height: 0;
}

*/

.ProductPrice,
.ProductList em {
    font-style: normal;
    font-weight: bold;
}

.ProductList em,
.ProductList .Rating {
    margin-top: 3px;
    display: block;
}

.ProductList .Rating {
    font-size: 0.9em;
    font-weight: bold;
}

.ProductList .Rating img {
    height: 12px;
    margin-top: 3px;
}

.ProductList li .ProductCompareButton {
    margin-top: 3px;
    text-align: center;
}

.Left .ProductList .ProductImage,
.Right .ProductList .ProductImage {
    display: none;
}

.Left .ProductList .ProductImage img,
.Right .ProductList .ProductImage img {
    max-width: 130px;
}

.Right .ProductList li {
    clear: both;
    list-style: none;
    margin: 0;
    /*margin-top: 5px;*/
    padding: 3px 0 5px 0;
    color: #000000;
    width: 100%;
}

.Right .SideCart p {
    color: #000000;
}

/* Top Seller Block Specific */

.Right .TopSellers {
    clear: both;
    padding: 0 0 10px 0;
}

.Right .TopSellers ul {
    margin: 0;
    padding: 0;
}

.Right .TopSellers li {
    clear: both;
    margin: 0 0 5px 0;
}

.Right .TopSellers li .TopSellerNumber {
    /* Contains the number of the item */
    float: left;
    width: 14px;
    font-size: 1.6em;
    padding: 0 0 2px 4px;
}

.Left .TopSellers li .TopSellerNumber {}

.Right .TopSellers .ProductDetails {
    /* Contains the details of the item */
    margin: 0;
    margin-left: 24px;
}

.Right .TopSellers li.TopSeller1 {
    /* No1 seller box */
    clear: both;
    float: left;
    width: 147px;
    height: auto;
    margin: 0 0 5px 0;
    padding: 0 0 10px 0;
    display: inline;
}

.Right .TopSellers li.TopSeller1 img {
    text-align: center;
    overflow: hidden;
}

.Right .TopSellers li.TopSeller1 .TopSellerNumber {
    position: relative;
    z-index: 1;
    width: 38px;
    height: 38px;
    color: #fff;
}

.Right .TopSellers li.TopSeller1 .ProductDetails {
    clear: both;
    float: left;
    width: 125px;
    font-size: 1.1em;
    margin: 0;
    padding: 3px 5px 5px 15px;
}

.Right .TopSellers li.TopSeller1 .ProductImage {
    clear: both;
    float: left;
    width: 144px;
    display: inline;
    text-align: center;
    overflow: visible;
    margin: -20px 0 0 0;
    padding: 0;
    border: 0;
}

.Right .TopSellers li .TopSellerNumber {}

/* Page Breadcrumbs */

.Breadcrumb ul,
.Breadcrumb li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.Breadcrumb {
    font-size: 1em;
    padding-bottom: 4px;
    border-bottom: 1px solid #fff;
}

.Breadcrumb li {
    padding-left: 6px;
    display: inline;
}

.Breadcrumb li a {
    padding-right: 10px;
    background: url('../../Wine/images/BreadcrumbSep.gif') no-repeat right;
}

.FindByCategory ul,
.FindByCategory li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.FindByCategory li {
    padding-left: 12px;
    background: url('../../Wine/images/BreadcrumbSep.gif') no-repeat 3px 5px;
    padding-right: 8px;
    display: inline;
}

/* Miscellaneous Definitions */

.Meta {
    color: #444;
    font-size: 0.93em;
}

.Left .FeedLink,
.Right .FeedLink {
    float: right;
}

.Content .FeedLink {
    float: left;
    margin: 4px 6px 0 0;
}

.FloatRight {
    float: right;
}

.FloatLeft {
    float: left;
}

.ClearRight {
    clear: right;
}

.ClearLeft {
    clear: left;
}

.SortBox {
    font-size: 0.95em;
    color: #444;
    margin: -6px 4px 0 0;
}

.sortcode {
    float: none !important;
    width: 165px !important;
}

.CompareButton {
    clear: both;
    text-align: right;
    margin-top: 12px;
    padding: 4px;
    display: none;
}

.Clear {
    clear: both;
}

.Field45 {
    width: 45px;
}

.Field100 {
    width: 100px;
}

.Field150 {
    width: 150px;
}

.Field200 {
    width: 200px;
}

.Field250 {
    width: 250px;
}

.Field300 {
    width: 300px;
}

.Field350 {
    width: 350px;
}

.Field400 {
    width: 400px;
}

.MB10 {
    margin-bottom: 10px;
}

.MT0 {
    margin-top: 0px;
}

.LH140 {
    line-height: 140%;
}

.PLRB5 {
    padding: 0px 5px 5px 5px;
}

.PLR10 {
    padding: 0px 10px 0px 10px;
}

.PL20 {
    padding: 0px 0px 0px 20px;
}

.PL40 {
    padding: 0px 0px 0px 40px;
}

.ML20 {
    margin: 0px 0px 0px 20px;
}

.MT10 {
    margin-top: 10px;
}

.PL10 {
    padding-left: 10px;
}

.PB2 {
    padding-bottom: 2px;
}

.NoMarginBottom {
    margin-bottom: 0;
}

.Requi#D33 {
    color: #D33;
    font-weight: bold;
}

.InfoMessage {
    padding: 8px 6px 8px 28px;
    margin-bottom: 10px;
}

.SuccessMessage {
    padding: 8px 6px 8px 28px;
    margin-bottom: 10px;
}

.ErrorMessage {
    padding: 8px 6px 8px 28px;
    margin-bottom: 10px;
}

/************* Page Specific: Create Account / Login Page *************/

.CreateAccount {
    float: left;
    width: 45%;
    border-right: 1px solid #fff;
    padding-right: 1%;
}

.AccountLogin {
    float: left;
    padding-left: 1%;
    width: 45%;
}

ul.ShippingAddressList{
    list-style: none;
    margin: 0;
    padding: 0;    
    display: grid;
  grid-template-columns: repeat(3, 1fr);
    gap:15px 15px;
}
ul.ShippingAddressList li {
    list-style: none;
    margin: 0;
    padding: 0;
    width: auto;
}

ul.ShippingAddressList li {
   margin: 0px;
    padding: 0px;
}

.PrimaryProductDetails .ProductThumb {
    float: left;
    width: 190px;
    text-align: center;
}

.PrimaryProductDetails .ProductMain {
    min-width: 350px;
    float: left;
}

.PrimaryProductDetails dl {
    font-size: 0.90em;
}

.PrimaryProductDetails dt {
    font-weight: bold;
    width: 80px;
    clear: left;
}

.PrimaryProductDetails dd {
    margin-left: 90px;
}

.Right hr {
    margin: 5px 0 0;
}

.Content h3 {
    margin-bottom: 5px;
}

.ComparisonCheckbox {
    float: left;
}

.SideRecentlyViewed .ProductList li {
    margin-left: 0;
}

.SideRecentlyViewed .ProductDetails {
    margin-left: 20px;
}

/* Product Comparisons */

.ComparisonTable {
    width: 100%;
}

.ComparisonTable td {
    vertical-align: top;
    font-size: 11px
}

.CompareFieldName {
    width: 95px;
    padding: 8px 10px 8px 15px;
}

.CompareFieldTop {
    padding: 5px;
    text-align: center;
}

.CompareFieldTop a {
    text-decoration: none;
    font-size: 10px;
}

.CompareFieldTop a:hover {
    text-decoration: underline;
}

.CompareLeft {
    padding: 5px 10px 5px 10px;
}

.CompareCenter {
    text-align: center;
    padding: 5px;
}

.CompareRating {
    text-align: center;
    padding-top: 8px;
    vertical-align: middle;
}

.CompareProductOption {
    margin-left: 20px;
    padding-left: 5px;
}

.Availability {
    color: gray;
}

.LittleNote {
    color: gray;
    font-size: 0.85em;
}

.ViewCartLink {
    padding-left: 30px;
    padding-top: 4px;
    padding-bottom: 8px;
}

/* General Tables */

table.General,
table.CartContents,
table.General {
    width: 100%;
    margin: 10px 0;
}

table.General thead tr th,
table.CartContents thead tr th {
    padding: 6px 10px;
    text-align: left;
}

table.General tbody td,
table.CartContents tbody td {
    padding: 6px 10px;
    vertical-align: top;
}

table.General tbody tr.First td {
    border-top: 0;
}

/* Cart Contents Table */

.CartContents tbody td {
    border-bottom: 0;
}

.CartContents .ProductName a {
    font-weight: bold;
}

.CartContents tfoot .SubTotal td {
    text-align: right;
    font-weight: bold;
}

.ProceedToCheckout {
    text-align: right;
}

.ProceedToCheckout a {
    padding-top: 5px;
}

.MiniCart .SubTotal {
    text-align: center;
    font-size: 115%;
}

.JustAddedProduct {
    width: 128px;
    overflow: hidden;
    margin: auto;
    text-align: center;
    padding: 5px;
    margin-bottom: 10px;
}

.JustAddedProduct strong,
.JustAddedProduct a {
    font-weight: bold;
    font-size: 1.02em;
    display: block;
    margin-bottom: 3px;
}

.CategoryPagination .PagingList,
.CategoryPagination .PagingList li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.CategoryPagination {
    padding: 5px;
    text-align: center;
}

.CategoryPagination .PagingList li {
    display: inline;
    padding: 0 5px;
}

/* Quick Search */

.QuickSearch {
    z-index: 10;
    margin: 0;
    padding: 0;
    text-align: left;
    border-collapse: collapse;
    background: #fff;
}

.QuickSearchTitle td,
.QuickSearchAllResults td {
    font-weight: bold;
    padding: 4px;
    font-size: 11px;
}

.QuickSearchResult td {
    font-size: 11px;
    padding: 8px 0px 8px 8px;
    cursor: pointer;
}

.QuickSearchResultImage {
    margin-left: 4px;
    margin-right: 10px;
    text-align: center;
}

.QuickSearchResultNoImage {
    padding-top: 10px;
    color: #777;
}

.QuickSearchResultName {
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding-bottom: 5px;
}

.QuickSearchResult .Price {
    font-size: 11px;
}

.QuickSearchHover td {}

.QuickSearchHover a {
    text-decoration: underline;
    font-weight: bold;
}

.QuickSearchAllResults {
    text-indent: -7000px;
}

.QuickSearchAllResults a {
    text-decoration: underline;
    height: 25px;
    display: block;
}

.QuickSearchAllResults a:active,
.QuickSearchAllResults a {
    outline: none;
    -moz-outline-style: none;
}

.QuickSearchResult .RatingIMG {
    padding-left: 8px;
    padding-top: 2px;
}

/* Brand Tag Clouds */

.BrandCloud .smallest {
    font-size: 12px;
}

.BrandCloud .small {
    font-size: 15px;
}

.BrandCloud .medium {
    font-size: 18px;
}

.BrandCloud .large {
    font-size: 20px;
}

.BrandCloud .largest {
    font-size: 26px;
}

.BrandCloud a {
    padding-right: 5px;
}

.DownloadExpires {
    padding-top: 3px;
    font-style: italic;
    color: gray;
}

.DownloadExpiresToday {
    color: #D33;
}

.Checkout#D33eemCoupon h4 {
    margin-top: 0;
}

.Checkout#D33eemCoupon p {
    margin-top: 10px;
    margin-bottom: 0;
}

.BillingDetails {
    float: left;
    width: 48%;
    margin-right: 10px;
    margin-bottom: 15px;
}

.ShippingDetails {
    float: left;
    width: 48%;
    margin-bottom: 15px;
}

.ProductDetailsGrid dt {
    width: 140px;
    margin-bottom: 6px;
    float: left;
    font-weight: bold;
}

.ProductDetailsGrid dd {
    margin-left: 145px;
    margin-bottom: 6px;
}

.SubCategoryList {
    /*padding: 4px;shz*/
    padding: 0px;
}

.SubCategoryList ul,
.SubCategoryList li {
    list-style: square;
    margin-left: 0;
    margin-top: 5px;
}

.SubCategoryList li {
    color: #AE1935;
    margin-bottom: 4px;
    margin-left: 25px;
}

.SearchTips .Examples {
    padding: 8px;
    color: #555;
    margin-left: 30px;
    margin-bottom: 10px;
}

.ProductDetails .ProductThumb p {
    margin-top: 10px;
    font-size: 0.9em;
}

.ProductReviewList {
    clear: both;
}

.SortBox select {
    font-size: 12px;
  padding: 4px 10px;
}

.SortBox option {
    color: #444;
}

.YourAccount li {
    margin-bottom: 8px;
}

.SoldOut {
    color: #999;
}

.RemoveFromWishlistForm {
    margin: 5px;
}

.ShippingProviderList {
    list-style: none;
}

.GoogleCheckout p,
.PayPalExpressCheckout p,
.AlternativeCheckout p {
    margin: 0;
    font-size: 90%;
}

.GoogleCheckout,
.PayPalExpressCheckout,
.AlternativeCheckout {
    text-align: center;
    margin-bottom: 10px;
    clear: both;
}

.KeepShopping {
    width: 180px;
    clear: both;
    text-align: right;
}

/** Top Right Locale Chooser (list of flags) **/

#TopMenu li.Flag {
    float: right;
}

#TopMenu li.Flag div {
    border: 0;
}

#TopMenu li.Flag img {
    margin: 3px;
}

#TopMenu li.Flag img.Last {
    margin-right: 0px;
}

#TopMenu li.Flag img.Selected {
    border: 2px solid #ffffaa;
    margin: 1px 3px;
}

/** Currency Selector **/

.CurrencyList dl {
    margin: 0;
    padding: 0;
}

.CurrencyList dd {
    padding: 0px;
    margin: 0px;
    border: 1px solid #EDECEC;
    clear: both;
}

.CurrencyList a {
    padding: 0 3px;
    display: block;
    line-height: 1.8;
    text-decoration: none;
    font-size: 11px;
}

.CurrencyList a:hover {
    background-color: #F9F9F9;
}

.CurrencyList a.Sel {
    background-color: #FFFFAA;
}

.CurrencyList a:hover .Text {
    text-decoration: underline;
}

.CurrencyList a .Flag {
    width: 24px;
    padding-right: 4px;
    vertical-align: middle;
}

/* Shipping Estimation on Cart Contents Page */

.EstimateShipping {
    margin-top: 4px;
    margin-bottom: 4px;
    font-weight: normal;
    width: 320px;
    padding: 7px;
    float: right;
}

.EstimateShipping dt {
    width: 100px;
    float: left;
    margin-bottom: 8px;
    clear: left;
}

.EstimateShipping dd {
    margin-bottom: 8px;
    font-weight: normal;
    text-align: left;
    margin-left: 114px;
}

.EstimateShipping p.Submit {
    margin-top: 10px;
    margin-bottom: 3px;
}

.EstimateShipping label {
    display: block;
    margin-bottom: 5px;
}

.EstimatedShippingMethods {
    text-align: left;
}

.EstimatedShippingMethods table {
    width: 100%;
    border-collapse: collapse;
}

.EstimatedShippingMethods .VendorShipping {
    margin-left: 20px;
    margin-bottom: 10px;
}

.EstimatedShippingMethods .Submit {
    text-align: right;
}

.CartContents tfoot .SubTotal .EstimatedShippingMethods tbody td {
    text-align: left;
}

.CartContents tfoot .SubTotal .EstimatedShippingMethods tbody td.Price {
    text-align: right;
}

/* Shipping Estimation on Cart Contents Page */

.EstimateShipping {
    border: 1px solid #e4b3bc;
    background: #fff;
}

.SharePublicWishList {
    background-color: seashell;
    padding: 5px;
    border: 1px solid pink;
}

/* Express Checkout */

.ExpressCheckoutBlock .ExpressCheckoutTitle {
    position: relative;
    padding: 6px;
    margin-bottom: 10px;
}

.ExpressCheckoutBlock h3 a {
    font-size: 12px;
}

.ExpressCheckoutBlock {
    padding-top: 6px;
}

.ExpressCheckoutBlock .ExpressCheckoutCompletedContent {
    display: none;
}

.ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent {
    display: inline;
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
}

.ExpressCheckoutBlockCollapsed .ExpressCheckoutContent {
    display: none;
}

a.ChangeLink {
    /*position: absolute;
    right: 15px;*/
    float: right;
}

.ExpressCheckoutBlock a.ChangeLink {
    display: none;
}

.ExpressCheckoutBlockCompleted a.ChangeLink {
    display: inline;
}

.ExpressCheckoutCompletedContent {
    position: absolute;
    left: 200px;
}

.LoadingIndicator {
    margin-left: 10px;
}

.LoadingIndicator img {
    vertical-align: middle;
    margin-right: 10px;
}

#TopMenu li.HeaderLiveChat {
    background-image: none;
}

#TopMenu li.HeaderLiveChat div {
    border-left: 0;
}

#TopMenu li.HeaderLiveChat div a {
    background-image: none;
    font-weight: bold;
}

.HeaderLiveChat img {
    vertical-align: middle;
}

#ProductOtherDetails .ProductDetailsGrid {
    margin-left: 25px;
}

.SubCategoryListGrid {
    padding: 4px;
}

.SubCategoryListGrid ul,
.SubCategoryListGrid li {
    list-style: none;
    margin-left: 0;
}

.SubCategoryListGrid li {
    margin-bottom: 4px;
    padding: 10px;
    margin-left: 10px;
    background: #fff;
    float: left;
    text-align: center;
}

.SubCategoryListGrid ol {
    clear: both;
}

.SubBrandList {
    padding: 4px;
}

.SubBrandList ul,
.SubBrandList li {
    list-style: none;
    margin-left: 0;
}

.SubBrandList li {
    margin-bottom: 4px;
    padding-left: 25px;
    background: url('../../Wine/images/SubBrand.gif') no-repeat 3px 1px;
}

.SubBrandListGrid {
    padding: 4px;
}

.SubBrandListGrid ul,
.SubBrandListGrid li {
    list-style: none;
    margin-left: 0;
}

.SubBrandListGrid li {
    margin-bottom: 4px;
    padding: 10px;
    margin-left: 10px;
    background: #fff;
    float: left;
    text-align: center;
}

.SubBrandListGrid ol {
    clear: both;
}

.ProductAddToCart dt div.Requi#D33,
#CartEditProductFieldsForm dt div.Requi#D33 {
    width: 8px;
}

.ProductAddToCart input.Textbox,
#CartEditProductFieldsForm input.Textbox {
    width: 181px;
}

.ProductAddToCart textarea,
#CartEditProductFieldsForm textarea {
    width: 183px;
    height: 50px;
}

.CartContents .CartProductFieldsLink {
    font-size: 11px;
    color: #666;
    margin-top: 6px;
    padding-left: 22px;
    background: url('../../Wine/images/GiftWrappingAvailable.gif') no-repeat;
    padding-bottom: 4px;
}

.ProductFields dd {
    margin-bottom: 4px;
    float: left;
    margin-left: 20px;
}

.ProductFields {
    margin-bottom: 15px;
}

.ProductFields input.Textbox {
    width: 100%;
}

.ProductFields TextArea {
    width: 100%;
}

.CartContents .CartProductFieldsRow {
    border-top: 0;
}

.CartContents .CartProductFieldsRow dl {
    margin-top: 15px;
}

p.QuantityInput,
p.AddCartButton {
    text-align: center;
}

.ProductAddToCart dt.QuantityInput {
    margin-top: 4px;
}

.ProductAddToCart dd.AddCartButton span {
    margin-top: 4px;
    padding-right: 5px;
}

.ProductActionAdd {
    display: block;
    margin-top: 3px;
    min-height: 25px;
    position: relative;
}

.ProductActionAdd a,
.ProductActionAdd strong a {
    text-decoration: underline;
}

.TagList {
    margin-top: 20px;
}

.CartThumb {
    text-align: center;
    width: 1px;
}

.WrappingOptions {
    font-size: 11px;
    color: #666;
    margin-top: 6px;
    padding-left: 22px;
    background: url('../../Wine/images/GiftWrappingAvailable.gif') no-repeat;
    padding-bottom: 4px;
    line-height: 1.6;
}

.ViewAllLink a {
    padding-top: 10px;
    display: block;
}

.SelectGiftWrapMultiple {
    max-height: 400px;
}

/* Tabbed Navigation */

.TabNav,
.TabNav li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.TabNav {
    font-size: 11px;
    margin-bottom: 10px;
    padding: 6px 4px 6px 4px;
}

.TabNav li {
    display: inline;
}

.TabNav li a {
    position: relative;
    top: 2px;
    font-size: 12px;
    padding: 4px 6px;
    margin-right: 3px;
    margin-top: 3px;
    text-decoration: none;
}

.TabNav li a:hover {
    text-decoration: none;
}

.TabNav li.Active a {
    margin-top: 0px;
    padding-top: 7px;
    font-weight: bold;
}

.ProductAddToCart dd.AddCartButton div.BulkDiscount {
    display: inline-block;
    float: left;
}

.ProductAddToCart dd.AddCartButton div.BulkDiscount div.BulkDiscountLink {
    padding-left: 4px;
}

#VendorLogo .BlockContent,
#VendorPhoto .BlockContent {
    margin: 0;
    text-align: center;
}

.TransitTime {
    font-weight: normal;
    color: gray;
}

.Content .ProductList.List li {
    margin: 0;
    margin-top: 6px;
    display: block;
    width: auto;
    float: none;
    padding: 6px;
    min-height: 0;
    height: 132px;
    background-image: none;
}

.Content .ProductList.List .ProductImage {
    margin: 0 !important;
    padding: 0px;
    margin-right: 15px;
    float: left;
    background-image: none;
    width: 120px;
    height: 120px;
}

.Content .ProductList.List .ProductDetails {
    height: auto;
    display: block;
    clear: none;
    padding: 0px;
    padding-left: 5px;
    margin: 0px;
    margin-left: 135px;
    text-align: left;
    background-image: none;
}

.Content .ProductList.List .ProductQty {
    margin-left: 10px;
}

.Content .ProductList.List .ProductDescription {
    font-style: italic;
    margin-top: 5px;
}

.Content .ProductList .ProductRightCol {
    float: right;
}

.Content .ProductList.List li .ProductCompareButton {
    text-align: left;
    margin-top: 10px;
}

.OrderItemMessage {
    background-color: #fff1a8;
    padding: 7px;
    margin: 10px 0px 10px 0px;
}

/* Custom Fields - Start */

.LittleNotePassword {
    color: gray;
    font-size: 0.85em;
    padding: 2px 0px 2px 0px;
}

.Requi#D33Clear {
    visibility: hidden;
}

/* Product Details */

.ProductDetailsGrid .DetailRow {
    clear: left;
    margin-top: 6px;
    padding-left: 140px;
}

.ProductDetailsGrid .Label {
    margin: 0 0 6px -140px;
    float: left;
    width: 130px;
    font-weight: bold;
    padding-top: 1px;
    display: inline;
    position: relative;
    text-align: right;
}

.ProductDetailsGrid .Value {
    display: inline;
}

.ProductDetailsGrid .Label .Requi#D33 {
    position: absolute;
    left: -1em;
}

.ProductOptionList ul,
.ProductOptionList li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ProductOptionList li {
    margin-bottom: 3px;
}

.ProductOptionList input {
    vertical-align: middle;
}

/* Product Videos */

#Featu#D33Video,
#VideoList,
#VideoSingle {
    float: left;
}

#VideoList {
    padding-left: 5px;
}

.VideoSeparator {
    clear: both;
}

.videoRow {
    clear: both;
    margin-bottom: 4px;
    display: block;
    height: 75px;
}

.previewImageContainer {
    height: 30px;
    width: 50px;
}

.videoRow img {
    float: left;
    padding-right: 5px;
}

.videoRowTitle {
    font-weight: bold;
}

.videoRowDescription {
    max-height: 50px;
    overflow: hidden;
}

.VideoOverlay {
    background-image: url('../images/VideoOverlay.png');
    background-position: center center;
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    top: 0;
}

.VideoContentContainer {
    position: relative;
    margin-left: 3px;
    padding-left: 92px;
}

/** If you change the width of the .VideoPreviewSize class below, change the padding-left of the .VideoContentContainer class above **/

.VideoPreviewSize {
    width: 92px;
    height: 69px;
}

.videoRowLength {
    padding-left: 4px;
}

.videoRow,
.videoRowTitle,
.videoRow img,
.videoRowLength {
    cursor: pointer;
}

#VideoList ul {
    position: relative;
    overflow-y: auto;
    padding: 0;
    margin: 0;
    width: 270px;
    height: 265px;
}

#VideoSingle {
    padding-left: 10px;
    width: 270px;
}

#VideoContainer {
    padding: 5px 0 5px 5px;
    height: 265px;
}

.HideElement {
    display: none;
}

.VideoSingleTitle {
    font-weight: bold;
}

.VideoSingleDescription {
    padding-top: 10px;
    overflow-y: auto;
    height: 220px;
    padding-right: 5px;
}

.Left #VideoMiddleContainer,
.Right #VideoMiddleContainer {
    display: none;
}

.Content #VideoSideContainer {
    display: none;
}

#VideoSideContainer ul {
    text-align: center;
}

#VideoSideContainer ul li {
    margin-bottom: 5px;
}

.VideoSideDescription {
    padding: 2px 10px;
}

.VideoImageContainer {
    position: relative;
    float: left;
}

/** Search All Form Result - Start **/

.SearchPaging {
    float: right;
    font-size: 0.95em;
}

.SearchSorting {
    float: right;
    font-size: 0.95em;
    margin: 8px 0px;
}

.SearchSorting select {
    font-size: 0.95em;
}

#SearchResultsCategoryAndBrand {
    margin: 5px;
    padding: 5px;
}

.ContentList em,
.QuickSearchResultMeta em {
    font-size: 0.8em;
}

/** Search All Form Result - End **/

/** AJAX loading box - Start **/

#AjaxLoading {
    display: none;
    text-align: center;
    background: #FCF5AA;
    width: 180px;
    z-index: 10000000000;
    padding: 5px 10px;
}

#AjaxLoading img {
    vertical-align: bottom;
    margin-right: 5px;
}

/** AJAX loading box - End **/

#ProductDetails #ImageScrollPrev,
#ProductDetails #ImageScrollNext {
    float: left;
    background: none;
    border: none;
    margin-top: 16px;
    cursor: pointer;
    display: none;
}

#ProductDetails .ProductTinyImageList {
    float: left;
    margin-top: 10px;
    white-space: nowrap;
    width: 80%;
    overflow: hidden;
    margin-left: auto;
}

#ProductDetails .ProductTinyImageList ul li {
    width: 40px;
    height: 30px;
    overflow: hidden;
    float: left;
    margin-left: 3px;
    border: 1px solid gray;
}

#ProductDetails .ProductTinyImageList ul li div {
    display: table-cell;
    text-align: center;
}

#ProductDetails .ProductTinyImageList ul li #TinyOuterDiv {
    border: 2px solid white;
}

#ProductDetails .ProductTinyImageList ul {
    margin: 0pt;
    padding: 0pt;
    position: relative;
    list-style-type: none;
    white-space: nowrap;
    width: 2500px;
}

#ProductDetails .ProductThumbImage {
    height: 220px;
    width: 220px;
    overflow: hidden;
    margin: auto;
}

.carousel {
    position: relative;
    visibility: hidden;
    left: -5000px;
    width: 180px;
}

/*.catx{
    max-height: 22px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    line-height: 24px;
    background: rgba(0,0,0,.1);
}*/

/*   .reservenow {
    max-height: 22px;
    position: absolute;
    left: 0;
    bottom: 24px;
    width: 100%;
    line-height: 23px;
    background: rgba(255,255,255,.5);
    color: #ff0000;
    font-weight: bold;
    font-size: 16px;
    padding: 3px 0;
    text-transform: uppercase;
    cursor: pointer;
    appearance: button;
    -moz-appearance: button;
    -webkit-appearance: button;
    z-index:99;
}*/

.PayNow {
	/* max-height: 22px; */
	/* position: absolute; */
	left: 0;
	/* bottom: 24px; */
	width: 50%;
	/* line-height: 24px; */
	/* background: #fff; */
	/* color: #ff0000; */
	/* font-weight: bold; */
	/* font-size: 16px; */
	/* padding: 5px 0; */
	/* text-transform: uppercase; */
	/* cursor: pointer; */
	/* z-index: 99; */
	/* top: 152px; */
	/* left: 57px; */
	background: #D33;
	padding: 5px 5px;
	text-decoration: none;
	font-size: 10px;
	color: #fff;
	border-radius: 5px;
	margin: 0 25%;
	/* float: right; */
	font-weight: bold;
	text-transform: uppercase;
	line-height: 17px;
	position: absolute;
}

/*
.PayNowReserved {
    max-height: 22px;
    position: absolute;
    left: 0;
    bottom: 24px;
    width: 50%;
    line-height: 24px;
    background: #fff;
    color: #ff0000;
    font-weight: bold;
    font-size: 16px;
    padding: 5px 0;
    text-transform: uppercase;
    cursor: pointer;
    z-index: 99;
    top: 152px;
    left: 57px;
}
*/

span.PayNowcart {
    max-height: 22px;
    position: relative;
    left: -7px;
    bottom: 0px;
    width: 50%;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 20px;
    cursor: pointer;
    z-index: 99;
    padding: 0px 4px 8px 4px;
    margin-top: 10px;
    background: none;
    color: #ff0000;
    float: right;
    margin-bottom: 5px;
    text-align: right;
}

.CancelReserved {
    cursor: pointer;
    float: right;
    background: none;
    color: #ff0000;
    left: -7px;
    text-align: right;
    top: -1px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 16px;
    position: relative;
    padding: 4px 4px 4px 4px;
    width: 100%;
}

.ProductDetailsGrid .CancelReserved {
    width: 100%;
    text-align: center;
}

CancelReserved:empty {
    display: none;
}

.reservenow:empty {
    display: none;
}

.ProductImage {
    position: relative;
}

.resx:empty {
    display: none;
}

.res:empty {
    display: none;
}

.res::after {
    border-bottom: 11px solid #460501;
    border-right: 10px solid transparent;
    border-top: 10px solid #460501;
    content: "";
    height: 0;
    padding: 0;
    position: absolute;
    right: -10px;
    top: 0;
    width: 0;
}

.res {
    background: none repeat scroll 0 0 #460501;
    color: #fff;
    left: -10px;
    padding: 3px 10px;
    position: absolute;
    text-align: left;
    top: 20px;
    transform: rotate(90deg);
    line-height: 15px;
}

.usernamex {
    background: none repeat scroll 0 0 rgba(255, 0, 0, 0.7);
    color: #fff;
    text-align: center;
    top: 0px;
    font-size: 10px;
    line-height: 12px;
    position: relative;
    padding: 4px 4px 4px 4px;
    width: 100%;
    left: 0;
    right: 0;
    box-sizing: border-box;
    z-index: 100;
}

.resx {
    background: none repeat scroll 0 0 rgba(255, 0, 0, 0.7);
    color: #fff;
    left: -7px;
    text-align: center;
    top: 75px;
    font-size: 28px;
    line-height: 30px;
    position: absolute;
    padding: 4px 4px 4px 4px;
    width: 100%;
    left: 0;
    right: 0;
    box-sizing: border-box;
    z-index: 100;
}

td.CartThumb {
    position: relative
}

/*.outofstocklabel {
    background: none repeat scroll 0 0 rgba(255,0,0,0.7);
    color: #fff;
    padding: 20px 0px 20px;
    position: absolute;
    top: 75px;
    width: 100%;
    line-height: 22px;
    font-size: 22px;
    font-weight: bold;
}*/

.catx>a {
    text-transform: capitalize;
}

.outofstocklabelx {
    background: none repeat scroll 0 0 rgba(255, 0, 0, 0.7);
    color: #fff;
    padding: 20px 0px 20px;
    position: absolute;
    top: 75px;
    width: 100%;
    line-height: 22px;
    font-size: 22px;
    font-weight: bold;
}

/*.reservenow.resrseBtn {
    background-color: #D33;
    color: #fff;

    position: inherit;
    float: left;
    width: 62px;
    font-size: 10px;
    border-radius: 6px;
    line-height: 17px;
        -webkit-appearance: inherit;
}
.ProductActionAdd.addCrtBtn {
    float: left;
    width: 95%;
    margin-bottom: 18px;
        padding: 0 15px;
   -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
    }
.ProductPriceRating {
    float: left;
    margin-top: 0px;
    margin-bottom: 0;
    width:100%;
}*/

.ProductActionAdd.addCrtBtn a.btnCrtAdd {
    /*background: #D33;
    padding: 3px 5px;
    text-decoration: none;
    font-size: 11px;
    color: #fff;
    border-radius: 6px;
    margin: 0;
   float: right;
   font-weight: bold;
text-transform: uppercase;
margin-bottom: 13px;
position: absolute;
font-weight: bold;
line-height: 17px;
bottom: 27px;
position: relative;
right: -11px;*/
    background: #D33;
    padding: 5px 5px;
    text-decoration: none;
    font-size: 10px;
    color: #fff;
    border-radius: 5px;
    margin: 0 0 0 -33px !important;
    float: right;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 17px;
    position: absolute;
}

/*.ProductDetails.phneNmber{float: left;
    width: 100%;
    clear: both;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
    background: #d8d8d8;
    height: 26px!important;
    }*/

/*.ProductDetails.phneNmber strong{float:left; width:100%;margin-top: 5px;}*/

.textDescription {
    text-align: center;
    display: block;
    width: 100%;
    float: left;
    font-size: 11px;
    margin-bottom: 4px;
}

/*.ProductDetails.phneNmber strong a{ text-decoration:none; font-weight:bold; font-size:16px;font-family: 'Arial';}
.catxCustom {
    position: inherit;
    background: none;
    padding: 0px 4px 0px 0px;
    box-sizing: border-box;
    float: left;
    width: 100%;
    border-bottom: 2px solid #ddd;
}*/

/*.catxCustom a{text-transform:uppercase;top: 0px; font-weight:bold; font-size:14px;font-family: 'Arial';}*/

/*.Content .ProductList li {
    height: 280px !important;
}*/

/*span.orSpan {
    line-height: 27px;
    float: left;
    margin-left: 6px;
    width:45%;
    text-align: right;
}*/

.sbtbtn {
    position: absolute;
    border: none;
    background: none;
    /*width: 58px;*/
    /*text-indent: -4000px;*/
    height: 28px;
    /*background: url('../../Wine/images/search-number-icon.png') no-repeat center center;*/
    cursor: pointer;
    color: #FFF;
    width: 80px !important;
    /*background-size: 25px 25px;*/
}

.postRltve {
    display: inline;
    margin: 0 auto;
    position: relative;
    width: auto;
    float: left;
}

/*.outerFormWrrper{width:100%; text-align:center; margin:0 auto;}*/

/*.outerFormWrrper #areaCode{    float: left;margin-left: 86px;*/

/*margin-right: 20px;}*/

/*.outerFormWrrper #stname{    float: left; margin-left: 20px;}*/

.ProductImage .reservenow.resrseBtn {
    bottom: -32px;
    left: 3px;
    position: absolute;
}

/*.exllent_table{ width:100%; border:1px solid #B3B0B0; border-radius:10px; box-sizing:border-box;}*/

.exllent_table table {
    width: 100%;
    height: 168px;
    border-radius: 25px;
    background: #fff;
}

.BuyNumberNow {
    background: #FF0000 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    font-size: 11px;
    margin-top: 5px;
    padding: 5px;
    text-decoration: none !important;
    width: 53px;
    float: right;
    margin-right: 17px;
    /*    background: #FF0000 none repeat scroll 0 0;
      border-radius: 5px;
      color: #fff;
      font-size: 11px;
      margin-left: 55px;
      margin-top: 5px;
      padding: 5px;
      text-align: center;
      text-decoration: none !important;
      width: 73px;*/
}

.BuyBrandNumberNow {
    background: #FF0000 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    font-size: 11px;
    margin-left: 121px;
    margin-top: 2px;
    padding: 5px;
    text-align: center;
    text-decoration: none !important;
    width: 73px;
}

.BuyNumberNow:hover,
.BuyBrandNumberNow:hover {
    color: #FFF !important;
}

.searchingTable tr td:first-child {
    width: 20%;
}

@media only screen and (max-width: 400px) {
    #img_adjs {
        height: 32%;
    }

    #as {
        width: 90%
    }
}

@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1394px;
    }
}

@media (max-width: 991px) {
    #Header {
        height: auto;
        padding: 10px 0;
    }

    #Logo {
        float: none;
        display: block;
        margin: 0 auto 15px auto;
        text-align: center;
    }

    #SearchForm {
        float: none;
        display: block;
        padding: 10px 0 0 0;
        width: 100%;
        text-align: center;
    }

    #SearchForm form {
        display: flex;
        justify-content: center;
    }

    .quickSearchDivHeader {
        float: none;
        margin: 10px auto;
    }
}

/*MY NUMBERS PAGE*/

.MyNumbersTable {
    border-collapse: collapse;
    margin-top: 20px;
}

.MyNumbersTable tr td,
.MyNumbersTable tr th {
    border: 1px solid #CB9A8A;
    text-align: center;
}

.MyNumbersTable thead,
.PortOutTable tr th {
    background: #2E92CC;
}

.MyNumbersTable tr td {
    padding: 4px 4px 12px 4px;
}

.PortOutTable {
    width: 100%;
}

.PortOutTable tr td:nth-child(2) {
    width: 30%;
}

.PortOutTable .portRadios {
    margin: 10px;
    padding: 4px;
}

.PortOutTable input[type='radio'] {
    vertical-align: bottom;
    display: none;
}

.PortOutButtons {
    padding: 6px;
    display: inline-block;
    width: 34%;
    margin-left: 6px;
}

.approveButton {
    color: #fff;
    border-radius: 4px;
    box-shadow: 1px 1px 6px #ccc inset;
    font-size: 14px;
    background: #79A70A;
}

.rejectButton {
    background: #D42329;
    border-radius: 4px;
    box-shadow: 1px 1px 6px #ccc inset;
    font-size: 14px;
    color: #fff !important;
}

.approveButton:hover {
    background: #9EC73B;
    box-shadow: none;
}

.rejectButton:hover {
    background: #9F0016;
    box-shadow: none;
}

.text-approved {
    color: green;
}

.text-rejected {
    color: #D33;
}

.text-pending {
    color: #8B0A06;
}

.text-sent {
    color: black;
}

.view_button {
    background: #D33;
    outline: none;
    color: #FFF;
    padding: 4px 18px;
    text-decoration: none;
    font-size: 10px;
    position: relative;
    top: 6px;
}

.#D33Background {
    background: rgb(254, 187, 187);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(254, 187, 187, 1) 0%, rgba(254, 144, 144, 1) 45%, rgba(255, 92, 92, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(254, 187, 187, 1) 0%, rgba(254, 144, 144, 1) 45%, rgba(255, 92, 92, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(254, 187, 187, 1) 0%, rgba(254, 144, 144, 1) 45%, rgba(255, 92, 92, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#febbbb', endColorstr='#ff5c5c', GradientType=0);
    /* IE6-9 */
}

.selected {}

.view_button:hover {
    color: #FFF;
    text-decoration: none !important;
}

.dataTables_length,
.dataTables_info {
    width: 49%;
    float: left;
}

.dataTables_filter,
.dataTables_paginate {
    width: 50%;
    float: right;
    text-align: right;
}

.dataTables_length,
.dataTables_filter,
.dataTables_paginate,
.dataTables_info {
    padding: 10px 0;
}

.paginate_button {
    background: #3399CC;
    padding: 6px 10px;
    color: #FFF;
    cursor: pointer;
    text-decoration: none;
    margin-left: 2px;
    border-radius: 2px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.MyNumbersTable tr th:nth-child(6),
.MyNumbersTable tr td:nth-child(6) {
    width: 150px;
}

.MyNumbersTable {
    width: 100%;
}

.MyNumbersTable th {
    /*position: absolute;*/
    /*right: 0;*/
}

.forwarding_number {
    width: 140px;
    float: left;
    padding: 4px 3px;
    border-radius: 2px;
    border: 1px solid #aaa;
    color: #444;
}

.current {
    background: #CB9A8A;
}

.save_label {}

.btn-primary {
    -moz-box-shadow: inset 0px 1px 0px 0px #54a3f7;
    -webkit-box-shadow: inset 0px 1px 0px 0px #54a3f7;
    box-shadow: inset 0px 1px 0px 0px #54a3f7;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
    background: -moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background: -webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background: -o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background: -ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background: linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7', GradientType=0);
    background-color: #007dc1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #124d77;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 12px;
    padding: 3px 14px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #154682;
}

.MyNumbersTable tr th.sorting {
    background-image: url('../../Wine/images/sort.png');
}

.MyNumbersTable thead .sorting_asc {
    /*background-image: url('../../Wine/images/sorting_asc.png');*/
    background-image: url('../../Wine/images/sorting_desc.png');
    background-color: #42B4E6;
}

.MyNumbersTable thead .sorting_desc {
    background-image: url('../../Wine/images/sort.png');
    /*background-image: url('../../Wine/images/sorting_desc.png');*/
    /*background-size: 40px 40px !important;*/
    background-color: #42B4E6;
}

.MyNumbersTable tr th {
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 11px 13px !important;
    /*background: #2E92CC;*/
    font-size: 12px;
    color: #FFF;
    padding: 8px 12px 8px 2px;
    cursor: pointer;
}

.category_two_buttons {
    border: none !important;
    margin: 0;
    padding: 0;
}

.notification_li ul li:last-child {
    border: none;
}

.notification_li ul {
    margin-left: 15px;
}

/*product listing*/

.ProductList {
    margin: 0;
}

/*
.ProductList {
    width: 100%;
    overflow: hidden;
    text-align: center;
}
*/

.ProductList {
	/* width: 100%; */
	/* overflow: hidden; */
	/* text-align: center; */
	/* margin: 0; */
	/* padding: 0; */
	width: 100%;
	height: auto;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	display: grid;
	grid-column: revert;
	display: grid;
/*	grid-template-columns: repeat(5, 1fr);*/
    grid-template-columns: repeat(auto-fit, minmax(180px, 250px));
  justify-content: center;
	gap: 10px;
	padding: 10px 0px;
}

.ProductList li {
/*    width: 210px;*/
    display: inline-block;
    text-align: center;
    margin: 0px;
    /*border: 5px solid #ccc;*/
    padding-top: 6px;
    /*box-shadow: 2px 2px 3px #ccc;*/
    /* min-height: 285px; */
}

.catx,
.catxCustom {
    border-bottom: 1px solid #DDD;
    padding-bottom: 5px;
    padding-top: 5px;
}

.catx a, .catxCustom a {
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #008cd0;
}

.ProductDetails.phneNmber {
	background: rgb(216, 216, 216);
	padding: 5px 0;
	margin-top: 4px;
	margin-bottom: 4px;
	background: #f8f8f8;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}

.ProductDetails.phneNmber a {
    font-size: 16px;
    color: #08c;
    font-weight: bold;
    text-decoration: none;
}

.outofstocklabel {
    background: none repeat scroll 0 0 rgba(255, 0, 0, 0.7);
    color: #fff;
    position: absolute;
    top: 75px;
    width: 100%;
    line-height: 22px;
    font-size: 22px;
    font-weight: bold;
}

.reservenowbtn {
    max-height: 22px;
    left: 0;
    bottom: 24px;
    width: 100%;
    line-height: 23px;
    background: rgba(255, 255, 255, .5);
    color: #ff0000;
    font-weight: bold;
    font-size: 16px;
    padding: 3px 0;
    text-transform: uppercase;
    cursor: pointer;
    /* appearance: button;
    -moz-appearance: button;
    -webkit-appearance: button; */
    z-index: 99;
}

.reservenow {
	max-height: 27px;
	position: absolute;
	left: 0;
	bottom: 24px;
	width: 100%;
	line-height: 23px;
	background: rgba(255, 255, 255, .5);
	color: #ff0000;
	font-weight: bold;
	font-size: 16px;
	padding: 5px 0;
	text-transform: uppercase;
	cursor: pointer;
	/* appearance: button; */
	/* -moz-appearance: button; */
	/* -webkit-appearance: button; */
	z-index: 99;
}

.reservenow.resrseBtn {
	background-color: #D33;
	color: #fff;
	position: inherit;
	float: left;
	width: 62px;
	font-size: 10px;
	border-radius: 5px;
	line-height: 19px;
	-webkit-appearance: inherit;
}
span.orSpan {
    line-height: 27px;
    float: left;
    margin-left: 6px;
    width: 45%;
    text-align: right;
}

.ProductList .ProductImage {
    display: grid;
}

.ProductList .ProductImage img {
    line-height: 156px;
    line-height: 156px;
      width: 75%;
      height: auto;
      margin: 0 auto;
}

.box {
    width: 500px;
    margin: 35px 0;
}

.shape1 {
    position: relative;
    height: 150px;
    width: 150px;
    background-color: #0074d9;
    border-radius: 80px;
    float: left;
    margin-right: -50px;
}

.shape2 {
    position: relative;
    height: 150px;
    width: 150px;
    background-color: #0074d9;
    border-radius: 80px;
    margin-top: -30px;
    float: left;
}

.shape3 {
    position: relative;
    height: 150px;
    width: 150px;
    background-color: #0074d9;
    border-radius: 80px;
    margin-top: -30px;
    float: left;
    margin-left: -31px;
}

.shape4 {
    position: relative;
    height: 150px;
    width: 150px;
    background-color: #0074d9;
    border-radius: 80px;
    margin-top: -25px;
    float: left;
    margin-left: -32px;
}

.shape5 {
    position: relative;
    height: 150px;
    width: 150px;
    background-color: #0074d9;
    border-radius: 80px;
    float: left;
    margin-right: -48px;
    margin-left: -32px;
    margin-top: -30px;
}

.shape6 {
    position: relative;
    height: 150px;
    width: 150px;
    background-color: #0074d9;
    border-radius: 80px;
    float: left;
    margin-right: -20px;
    margin-top: -35px;
}

.shape7 {
    position: relative;
    height: 150px;
    width: 150px;
    background-color: #0074d9;
    border-radius: 80px;
    float: left;
    margin-right: -20px;
    margin-top: -57px;
}

.float {
    position: absolute;
    z-index: 2;
}

.form {
    margin-left: 145px;
}

.text-white {
    color: #fff !important;
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-maroon {
    color: #fff !important;
    background-color: #f03c3c !important;
    border-bottom: .2rem solid #f03c3c !important;
}

.btn-maroon:hover {
    border-bottom: .2rem solid #a72727 !important;
    color: #fcffcc;
}

.btn-blue {
    color: #fff !important;
    background-color: #209cff !important;
    border-bottom: .2rem solid #209cff !important;
}

.btn-blue:hover {
    border-bottom: .2rem solid #0f707b !important;
    color: #fcffcc;
}

.forgotpswd {
    color: #e0e0e0 !important;
    font-weight: bold !important;
    text-decoration: none !important;
}

a.forgotpswd:hover {
    color: #fff !important;
    text-decoration: underline;
    !important;
}

.login-form-1 {
    padding: 3%;
    background-image: linear-gradient(to top, #0f707b 100%, #209cff 0%);
    background-size: cover;
    background-position: 0% 0px;
    background-repeat: no-repeat;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
    width: 37%;
    float: left;
    height: 281px;
    border: 1px solid #3e8bcf;
}

.myaccount {
    background-image: linear-gradient(to top, #209cff 0%, #0f707b 100%);
    background-size: cover;
    background-position: 0% 0px;
    background-repeat: no-repeat;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
    border: 1px solid #3e8bcf;
    margin-top: 10px;
    border-radius: 0px 10px 0px 0;
}

#myaccount_header {
    background-image: linear-gradient(to left, #209cff 0%, #3399cc 100%);
    color: #fff;
    margin-top: 0px;
    box-shadow: 1px 6px 5px #ccc;
    border-radius: 4px 4px 0 0;
}

#ribbon {
    position: absolute;
    width: 340px;
    /*40px larger than container*/
    height: 30px;
    left: -20px;
    /*move leftwards 20px so that it extends 20px in each side of container*/
    top: 50px;
    background-color: #999;
}

#ribbon:before {
    /*handle leftcorner*/
    content: '';
    width: 0;
    height: 0;
    border-color: transparent #666 #666 transparent;
    border-style: solid;
    border-width: 5px 10px;
    position: absolute;
    left: 0;
    top: -10px;
}

#ribbon {
    position: relative;
    width: 340px;
    /*40px larger than container*/
    height: 25px;
    left: -20px;
    /*move leftwards 20px so that it extends 20px in each side of container*/
    top: 4px;
    background-color: #fff;
}

#ribbon:before {
    /*handle leftcorner*/
    content: '';
    width: 0;
    height: 0;
    border-color: transparent #666 #666 transparent;
    border-style: solid;
    border-width: 5px 10px;
    position: absolute;
    left: 0;
    top: -10px;
}

.login-form-2 {
    padding: 3%;
    height: 281px;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
    width: 50.5%;
    float: left;
    border: 1px solid #3e8bcf;
}

.create-form {
    padding: 3%;
    background-image: linear-gradient(to top, #209cff 0%, #0f707b 100%);
    background-size: cover;
    background-position: 0% 0px;
    background-repeat: no-repeat;
    height: 100%;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
    width: 94%;
    color: #fff;
}

.create-form-box {
    background-color: #f03c3c;
    border-bottom: .2rem solid #b72727;
    padding: 4px;
}

.myButton {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
    background: -moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9', GradientType=0);
    background-color: #f9f9f9;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    cursor: pointer;
    color: #666666;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 14px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
}

.myButton:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
    background: -moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background: -webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background: -o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background: -ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background: linear-gradient(to bottom, #e9e9e9 5%, #f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9', GradientType=0);
    background-color: #e9e9e9;
    color: #888;
}

.myButton:active {
    position: relative;
    top: 1px;
}

.text-white li a,
.text-y li a {
    font-weight: bold;
    color: #fc0 !important;
    text-decoration: none !important;
}

.text-white li a:hover,
.text-y li a:hover {
    color: #fff !important;
    text-decoration: underline !important;
}

.text-y li {
    color: #fff !important;
}

.text-y {
    color: #fc0 !important;
}

.as {
    list-style-type: none;
}

.as li {
    border-bottom: 3px double #988;
    background: #dee1cb;
    padding: 8px;
    color: #444141;
    text-align: justify;
}

.as li a {
    display: block;
    height: 30px;
    margin: 0 0 7px 0;
    background: #F7F5F2;
    font-size: 18px;
    color: #333;
    padding: 5px 0 0 20px;
    text-decoration: none;
}

.as li a:hover {
    background-color: #EFEFEF;
}

.orange {
    border-left: 5px solid #F5876E;
}

.blue {
    border-left: 5px solid #61A8DC;
}

.green {
    border-left: 5px solid #8EBD40;
}

.purple {
    border-left: 5px solid #988CC3;
}

.gold {
    border-left: 5px solid #D8C86E;
}

.list-type1 {
    width: 92%;
}

.list-type1 ol,
.list-type1 ul {
    counter-reset: li;
    list-style: none;
    *list-style: decimal;
    font-size: 15px;
    font-family: 'Raleway', sans-serif;
    padding: 0;
    margin-bottom: 4em;
}

.list-type1 ol ol {
    margin: 0 0 0 2em;
}

.list-type1 a {
    position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    *padding: .4em;
    margin: .5em 0;
    background: #93C775;
    color: #000;
    text-decoration: none;
    -moz-border-radius: .3em;
    -webkit-border-radius: .3em;
    border-radius: 10em;
    transition: all .2s ease-in-out;
}

.list-type1 a:hover {
    background: #d6d4d4;
    text-decoration: none;
    transform: scale(1.1);
}

.list-type1 a:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: -1.3em;
    top: 50%;
    margin-top: -1.3em;
    background: #93C775;
    height: 2em;
    width: 2em;
    line-height: 2em;
    border: .3em solid #fff;
    text-align: center;
    font-weight: bold;
    -moz-border-radius: 2em;
    -webkit-border-radius: 2em;
    border-radius: 2em;
    color: #FFF;
}


b, strong {
	font-weight: 600;
}

.details-out-div{
    width: 98%;
    margin: 15px auto 0 auto;
    padding: 10px;
}

.activation_info_preview_container .form-fields{
   width: 100%;
   display: flex;
}
.account_info {
	width: 50%;
	float: left;
	padding-top: 5px;
	height: auto !important;
	border-bottom: solid 1px lightgray;
	padding-bottom: 2px;
}

.head h3{
    height: auto !important;
}
.head h3::after{
    background: #0091d5 !important;
}

.head {
	border-bottom: 5px solid #0091d5 !important;
}


.box_detail {
	border: 2px solid #0091d5 !important;
	padding: 20px;
}


ol, ul {
	padding-left: 0;
    padding: 0px;
}

.btn-submit {
    padding: 10px 20px !important;
    border-radius: 4px;
    background: #2E92CC;
    color: white;
    outline: none;
    border: none;
    box-shadow: 2px 2px 2px #ccc;
    -webkit-box-shadow: 2px 2px 2px #ccc;
    -moz-box-shadow: 2px 2px 2px #ccc;
    -os-box-shadow: 2px 2px 2px #ccc;
    font-size: 16px;
}

.cart-header {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	/* flex-direction: column; */
	justify-content: space-between;
}

.cart-header-btn{
    
}





blockquote.hltbl2 {
	padding: 15px 20px 15px 5px;
	width: 100% !important;
}

@media screen and (min-width: 1000px) {
    .ProductDetailsGrid .DetailRow {
        padding-left: 120px;
    }

    .PrimaryProductDetails .ProductMain {
        width: 60%;
    }
}



#HomeFeatu#D33Products iframe {
    width: 100%;
    border: none;
}

@media (max-width: 1350px) {
    .myplaceholder dd {
	flex: 0 0 48.5% !important;
	margin: 0;
	vertical-align: top;
	box-sizing: border-box;
}
}


@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1394px;
    }
}

@media (max-width: 991px) {
    #Header {
        height: auto;
        padding: 10px 0;
    }

    #Logo {
        float: none;
        display: block;
        margin: 0 auto 15px auto;
        text-align: center;
    }

    #SearchForm {
        float: none;
        display: block;
        padding: 10px 0 0 0;
        width: 100%;
        text-align: center;
    }

    #SearchForm form {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    /* Hide Desktop Menu explicitly via CSS if Bootstrap class fails */
    /* #Menu {
        display: none !important;
    } */

    /* Quick Search Mobile Styles */
    .quickSearchDivHeader {
        float: none;
        margin: 15px auto;
        width: 100%;
        max-width: 340px;
        display: block;
    }

    .QSHead h3 {
        width: 100%;
        box-sizing: border-box;
    }

    .QSbox {
        box-sizing: border-box;
        text-align: center;
    }

    .quickSearchAreaCode {
        width: 80px !important;
    }

    .quickSearchNumber {
        width: 180px !important;
    }
}


img{
    max-width: 100%;
    display: block;
}


.navbar{
    background: #08c;
}




.footer {
	background: #fff;
	padding: 40px 0 0;
	color: #12383f;
}

.payment_icons {
	display: flex;
	align-items: center;
	justify-content: center;
}

.payment_icons .icon-div {
	width: 100px;
	height: 100px;
	margin: 0 5px;
	padding: 0px;
}

.payment_icons .icon-div img {
	max-width: 100%;
	display: block;
}

.copyright {
	background: #052b34;
	color: #fff;
	padding: 14px 0;
	text-align: center;
	font-size: 13px;
}

.copyright p{
	color: #fff;
	padding: 0px 0;
    margin: 0px;
	text-align: center;
	font-size: 13px;
}

.copyright p a{
    color: #fff;
    text-align: center;
	font-size: 13px;
    text-decoration: none;    
}

.vanity .dial img {
	max-width: 100%;
	margin: 0 auto;
}

#CategoryHeading .selectchild {
	float: left;
	margin-left: 5px;
	margin-top: 3px;
	font-weight: bolder;
	position: initial;
    margin-bottom: 5px !important;
}

.sortable_div{
    width: 100%;
  height: auto;
  margin: 0;
    display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 10px;
      padding: 10px;
}


.numbers-search-box {
	/* border: 2px solid #39c; */
	width: 100%;
	border-radius: 5px;
	background: white;
	padding: 20px;
	margin-bottom: 0;
	box-shadow: 0 8px 20px rgba(12, 60, 80, 0.08);
	border: 1px solid #eee;
}


.welcometo-banner {
	background: linear-gradient(180deg, #0099dd 0%, #0088cc 100%);
	color: white;
	padding: 25px 0;
	text-align: center;
	margin-bottom: 10px;
    box-shadow: 0 8px 20px rgba(12, 60, 80, 0.08);
    border: 1px solid #eee;
    border-radius: 5px;
}


.welcometo-banner h1 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.welcometo-banner p {
	font-size: 14px;
	margin-bottom: 15px;
	line-height: 24px;
}

.cta-box {
	background: rgba(255, 255, 255, 0.1);
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-radius: 8px;
	padding: 20px;
	max-width: 700px;
	margin: 0 auto;
}

.cta-box h2 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 1.8;
	color: #fff;
}

.cta-box .btn {
	margin: 0 5px;
	padding: 8px 25px;
}

.cta-box .btn-light {
	background-color: #f8f9fa;
    color: #000;
    text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
}

.cta-box .btn-outline-light {
	background-color: transparent;
    color: #f8f9fa;
    text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
    border: 1px solid #f8f9fa !important;
}

.edit-out-div {
	display: flex;
	text-align: right;
	justify-content: space-between;
	align-content: flex-end;
	align-items: center;
}

#ShippingAddressForm {
	border: 2px solid #3399cc !important;
	width: 100% !important;
	border-radius: 5px;
	margin: 2% 0 !important;
	width: 100% !important;
	margin-left: 0 !important;
	background: #fff !important;
}

#ShippingAddressForm .BlockContent{
    padding: 10px;
}

.CheckoutButton {
	width: 100%;
	display: flex;
	justify-content: end;
}
.form-wrapper-2 input[type="text"]{
    height: auto !important;
}
.table-out{
    overflow: auto;
}

.faq li.q {
	font-weight: bold;
	font-size: 100%;
	border: 1px #ccc solid;
	background: #eef0f1;
	border-radius: 5px;
	cursor: pointer;
	display: flex !important;
	gap: 6px !important;
	align-items: center !important;
    
    margin: 6px 0px !important;
}
.faq li.a {
	background: #0097DB !important;
	display: none;
	color: #fff;
}

.q img {
	width: 14px;
	height: 14px !important;
}

@media (max-width: 1400px) {
.sortable_div {
	grid-template-columns: repeat(3, 1fr);
} 
    
.card .numbers {
	text-align: right;
	padding-top: 10px;
	font-size: 16px !important;
	color: #333;
}    
    
    
    
    
}


@media (max-width: 991px) {
.QSbox {
    display: flex;
   justify-content: flex-start !important;
    gap: 5px !important;
    box-sizing: border-box !important;
    width: 100% !important;
}
    #Logo {
	float: none !important;
	width: 100% !important;
	text-align: center;
	margin-bottom: 0 !important;
}
.quickSearchDivHeader {
	float: none !important;
	margin: 0 auto !important;
	width: 94% !important;
	max-width: 100% !important;
	display: block;
}
    
    .sortable_div {
	grid-template-columns: repeat(2, 1fr);
}
    
/*
.left-section {
    width: 75%;
    max-width: 260px;
  }
    
    .left-section.closed {
	transform: translateX(-100%);
	width: 100%;
}
    .right-section.closed {
	transform: translateX(100%);
	width: 100%;
}
    
    .right-section {
	width: 85%;
	max-width: 260px;
}
*/
    
    .BlockContent .PL20 {
	padding: 0 !important;
}
    
        .BlockContent .PL20 h3{
	margin: 0 !important;
  background: #008cd0 !important;
  padding: 10px 25px !important;
}
        
    
    
   .BlockContent .PL20 .HorizontalFormContainer dt {
	width: auto !important;
	float: none !important;
	margin: 0 10px;
}
    
   .BlockContent .PL20 .HorizontalFormContainer dd {
	padding-top: 0;
	margin-left: 0;
	width: auto;
	margin: 0 10px;
}
    
     .BlockContent .PL20 .HorizontalFormContainer dd input{
	width: 100% !important;
}
    .switch-container {
	display: block !important;
	align-items: center;
	font-family: Arial, sans-serif;
}
    
.BlockContent .PL20 .HorizontalFormContainer dd.pinsdd {
	margin: 0 10px 5px 10px !important;
	float: none !important;
}
    
    .HorizontalFormContainer p.Submit {
	margin-left: 0;
	text-align: center;
}
    
    ul.ShippingAddressList {
	grid-template-columns: repeat(1, 1fr);
	padding: 0 10px;
}
    
    
    
    
    

.box_detail {
	border: 2px solid #3399cc;
	padding: 12px !important;
}    
.box_detail .btn{
  margin-left: 80% !important;
  margin-top: 0 !important;
}    
    
    
    .input-group-addon + .form-control {
	max-width: 60%;
}
    
    .FloatLeft {
	float: none;
}
    
    .HorizontalFormContainer dt {
	width: auto;
	float: none;
	padding-top: 8px;
	font-size: 13px;
}
    
    .HorizontalFormContainer dd {
	padding-top: 4px;
	margin-left: 0;
}
    .Field200 {
	width: 100%;
}
    
    .AddBillingAddress{
        padding: 10px !important;
    }     
    
    
    .myplaceholder dd {
	flex: 0 0 49% !important;
	margin: 0;
	vertical-align: top;
	box-sizing: border-box;
}
    
   .create-form {
	padding: 15px !important;
}
    
    .register-form p {
	color: #000;
	padding: 0 !important;
}
    
}

    


@media (max-width: 600px) {
    .hero .phone-mock {
	max-width: 200px;
	margin: 0 auto;
}
    .cta-btn-out {
	text-align: center;
	margin-top: 10px !important;
	margin-bottom: 15px;
}
  .hero .icons-row {
    font-size: 18px;
    font-weight: 600;
    flex-direction: column;
    align-items: flex-start !important;
    margin-top: 0 !important;
  }
    .hero .icons-row div{
        margin: 5px 0px 5px 0px !important;
    }
    .exllent_table {
	/* border: 20px solid #2e67cf; */
	border-radius: 30px;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-shadow: 0 0 10px #FFF;
	-webkit-box-shadow: 0 0 10px #FFF;
	-moz-box-shadow: 0 0 10px #FFF;
	-os-box-shadow: 0 0 10px #FFF;
}
    .exllent_table {
	font-size: 14px;
	font-weight: bold;
	width: 100% !important;
	margin: 0 auto !important;
}
    .outerFormWrrper {
	/* width: 750px; */
	text-align: center;
	overflow: unset !important;
	padding: 0 10px !important;
}
    .outerFormWrrper .secs {
	display: inline-block;
	margin: 5px 0 !important;
}
    .sec3 {
	width: 100% !important;
	margin-left: 20px;
	margin-right: 20px;
}
    
.sec1-1 {
	text-align: center;
	/* padding-top: 5px; */
	/* min-height: 70px; */
	padding: 10px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	flex-direction: column !important;
}
    
    .sec1-1 span {
	display: flex;
	gap: 5px;
	/* flex-direction: column; */
	font-size: 12px !important;
}
    
    .hero .lead {
	font-size: 18px;
	font-weight: 500;
	line-height: 30px;
	text-align: center;
}
    
  .excelent-search-banner {
	text-align: center;
	font-size: 18px !important;
	margin-bottom: 8px;
}
    
    .outerFormWrrper .numbers-search {
	display: flex;
	gap: 0px !important;
	flex-direction: column !important;
}
    
    .filter-wrapper{
        flex-direction: column !important;
    }
    
    #HomeNewProducts h2, #HomeFeaturedProducts h2{
        font-size: 18px;
    }
    
    .numbers-search-box{
        font-size: 12px; 
    }
    .filter-wrapper {
	display: flex;
	align-items: center;
	gap: 8px !important;
	font-size: 13px !important;
	color: #000000;
	justify-content: center;
	margin: 8px 0 !important;
}
    .filter-wrapper label{
        width: 100% !important;
    }
   .vanity h3 {
	font-size: 22px;
	margin-bottom: 15px;
}
    .right-section.closed ~ .toggle-right {
	right: 0 !important;
}
   .right-section.closed ~ .toggle-right {
	right: 0 !important;
} 
 .vanity h5 {
	font-size: 18px;
	line-height: 26px;
	margin: 5px 0 !important;
}
    .payment_icons .icon-div {
	width: 100px;
	height: auto !important;
	margin: 0 5px;
	padding: 0px;
}
    .footer {
	background: #fff;
	padding: 10px 0 0 !important;
	color: #12383f;
}
    .section-title .main-title {
	font-size: 22px;
	margin: 0px 0px 15px 0px;
}
    .vanity p {
	font-size: 16px;
	font-weight: 400;
	margin: 12px 0;
	line-height: 28px;
}
    
    
 .display-5 {
	font-size: calc(1rem + 2.1vw);
	font-weight: 300;
	line-height: 32px;
	text-align: center;
}
    #TopMenu ul {
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
	float: right;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
    #TopMenu li a, #TopMenu li div {
	display: block;
	text-decoration: none;
	font-size: 1em;
	padding: 5px 0px 0 0;
	margin: 0 5px;
}
  .QSbox {
	padding: 15px 5px !important;
}  
    .quickSearchNumber {
	width: 150px !important;
}
    .sec2, .sec1 {
	width: 100% !important;
}
    
    .sortable_div {
	grid-template-columns: repeat(1, 1fr);
}
    
.left-section {
	width: 75%;
	max-width: 260px;
}
    
    
    .nav-tabs {
	max-width: 200px !important;
	width: auto;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 15px !important;
}
    
    .right-section {
	width: 85%;
	max-width: 260px;
}
    
.myplaceholder dd {
	flex: 0 0 100% !important;
	margin: 0 !important;
	vertical-align: top;
	box-sizing: border-box;
}
    
    
.register-form {
	margin-top: 30px !important;
	margin: 0;
}
    
/*
.tab-pane-main {
	padding: 20px !important;
	margin: 50px 0px !important;
}    
*/
    
.register-right {
	background: #fff;
	box-sizing: border-box;
	padding: 0px 0px !important;
}    
.tab-pane-main {
	background: #f9f9f9;
	padding: 0 10px!important;
	margin: 0 0px!important;
	box-shadow: 0px 0px 3px #c8c3c3;
	position: relative;
	margin-top: 25px!important;
} 
    
    
    .myplaceholder {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 0 15px;
	margin: 0;
}
.create-form{
    padding: 3% !important;
}
    
    
  .input_lbl {
    float: none !important;
    width: 100% !important;
    font-size: 14px !important;
    line-height: 40px !important;
  }
    
    
    .form-control-checkout{
        width: 100% !important;
        margin: 0px !important;
    }
    
    .BlockContent .PL20 {
	padding: 0 !important;
}
    
    .BlockContent .PL20 h3 {
	margin: 0 !important;
	background: #008cd0 !important;
	padding: 10px 25px !important;
	top: -25px;
}     
    
    
   .BlockContent .PL20 .HorizontalFormContainer dt {
	width: auto !important;
	float: none !important;
	margin: 0 10px;
}
    
   .BlockContent .PL20 .HorizontalFormContainer dd {
	padding-top: 0;
	margin-left: 0;
	width: auto;
	margin: 0 10px;
}
    
     .BlockContent .PL20 .HorizontalFormContainer dd input{
	width: 100% !important;
}
    .switch-container {
	display: block !important;
	align-items: center;
	font-family: Arial, sans-serif;
}
    
.BlockContent .PL20 .HorizontalFormContainer dd.pinsdd {
	margin: 0 10px 5px 10px !important;
	float: none !important;
}
    
    .HorizontalFormContainer p.Submit {
	margin-left: 0;
	text-align: center;
}
    
    ul.ShippingAddressList {
	grid-template-columns: repeat(1, 1fr);
	padding: 0 10px;
}
/*
.PL20 {
	padding: 0px 0px 0px 0 !important;
}
*/
   
.box_detail {
	border: 2px solid #3399cc;
	padding: 12px !important;
}    
.box_detail .btn{
  margin-left: 80% !important;
  margin-top: 0 !important;
}    
    
    
    .input-group-addon + .form-control {
	max-width: 60%;
}
    
    .FloatLeft {
	float: none;
}
    
    .HorizontalFormContainer dt {
	width: auto;
	float: none;
	padding-top: 8px;
	font-size: 13px;
}
    
    .HorizontalFormContainer dd {
	padding-top: 4px;
	margin-left: 0;
}
    .Field200 {
	width: 100%;
}
    
    .AddBillingAddress{
        padding: 10px !important;
    }   
    
    .cart-header {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	flex-direction: column; 
	justify-content: space-between;
}

.cart-header-btn{
    
}
    
   .CartContents {
	width: 600px !important;
}
    
    .tab-pane-main-login{
        padding: 30px 0px !important;
    }   
    
    .sub-register-heading {
	background: #c5402b;
	padding: 15px 20px;
	position: absolute;
	color: #fff;
	top: -25px;
	/* width: 200px; */
	text-align: center;
	font-size: 16px !important;
	border-radius: 50px 50px 50px 0px;
	left: 10px !important;
	right: 10px !important;
}
   
.tab-pane-main-login .register-form {
	margin-top: 15px !important;
	margin: 0;
}
    
    .tab-pane-main-login input[type="submit"]    {
        width: 100% !important;
        margin-bottom: 15px !important;
    }
    
    .tab-pane-main-login .red-btn{
        width: 100% !important;
    }
    
}







.top-bar-new{
    display: flex;
    align-items: center;
    width: 100%;
}

.top-bar-new .col{
    flex: 1;
}

/* Left */
.top-bar-new .left{
    text-align: left;
}

/* Center */
.top-bar-new .center{
    text-align: center;
}

/* Right */
.top-bar-new .right{
    text-align: right;
}


.left-controls{
    display: flex;
    align-items: center;
    gap: 10px;
}