﻿#divProductMain
{
    height: 975px; 
    width: 97%;
    /*margin-top: 9px;*/
    background-color: #EFEFEF;
    
    /*display: table;*/    
}

/*.classname
{
    border: solid 0px #2d2d2d;
    text-align: center;
    background:transparent; 
    padding:100px 50px 100px 50px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}*/

.ProductHeadings
{
    /*background-image:url("../Images/Products/mid_hor_bar.png"); 
    background-image :url("../Images/Products/ContainerHeader.png");
    background-repeat: no-repeat;*/       
    vertical-align:top;
    height:45px;
    margin-left:-10px;
}

.HorizontalBar
{
    background-color:#E0DFD9;
}

.ProductIcons
{
    height: 186px;    
    text-align:center;
}

/*.spiceHeading
{
    font-size: 25px;
    color:#666666;
    font:'Times New Roman';
}

.spiceTagLine
{
    line-height: 20%;
    color:#666666;
    font:'Times New Roman';
}*/

#tblProductInfo
{
   width:100%;
   height:100%;
   padding:0px;
   border-spacing:0px;
   background-color:White;
   /*margin-top:-9px;*/

   border-collapse: collapse;

   position:relative;
   /*top:-9px; /* Not exactly known, but only this value is aligning the table at the top with its parent - Praveen, Jan 2015 */

   float:left;
   margin-top:-9px;
}

td.spiceProducts
{
    width:23%;
    background-color:#EFEFEF;
}

td.spiceProfessional
{
    width:23%;
    border-bottom:solid 1px #BEBEBE;    
}

td.spiceMobile
{
    width:23%;
    border-bottom:solid 1px #BEBEBE;    
}

td.spiceBook
{
    width:25%;
    border-bottom:solid 1px #BEBEBE;
}

img.professionalIcon
{
     width:185px;
     height:107px;
}

img.mobileIcon
{
    width:150px;
    height:160px;
}

img.bookIcon
{
    width:130px;
    height:173px;
}

.productSubmits
{
    /*background-image: url('../Images/Products/blue_hor_bar.png'); 
    background-repeat: repeat-x;*/
    height:30px;
    text-align:center;
    
    background-color : #6082AC; 
    background-repeat:no-repeat;
    
    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%);
}

td.costtag
{
    height:40px;
    margin:0px auto;
    vertical-align:top;
    /*text-align:center;*/
}

td.costtagborder
{
    border-collapse: collapse; 
    padding: 0px; 
    border-right : 1px solid Gray;
}

div.CostTag
{
    /*margin-top: -3px; */
    /*margin-left:82px;*/ 
    background-image: url(../Images/Products/tag1.png);
    background-repeat: no-repeat;
    width: 95px; 
    height: 42px; 
    /*border: 1px solid transparent; */
    position: relative;    
}

div.SpiceMobileCostTag
{
    /*margin-top: -3px; */
    /*margin-left:82px; */
    background-image: url(../Images/Products/tag1.png);
    background-repeat: no-repeat;
    width: 95px; 
    height: 42px; 
    /*border: 1px solid transparent; */
    position: relative;    
}

.divSpiceProCostTagContainer
{
    height:80px;
    width:94px;
    margin:0 auto;
}
.divSpiceMobileCostTagContainer{
    height:80px;
    margin:0 auto;
    width:250px;
}
div.productsPrice
{
    text-align: center; 
    /*margin-top: -1px; */
    border-collapse: collapse; 
    width: 99px;
}

div.productsDuration
{
   text-align: center; 
   margin-top: -8px; 
   border-collapse: collapse;
}

/*img.costtag
{
    margin-top:-5px;
}

tr.subTitle
{
    //background-image:url('../Images/Products/hor_bar.png');
    background-image :url("../Images/Products/ContainerHeader.png");
    background-repeat:repeat-x;
}*/

span.subTitle1, span.subTitle2
{
    color:#666666;
    margin-left:15px;
    font:'Arial';
}

span.subTitle2
{
    margin-left:18px;
    display:block;  
}

td.subTitleContentTitle
{
    background-color:#EFEFEF;
    color:#666666;
    font:'Arial';
    text-align:right;
    padding-right:6px ! important;
}

td.subTitleContent
{
    text-align:center;
    color:#666666;
    font:'Courier New';
}

.dotsleft
{
    position: relative;
    top:2px;
    /*margin:2px 2px 0px 2px;*/
}

.dotsright
{
    position: relative;
    top: 2px;
    /*margin: 2px 2px 2px 2px;    
    left: 7px;*/
}

div.spiceProducts
{
    font-family:'Times New Roman';
    width:90%;
    color:#666666;
    background-color:transparent;
}

.spiceSmall
{
    font-size:small;
    position:absolute; 
    margin-top:7px;
}

