/*   
  SmartCart 2.0 plugin 
  jQuery Shopping Cart Plugin
  by Dipu
  
  http://www.techlaboratory.net
  http://tech-laboratory.blogspot.com
*/

.scMain {
    position:relative;
    margin:0;
    padding:0;  
    font: normal 12px 'Source Sans Pro', sans-serif;
    color: #5A5655;
    border: 0px solid #CCC;
    width:300px;
    height: 70px;

}
.scMain .scTabs{
    position:relative;
    margin:0;
    padding:0; 
    top:0px;   
    color: #5A5655;
    background-color: white;
    border: 1px solid white; 
    border-top: 0px solid transparent; 
    border-bottom: 0px solid transparent;
    height:auto; 
}
.scMain .scBottomBar {
    display:block;    
    position: relative;    
    padding: 3px;  
    margin: 0; 
    margin-top: 0px;    
    width:292px;
    height:25px; 
    border: 1px solid rgb(8,63,104);  
    border-bottom: 1px solid rgb(8,63,104);   
    background: rgb(8,63,104); /* Old browsers */
}
/* Cart Styles */
.scMain .scCartHeader {
    display:block;    
    position: relative;    
    padding: 0px;  
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0;   
    width:auto;
    height:18px; 
    border: 0;  
    border-bottom: 1px solid #CCC;  
    background: rgb(8,63,104); /* Old browsers */
  
}
.scMain .scCartHeader .scCartTitle {
    display:block;    
    position: relative;    
    padding: 0px;
    padding-top: 1px; 
    padding-left: 0px;      
    margin: 0;
    height:18px; 
    border: 0;  
    border-right: 1px solid #CCC;   
    float:left;
    
}
.scMain .scCartHeader .scCartTitle1 {
    color: white;
    width:155px; 
}
.scMain .scCartHeader .scCartTitle2 {
    color: white;
    width:35px; 
}
.scMain .scCartHeader .scCartTitle3 {
    color: white;
    width:44px; 
}
.scMain .scCartHeader .scCartTitle4 {
    color: white;
    width:60px; 
}
.scMain .scCartHeader .scCartTitle5 { 
    width:5px; 
    border-right: 0;    
}
.scMain .scCartList {
    display:block;    
    position: relative;    
    padding: 0px;  
    margin: 0;   
    width:100%;
    height:100%; 
    border: 0px solid #F5F5F5;   
    background: #FFFFFF; 
    overflow:auto;  
}
.scMain .scCartList .scCartItem {
    display:block;    
    position: relative;    
    padding: 0px;  
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0;
    margin-top: 0px;   
    width:100%;  /* 898px */
    height: 35px;
    border: 0;  
    border-bottom: 1px solid #CCC;  
    background: rgb(30,87,153); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    float:left;  
}
.scMain .scCartList .scCartItem .scCartItemTitle {
    display:block;    
    position: relative;    
    padding: 0px;
    padding-top: 5px; 
    padding-left: 5px;      
    margin: 0;
 
    border: 0;  
    border-right: 1px solid #CCC;   
    float:left;
}
.scMain .scCartList .scCartItem .scCartItemTitle1 {
    padding-top: 1px;    
    width:150px;
    height:35px;
}
.scMain .scCartList .scCartItem .scCartItemTitle1 div, .scMain .scCartList .scCartItem .scCartItemTitle1 img { 
    margin-left: 1px;
    padding-top: 1px; 
    float:left;
    height:20px;
}
.scMain .scCartList .scCartItem .scCartItemTitle1 div{
    display:block;
    /*overflow: hidden;*/
    width:100px;
    padding-top: 0px;
    height:35px;
            
}
.scMain .scCartList .scCartItem .scCartItemTitle2 {
    padding-top: 3px;
    width:30px; 
    height:34px;
    color: white;
}
.scMain .scCartList .scCartItem .scCartItemTitle3 {
    padding-top: 1px;
    width:39px;
    height:34px; 
}
.scMain .scCartList .scCartItem .scCartItemTitle4 {
    padding-top: 3px;
    width:55px;
    height:34px;
    color: white;
}
.scMain .scCartList .scCartItem .scCartItemTitle5 {
    padding-top: 1px;
    border-right: 0;  
}

