﻿#shopContainer
{
    width: 1200px;
    margin: 0 auto;
    position: relative;
    font-family: Open Sans;
}
#CategoryMenu
{
    min-width: 1160px;
    font-family: 'Open Sans',arial,sans-serif;
    background-color: white;    
}

.LabelAttribute 
{
color: #000;
float: left;
width: 120px;
margin-right:10px;
font-size: 12px;
max-height:60px;
float:left;
}
.ValueAttribute 
{
width:120px;
font-size: 10px;
color: #8f8f8c;
margin-top:5px;
margin-left:135px;
max-height:60px;

}
div.MiddleContainer 
{
     background-color: white;
}

img.productadd {
    width: 285px;
    height: auto;
    margin-bottom: 10px;
  }

div.productadd {
    margin-top: 10px;
    width: 285px;
 }

H2.Title {
    margin-top: 10px;
}

/*menu layout and styles*/
.divmenu
{
width:285px;
float:left;
}
.menudiv {
 margin-top:32px;
 background-color:#f5f5f5;
}

.menutitle
 {
    top:10px;
    margin-left: 25px;
    font-size: 20px;
    font-weight: bold;
    color: Gray;
    display:none;
    position: relative;
 }

.acmenu {
    margin-top: 40px;
    position: relative;
    padding-bottom: 10px;
    padding-top: 10px;
}

.acmenu ul, .acmenu li 
{
margin: 0px;
padding: 0px;
text-transform: uppercase;
font-size: 14px;
position: relative;
list-style: none;
cursor: pointer;
color: #2e2e2e;
line-height: 1.3;
}

.acmenu ul
 {
 text-transform: capitalize;
 margin-left: 25px;
 margin-bottom: 3px;
}

.acmenu ul li ul li 
{
 margin-bottom: 5px;
margin-top: 5px;
}

.acmenu ul li ul li a {
text-transform: capitalize;
font-size: 12px;
color: #2e2e2e!important;
margin-left: -15px;
}

.acmenu ul li ul li a:hover {
font-size: 12px;
color: #fecb00!important;
font-weight:bold;
text-decoration: underline;
}

.accordionmenu:hover
 {
    text-decoration: underline;
}

/*products layout*/
.productsdiv
 {
    width:840px;
    float:left;
    margin-left:40px;
    margin-top:30px;
  
}
h2 {
    color: Black!important;
    text-transform: capitalize;
    margin-left: 5px;
    font-size: 16pt;
    font-weight: bold;
    margin-bottom:20px;
}

/*promo banner layout and styles*/
.promogrid 
 {   
    width:830px;
    display:block;
    background-size:100% auto;
    height:248px;
    margin-bottom:10px;
    background-repeat:no-repeat;
  }

.PromoDescrption {
    font: bold 14px "Segoe UI", "Segoe UI Light", "Segoe UI 8";
    font-family: Segoe UI Semibold;
    color: #000000;
    left: 440px;
    top: 320px;
    width: 320px;
    min-width: 300px;
    text-align: justify;
   position:absolute;
}

.PromoTitle {
    font: normal 16px "Segoe UI", "Segoe UI Light", "Segoe UI 8";
    color: #000000;
    font-weight: bold;
    font-size: 15px;
    left: 400px;
    top: 280px;
    min-width: 300px;
      position:absolute;
}

div.ShopBanner
 {
    width:830px;
    height:248px;
    margin-bottom:20px;
 }

/* type of product display list styles*/
.griddisp
 {
    
   margin-top:50px;
    height: 50px;
    left: 0px;
    background-color: #f5f5f5;
}

.listview {
    width: 40px;
   padding-top:5px;
    height: 40px;
  margin-right:25px;
    float:right;
}

.listview:hover
{
cursor: pointer;
}



.gridview
 {
     float:right;
     width: 40px;
     padding-top:5px;
     height: 40px;
     margin-right:5px;
}

/**/
div.productgrid 
{
    background-color: White;
    width: 275px;
    display:inline-block;
     margin-bottom:45px;
     vertical-align:top;
    
}

a.ProductUrl {
    text-decoration: none;
display:inline-block;
    
}

div.Imagediv
 {
    margin-top:40px; 
    width:230px;
   
}

img.ProductImage
 {
    display: table-cell;
    vertical-align: middle;
    max-width: 250px!important;
    max-height: 250px!important;
    width: auto!important;
    height: auto!important;
   
}


