﻿
#divspiceprofessional
{
   border-right:1px solid Gray;
   width:400px;   
}
    
.spanspiceheadertext1
 {
    display: block;
    text-indent: 60px;
    margin-top:-7px;
 }
.spanspiceheadertext2
{
    text-indent: 90px; 
    margin-top: -7px;
    display:block;
}
    
 #divespicemobile
 {
   width: 400px;
 }
        
/*.spanspiceheadertext2
{
    display: block; 
 text-indent: 60px;
    }
.spanMobiletext
{
     text-indent: 90px; 
    margin-top: -10px;
    display:block;
    }   */
    
.spanMacandPc
    {
       display: block;
        text-indent: 70px;
        } 
        
.spaninlinedots
  {
  display: block; 
 text-indent: 20px;
 }

.spanPhonesandTablets
{
   display: block; 
   text-indent: 70px;
}
     
   .imagephonetablet
{
    width: 150px; 
    height: 160px; 
    margin-top: 40px;
}  
       
#divStandardsOfspicemobileHeading
{
    border-right: 1px solid rgba(128, 128, 128, 0.42);
    width: 50%; /*396px;*/    
    height: 45px; /*62px;*/
    position: relative;
    /*top: -5px;*/
    top: 50%;
    
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    
    float: left;
}