/* Product List Styles */
.scMain .scSearchPanel {
    display:block;    
    position: relative;    
    padding: 2px;  
    margin: 0;   
    width:auto;
    height:23px; 
    border: 1px solid white;  
    border-bottom: 1px solid white;  
    background: rgb(8,63,104); /* Old browsers */
    border-radius: 5px;
}
.scMain .scSearchPanel .scTxtSearch {  
    display:block;  
    position: relative;    
    padding: 2px;  
    margin: 0;   
    height:16px;  
    line-height:18px; 
    margin-left:1px;
    border:1px solid white;
    padding:1px 5px;
    width:70px;  
    color:#5A5655;
    float:left;
    -webkit-appearance: none;
}
.scTxtSearch:focus {
    outline: none;
    border-color: red;
    box-shadow: 0 0 10px red;
}
.scMain .scSearchPanel .scLabelSearch { 
    display:block;   
    position: relative;    
    padding: 2px;  
    margin: 0;   
    height:18px;  
    line-height:18px; 
    margin-left:1px; 
    color:white; 
    float:left;    
}
.scMain .scSearchPanel .scLabelCategory { 
    display:block;   
    position: relative;    
    padding: 0px;  
    margin: 0;   
    height:10px;  
    line-height:5px; 
    margin-left:0px; 
    color:rgb(255,0,27); 
    float:left;
    font-size: 5px;
}
.scMain .scSearchPanel .scSelCategory {  
    display:block;  
    position: relative;    
    padding: 1px;  
    margin: 0;      
    margin-left:1px;
    border:1px solid white;
    padding:1px;  
    color:rgb(255,0,27); 
    float:left; 
}
.scMain .scProductList {
    display:block;    
    position: relative;    
    padding: 3px;  
    margin: 0;   
    width:98%;
    height:265px; 
    border: 0px solid #F5F5F5;   
    background: #FFFFFF; 
    overflow:auto;
    bottom: 0px;
    -webkit-overflow-scrolling: auto;
}
.scMain .scProductList .scProducts {
    display:block;    
    position: relative;    
    padding: 0px;  
    margin: 0;   
    margin-top: 1px;
    width:93%; 
    border: 1px solid white;
    
    border-bottom: 0px solid white;  
    border-radius: 8px;
    overflow:visible; 
    float:left;
    background: url('../images/grey_wash_wall.png'); /* Old browsers */
    /*background: rgb(161,5,44);*/
    -webkit-overflow-scrolling: auto;
    /*Stitching*/
    padding: 2px;
    margin: 5px;
    color: #fff;
    border: 2px dashed #fff;
    box-shadow: 0 0 0 4px #ffffff, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
}
/*.scMain .scProductList .scProducts:hover {
    border: 1px solid #CCC;
    background-color: #6699FF;
    color: white;
}*/
.scMain .scProductList .scProducts .scPDiv1 {
    margin-left:0px;
    padding:2px;
    float:left;
}
.scMain .scProductList .scProducts .scPDiv2 {  
    margin-left:3px;
    margin-bottom:3px;    
    float:left;  
    width:auto; 
    padding:2px;
    color: rgb(255,255,255);
}
.scMain .scProductList .scProducts .scPDiv3 {
    margin-right:5px;
    margin-top:5px;
    margin-bottom:5px;
    float:right;
    width:auto;   
}

.scMain ul.scMenuBar {
  display:block;
  list-style: none;    
  position: relative;    
  padding: 0px;       
  margin: 0;     
  height:25px; 
  clear: both;
  border: 1px solid rgb(8,63,104);  
  border-bottom: 1px solid rgb(8,63,104);  
  background: rgb(8,63,104); /* Old browsers */
 
}
.scMain ul.scMenuBar li{ 
  position: relative; 
  margin: 0;
  padding: 0;
  padding-right: 2px; 
  border-bottom: 0px; 
  border-right: 0px;  
  border-left: 0px;      
  float: left;
  color:#002EB8; 
}
.scMain ul.scMenuBar li a { 
  position:relative;
  display:block;
  margin:0;
  margin-left:1px;
  margin-top:1px;
  padding:0;
  padding-top:1px;
  text-decoration: none;
  height:18px;
  width:80px;

  color:#002EB8; 
  font: normal 13px 'Source Sans Pro', sans-serif;
  
  outline-style:none;
  text-align:center;
  background-color:   #FCFCFC;
  border: 1px solid rgb(8,63,104);  
  border-bottom: 1px solid #FCFCFC;        
}
.scMain ul.scMenuBar li a:hover { 
  color:#5A5655;  
  background: #F2F2F2; 
  border-bottom: 1px solid #F2F2F2; 
}
.scMain ul.scMenuBar li a.sel {   
  color:white;  
  background: rgb(255,0,27);
  cursor:text;
  font-weight:bold;
  border-bottom: 1px solid rgb(255,0,27); 
  height:20px;
  width: 80px;
  bottom:px;
  
}

