﻿/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/
/**   PRODUCT-CONTENT STYLES       **/
/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/

#product-content-wrap .container{}
#product-content-wrap .wrapper
{
    width:948px;
    background-color:#656565;
    border-left:solid 1px #474747;
    border-right:solid 1px #c8c8c8;
    padding:10px 0 0 10px;
    display:inline-block;
}
#product-content-wrap .white-wrap
{
    display:inline-block;
    background:transparent url(../image/background/product/products_right_nav_bg.jpg) no-repeat right 10px;
}
#product-content-wrap .white-wrap-outer
{
    display:inline-block;
    background:transparent url(../image/background/product/products_right_nav_bg_repeat.jpg) repeat-y right 10px;
}
#product-content-wrap .left-wrap
{
    width:718px;
    display:inline-block;
    float:left;
}
.left-wrap .wrap-bg
{
    width:659px;
    border-left:solid 1px #dcdcdc;
    border-top:solid 1px #dcdcdc;
    border-bottom:solid 1px #dcdcdc;
    background-color:#fff;
    padding:9px 30px 60px 29px;
    color:#474747;
    position:relative;
    display:none;
    min-height:400px;
}

/** CONTENT CORNERS **/
.left-wrap .content-top-left,
.left-wrap .content-bottom-left,
.left-wrap .content-top-right,
.left-wrap .content-bottom-right
{
    background:transparent url(../image/background/product/corner_whitefore_graybg.jpg) no-repeat -5px -5px;
    display:block;
    height:5px;
    position:absolute;
    width:5px;
}
.left-wrap .content-top-left
{
    left:-1px;
    top:-1px;
}
.left-wrap .content-bottom-left
{
    background-position: -5px 0px;
    bottom:-1px;
    left:-1px;
}
.left-wrap .content-top-right
{
    background-position: 0px -5px;
    right:0px;
    top:-1px;
}
.left-wrap .content-bottom-right
{
    background-position: 0px 0px;
    right:0px;
    bottom:-1px;
}