.productsBig
{
    position:relative;
    /*line-height:-25px; */
    font-size:x-large;
    margin-bottom:10px;
}

td.divider
{
    /*background-image:url('../Images/Products/division_line.png');
    background-repeat:repeat-y;
    background-position:right;*/
    
    border-right-style: solid; 
    border-right-width: 1px; 
    border-right-color: #BEBEBE;
}

#divPopupContent
{
    display:none;
    /*position:fixed;
    _position:absolute; /* hack for internet explorer 6
    height:384px;
    width:408px;
    background:#FFFFFF;
    border:2px solid #cecece;
    z-index:2;
    padding:12px;
    font-size:13px;*/
}

#popupContactClose
{
    font-size:14px;
    line-height:14px;
    right:6px;
    top:4px;
    position:absolute;
    color:#6fa5fd;
    font-weight:700;
    display:block;
}

/*Popup*/
.divWA
{
    float:left;
    width:197px;
    color:White;
    font-family:"Times New Roman";
    background-image: url('../Images/Products/Popup/grey_header.png'); 
    background-repeat: no-repeat; 
    background-position: left center;
}
.divWOA
{
    float:left;
    width:190px;
    color:White;
    font-family:"Times New Roman";
    background-image: url('../Images/Products/Popup/grey_header.png'); 
    background-repeat: no-repeat; 
    background-position: left center;
}
.popupContainer
{
    height: 330px;
    width: 415px;
    background-image: url('../Images/Products/Popup/popupwindowbg.png'); 
    background-position: center center; 
    background-repeat: no-repeat;
}
.popupBorder
{
    background-image: url('../Images/Products/Popup/dark_grey_bg_popup.png'); 
    background-repeat: no-repeat; 
    background-position: center center; 
    width: 415px; 
    height:260px;
}
.imgContainer
{
    height:330px;
    width:415px;
}
.middleimages
{
    position:absolute ;
    margin-top:-10px;
    width:70%;
}
.priceWA
{
    position:absolute; 
    width:50%; 
    float:left;
    z-index:10; 
    margin-bottom: 0px;
}
.priceWOA
{
    margin-left:220px; 
    position:absolute; 
    width:50%; 
    float:right; 
    z-index:10;
}
.SubscribeWA
{
    float:left;
    margin-top:-65px;
    margin-bottom:65px;
    margin-left:20px;
}
.SubscribeWOA
{
    float:right;
    margin-top:-65px;
    margin-bottom:65px;
    margin-right:20px;
}
.divimages
{
    position:absolute;
    z-index:9; 
    margin-left:20px; 
    margin-top:-30px;
    float:left;
}
.divLeftImage
{
    float:left;
    position:absolute;
    margin:0px;
    margin-top:-2px;
}
.imgOff
{
    position:absolute; 
    z-index:14; 
    margin-left:-50px; 
    margin-top:70px;
    margin-bottom:-70px;
    margin-right:50px;
}
.webkitimgOff
{
    position:absolute; 
    z-index:14; 
    margin-top:-150px;
    margin-left:100px;
    margin-bottom:-70px;
    margin-right:50px;
}
.divDivider
{
    position:absolute;
    float:left; 
    background-position: center center; 
    margin-left:185px;
    height:230px; 
    background-image:url('../Images/Products/Popup/popup_divider.png'); 
    background-repeat: repeat-y; 
    width: 1px;
}
.divRightImage
{
    position:absolute;
    float:right; 
    margin-left:210px;
    margin-top:-2px;
}
.imgclose
{
    margin-left:70px;
    margin-bottom:18px;
}
.Unhovar
{
    color:#666666;
    cursor: default !important;
}

.btnProducts
{
    font-size:13px !important;
    padding:3px 10px 5px 10px !important;
    position:relative;
    bottom:6px;
    left:5px;         
}

.disablebutton
{
   color:#B4B4B4 !important; 
   cursor:default;
}

td.RightBorder
{
    border-collapse: collapse; 
    padding: 1px; 
    border-right: 1px solid Gray;
}

td.RightBorder
{
    border-collapse: collapse; 
    padding: 1px; 
    border-right: 1px solid Gray;
}

td.LeftBorder
{
    border-left: 1px solid #BEBEBE;
}

.spice-mobile-month-display
{
    width:48%; 
    display:inline-block; 
    vertical-align:middle;
}

.spice-mobile-year-display
{
    padding-left:30px; 
    width:45%; 
    display:inline-block; 
    vertical-align:middle; 
    font-size:12px;
}

.spice-mobile-year-product-price
{
    position:relative ;
    right:8px;
}

.spice-mobile-year-duration
{
    position:relative ;
    left:5px;
    bottom:4px;
}