/* prod-labeldtl.css */
/* RC May 2014 */


#prod-data{
        width:960px;
        display:block;
                margin:0 auto;
                top:23px;
                background-color:#FFFFFF;
                border:1px dotted #555555;
}

/* prod image section: 400 px */

#prod-image{
        width:400px;
                //width:398px;  
                float:left;
                background-color:inherit;
                border:inherit;
}

/* image/video container */
#imgvid-container{
    float:left;
        height:675px;
        width:inherit;
        margin-top:10px;
}

/* 360deg video */

#vid360-img{
        height:inherit;
        width:inherit;
        display:none;
        visibility:hidden;
}

#video1{
        width:350px;
        height:inherit;
        //padding-left:48px;
        padding-left:50px;
}

/* traditional image */
#trad-img{
        height:inherit;
        width:inherit;
}

.trad-big{
        //height:438px;  new size image
        //padding-left:50px;        
        //width:350px;
        //padding-left:48px;
        height:300px;
        padding-left:100px;
    width:300px;        
}
.trad-mini{
    width:200px;
        margin-left:50px;
        height:50px;
        padding: 10px 75px 0;
    text-align:center;
}

/***
#zoomImg {
    border: 0 none;
    float: left;
    left: 350px;
    padding: 0;
    position: relative;
    //top: 405px;
        top:270px;
    z-index: 1;
}
*****/

.divrule {
    border-bottom: 1px solid #D7D7D7;
    margin: 0 14px;
}

.privmini {
    border: 1px solid #D7D7D7;
    border-radius: 3px;
    cursor: pointer;
}
.privmini:not(:first-child) {
    margin-left: 5px;
}

.privmini:hover {
    border-color: #5A7E96;
    background-color: #D7D7D7;
}

.trad-btn{
    height:77px;
        width:390px;
        padding-top:5px;
        padding:5px 0 0 10px;
}

.classbtn{
    padding-right:10px;
        border-style:none;
}
.grey-btn{
    float:left;
        //width:268px;      
        width:270px
}

.g2btn{
    height:15px;
        width:inherit;
        margin-bottom:15px;
}

.tradgbtn{
    background-color:#818285;
        font-weight:bold;
        width:100px;
        text-align:center;
        float:left;
        margin-left:20px;
}

.tradgbtn a {
    color: #FFFFFF;
    text-decoration: none;
}

.ds-btn{
    float:right;
        width:130px;
}

/* lifestyle image */
#lifestyle-img{
        width:300px;
        height:310px;
        visibility:hidden;
        display:none;
    padding-left:100px; 
}

/* off-figure images */
#offFigure-img{
        height:inherit;
        width:inherit;
        visibility:hidden;
        display:none;
}

/* image/video icons */
#imgvid-icons{
    float: left;
    //padding: 10px 6px 0 6px;  
        padding: 10px 7px 0 7px;
    width: 36px;
        position:absolute;
        top:10px;  /*130px */
}

.iv-icon{
        height:38px;
        width:36px;
        margin-bottom:5px;
}

/* more video */
#more-video{
    float:left;
        width:inherit;
}

/* prod details section: 560px */
#prod-details{
 // width:500px;
  background-color:inherit;
  border:inherit;
  padding: 10px 25px 0 35px;
  box-sizing: border-box;
}

/* mill logo & name */

#style-header{
                background-color:inherit;
                border-bottom:1px solid #D7D7D7;
                width:inherit;
                padding-bottom: 20px;
    		padding-top: 20px;
}

#style-header-logo{
        width: 160px;
                float:left;
                background-color:inherit;
                
}

#style-header-name{
                float:right;
                background-color:inherit;
                padding-left:15px;
                width:323px;
               // margin-bottom: 15px;
                
}

#style-header-name h1 {
    color: #231F20;
    font: bold 32px Helvetica,Arial,sans-serif;
        margin:0px;
}        

#style-header-name span {
    color: #231F20;
    font: bold 16px Arial,Helvetica,sans-serif;
        float:left;
        margin-bottom: 25px;
}     
   
#see-more {
   //-webkit-border-radius:100px;
   //-webkit-margin-start: 100px;
   //-webkit-margin-before: 100em;
   //-webkit-padding-start: 100px;
   margin-left: 200px;
}                            

#prod-details:before,      #prod-details:after,
#style-header:before,      #style-header:after,
#style-header-logo:before, #style-header-logo:after,
#style-header-name:before, #style-header-name:after {
  display:table;
  content:" ";
}

#prod-details:after,
#style-header:after,
#style-header-logo:after,
#style-header-name:after {
  clear:both;
}