label.ProductTitle
 {
    color: black;
    font-size: 14px;
    text-align: left;
    font-weight: 700;
    display:block;
    
}

div.ProductTitle
 {
    width: 230px;
    margin-top:20px;
    
}

div.Pricediv
 {
    color: black;
    margin-top:30px;
    text-align: left;
    position: relative;
    font-size: 26px;
    font-weight: bold;
}

div.NewProductPricediv
 {
    color: black;
    margin-top:30px;
    text-align: left;
    position: absolute;
    font-size:26px;
    font-weight: bold;
    margin-left: 23px;
}

div.price 
{
    color: black;
    margin-top:20px;
    position: relative;
    font-family: 'Open Sans',arial,sans-serif;
    font-size: 26px;
    font-weight: bold;
}


div.productListgrid
 {
    background-color: White;
    display:inline-block;
    border-top: 1px solid #c8c8c8;
    margin-top:20px;
    width:840px;
    min-height:250px;
}

img.ProductListImage {
    display: table-cell;
    vertical-align: middle;
    max-width: 250px!important;
    height: 200px;
    width: auto!important;
}
.Title 
{
color: black;
font-size: 22px;
font-weight: 800;
line-height: 42px;
}
div.ProductListTitle 
{
vertical-align:top;
    width: 560px;
    height: auto;
    display:inline-block;
    margin: -230px 0px 0px 280px;
}

label.ProductListTitle 
{
cursor: pointer;
    color: black;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}

div.productdesc 
{
    display:none;
    width: 500px;
    font-size: 14px;
    position: relative;
    margin-top: 20px;
    color: Black;
    line-height: 140%;
    max-height:100px;
    overflow:hidden;
}

.SortBy .sbHolder {
    width: 233px;
    margin-top: 8px;
    margin-left: 15px;
    background-position-x: -476px;
    background-position-y: -255px;

}

.sbSelector {
    left: 0px;
    top: 0px;
    width: 200px;
    line-height: 32px;
    text-indent: 10px;
    overflow: hidden;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    display: block;
    position: absolute;
    outline-width: medium;
    outline-style: none;
    outline-color: invert;
    
}
#divsort .sbSelector {
    color:#000000;
}
#sortanchor 
{
    font-size: 16px;
    font-weight: 600;
}
#options li a:hover
 {
    color: Black;
 }

/*new product grid view styles*/
div.Newproductgrid 
{
    background-color: White;
    width: 275px;
    display:inline-block;
    margin-bottom: 60px;
    vertical-align:top;
}

div.NewProductTitle 
{
    width: 230px;
    margin-top: -20px;
}

div.NewProductImagediv
 {
    margin-top: -20px;
    margin-left: 20px;
}


.pleasewait
 {
   height:230px;
   width:230px;
}

div.TechSpec
{
width:570px;
margin-left:275px;
margin-top:-100px;
display: block;
}

sup 
{
padding-left: 5px;
}

u sup
{
   margin-left:-5px;
   margin-top:50px;
}

div.LodingImage
 {
    margin: 100px 0  0 100px;
 }

div.TechSpechAttr
 {
-moz-column-count: 2; -moz-column-gap: 15px; -webkit-column-count: 2; -webkit-column-gap: 15px; column-count: 2;
 }

div.ProductLoadImg 
{
    margin: 158px 0 0 425px;
}

div.TechSpecValue 
{
margin-bottom: 10px; margin-right: 20px;
}

.line-through {
  text-decoration: line-through;
}
TierPrice,.DiscountPrice ,.RegularPrice{
  margin-bottom: 10px;
}

.price .TierPrice,.DiscountPrice ,.RegularPrice{
  
display:inline-block;
margin-bottom: 10px;
}
.price .SpecialPrice
{
margin-left:250px;
}
.Productlistdesc
{
margin-top:10px;
font-size: 14px;
color: #000;
}
img.promobannerimg {
    width: 1200px;
    height:auto!important;
    display: block;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
div.middlecontainer {
    width: 1200px;
    margin: 0 auto;
}
#Img1 {
height: 248px;
}
.displayMsg
{
margin-top:90px;
margin-left:150px;
font-size: 14px;
color: #000;
display:none;
}
#refacMenu ul li
{
margin-bottom:7px;
}

