*{margin:0; padding:0;}
body{background:url(../images/bg.gif) 0 0; font-family:'Open Sans', sans-serif; font-size:14px; color:#333333;}
img{border:0; outline:none; max-width:100%;}
p{padding:5px 0 10px 0; line-height:22px;}
ul{list-style-type:none;}
h1{ font-weight:normal; font-size:13px; color:#CCCCCC; line-height:48px; float:left;}
h2{ font-weight: 300; font-size:30px; color:#333333;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.clr{clear:both;}
.master{width:100%; text-align:center; background:url(../images/top.png) repeat-x 0 0;}
.main{width:980px; text-align:left; margin:0 auto;}
.in{margin:10px 0 20px 0;}
.support{float:right; padding:15px 0 0 0;}
.logo{margin:35px 0 0 10px;}
.menu{background:url(../images/shadow.png) no-repeat bottom left; width:755px; position:absolute; top:93px; margin:0 0 0 220px; padding:0 0 40px 0;}
.menu ul{padding:0 0 0 40px;}
.menu ul li{float:left; padding:0 20px; margin:0 5px;}
.menu ul li a{text-decoration:none; color:#333333; font-size:16px;  color:#000000;}
.menu ul li a:hover{color:#999999;}
.banner{margin:10px 0 5px 0; background:url(../images/banner.png) no-repeat 0 0; height:280px;}
.banner img{margin:140px 0 0 130px;}
.text{background: url(../images/texture.png) 0 0; font-size:16px; line-height:34px; color:#000000; margin:80px 0 10px 0;}
.down{font-size:30px; font-weight:300; color:#000000; padding:15px 0 0 0;}
.footer{ background-color:#333333; border-top:1px solid #999999; margin:20px 0 0 0; color:#CCCCCC; padding:15px; line-height:18px; overflow:hidden;}
.footer a{text-decoration:none; color:#CCCCCC;}
.footer a:hover{color:#FFFFFF;}
.fl{float:left; }
.fr{float:right; }
.map{padding:10px; background:none;}
.map ul{}
.map ul li{list-style-type: none; background:url(../images/map.png) 0 0; margin:0 0 0 18px; padding:0 20px 10px 0;}
.map ul li a{text-decoration:none; color:#000000;}
.map ul li a:hover{text-decoration:underline; color:#666666;}


.conten{padding:0;}
.leftpan{float:left; width:253px; -o-border-radius:4px; -ms-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background-color:#f3f3f3; border:1px solid #dddddd;}
.lt{height:11px;}
.lb{height:11px;}
.space{padding:15px 0 25px 0;}
.head{background:url(../images/divide.gif) repeat-x 0 0; padding:12px 0 0 15px; font-size:20px; color:#000000; margin:15px 0 0 0;}
.rightpan{float:right; width:710px;}
.rightpan ul{ padding:10px 0 0 10px;}
.rightpan ul li{background:url(../images/arrow1.png) no-repeat 0 4px; padding:0 0 15px 30px; font-size:14px; line-height:21px;}
.nav{border-bottom:1px solid #CCCCCC; margin:0 0 15px 0; height:25px;}
.nav ul{margin:0 0 0 20px; padding:0;}
.nav ul li{float:left; color:#666666; line-height:25px; height:25px; font-style:italic; font-size:14px; margin:0 5px 0 0; background:none; padding:0;}
.nav ul li a{background:url(../images/nav-bg.gif) no-repeat 0 0; height:25px; padding:0 22px; line-height:25px; display:block; color:#000000;}
.nav ul li a:hover{text-decoration:none; color:#FFFFFF;}
.thumb{ float:left; margin:10px; width:320px; }


/*-------------    screenshots sliding css start ----------------*/

ul.iStu12 {list-style:none; margin:20px auto 60px; position:relative; width:980px;}
ul.iStu12 li.bottomBar {border-top:3px solid #678; margin:0 42px; position:absolute; bottom:0;}
ul.iStu12 li.prev {position:absolute; width:42px; height:123px; background: left:0; top:50%; margin-top:-74px; z-index:100; cursor:pointer;}
* html ul.iStu12 li.prev {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');} /* for IE6 */
ul.iStu12 li.next {position:absolute; width:42px; height:123px; background: right:0; top:50%; margin-top:-74px; z-index:100; cursor:pointer;}
* html ul.iStu12 li.next {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( sizingMethod='scale');} /* for IE6 */
ul.iStu12 li.images {position:absolute; left:0; top:0; overflow:hidden; z-index:50; -o-border-radius:4px; -ms-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background-color:#ffffff; border:1px solid #dddddd;}
ul.iStu12 li.images div.slide {position:absolute; left:0; top:0;}
ul.iStu12 li.caption {position:absolute; top:0; width:100%; left:10px; z-index:100;}
* html ul.iStu12 li.caption {margin:0 42px;} /* for IE6 */
ul.iStu12 li.caption b {display:inline-block; padding:7px 20px; margin-right:2px; font-size:21px; font-weight:300; color:#000000; cursor:pointer; -o-border-radius:5px 5px 0 0; -ms-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; border:1px solid #d2d2d2; border-bottom:none; }
ul.iStu12 li.images{margin:42px 0 0 0;}
ul.iStu12 li.images div.slide div.slidePanel {display:block; float:left;}
ul.iStu12 li.images div.slide div.innerPanel {padding:10px;}
ul.iStu12 li.images div.slide div.innerPanel image {display:block;}
ul.iStu12 li.images div.slide div.panel1 {width:980px;}
ul.iStu12 li.images div.slide div.panel2 {width:980px;}
ul.iStu12 li.images div.slide div.panel3 {width:980px;}
ul.iStu12 li.images div.slide div.panel4 {width:980px;}
ul.iStu12 li.images div.slide div.panel5 {width:980px;}
ul.iStu12 li.images div.slide div.panel6 {width:980px;}
.left{float:left; width:55%; margin:20px 0 0 20px; }
.left ul li{background:url(../images/arrow1.png) no-repeat 0 3px; padding:0 0 15px 25px; line-height:21px;}
.right{float:right; width:40%; margin:20px 20px 0 0; }
.right span{display:block;}
.right div{font-size:24px; color:#666666; padding:0 0 10px 0;}
.right div span{font-size:30px;}
.right p{padding:15px; line-height:20px; font-size:15px;}
.right b{padding:30px 0 0 0; text-align:center; display:block;}
.right img{padding:0 0 0 0;}
.mode{-o-border-radius:4px; -ms-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background-color:#f5f5f5; border:1px solid #e7e7e7; padding:15px; margin:10px;}
.mode strong{display:block; font-weight:normal; font-size:19px; padding:0 0 5px 0;}
.lrg{font-size:24px; padding:0 0 0 0; font-weight:300;}
.ver{margin:0 20px 20px 20px;}

/*-------------    screenshots sliding css end ----------------*/








/*-------------    lightbox css start ----------------*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#cboxOverlay{ background-color:#666666;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background: no-repeat center center;}
#cboxLoadingGraphic{background: no-repeat center center;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}
.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }
.cboxIE6 #cboxTopLeft{background:url(../images/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(../images/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(../images/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(../images/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(../images/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(../images/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(../images/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(../images/borderMiddleRight.png);}
.cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); }

/*-------------    lightbox css end ----------------*/


.resp-tabs-list li {
    font-weight: 300;
    font-size: 21px;
    display: inline-block;
    padding: 13px 15px;
    margin: 0 4px 0 0;
    list-style: none;
    cursor: pointer;
    float: left;
}

.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    padding: 15px;
}

.resp-tab-active {
	border: 1px solid #cccccc !important;
	border-bottom: none;
	margin-bottom: -1px !important;
	padding: 12px 14px 14px 14px !important;
	border-top: 4px solid #cccccc !important;
	border-bottom: 0px #fff solid !important;
}

.resp-tab-active {
    border-bottom: none;
    background-color: #fff;
}

.resp-content-active, .resp-accordion-active {
    display: block;
}

.resp-tab-content {
    border: 1px solid #c1c1c1;
	border-top-color: #cccccc;
}

h2.resp-accordion {
    font-size: 18px;
	font-weight:normal;
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px;
}

h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}

/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%;
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0 0 4px;
    cursor: pointer;
    float: none;
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    float: left;
    width: 68%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}

.resp-vtabs .resp-tab-content {
    border: none;
    word-wrap: break-word;
}

.resp-vtabs li.resp-tab-active { 
position: relative;
z-index: 1;
margin-right: -1px !important;
padding: 14px 15px 15px 14px !important;
border-top: 1px solid;
border: 1px solid #5AB1D0 !important;
border-left: 4px solid #5AB1D0 !important;
margin-bottom: 4px !important;
border-right: 1px #FFF solid !important;
}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #c1c1c1;
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #9B9797;
}

/*-----------Accordion styles-----------*/
h2.resp-tab-active {
    background: #DBDBDB;/* !important;*/
}

.resp-easy-accordion h2.resp-accordion {
    display: block;
}

.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1;/* !important;*/
}

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}

h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1;/* !important;*/
}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {
    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1;
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: 100px;
        clear: none;
    }

    .resp-accordion-closed {
        display: none !important;
    }

    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }
}




.videodemo{position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; margin:10px 0 20px 0;}
.videodemo iframe, .videodemo object, .videodemo embed{position:absolute; top:0; left:0; width:100%; height:100%; border:none; outline:none;}

#menu-wrap{ background:url(../images/shadow.png) no-repeat bottom left;  position:absolute; top:93px; margin:0 0 0 220px; padding:0 0 40px 0;}
/* menu icon */
#menu-icon{	display: none; /* hide menu icon initially */}
#navigation, #navigation li{margin:0;	padding:0;}
#navigation li {list-style:none;	float:left; padding:0 20px; margin:0 5px;}
/* nav link */
#navigation a{text-decoration:none; color:#333333; font-size:16px;  color:#000000;}
#navigation a:hover, #navigation a.current{color:#006699;}
/* nav dropdown */
#navigation ul{background: #fff;	padding: 2px;	position: absolute;	border: solid 1px #ccc;	display: none; /* hide dropdown */	width: 200px;}
#navigation ul li{float: none;	margin: 0;	padding: 0;}
#navigation li:hover > ul{	display: block; /* show dropdown on hover */}



.feature-table{ text-align:left; padding:0; margin:20px 0; background:#fff;}
.feature-table table{ border-top:1px solid #dadada; border-right:1px solid #dadada;}
.feature-table table th{background: #f5f5f5; font-size:16px; font-weight:normal; color:#000000; padding:10px; border-bottom:1px solid #dadada; border-left:1px solid #dadada; text-align:left;}
.feature-table table th strong{display:block; text-align:center; font-size:36px;}
.feature-table table th strong span{font-size:24px;}
.feature-table table td strong{display:block; text-align:center; font-size:36px; color:#99CC00; padding:0 0 20px 0;}
.feature-table table td strong span{font-size:24px; display:inline; color:#99CC00;}






.feature-table table td div strong{display:block; text-align:center; font-size:36px; text-decoration:line-through; color:#990000; padding:0;}
.feature-table table td div strong span{font-size:24px; display:inline; color:#000000;}




.feature-table table td{ font-size:13px; font-weight:normal; color:#000000; padding:10px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc;}
.feature-table table td span{text-align:center; display:block; font-weight:bold; font-size:24px;}
.feature-table table td i{text-align:center; display:block; font-weight:bold; font-size:24px;}
.feature-table table td span.check{ color:#91c741;}
.feature-table table td span.cross{ color:#FF0000;}
.feature-table table td div{text-align:center;}

.feature-table table th a{
border:1px solid #15aeec; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3); display:block; padding:10px; color:#FFFFFF; border-radius:10px; font-size:20px; text-align:center;
 background-color: #49c0f0; background-image: -webkit-gradient(linear, left top, left bottom, from(#49c0f0), to(#2CAFE3));
 background-image: -webkit-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: -moz-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: -ms-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: -o-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: linear-gradient(to bottom, #49c0f0, #2CAFE3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#49c0f0, endColorstr=#2CAFE3); margin:15px;
}

.feature-table table th a:hover{
 border:1px solid #1090c3;
 background-color: #1ab0ec; background-image: -webkit-gradient(linear, left top, left bottom, from(#1ab0ec), to(#1a92c2));
 background-image: -webkit-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: -moz-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: -ms-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: -o-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#1ab0ec, endColorstr=#1a92c2);
}


.feature-table table td a{
border:1px solid #15aeec; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3); display:block; padding:10px; color:#FFFFFF; border-radius:10px; font-size:20px; text-align:center;
 background-color: #49c0f0; background-image: -webkit-gradient(linear, left top, left bottom, from(#49c0f0), to(#2CAFE3));
 background-image: -webkit-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: -moz-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: -ms-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: -o-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: linear-gradient(to bottom, #49c0f0, #2CAFE3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#49c0f0, endColorstr=#2CAFE3); margin:15px;
}

.feature-table table td a:hover{
 border:1px solid #1090c3;
 background-color: #1ab0ec; background-image: -webkit-gradient(linear, left top, left bottom, from(#1ab0ec), to(#1a92c2));
 background-image: -webkit-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: -moz-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: -ms-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: -o-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#1ab0ec, endColorstr=#1a92c2);
}
.feature-table table th b{display:block; font-weight:normal;}
.feature-table table th div{}
.feature-table table th div a{color:#000000; background-color:#f5f5f5; background-image:none; border:none; padding:0; font-size:16px; text-shadow:1px 1px #ffffff;}
.feature-table table th div a:hover{text-decoration:underline;  background-color:#f5f5f5; background-image:none; border:none; padding:0;}



.suitebox{float:left; width:55%;}
.suiteprice{float:right; width:45%; text-align:left;}
.suiteprice ul{margin:30px 0 0 0;}
.suiteprice ul li{display:block; text-align:left; margin:0 0 5px 0;}
.suiteprice ul li b{font-weight:bold; text-transform:none; text-decoration:none; font-size:14px;}
.suiteprice ul li.suitered{background:#993300; color:#FFFFFF; padding:5px;}
.suiteprice ul li.suiteblue{background:#2854ff; color:#FFFFFF; padding:5px;}
.suiteprice ul li.suitegreen{background:#589924; color:#FFFFFF; padding:5px;}
.suiteprice ul li.suitegray{background:#333333; color:#FFFFFF; padding:5px;}

.refund{float:left; width:40%; font-size:12px; text-align:left; margin:30px 0 20px 2%;}
.refund a{color:#cc9900;}
.refund img{ float:left; margin:0 10px;}
.refund strong{display:block;}
.secure{float:right; width:40%; font-size:12px; text-align:left; margin:30px 2% 20px 0}
.secure strong{display:block;}
.secure img{ float:left; margin:0 10px 30px 0;}
.impnote{background:#f3f3f3; border:1px solid #e3e3e3; padding:10px; border-radius:6px;}
.impnote strong{color:#CC0000; }


.paymentoptions{ text-align:center; margin:0 auto; padding:25px 0;}
.paymentoptions a{text-decoration:none; color:#cc9900;}
.paymentoptions a:hover{text-decoration:underline; color:#000000;}

.feature-table table th.redrow{background:#993300; color:#FFFFFF;}
.feature-table table th.bluerow{background:#2854ff;  color:#FFFFFF;}
.feature-table table th.greenrow{background:#589924;  color:#FFFFFF;}
.feature-table table th.grayrow{background:#333333;  color:#FFFFFF;}


.lrg-txt {
    font-size: 36px;
    font-weight: 300;
    padding: 0;
    text-align: center;
}


.probox img{width:80%;}
.suitebox img{width:80%;}


.blktxt{font-size:24px; text-align:center; font-weight:normal; border-bottom:1px dashed #999999; padding:0 0 5px 0;}
.contact {
    margin:0 auto 20px auto;
   
}
.contact-left {
    float: left;
    margin: 20px 0 0;
}
.contact-left-img {
    float: left;
    margin: 0 10px 0 0;
    width: 72px;
}
.contact-left-cont {
    float: left;
}
.contact-left-cont p {
    color: #000000;
    font-size: 20px;
    margin: 5px 0 10px;
    padding: 0;
}
.contact-left-cont p span {
    font-size: 12px;
}
.contact-right {
    float: right;
    margin: 20px 0 0;
}
.contact-right-img {
    float: left;
    margin: 0 10px 0 0;
    width: 72px;
}
.contact-right-cont {
    float: left;
    font-size: 13px;
}
.contact-right-cont p {
    line-height: 16px;
    margin: 0 0 10px;
    padding: 0;
}
.contact-right-cont a {
    color: #000000;
    display: block;
}
.contact-right-cont a:hover {
    text-decoration: underline;
}





@media all and (max-width: 1000px){

.main{width:96%;}
.leftpan{ width:29%;}
.rightpan{ width:68%;}

}




@media all and (max-width: 800px){

/* nav-wrap */
#menu-wrap{position: absolute; width:90px; top:70px; right:15px; border-radius:0; height:auto; border-radius:6px; padding:0;}	/* menu icon */
#menu-icon{color:#333333; font-weight:normal; text-transform:uppercase; width:42px; height:22px; background:url(../images/menu-icon.png) no-repeat 10px center; padding: 2px 10px 0 38px; cursor:pointer; display:block; /* show menu icon */ margin:0 0 0 0;}
#menu-icon:hover, #menu-icon.current{background: #000000 url(../images/menu-hover.png) no-repeat 10px center; color:#ffffff; border-radius:6px;} /* main nav */
#navigation{clear:both; position:absolute; top:28px; width:150px; left:0; z-index:10000; padding:5px; margin-left:-72px; background:#ffffff; border:solid 1px #000000; border-radius:6px; display:none; /* visibility will be toggled with jquery */}
#navigation li{clear:both; float:none; margin:0 0; background-image:none; padding:0;}
#navigation a, 	#navigation ul a{font:inherit;	background:none; display:inline; padding:0; color:#000000; border:none; display:block; padding:5px;}
#navigation a:hover, 	#navigation ul a:hover, #navigation a.current{background:#000000; color:#ffffff; border-radius:6px;}
/* dropdown */
#navigation ul{width:auto; position:static; display:block; border:none; background:inherit;}
#navigation ul li{margin: 3px 0 3px 5px;}

.left{float:none; width:auto;}
.right{float:none; width:auto;}
.logo{margin:15px 0 0 0; border-bottom:1px solid #cccccc; padding:0 0 10px 0;}
.logo img{width:140px;}
.banner{margin:10px 0 5px 0; background:url(../images/smallbanner.png) no-repeat center top; height: auto; text-align:center; padding:0 0 50px 0;}
.banner img{margin:200px 0 0 0; width:200px;}

.leftpan{ width: auto; float:none;}
.rightpan{ width: auto; float:none;}
.head{text-align:center;}
.footer{ text-align:center;}
.fl{float:none;  text-align:center;}
.fr{float:none;  text-align:center;}



.feature-table table th{ font-size:13px; font-weight:bold; background:#FFFFFF;}
.feature-table table th strong{font-size:20px;}
.feature-table table th strong span{font-size:16px;}
.feature-table table td{font-size:12px;}
.feature-table table th a{padding:5px;  border-radius:4px; font-size:14px; margin:0 0 15px 0; }

.feature-table table th div a{font-size:13px; font-weight:bold;}
.feature-table table td div strong{font-size:20px;}
.feature-table table td div strong span{font-size:16px;}
.feature-table table td strong{font-size:20px;}
.feature-table table td strong span{font-size:16px;}
.feature-table table td a{padding:5px;  border-radius:4px; font-size:14px; margin:0 0 15px 0;}

.purchase-txt{font-size:18px;}
.licenseinfo{width:100%; margin:0 auto;}
.licenseinfoimg{width:100%; margin:0 auto;}

.suitebox{ display:none;}
.suiteprice{float: none; width: auto; text-align:left;}

.faqtabs-menu li a.readd{font-size:14px;}
.refund{float:none; width: auto; margin:20px 0; text-align:center;}
.refund img{text-align:center; float:none; margin:0;}
.secure{float:none; width: auto; margin:20px 0; text-align:center;}
.secure img{text-align:center; float:none; margin:0;}

.contact-left{ float:none; margin:20px 0 0 0; text-align:center;}
.contact-left-img{float:none; width:72px; margin:10px auto;}
.contact-left-cont{float: none;}
.contact-right{float:none; margin:20px 0 0 0; text-align:center;}
.contact-right-img{float:none; width:72px; margin:10px auto;}
.contact-right-cont{float: none; font-size:13px;}
.contact-left-cont p span{ display: inline;}


}

@media screen and (min-width: 800px) {

/* ensure #nav is visible on desktop version */
#navigation{display: block !important;}


}

@media all and (max-width: 480px){

.support{display:none;}

}