/* links */
#style-links {
    background-color:inherit;
        height: 20px;
        margin-top: 5px;
        color: #2B76A7;
}

#style-links a {
    font: bold 12px Arial,Helvetica,sans-serif;        
}

/* price */
#style-price {
    background-color:inherit;
        height: 20px;
        margin-top: 10px;
        font: bold 12px Arial,Helvetica,sans-serif;        
}

#style-green{
    background-color:inherit;
        height: 30px;
        //margin-top: 10px;
        margin: 10px 0px;
}

.green-btn {
    background-color:#00A651;
        color:#FFFFFF;
        border:1px solid #72B052;
        cursor:pointer;
        display:inline-block;
        font: bold 11px Arial,Helvetica,sans-serif;        
        border-radius:8px;
        margin: 0px;
        padding:4px;
}

.greyb-btn {
    background-color:#5a8097;
        color:#FFFFFF;
        border:1px solid;
        cursor:pointer;
        display:inline-block;
        font: bold 11px Arial,Helvetica,sans-serif;        
        border-radius:8px;
        margin: 0px;
        padding:5px;
}

.blue-iround {
    background-color:#0000FF;
        color:#FFFFFF;
        border:1px solid #0000FF;
        border-radius:8px;
        //cursor:pointer;
        display:inline-block;
        font: bold 11px Times New Roman,Helvetica,sans-serif;        
        margin: 0px;
        padding:2px 5px;
}

#pricing-btn{
  margin-right:3px;
}

#decorate-btn{
  margin-right:25px;
}


/* colors */
#style-colors{
    border-top:1px solid #D7D7D7;
        //margin-top:7px;
}

#color-label{
    margin: 10px 0px 5px;
}
#avail-colors{
    height: 20px;
        font: bold 12px Arial,Helvetica,sans-serif;        
}
#color-collapse{
        border: 1px solid #000000;
    cursor: pointer;
}

.colordisp{
     height:100px;
         width:80px;
         float:left;
         font: bold 11px Arial,Helvetica,sans-serif;
         margin-right:3px;
}

.colorchip{
     height:30px;
         width:50px;
         border: 1px solid #b7b7b7;
         cursor:pointer;
}
.colorchipcont {
   width:50px;
   height:30px;
   /*border: 1px solid #b7b7b7;*/
   position: relative;
   float: left;
   font-size: 1em;
   letter-spacing: .1em;
   line-height: 30px;
   text-align: center;
   box-sizing: border-box;
   border-style:none;
}
.colorchipcont .colorchip {
   margin:0px;
   padding:0px;
   border-style: none;
   float:left;
   height:100%;
   box-sizing: border-box;
   border-bottom: 1px solid #b7b7b7;
   border-top: 1px solid #b7b7b7;
   border-left: 1px solid #b7b7b7;
   border-right: none;
}
.colorchipcont .colorchiplast {
   border-right: 1px solid #b7b7b7;
}
/* tabs */
.etabs { 
        margin: 0; 
        padding: 0; 
}
.tab { 
        display: inline-block; 
        height:20px;
        zoom:1; 
        *display:inline; 
        margin-right: -4px; 
        background:#5a7f97;
        border: solid 1px #D7D7D7; 
        border-bottom: none; 
        -moz-border-radius: 0px 0px 0 0; 
        -webkit-border-radius: 0px 0px 0 0; 
}

.tab a { 
        font-size: 12px;  
        font-weight:bold;
        color:#ffffff; 
        display: block; 
        padding: 0 7px; 
        text-decoration:none; 
        outline: none; 
}

.tab a:hover { 
        text-decoration: none; 
}

.tab.active { 
        background: #ffffff; 
        padding-top: 6px; 
        position: relative; 
        top: 0px; 
        border-color: #D7D7D7; 
}

.tab a.active { 
        color:black; 
        font-weight: bold; 
        border-bottom:none; 
}

.tab-container, .tab-container2 {
    float:left;
        font: 12px Arial,Helvetica,sans-serif;
}
.tab-container .panel-container { 
        background: #ffffff; 
        border: none; 
        padding: 5px; 
        -moz-border-radius: 0 4px 4px 4px; 
        -webkit-border-radius: 0 4px 4px 4px; 
}

.panel-container { 
        margin-bottom: 10px; 
}



/* bullet desc */
.bullet {
        font-size:12px;
}

/* icons */
.style-icons{
   margin-top:5px;
   height:60px;
}

.benefit-icon{
        float:left;
        margin-right:7px;
}