.scProductImage{
  position:relative;
  width:45px;
  overflow:hidden;
  float:left;
  padding: 0;
  margin:1px 1px 1px 1px;
  background:transparent;
  border:1px solid white;
  border-radius: 5px;
}
.scProductImageSmall{
  width:28px;
  height:28px;
  overflow:hidden;
  float:left;
  padding: 0;
  margin:0;
  background:transparent;
  border:1px solid white;           
}
.sImgLoader{
  position:absolute;
  margin:0;
  padding: 0;
  margin-left:25px;
  margin-top:10px;    
  background-color: #FFF;
}
.scSearch {
  display:block;  
  margin:0;
  margin-top:0px;
  margin-left:1px;
  margin-right:1px;  
  padding:1;
  padding-top:0px;
  padding-bottom:0px;
  padding-left:2px;
  padding-right:2px;
  text-decoration: none;
  height:auto;
  width:auto;
  color:white;  /* 0464BB */
  background-color: rgb(255,0,27);
  font: bold 13px 'Source Sans Pro', sans-serif;
  outline-style:none;
  text-align:center;
  border: 1px solid red;  
  float:left; 
  -webkit-border-radius: 5px;
  -moz-border-radius  : 5px;   
}
.scSearch:hover {
  color:rgb(255,0,27);
  background-color:   white;
  border: 1px solid #EA8511; 
}
.scRemove { 
  display:block;  
  margin:0;
  padding-top: 0px;
  margin-top:0px;
  margin-left:1px;    
  padding:0;
  padding-top:3px;
  text-decoration: none;
  height:16px;
  width:70px;
  color:#5A5655;  /* 0464BB */
  font: normal 12px 'Source Sans Pro', sans-serif;
  outline-style:none;
  text-align:center;
  background-color:   #FCFCFC;
  border: 1px solid #AAAAAA;  
  float:left; 
  -webkit-border-radius: 5px;
  -moz-border-radius  : 5px;   
}
.scRemove:hover {
  color:#FFF;  /* 0464BB */
  background-color:   #5A5655;
  border: 1px solid #5A5655; 
}
.scAddToCart { 
  display:block;
  margin:0;
  margin-top:10px;  
  padding:0;
  padding-top:1px;
  padding-bottom:1px;
  text-decoration: none;
  height:16px;
  width:50px;
  color:#5A5655;  /* 0464BB */
  font: normal 11px 'Source Sans Pro', sans-serif;
  outline-style:none;
  text-align:center;
  background-color:   #FCFCFC;
  border: 1px solid #AAAAAA;  
  float:right; 
  -webkit-border-radius: 5px;
  -moz-border-radius  : 5px;   
}
.scAddToCart:hover {
  color:#FFF;  /* 0464BB */
  background-color:   #5A5655;
  border: 1px solid #5A5655; 
}
.scTxtQuantity {
  margin-top:10px;
  margin-right:1px;
  border: 1px solid rgb(8,63,104);
  padding:1px 5px;
  width:20px;
  height: 16px;
  float:left;
  font-size: 16px;
  border-radius: 4px;
  -webkit-appearance: none;
}
.scTxtQuantity:focus {
    outline: none;
    border-color: red;
    box-shadow: 0 0 10px red;
}
.scTxtQuantity2 {
  margin-top:0px;
  margin-right:0px;
  border:1px solid #E0E0E0;
  padding:1px 1px;
  width:30px;
  float:left;
  font-size:16px;
  height: 16px;
}
.scLabelQuantity {
  margin-top:15px;
  margin-right:0px;
  padding:1px 5px;
  float:left;
}
.scLabelSubtotalText {
  display:block;
  margin-top:0px;
  margin-right:0px;
  padding:1px;
  font: bold 18px 'Source Sans Pro', sans-serif;  
  float:right;
  color: white;
}
.scLabelSubtotalTip {
  display:block;
  margin-top:0px;
  margin-right:0px;
  padding:1px;
  font: bold 18px 'Source Sans Pro', sans-serif;  
  float:right;
  color: white;
}
.scLabelSubtotalValue {
  display:block;
  margin-top:0px;
  margin-left:5px;
  margin-right:20px;
  padding:0px;
  background:rgb(211,211,211);
  font: bold 18px 'Source Sans Pro', sans-serif;  
  border: 1px solid white;  
  float:right;
  border-radius: 4px;
  color: rgb(8,63,104);
}
.scLabelSubtotalTipValue {
  display:block;
  margin-top:0px;
  margin-left:5px;
  margin-right:20px;
  padding:0px;
  background:white;
  font: bold 18px 'Source Sans Pro', sans-serif;  
  border: 1px solid white;  
  float:right;
  border-radius: 4px;
  width: 33px;
}
.scCheckoutButton { 
  display:block;
  margin:0;
  margin-top:1px;
  
  margin-right:10px;   
  padding:1;
  padding-top:1px;
  padding-bottom:1px;
  padding-left:2px;
  padding-right:2px;
  text-decoration: none;
  height:auto;
  width:auto;
  color:#FFF; 
  font: bold 13px 'Source Sans Pro', sans-serif;
  outline-style:none;
  text-align:center;
  background-color:   rgb(255,0,27);
  border: 1px solid red;   
  -webkit-border-radius: 5px;
  -moz-border-radius  : 5px; 
  float:right;  
}