/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/
/**      CROSSLINKING STYLES       **/
/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/
#product-content-wrap .left-wrap .cross-wrap-bg
{
    display:inline-block;
    width:708px;
    background-color:#656565;
    padding:10px 10px 10px 0;
}
.left-wrap .cross-wrap-bg .box
{
    display:inline-block;
    width:195px;
    margin-right:1px;
    float:left;
    background-color:#757575;
    padding:20px;
    height:auto;
    position:relative;
}
.left-wrap .cross-wrap-bg .box:hover
{
    background-color:#828282;
}
.left-wrap .cross-wrap-bg .box h4
{
    color:#fff;
    font:bold 17px/17px Arial,"Myriad Pro";
}
.left-wrap .cross-wrap-bg .box p,
.left-wrap .cross-wrap-bg .box a
{
    font:normal 0.75em/18px Arial,"Lucida Sans","Myriad Pro";
    padding-top:10px;
    color:#c8c8c8;
    word-spacing:1px;
    height:72px;
    overflow:hidden;
}
.left-wrap .cross-wrap-bg .box a {color:#97e4ff;}
.left-wrap .cross-wrap-bg .box p a
{
    font:normal 1em/18px Arial,"Lucida Sans","Myriad Pro";
    display:inline;
}
.left-wrap .cross-wrap-bg .box a:hover {color:#fff}

/** CROSSLINKING CORNERS **/
.cross-wrap-bg .box .topleft,
.cross-wrap-bg .box .topright,
.cross-wrap-bg .box .bottomleft,
.cross-wrap-bg .box .bottomright
{
    background-image:url(../image/background/product/crosslink_corner.jpg);
}
.cross-wrap-bg .box:hover .topleft,
.cross-wrap-bg .box:hover .topright,
.cross-wrap-bg .box:hover .bottomleft,
.cross-wrap-bg .box:hover .bottomright
{
    background-image:url(../image/background/product/crosslink_hover_corner.jpg);
}

/*standard cross-linking title*/
#product-content-wrap .left-wrap .wrap-bg .cross-link-title 
{
    position:absolute;
    bottom:10px;
    left:20px;
    padding-top:25px;
    font:bold 17px/20px Arial,"Myriad Pro","Lucida Sans",Sans-Serif;
}
/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/
/**~~~~~~~~~~~~~~END~~~~~~~~~~~~~~~**/
/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/


/* ================== */
/* COMMON THEME STYLE */
/* ================== */
#product-content-wrap .left-wrap .wrap-bg h2 /* standard h2 title */
{
    font:bold 1.1em/1.1em Arial, "Lucida Sans", "San Serif";
    margin-top:20px;
}
#product-content-wrap .left-wrap .wrap-bg h3 /* standard h3 title */
{
    font:bold 0.9em/1em Arial, "Lucida Sans", "San Serif";
    margin-top:40px;
}
#product-content-wrap .left-wrap .wrap-bg p /* standard text */
{
    font:0.75em/1.75em Arial, "Lucida Sans", "San Serif";
    word-spacing:1px;
    margin-top:10px;
    color:#656565;
}
#product-content-wrap .left-wrap .wrap-bg img /* standard image */
{
    margin-top:20px;
    max-width: 660px;
}
#product-content-wrap .left-wrap .wrap-bg a /* standard links */
{
    color:#0258ca;
}
#product-content-wrap .left-wrap .wrap-bg a:hover /* standard link:hover */
{
    color:#656565;
}
/* ============= */
/* =====END===== */
/* ============= */



/* ====================== */
/* UNIVERSAL BULLET STYLE */
/* ====================== */
#product-content-wrap .left-wrap .wrap-bg .system ul,
#product-content-wrap .left-wrap .wrap-bg .overview ul
{
    padding:20px 20px 10px 20px;
    background-color:#e6f1f8;
    margin-top:20px;
    padding-left:1em;
    list-style-position:outside;
    list-style-type:none;
    display:block;
}
#product-content-wrap .left-wrap .wrap-bg .system li,
#product-content-wrap .left-wrap .wrap-bg .overview li
{
    font:0.75em/1.75em Arial, "Lucida Sans", "San Serif";
    word-spacing:1px;
    background:transparent url(../image/background/product/bullet_blue.png) no-repeat 7px 7px;
    padding-left:28px;
    padding-bottom:10px;
}
#product-content-wrap .left-wrap .wrap-bg .system li b,
#product-content-wrap .left-wrap .wrap-bg .overview li b
{
    color:#656565;
    display:block;
    padding-bottom:5px;
    font-size:1.125em;
}

#product-content-wrap .left-wrap .wrap-bg .system li p,
#product-content-wrap .left-wrap .wrap-bg .overview li p
{
    font:1em/1.75em Arial, "Lucida Sans", "San Serif";
    display:inline;
}
/** FEATURE CORNERS **/
.system .topleft,
.system .bottomleft,
.system .topright,
.system .bottomright,
.overview .topleft,
.overview .bottomleft,
.overview .topright,
.overview .bottomright
{
    background-image:url(../image/background/product/feature_corner.jpg);
    height:5px;
    width:5px;
}
.system .corners-wrap,
.overview .corners-wrap
{
    position:relative;
}
/* ============= */
/* =====END===== */
/* ============= */


/* ============== */
/* FEATURES STYLE */
/* ============== */
#product-content-wrap .left-wrap .wrap-bg .feature ul 
{
    padding:20px 20px 10px 20px;
    background-color:#e6f1f8;
    margin-top:20px;
    padding-left:1em;
    list-style-position:outside;
    list-style-type:none;
    display:block;
}
#product-content-wrap .left-wrap .wrap-bg .feature li
{
    font:0.75em/1.75em Arial, "Lucida Sans", "San Serif";
    word-spacing:1px;
    background:transparent url(../image/background/product/green_tick.png) no-repeat left 5px;
    padding-left:28px;
    padding-bottom:10px;
}
#product-content-wrap .left-wrap .wrap-bg .feature li b
{
    color:#27843e;
    display:block;
    padding-bottom:5px;
    font-size:1.125em;
}

#product-content-wrap .left-wrap .wrap-bg .feature li p
{
    font:1em/1.75em Arial, "Lucida Sans", "San Serif";
    display:inline;
}
/** FEATURE CORNERS **/
.feature .topleft,
.feature .bottomleft,
.feature .topright,
.feature .bottomright
{
    background-image:url(../image/background/product/feature_corner.jpg);
    height:5px;
    width:5px;
}
.feature .corners-wrap
{
    position:relative;
}
/* ============= */
/* =====END===== */
/* ============= */



/* ============== */
/*    FAQ STYLE   */
/* ============== */
#product-content-wrap .left-wrap .wrap-bg .faq ul 
{
    padding:0px 0px 0px 0px;
    margin-top:20px;
    list-style-position:outside;
    list-style-type:none;
    display:block;
}
#product-content-wrap .left-wrap .wrap-bg .faq li
{
    font:0.75em/1.8em Arial, "Lucida Sans", "San Serif";
    word-spacing:1px;
    padding-left:0px;
    padding-bottom:10px;
}
#product-content-wrap .left-wrap .wrap-bg .faq li b
{
    color:#474747;
    display:block;
    padding-bottom:0px;
    font-size:1.05em;cursor:pointer;
}
#product-content-wrap .left-wrap .wrap-bg .faq li a {display:block;}
#product-content-wrap .left-wrap .wrap-bg .faq li a .hide,
#product-content-wrap .left-wrap .wrap-bg .faq li a .show
{
    display:none;
    color:#4f90ca;
    padding:0 10px 0px;
    font-weight:bold;
    line-height:1em;
}
#product-content-wrap .left-wrap .wrap-bg .faq li.hide .show,
#product-content-wrap .left-wrap .wrap-bg .faq li.show .hide
{
    display:inline-block;
}
#product-content-wrap .left-wrap .wrap-bg .faq li a:hover 
{
    background-color:#f1f7fb;
}

#product-content-wrap .left-wrap .wrap-bg .faq li a b {display:inline-block;}
#product-content-wrap .left-wrap .wrap-bg .faq li p
{
    font-size:1.0em;display:block;
    padding-top:5px;margin-top:0px;
    padding-bottom:20px;
}
/* ============= */
/* =====END===== */
/* ============= */



/* ==============*/
/* PRICING STYLE */
/* ==============*/
.pricing .pricing-table
{
    width:660px;
    margin-top:20px;
    position:relative;
    display:inline-block;
}
.pricing .col
{
    display:inline-block;
    float:left;
    border-left:1px solid #e3e3e3;
    position:relative;
}
.pricing .left-header {border-left:1px solid #787878;}
.pricing .header,.pricing .body1,.pricing .body2,.pricing .box
{
    background-color:#fff;
    padding:25px 20px 0px ;
    display:block;
    font:bold 12px/12px Arial;
    text-align:center;
    width:124px;
    border-right:1px solid #e3e3e3;
    border-bottom:1px solid #e3e3e3;
    float:left;height:42px;
    position:relative;
}
.pricing .button {padding:17px 0 8px;width:163px;text-align:center;background-color:#f6f6f6;}
.pricing .body1{background-color:#fff;}
.pricing .body2{background-color:#fff;}
.pricing .box {font:bold 16px/16px Arial;}
.pricing .box b{font:bold 12px/12px Arial;}
.pricing .header 
{
    background-color:#656565;
    color:#fff;
    border-top:1px solid #787878;
    border-right:1px solid #787878;
    border-bottom:1px solid #787878;
    padding:10px 20px 0px;
    height:32px;
}
.pricing .header b {padding-bottom:5px;display:inline-block;}

.pricing .left-header .header 
{
    border-right:1px solid #787878;
    font:bold 12px/20px Arial;
    border-bottom:1px solid #787878;
    border-top:1px solid #787878;
}
.pricing .left-header .button 
{
    width:123px;
    background-color:#f6f6f6;
    border-right:0px solid #787878;
    font:bold 12px/20px Arial;
    border-bottom:1px solid #e3e3e3;
    border-top:0px solid #e3e3e3;
}
.pricing .left-header .clear {background-color:#fff;}
 
.pricing .left-header .body1,
.pricing .left-header .body2 
{
    text-align:left;
    border-left:1px solid #e3e3e3;
    width:178px;
    height:32px;
 }

/** PRICING CORNERS **/
.pricing .topleft,
.pricing .bottomleft,
.pricing .topright,
.pricing .bottomright,
.pricing .topleft-1,
.pricing .bottomleft-1,
.pricing .topright-1,
.pricing .bottomright-1
{
    background-image:url(../image/background/product/pricing_corner.jpg);
    height:5px;
    width:5px;
    z-index:99;
}
.pricing .topright 
{
    background-image:url(../image/background/product/pricing_corner_2.jpg);
    top:-2px;
}
/* ============= */
/* =====END===== */
/* ============= */



/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/
/**  RIGHTWRAP/ LEFT-SIDE STYLES   **/
/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/
#product-content-wrap .right-wrap
{
    float:right;
    width:230px;
    display:block;
    padding:0 0 0 0;
    height:100%;
}
#product-content-wrap .right-wrap .block /* small space on top on menu */
{
    height:15px;
    background-color:#656565;
}

.right-wrap .wrap-bg .menu
{
    display:block;
    height:40px;
    line-height:40px;
    font:12px/40px Arial;
    color:#005eb1;
    border-top:solid 1px #c5ced5;
    overflow:hidden;
}
.right-wrap .wrap-bg .menu:hover
{
    background-color:#f2f9fc;
    border-top:solid 1px #c5ced5;
}
.right-wrap .wrap-bg .menu:hover span
{
    /**background-color:#f5f9fc;
    border-bottom:solid 1px #c5ced5;**/
}
.right-wrap .wrap-bg .menu span
{
    display:block;
    padding:0 0 0 20px;
    border-top:solid 1px #f5f9fc;
    overflow:hidden;
}
.right-wrap .wrap-bg .buynow-wrap
{
    display:block;
    text-align:center;
    padding:10px 0 20px 0;
}
.right-wrap .wrap-bg .buynow-wrap a
{
    margin-top:10px;
}
.right-wrap .buynow-price
{
    margin-left:20px;
    font-size:34px;
    color:#656565;
    font-weight:bold;
    letter-spacing:0px;
}
.right-wrap .buynow-main
{
    color:#656565;
    font-size:12px;
    position:absolute;
    left:0px;
    top:17px;
    z-index:100px;
}

/* LEFT-SIDE MENU STYLE */
#pd-menu-01{border-top:solid 0px #e5f0f8;}
#pd-menu-01 span {border-top:solid 0px #e5f0f8;}
.p01 #pd-menu-01 ,
.p02 #pd-menu-02 ,
.p03 #pd-menu-03 ,
.p04 #pd-menu-04 ,
.p05 #pd-menu-05 ,
.p06 #pd-menu-06 ,
.p07 #pd-menu-07 ,
.p08 #pd-menu-08 ,
.p09 #pd-menu-09 ,
.p10 #pd-menu-10 ,
.p99 #pd-menu-99 
{
    border-top:solid 0px #fff;
    background-color:#fff;
    border-bottom:solid 0px #f5f9fc;
}
.p01 #pd-menu-01 span,
.p02 #pd-menu-02 span,
.p03 #pd-menu-03 span,
.p04 #pd-menu-04 span,
.p05 #pd-menu-05 span,
.p06 #pd-menu-06 span,
.p07 #pd-menu-07 span,
.p08 #pd-menu-08 span,
.p09 #pd-menu-09 span,
.p10 #pd-menu-10 span,
.p99 #pd-menu-99 span
{
    background-color:#fff;
    border-bottom:solid 1px #c5ced5;
    border-top:solid 0px #fff;
    color:#474747;
    font-weight:bold;
}

.p01 div#pd-content-01,
.p02 div#pd-content-02,
.p03 div#pd-content-03,
.p04 div#pd-content-04,
.p05 div#pd-content-05,
.p06 div#pd-content-06,
.p07 div#pd-content-07,
.p08 div#pd-content-08,
.p09 div#pd-content-09,
.p10 div#pd-content-10,
.p99 div#pd-content-99
{
    display:block;
    top: 0px;
    left: 0px;
}
/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/
/**~~~~~~~~~~~~~~END~~~~~~~~~~~~~~~**/
/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/



/** FOOTER **/

div#footer-wrapper 
{
    padding-top:0px;
}