/* cpia */
#style-cpia{
border-top: 1px solid #D7D7D7;
margin-top:15px;
}
#cpia-label{
        font: bold 12px Arial,Helvetica,sans-serif;
    margin:5px 0px;
}

/* product-specs */

.tr-row1{
    background:#bcd6e7;
        color:#333333;
}

.td-col1{
    width:80px;
        border:1px solid #C8C8CE;
}
.td-cols{
    width:38px;
        text-align:center;
        font:bold 11px Arial,Helvetica,sans-serif;
        border:1px solid #C8C8CE;
}

.specsizelabel{
    height:20px;
        margin:10px 0 5px 0px;
}
.spec-label{
    font:bold 12px Arial,Helvetica,sans-serif;
        float:left;
        margin:0px 5px 0 0;
}
.qq{
    background-color: #5a7f97;
    border: 1px solid #418BBA;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    float: left;
    font: bold 10px Times New Roman,Helvetica,sans-serif;
    margin: 0;
    padding: 0 2px;
}

#howtosection1,#howtosection2{
    font:11px Helvetica;
}

.toprow{
    height:30px;
        width:inherit;
}
.topright{
    cursor: pointer;
    float: right;
    height: 14px;
    margin: 3px;
    width: 14px;
}
.topleft{
    width:265px;
        margin:15px 0 0 15px;
        float:left;
        font-weight:bold;
}

.howto{
    margin: 0 0 15px 15px;
}

.howMeasure{
    margin-top:15px;
}

#emailspec{
    float:left;
        margin-left:50px;
        font: bold 12px Arial,Helvetica,sans-serif;
}


/* othprod */
.othprod{
        width:125px;
        height:300px;
        float:left;
        margin-right:23px;
}

.oprod-img{
   border-bottom:2px solid #D7D7D7;
}

.oprod-style{
  margin-top:6px;
  font: bold 12px Arial,Helvetica,sans-serif;
  text-align:left;
}
.oprod-desc{
  font: 10px Arial,Helvetica,sans-serif;
  text-align:left;
  height:50px;
}

.oprod-text{
  font: 11px Arial,Helvetica,sans-serif;
  text-align:left;
  margin-top:5px;
}

.oprod-buy{
  font: 11px Helvetica,Arial,sans-serif;
  font-weight: bold;
  text-align:center;
  margin-top:5px;
  cursor:pointer;
  color:#ffffff;
  width:59px;
  background:#5a8097;
  border-radius:8px;
  padding: 5px;
}
/* chat */
.questions2 {
width: 915px;
height: 30px;
padding: 0px 25px 0px 20px;
font-size:12px;
text-align:right;
float:right;
}
/* inv grid */
#tab-container2 {
  padding:10px 25px 0 20px; 
}

#chkout{
   float:right;
   height: 20px;
   left: 300px;
   position: absolute;
   top: 725px;
   width: 500px;
}


.whse-collapse{
        //border: 1px solid #000000;
    cursor: pointer;
}

.addcolorimg{
    width:265px;
        float:left;
}

.colordropspecial{
    width:650px;
        float:right;
}

.specialsimg{
    float:right;
        width:265px;
}


.exp-whse{
    //padding-right:25px;
        margin-bottom:15px;
        float:left;
}

.whname{
    font: bold 14px Helvetica,Arial,sans-serif;
        float:left;
        height:25px;
        padding-top:10px;
}

.more-whse{
    height:25px;
        float:left;
        width:25px;
}

.whdesc{
    float:right;
        width:280px;
}

.whinfo{
    float:right;
        width:610px;
        font:12px Helvetica,Arial,sans-serif;
        height:25px;
        padding-top:10px;
        text-align:right;
}

.greentxt{
    color:#28B833;
}

.greybtxt{
    color:#5a7f97;
}

.headrow{
    height:25px;
}
.whdesccol{
    width:140px;
}

.whsizecol{
    width:55px;
        font:bold 11px Helvetica,Arial,sans-serif;
        border-left: 1px solid #d3d3d3;
        text-align:center;
        
}

.whcolorcol{
        width:95px;        
        border-left: 1px solid #d3d3d3;
        font:bold 11px Helvetica,Arial,sans-serif;
        text-align:center;
}

.whrmvcol{
        width:80px;        
        border-left: 1px solid #d3d3d3;
}

.regrow{
    background-color:#F1F1F2;
}

.specialsrow{
    background-color:#bcd6e7;
}

.prdesccol{
    width:132px;
        text-align:right;
        font:11px Helvetica,Arial,sans-serif;
        padding:4px;
    vertical-align:middle;    
}