.scEmailButton { 
  display:block;
  margin:0;
  margin-top:1px;
  
  margin-left:10px;   
  padding:1;
  padding-top:1px;
  padding-bottom:1px;
  padding-left:2px;
  padding-right:2px;
  text-decoration: none;
  height:auto;
  width:auto;
  color:#FFF; 
  font: bold 13px 'Source Sans Pro', sans-serif;
  outline-style:none;
  text-align:center;
  background-color:   Green;
  border: 1px solid red;   
  -webkit-border-radius: 5px;
  -moz-border-radius  : 5px; 
  float:right;  
}
.scCheckoutButton:hover { 
  color:rgb(255,0,27);
  background-color:   white;
  border: 1px solid red; 
}
.scEmailButton:hover { 
  color:#FFF;
  background-color:   #EA8511;
  border: 1px solid #EA8511; 
}
.scMessageBar {
  position:relative;
  margin:0;
  padding:10px;
  top:10px; 
  left:1%;   
  font: bold 13px 'Source Sans Pro', sans-serif; 
  color: #5A5655;
  background:   #FFFFDD;
  border: 1px solid #FFD700;
  width:90%;
  height:18px;
  text-align:center;
  -webkit-border-radius: 5px;
  -moz-border-radius  : 5px;   
}

.scMessageBar2 {
  position:relative;
  margin:0;
  margin-left:1px;
  margin-right:1px;  
  padding:1px;  
  padding-left:1px;
  padding-right:1px;  
  top:1px;   
  font: normal 9px 'Source Sans Pro', sans-serif; 
  color: red;
  background:   #FFFFDD;
  border: 1px solid #FFD700;
  text-align:center;
  width:120px;
  height: 19px;
  -webkit-border-radius: 5px;
  -moz-border-radius  : 5px;   
}

/*  TOOLTIP CSS */
.tooltip{
  position:absolute;
  z-index:999;
  background-color:#AAA;
  padding:0px;
  border:1px solid #AAA;
  color:#FFF; 
  width:auto;   
  text-align: left;    
  overflow:visible;   
}  

.tooltip img{
  border:0;
  float:left;
  background-color:#FFF;            
}