#Downloads-SpicePro-Heading
{
    float:left;
    top: 50%;
    position: relative;
    
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#divdownloadpageheadertext
{
    height: 100%; 
    width: 97%; /*800px;*/
    /*margin-top: 30px;*/ 
    /*background-color: #EFEFEF;*/
}
    
#divdownloadastext
{
    margin:auto 0;
    padding-top:5px;
}

.DownloadHorziontalBar
{
   /* background-image:url('../Images/Tutorials/down_parthorbar.png');*/
   /* width:100%;*/
    height:57px;    
    /*padding-top:5px;*/
    background-color: rgba(226, 226, 220, 0.962);/*rgba(220, 220, 220, 0.965);*//*#DDDDD6;*/

    border-bottom-style: solid;
    border-bottom-width: 2px; 
    border-bottom-color: #BBBBBB;

    /*border-left-width: 3px; 
    border-left-style: solid;  
    border-left-color: #BBBBBB;*/
    
    /*border-top-width:3px;
    border-top-color: #BBBBBB;
    border-top-style: solid;*/ 
    
}

#download-product-names
{
    border-top-width:2px;
    border-top-color: #BBBBBB;
    border-top-style: solid;
}

        
 .spandownloadtextdisplay
 {
   display:table-cell;
   text-indent: 30px; 
   vertical-align: middle;
   text-align:center;
   position: relative;
   top: 7px;
 } 
 .backgroundimageofphoneandtablet
 {
    width: 100%; /*399px;*/ 
    border-collapse: collapse;
    padding: 0px; 
    /*margin-left:-2px;*/
 }      
       
#divdownloadpagecontentdisplay
{
    width: 100%; /*92%;*/
    background-color:#EFEFEF;  
    color:#63645F;
    font-size:15px;
}

#divdownloadpagecontentdisplay span
{
    margin: 0 auto;
    display: block;
    width: 87%;
    padding: 10px 0;
}

/*.spandownloadpagecontentdisplay
{
  display: block; 
  padding-left: 70px;
  width:100%;
} */
    
.divbordermargin 
{
  border-right:1px solid Gray;
}
    
.divmacpcimage
 
{
   width: 185px; 
   height: 107px;
}   
    
.imagemacandpc
{
   width: 185px;
   height: 107px;
}  

.imagephonetablet
{
  width: 150px; 
  height: 160px; 
  margin-top: 40px;
}

.backgroundimageofMacandpc 
{
    width: 100%; /*398px;*/
    border-collapse:collapse;
    padding:0px;
    position:relative;
}
    
.downloadimagesstyle
{
    display:block;
    height:18px;
    /*width:76px; */
    text-align:center;
}
.download-left-separator
{
   vertical-align:middle;
   display:inline-block; 
   height:23px;
}

.downlaod-SplitLine
{
    background: #CCCCCC;
    width:1px;
    
    opacity:0.4;
    
    -webkit-box-shadow: 0px 0px 3px 2px #353535;
    -moz-box-shadow:    0px 0px 3px 2px #353535;
    box-shadow:         1px 0px 5px 1px #353535; 
}

.download-background-gradient
{
    /*background-image:url(../Images/HeaderSlice.png);*/
    /*height: 49px;*/
    background: -webkit-gradient(linear, left top, left bottom, from(#7B9EC6), to(#426590));
    background: -moz-linear-gradient(top, #7B9EC6, #426590);
    background: linear-gradient(#7B9EC6, #426590);
    background-image: -ms-linear-gradient(rgb(123, 158, 198) 0%, rgb(66, 101, 144) 100%);    
}

#download-parentdiv
{
    width: 100%;    
    height: 335px; /*363px*/
    margin: 0 auto; /*10px auto 0 auto;*/
    position:relative;
    background-color: #EFEFEF;
}

#desktop-downloads
{
    height: 321px; /*348px*/ /*100%;*/
    float: left;
    width:50%;
    /*padding-right: 2px;*/
    border-right: 1px solid rgba(128, 128, 128, 0.42); /*gray;*/
    margin-top:15px;
}

#downloads-split-line
{
    width: 0.45%;
    height: 100%;
    float: left;
    display:none;
}

#downloads-split-line div 
{
    width: 1px;
    background-color: gray;
    height: 100%;
    margin: 0 auto;
}

#mobile-downloads
{
    left: 50%;
    /*margin-left:5px;*/
    position:absolute;
    right:0;
    height: 321px; /*100%;*/
    /*float: left;*/  
    margin-top:15px;  
}

#download-maindiv
{
    width: 100%;
    border-collapse:collapse; 
    padding: 0px;
}
.backgroundiv-macandpc-positions
{
   /*position:relative; 
   bottom:276px;
   left:1px;*/
}
.macandpc-dotsimage-left
{
    position: absolute; /*relative;*/
    top:2px; 
    left:12px;
}
.splitline-of-leftside
{
    position:relative;
     top: 2px; 
     /*left:20px;*/
}
.dots-phoneandtablet-positions
{
    /*position:relative;*/
    top:2px; 
    /*left:203px;*/

    position: absolute;
    right: 16px;
}

.divs-split-line
{   
    /*border-left:1px solid Gray;
    border-right:0px;
    height:308px;
    border-collapse:collapse; 
    position:relative; 
    left:3px;
    top:9px;
    width:1%;*/
}

.rightside-bluebar-position
{
    /*position:relative;
     bottom:304px; 
     left:406px;*/

}
.dotimage-phoneandtab-left
{
    position: relative;/*absolute;*/
    top:2px; 
    left:12px;
    float:left;
}
.rightside-splitline-bluebar
{
    position: relative;/*absolute;*/ 
    top: 2px; 
    left:19px;
}
.dotsimage-righside
{
    position: absolute;/*relative;*/
    top:2px; 
    right:16px;
    /*left:175px;*/
}

#desktop-product-downloads
{
    width:412px;
    margin:0 auto;
    height:292px; /*200px*/
}

.image-macandpc-position
{
   position:relative;
   top:85px;
    left:49px;
}

.imagerightsidetextdisaplay
{
   
   position:relative;
   left:72px;
   top:67px;
}
.comeingsoontextdisplay
{
   display: block;
   margin:0 auto;
}
.button-displayMACandPCandPhoneandTablet
{
   display:block; 
   padding-bottom:0px; 
   padding-top:4px; 
}
.disablebutton
{
   opacity: 0.5;  
   cursor:default; 
}

#mobile-product-downloads
{
    height: 288px;
    width: 403px;
    margin: 0 auto;
}

.phoneandtablet-position
{
    position:relative;
   top:20px;
   left:59px;
}

.phoneandtablet-rightsidetext
{
  
    position:relative;
    bottom:26px; 
    left:104px;
}
.phoneandtablet-rightsidetext-textdispaly
  {
      display: block;
      margin:0 auto;
  }
/*.leftsidechild-div-styles
{
    /*width:49%;
    position:relative;
    bottom:164px; 
    left:0px;
}

.rightsidechild-div-styles
{
    width:48%; 
    position:relative;
    bottom:71px; 
    right:8px;
}*/

.blubar-middle-textdisplay
{
    position:relative;
    /*bottom:6px;*/  
    height:100%; 
    width: 42%;
    float: left;
}

.blubar-middle-textdisplay .spanbluebarcontentdisplay
{
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);    
}

.blubar-middle-textdisplay-mobile
{
    position:relative;    
    height:100%; 
    width: 45%;
    /*background-color:red;*/
    min-width:182px;
    float: left;
    left:16px;
}

.blubar-middle-textdisplay-mobile .spanbluebarcontentdisplay
{
    margin: 0 auto;
    display: block;
    width: 105px;
    text-align: center;
    /*background-color:blue;*/

    position:relative;
    top:50%;

    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    transform:translateY(-50%);    
}
.note-text-windows-download 
{
    display: block;
    margin: 0 auto;
    width: 80%;
    color: red;
    margin-top: 1%;
    margin-bottom: 1%;
    font-size: 18px;
}