.prdesccol2{
    width:175px;
        text-align:right;
        font:11px Helvetica,Arial,sans-serif;
        padding:4px;
        
}

.prsizecol{
    width:55px;
        font:11px Helvetica,Arial,sans-serif;
        border-left: 1px solid #d3d3d3;
        text-align:center;
    vertical-align:middle;        
}

.prsizecol2{
    width:55px;
        font:bold 11px Helvetica,Arial,sans-serif;
        border-left: 1px solid #d3d3d3;
        text-align:center;
    vertical-align:middle;
}

.ccsizecol{
        width:55px;
        font:10px Helvetica,Arial,sans-serif;
        border-left: 1px solid #d3d3d3;
        text-align:center;
        padding:4px 0;
        
}

.cccolorcol{
    width:95px;        
        border-left: 1px solid #d3d3d3;
        font:10px Helvetica,Arial,sans-serif;
        text-align:center;
        padding:4px 0px;
}

.ccrmvcol{
    width:80px;        
        border-left: 1px solid #d3d3d3;
        padding:6px 0px;
}

.SubmitBtnBox {
    float: right;
    height: 30px;
    text-align: right;
    width: 229px;
}

.SpecialsBtnBox {
    float: right;
    height: 25px;
    text-align: right;
}

/* By Warehouse tab */

.whcolorDropDown{
        width:270px;
        height:93px; 
        overflow:auto;
        border:1px solid #999;
        position:absolute; 
                //position:relative; 
        visibility:hidden;
        display:block;
}

.whcolorDropDownGT20{
        width:270px;
        height:500px;
        overflow:auto;
        border:1px solid #999;
        position:absolute;
                //position:relative;
        visibility:hidden;
        display:block;
}

.whcolorchip{
    border: 1px solid #c7c5ad;
    cursor: pointer;
    height: 15px;
    margin: 0 10px 0 25px;
    width: 45px;
}

.rmvcolor{
    background-color: #818285;
    font-weight: bold;
    text-align: center;
    width: 60px;
        color:#ffffff;
        margin: 0px 5px;
        cursor:pointer;
}
.selcolor-whse{
    height: 30px;
        text-align:center;
        font-weight:bold;
        float:left;
}
.addcolor-whse{
                background-color: #00A756;
        font-size: 11px;
        font-weight: bold;
        height: 15px;
        text-align: center;
                padding:0px 15px;
                margin-right:0 5px;
            color: #ffffff;
                cursor:pointer;
                float:left;
}
.addcolortext{
        width:400px;
        float:left;
        text-align:right;
        margin-right:5px;
}

.selColor{
        background:url('/images/selBox.gif') no-repeat; 
        width:297px;
        height:19px;
}

.selLabel2{
        margin:1px 0px 0px 0px;       
        padding:2px 0px 0px 0px;       
        width:150px;
}

/* By Availability tab */
#AvailColor{
    width:300px;
        float:left;
}
#ColorLabelBox {
    float:left;
        width:100px;
        
}
#ColorTextBox {
    float:right;
        
}


/* By Color tab */
#AvailColor2{
    width:430px;
}
#ColorFetchBox1 {
    float: left;
    width: 220px;
}
#ColorFetchBox2 {
    width: 180px;
        float: right;
}

/* gridfooter */

.itemSubtotalV {
    height: 35px;
    margin-left: 5px;
    padding: 8px;
    
}

.itemSubtotal2V {
    height: 120px;
    margin-left: 5px;
    padding: 8px;
}

.highlightV {
    color: #00A756;
}

.prodsubmitbtn{
                background-color: #00A651;
        font-size: 11px;
        font-weight: bold;
        text-align: center;
        border-radius:8px;
        width: 100px;
                padding:5px 5px;
                margin-right:4px;
                float:left;
}
div.prodsubmitbtn a{
        color:#FFFFFF;
        text-decoration:none;
}
.clearfix {
   clear:both;
}
/*
   Magic Zoom v4.0.6 
   Copyright 2012 Magic Toolbox
   Buy a license: www.magictoolbox.com/magiczoom/
   License agreement: http://www.magictoolbox.com/license/
*/

/* Style of the main image */
.MagicZoom img {
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
}

/* Style of the hint text and image */
.MagicZoomHint {
background: url(graphics/hint.gif) no-repeat 2px 50%;
padding: 2px 2px 2px 20px !important;
min-height: 24px;
margin: 0;
text-decoration: none;
text-align: left;
font-size: 8pt;
font-family: sans-serif;
color: #444;
}