strong { 
    font-family: "font-family: 'Source Sans Pro', sans-serif";
    font-size: 15px;
    color: rgb(255,255,255);
}
small {
    color: rgb(255,255,255);
}



/*///// Media Query http://stephen.io/mediaqueries/#iPad /////*/

 .scMain .scProductList {
  -webkit-transition:all 1.0s ease-in-out;
  -moz-transition:all 1.0s ease-in-out;
  -o-transition:all 1.0s ease-in-out;
  transition:all 1.0s ease-in-out;
    }

/*iphone 5 landscape*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape)
{
    .scMain .scProductList {height:160px;}
}
/*iphone 5 portrait*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait)
{
    /*iphone 5 portrait*/
}

/*iphone 2G-4S landscape*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) { /* STYLES GO HERE */}

/*iphone 2G-4S portrait*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) { /* STYLES GO HERE */ }

/*iphone 6 landscape portrait*/
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 667px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 2)
    {
        .scMain .scProductList {height:205px;}
    }

@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 667px) 
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 2)
    {
        .scMain .scProductList {height:440px;}
        body { 
            text-align:center; 
        } 
    }
/*iphone 6 + landscape portrait*/
@media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 3) 
    {
        .scMain .scProductList {height:225px; }
    }

@media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px) 
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 3)
    {
        .scMain .scProductList {height:440px;}
        body { 
            text-align:center; 
        } 
    }   
/*iPad Mini landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  { /* STYLES GO HERE */}

/*iPad Mini portrait*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1)  {
    .scMain .scProductList {font-size: 2em;}
    strong { font-size: 1em;}
    .scTxtQuantity{ height: 40px;font-size: 1em;}
    .scCheckoutButton{font-size: 20px; }
    .scEmailButton{font-size: 20px; }
    .scLabelSubtotalValue{font-size: 20px;}
    input, textarea{font-size: 30px;}
    .web_dialog{width: auto;height: auto;}
    .Submit{font-size: 30px;}
    .web_dialog_title{font-size: 20px;}
}

/*iPad Lanscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
{ .scMain .scProductList {height:500px;}
}

/*iPad Portrait*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    .scMain .scProductList {height:800px;font-size: 2em;}
    strong { font-size: 1em;}
    .scTxtQuantity{ height: 40px;font-size: 1em;}
    .scCheckoutButton{font-size: 20px; }
    .scEmailButton{font-size: 20px; }
    .scLabelSubtotalValue{font-size: 20px;}
    input, textarea{font-size: 30px;}
    .web_dialog{width: auto;height: auto;}
    .Submit{font-size: 30px;}
    .web_dialog_title{font-size: 20px;}
}

/* Samsung Galaxy S3 */
@media only screen
    and (min-device-width : 719px)
    and (max-device-width : 721px)
    and (-webkit-min-device-pixel-ratio : 2)
    and (orientation : portrait) { 
    {
        .scMain .scProductList {height:530px;}
        body { 
            text-align:center; 
        } 
    }
}

/* Samsung Galaxy S4 */
@media only screen
    and (max-device-width: 360px)
    and (-webkit-min-device-pixel-ratio: 3)
    and (device-aspect-ratio: 9/16)
    and (orientation : portrait) 
    {
        .scMain .scProductList {height:530px;}
        body { 
            text-align:center; 
        } 
    }
    
/* Samsung Galaxy S, SIII */
@media only screen
    and (max-device-width: 360px)
    and (-webkit-min-device-pixel-ratio: 2)
    and (device-aspect-ratio: 9/16)
    and (orientation : portrait) 
    {
        .scMain .scProductList {height:530px;}
        body { 
            text-align:center; 
        } 
    }

/* Samsung Galaxy Y */    
@media only screen
    and (max-device-width: 240px)
    and (-webkit-min-device-pixel-ratio: 1)
    and (orientation : portrait) 
    {
        .scMain .scProductList {height:130px;}
        body { 
            text-align:center; 
        }
    }
    
/* iPhone 3GS */    
@media only screen
    and (max-device-width: 320px)
    and (-webkit-min-device-pixel-ratio: 1)
    and (device-aspect-ratio: 9/16)
    and (orientation : portrait) 
    {
        .scMain .scProductList {height:530px;}
        body { 
            text-align:center; 
        }
    }