/* InkSoft Pop-up */

#modal-overlay {
  background: #000;
  filter: alpha(opacity=30);
  height: 100%;
  left: 0;
  -moz-opacity: 0.3;
  -webkit-opacity: 0.3;
  -ms-filter: alpha(opacity=30);
  opacity: 0.3;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 998;
}

#modal-container {
  background-color: #fff;
  border: 1px solid #ababab;
  height: auto;
  padding: 10px;
  font-family: arial,sans-serif;
  font-size: 14px;
  position: absolute;
  z-index: 998;
  -webkit-box-shadow: 3px 3px 20px -1px rgba(136,136,136,1);
  -moz-box-shadow: 3px 3px 20px -1px rgba(136,136,136,1);
  box-shadow: 3px 3px 20px -1px rgba(136,136,136,1);
}

#modal-header {
  height: 20px;
  overflow: hidden;
  clear: both;
}

#modal-close {
  background: #fff url('/images/close_box.gif') no-repeat center center;
  cursor: pointer;
  display: block;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -webkit-opacity: 0.6;
  -ms-filter: alpha(opacity=60);
  opacity: 0.6;
  float: right;
  height: 20px;
  width: 20px;
}
#modal-close:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  -webkit-opacity: 1.0;
  -ms-filter: alpha(opacity=100);
  opacity: 1.0;
}

#modal-content {
  display: block;
  padding: 0 20px 10px 20px;
  z-index: 999;
  text-align:center;
}

#modal-container.modal-loading {
  background: #fff url('/images/processing.gif') no-repeat center center;
}

a.inkSoftLink,a.inkSoftLink:link,a.inkSoftLink:hover,a.inkSoftLink:active,a.inkSoftLink:visited {
   #padding: 7px 20px;
   #background-color: #919191;
   color: #fbfbfb;
   font-size: 11px;
   text-decoration: none;
   font-weight: bold;
   text-transform: uppercase;
}
a.inkSoftLink div{
   background-color: #919191;
    width: 150px;
    height: 25px;
    margin: auto;
}
#modal-content h3 {
   font-size: 12px;
}
#modal-content h3,#modal-content h2 { color:#2e2e2e; }
#modal-content h3,#modal-content h2,.inkSoftLinkCont { text-align:center; }
.inkSoftLinkCont { margin: 25px 0px;}

/* Style to hide external title on a page. Only needed for #id method */
.MagicZoomExternalTitle {
display: none;
}

/* Style of the zoomed image */
.MagicZoomBigImageCont {
border: 1px solid #D7D7D7;
background: #ffffff;
}

/* Style of text on the zoomed image */
.MagicZoomHeader {
font-size: 10pt !important;
line-height: normal !important;
color: #fff;
background: #666;
text-align: center !important;
}

/* Style of square magnify area under the cursor */
.MagicZoomPup {
border: 1px solid #aaa;
background: #fff;
cursor: move;
}

/* Style of loading message and icon shown during load */
.MagicZoomLoading {
border: 1px solid #ccc;
background: #fff url(graphics/loader.gif) no-repeat 2px 50%;
padding: 4px 4px 4px 24px !important;
margin: 0;
text-decoration: none;
text-align: left;
line-height: 1.5em;
font-size: 8pt;
font-family: sans-serif;
color: #444;
}

/* Style of shadow effect behind zoomed image */
.MagicBoxShadow {
-moz-box-shadow: 3px 3px 4px #888888;
-webkit-box-shadow: 3px 3px 4px #888888;
box-shadow: 3px 3px 4px #888888;
border-collapse: separate;
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888') !important;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')" !important;
}

/* Style of glow effect behind zoomed image */
.MagicBoxGlow {
-moz-box-shadow: 0px 0px 4px 4px #888888;
-webkit-box-shadow: 0px 0px 4px 4px #888888;
box-shadow: 0px 0px 4px 4px #888888;
border-collapse: separate;
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888') !important;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888')" !important;
}

.zoomMsg{
   position:absolute;
   bottom: 0px;
   right: 0px;
   display: none;
}

.zoomMsg img{
   border-style: none !important;
}

.imageContainer{
   position:relative;
}

#firstset{
   float:left;
   max-height:200px;
   overflow: auto; 
   overflow-y: auto; 
   overflow-x: hidden; 
   width:100%;
}

.colorrow{
   float:left;
}

.clearance{
   color:#dc9628;
}

.active-color {
   text-align: center;
   font-weight: bold;
   margin-left: 50px;
   font-size: 12px;
   margin-top: 10px;
}