/*body {height:100%; min-height:100%; background:url(../images/headerbg.png) top repeat-x; margin:0; padding:0; font-size:13px; font-family: "Segoe UI", Tahoma, Arial; color: #666;}*/
/* Body changed for new design */
body {height:100%; min-height:100%; background:url(../images/headerbg.png) 0px -16px repeat-x; margin:0; padding:0; font-size:13px; font-family: "Segoe UI", Tahoma, Arial; color: #666;}
html {height:100%;}

@font-face {
 font-family: 'dinotregular';
 src: url('../fonts/dinot-regular-webfont.eot');
 src: url('../fonts/dinot-regular-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/dinot-regular-webfont.woff') format('woff'),  url('../fonts/dinot-regular-webfont.ttf') format('truetype'),  url('../fonts/dinot-regular-webfont.svg#dinotregular') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: 'dinotmedium';
 src: url('../fonts/dinot-medium-webfont.eot');
 src: url('../fonts/dinot-medium-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/dinot-medium-webfont.woff') format('woff'),  url('../fonts/dinot-medium-webfont.ttf') format('truetype'),  url('../fonts/dinot-medium-webfont.svg#dinotmedium') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: 'dinotbold';
 src: url('../fonts/dinot-bold-webfont.eot');
 src: url('../fonts/dinot-bold-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/dinot-bold-webfont.woff') format('woff'),  url('../fonts/dinot-bold-webfont.ttf') format('truetype'),  url('../fonts/dinot-bold-webfont.svg#dinotbold') format('svg');
 font-weight: normal;
 font-style: normal;
}




/* * * * * *  html 5 fix  * * * * * */
section, article, header, footer, nav, aside, hgroup, details, figure { display: block; }


/* * * * * *  General  * * * * * * */
table { border-collapse:collapse; border-spacing: 0; border:0;  /******  cellspacing="0"  ******/}   
/*cellspacing for table { border-collapse:separate; border-spacing: 5px; } // cellspacing="5"    align (center) =  table { margin: 0 auto; }*/    
/*th, td { padding:0px; }*/
th, td {padding:0px;font-size:13px;} /* Added by me */
a{ color:#3b93d0; text-decoration:none; outline:none;}
a:hover{ color:#3b93d0; text-decoration:underline;}
img{ border: none;}
h1, h2, h3, h4, h5, h6, ul, li, p, form{ margin:0; padding:0;}
ul, li{ list-style:none; list-style-type:none;}
.clear{ clear:both; padding:0; margin:0; height:0;}
.clr{ clear:both;}
input[type=text], input[type=password]{ border:#ddd 1px solid; padding:5px; margin:0; outline:none; font-family:Calibri, Arial; font-size:14px; color:#666;}
textarea { border:#ddd 1px solid; padding:5px; margin:0; font-family:Calibri, Arial; outline:none; font-size:14px; color:#666; }
select { border:#ddd 1px solid; margin:0; padding:3px; font-family:Calibri, Arial; outline:none; font-size:14px; color:#666; }
.inputbutton { background:#27b4e8; border:none; height:30px; padding:0 15px 2px 15px; cursor:pointer;  font-family: 'dinotregular', tahoma; font-size:14px; color:#FFF; vertical-align:middle; overflow:visible; }
.inputbutton:hover{ background:#11a3d9;}
p{ text-align:justify; padding:0 0 12px 0; line-height:18px;}
/*input[type=checkbox], input[type=radio]{ vertical-align:-1px;}*/ /*added by me*/


/* Style a ordered list */
ol.numbered {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
ol.numbered > li {
    position:relative; /* Create a positioning context */
	padding:0 0 0 15px; 
	margin:0 0 12px 0;
    list-style:none; /* Disable the normal item numbering */
}
ol.numbered > li:before {
    content:counter(li) "."; /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-2px;
    left:-0.8em;
    width:2em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
    padding:2px;
    text-align:center;    
}
/* End Style a ordered list */

/* * * * * *  Wrapper  * * * * * */
#wrapper{ width:100%; position:relative; min-height:100%; height:auto !important;}
.container{ width:980px; margin:0 auto;}



/* * * * * *  Header  * * * * * */
/*#header{width:980px; margin:0 auto; height:173px; position:relative; z-index:10;}
.logo{ position:absolute; top:13px; left:0;}
.headerlink{position:absolute; top:7px; right:0; }
.headerlink a{ color:#666;}
.headerlink span{ padding:0 8px;}
.headerinfo{position:absolute; top:50px; right:0;}
.headerinfo a{ display:inline-block; height:23px; font-family: 'dinotregular', Tahoma; font-size:18px; color:#666; padding-left:30px; text-decoration:none;}
.headerinfo a:hover{ background-position:0px -23px !important; color:#3b93d0;}
.headerinfo a.livechat{ background:url(../images/livechat.png) 0px 0px no-repeat; padding-left:35px; margin-right:27px;}
.headerinfo a.call{ background:url(../images/call.png) 0px 0px no-repeat; margin-right:27px;}
.headerinfo a.login{ background:url(../images/login.png) 0px 0px no-repeat;}
*/

/*Header changed for new design*/
/*#header{width:980px; margin:0 auto; height:150px; position:relative; z-index:10000;}*/
#header{width:980px; margin:0 auto; height:150px; position:relative; z-index:10;}
.logo{ position:absolute; top:8px; left:0;}
.headerlink{position:absolute; top:7px; right:0; }
.headerlink a{ color:#666;}
.headerlink span{ padding:0 8px;}
.headerinfo{position:absolute; top:45px; right:0;}
/*.headerinfo{position:absolute; top:28px; right:0;}*/
/*.headerinfo a{ display:inline-block; height:23px; font-family: 'dinotregular', Tahoma; font-size:18px; color:#666; padding-left:30px; text-decoration:none;}*/
    .headerinfo a {
        display: inline-block;height: 23px;font-family: 'dinotregular', Tahoma;font-size: 18px;color: #666;padding-left: 25px;text-decoration: none;
    }
.headerinfo a:hover{ background-position:0px -23px !important; color:#3b93d0;}
.headerinfo a.livechat{ background:url(../images/livechat.png) 0px 0px no-repeat; padding-left:35px;margin-right:27px;}
/*.headerinfo a.call{ background:url(../images/call.png) 0px 0px no-repeat; margin-right:27px;cursor:default;}*/
/*.headerinfo a.call{ background:url(../images/call.png) 0px 0px no-repeat;margin-left:27px;margin-right:27px;cursor:default;}*/
.headerinfo a.call{ background:url(../images/call.png) 0px 0px no-repeat;cursor:default;}
.headerinfo a.login{ background:url(../images/login.png) 0px 0px no-repeat;}




/* * * * * *  Banner  * * * * * */
/*#banner{ background:url(../images/bannerbg.jpg) top center repeat-x; height:374px;}
#banner .container{ overflow:hidden; position:relative; color:#FFF;}

.flexslider {  margin:0px; padding:0px; width:100%; position:relative; }
.flexslider .slides img {  }
.slides { list-style: none; margin: 0px; padding: 0px; width:980px; height:374px; }
.flex-control-nav { list-style: none; margin: 0px; padding: 0px; }
.flex-direction-nav { list-style: none; margin: 0px; padding: 0px; }
.no-js .slides li:first-child { display: block; }
.flexslider .slides li {list-style: none; margin: 0px; display: none; position: relative; }
.flexslider-container { position: relative; }
.flexsider li { list-style: none; }

.flex-control-nav { left: 0 !important; bottom: 30px !important; width: 100% !important; text-align: right !important; padding-right: 30px !important;  position: absolute; }
.flex-control-nav li { margin: 0px 10px 0px 0px !important; float: left !important; display: block !important; zoom: 1; }
.flex-control-nav li:first-child { margin: 0px; }
.flex-control-nav li a { background: url(../images/bg_control_nav.png) no-repeat 0px 0px !important; width: 16px; height: 16px; color: transparent; line-height: 1; text-indent: -9999px !important; font-size: 0em; overflow: hidden; display: block; cursor: pointer; }
.flex-control-nav li a:hover { background-position: 0px -16px !important; }
.flex-control-nav li a.active { cursor: default; background-position: 0px -16px !important; }

.flex-direction-nav{ display:none;}

.ban1{ background:url(../images/slide1.png) right bottom no-repeat; width:980px; height:374px;}
.ban2{ background:url(../images/slide2.png) right bottom no-repeat; width:980px; height:374px;}
.ban3{ background:url(../images/slide3.png) right bottom no-repeat; width:980px; height:374px;}
.ban4{ background:url(../images/slide4.png) right bottom no-repeat; width:980px; height:374px;}

#banner h2{ font-size:30px; font-weight:normal; font-family: 'dinotbold', tahoma;  padding:55px 0 15px 0;}
.flexslider .slides p{ width:auto; height:auto; font-family: 'dinotregular', tahoma; font-size:18px; background:url(../images/ban_bullet.png) 0px 2px no-repeat; padding:2px 0 2px 30px; margin:0 0 10px 0;}
a.register{ margin-top:20px; display:inline-block; background:#d7c442; font-family: 'dinotregular', tahoma; font-size:18px; color:#111; padding:8px 18px 10px 18px; text-decoration:none;}
a.register:hover{background:#ecd744;}
*/

/*Banner changed for new design*/
#banner{ background:url(../images/bannerbg.jpg) top center repeat-x; height:250px;}
#banner .container{ overflow:hidden; position:relative; color:#FFF;}

.flexslider {  margin:0px; padding:0px; width:100%; position:relative; }
.flexslider .slides img {  }
.slides { list-style: none; margin: 0px; padding: 0px; width:980px; height:250px; }
.flex-control-nav { list-style: none; margin: 0px; padding: 0px; }
.flex-direction-nav { list-style: none; margin: 0px; padding: 0px; }
.no-js .slides li:first-child { display: block; }
.flexslider .slides li {list-style: none; margin: 0px; display: none; position: relative; }
.flexslider-container { position: relative; }
.flexsider li { list-style: none; }

.flex-control-nav { left: 0 !important; bottom: 15px !important; width: 100% !important; text-align: right !important; padding-right: 30px !important;  position: absolute; }
.flex-control-nav li { margin: 0px 10px 0px 0px !important; float: left !important; display: block !important; zoom: 1; }
.flex-control-nav li:first-child { margin: 0px; }
.flex-control-nav li a { background: url(../images/bg_control_nav.png) no-repeat 0px 0px !important; width: 16px; height: 16px; color: transparent; line-height: 1; text-indent: -9999px !important; font-size: 0em; overflow: hidden; display: block; cursor: pointer; }
.flex-control-nav li a:hover { background-position: 0px -16px !important; }
.flex-control-nav li a.active { cursor: default; background-position: 0px -16px !important; }

.flex-direction-nav{ display:none;}

.ban1{ background:url(../images/slide1.png) right bottom no-repeat; width:980px; height:250px;}
.ban2{ background:url(../images/slide2.png) right bottom no-repeat; width:980px; height:250px;}
.ban3{ background:url(../images/slide3.png) right bottom no-repeat; width:980px; height:250px;}
.ban4{ background:url(../images/slide4.png) right bottom no-repeat; width:980px; height:250px;}
.ban5{ background:url(../images/slide2.png) right bottom no-repeat; width:980px; height:250px;}

#banner h2{ font-size:20px; font-weight:normal; font-family: 'dinotbold', tahoma;  padding:15px 0 10px 0;}
.flexslider .slides p{ width:auto; height:auto; font-family: 'dinotregular', tahoma; font-size:15px; background:url(../images/ban_bullet.png) 0px 2px no-repeat; padding:2px 0 2px 30px; margin:0 0 5px 0;}
a.register{ margin-top:10px; display:inline-block; background:#d7c442; font-family: 'dinotregular', tahoma; font-size:18px; color:#111; padding:6px 15px 8px 15px; text-decoration:none;}
a.register:hover{background:#ecd744;}






/* * * * * *  Content  * * * * * */
/*#content{width:980px; margin:0 auto; padding:20px 0 300px 0; }
.hiw{ text-align:center; color:#595959; font-family: 'dinotregular', tahoma; font-size:18px; font-weight:normal; text-transform:uppercase; padding:0 0 13px 0;}
.hiw_img{ padding-bottom:30px;}
*/
/*Content changed for new design*/
#content{width:980px; margin:0 auto; padding:10px 0 300px 0;}
.hiw{ text-align:center; color:#595959; font-family: 'dinotregular', tahoma; font-size:16px; font-weight:normal; text-transform:uppercase; padding:0 0 6px 0;}
.hiw_img{ padding-bottom:10px; text-align:center;}
ul.slidelist li{ padding:0;}

div.carousel.k2ItemsBlock { position: relative; }
.jcarousel-clip { overflow: hidden; }
.jcarousel-item-horizontal { margin:0 10px; }
.jcarousel-item-vertical { margin-bottom: 10px; }
.jcarousel-item-placeholder { background: rgb(255, 255, 255); color:#333; }
.jcarousel-next-horizontal { cursor:pointer; background: url(../images/arrows.jpg) no-repeat; top: 30px; width: 18px; height: 200px; display: inline-block; position: absolute; }
.jcarousel-prev-horizontal { cursor:pointer; background: url(../images/arrows.jpg) no-repeat; top: 30px; width: 18px; height: 200px; display: inline-block; position: absolute; }
.jcarousel-next-horizontal { background-position: right 0px; right: -15px; }
.jcarousel-prev-horizontal { left: -15px; }

.prod_title{ height:74px; background:#1d71b6; overflow:hidden;}
.prod_title .text{ float:left; width:150px; padding:0; display: table-row; height:74px; color:#FFF; font-family: 'dinotregular', tahoma; font-size:16px; font-weight:normal;}
/*Tag added by me*/
.prod_title .small{font-size:12px;}
/*----------------*/
.prod_title .text div{height:74px; display:table-cell; vertical-align:middle; padding-left:11px; text-transform:uppercase;}
.prod_title .price{ margin:10px 10px 0 0; float:right; text-align:center; background:url(../images/price_cur.png); width:54px; height:37px; padding:17px 0 0 0; font-family: 'dinotbold', tahoma; font-size:16px; color:#111; }

/*.prod_content{ background:#FFF; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; padding:10px 12px; height:170px; text-align:justify; line-height:130%;}*/
.prod_content{ background:#FFF; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; padding:10px 10px; height:190px; text-align:justify; line-height:130%;}
.prod_content p{ padding:8px 0 0 0 !important;}

.blue-clr { background:#1d71b6;}
.deepskyblue-clr { background:#04c8eb;}
.green-clr {background:#74b83d;}
.yellow-clr {background:#f0b003;}
.emerald-clr {background:#04ad95;}
.orange-clr {background:#e6721b;}
.red-clr {background:#d9534f;}
.pink-clr {background:#e54b87;}
.purple-clr {background:#a870bf;}
.gray-clr{background:#727272;}

.hm_block{ overflow:hidden; padding:30px 0 30px 0; border-bottom:1px solid #ddd;}
.hm_block2{ overflow:hidden; padding:30px 0 10px 0;}

.block{ width:300px; float:left;}
.block_spac{ margin-right:40px;}

h2.title{font-family: 'dinotbold', tahoma; font-size:18px; color:#555; font-weight:normal; text-transform:uppercase; padding:0 0 7px 0;}
h2.title span{ text-transform:none;}

a.reg_link{ display:inline-block; background:#27b4e8; font-family: 'dinotregular', tahoma; font-size:14px; color:#FFF; padding:6px 15px 8px 15px; text-decoration:none;}
a.reg_link:hover{background:#11a3d9;}

.moneyback{ margin:6px 0 25px 0; font-size:15px; color:#333; padding:13px 100px 13px 13px; text-align:justify; background:#f0f2f4 url(../images/moneyback.png) 96% 13px no-repeat;}
.testimonials { padding-bottom:6px !important;}

.testimonials p{ padding-bottom:6px !important;}
.name{ color:#444; font-size:12px;}

h4.title{font-family: 'dinotmedium', tahoma; font-size:15px; color:#e6721b; font-weight:normal; padding:0 0 5px 0;}
h4.vert-align{padding:10px 0 10px 0;} /*ADDED BY me*/
.newsletter{ background:#f0f2f4; padding:10px 10px 15px 10px;}
.newsletter h3{ font-size:15px; color:#494949;  font-family: 'dinotregular', tahoma; font-weight:normal; padding-bottom:10px;}

.emailfield{ background:#FFF; border-left:1px solid #dcdcdc; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; padding:0 5px;}
.emailfield input[type=text]{ border:none; outline:none; margin:0; width:170px; }
.sml_text{ font-size:12px; color:#858585; line-height:120%; padding:7px 0 12px 0;}
a.link2{ color:#3b93d0; font-size:16px; background:url(../images/bullet.png) 0px 2px no-repeat; padding:0 0 0 26px;}
.info2{ line-height:22px;}
.botpad{ padding-bottom:20px;}
.hm_login input[type=text], .hm_login input[type=password]{ width:260px; }
.logintable{ border-collapse:separate; border-spacing: 10px;}
.remember{ font-size:12px; color:#858585;}








.blue{color:#1d71b6;}
.yellow {color:#f0b003;}
/*.green {color:#74b83d;}*/
.bold {font-weight:bold;}



























/* * * * * *  Footer  * * * * * */
#footer{ position:absolute; bottom:0; height:270px; background:#f0f2f4 url(../images/footerbg.png) bottom center repeat-x; width:100%; }
#footer .container{ overflow:hidden;}
.footerbox{ width:300px; float:left; padding-top:25px;}
.box_spac{ margin-right:40px;}
.footerbox h5{ color:#6b767f; font-size:13px; font-weight:normal; text-transform:uppercase; line-height:1; padding:0 0 11px 0;}
.footerbox p{ padding-bottom:5px; text-align:left;}
.box_spac span{ padding:0 7px; color:#3b93d0;}
.footerbox h4{ color:#6b767f; font-size:18px; font-weight:normal; line-height:1; padding:0 0 7px 0;}
.sociallink{ margin-bottom:20px; height:29px;}
.sociallink a{ width:29px; height:29px; display:inline-block; margin-right:10px; background:url(../images/social.png) 0px 0px no-repeat;}
.sociallink a.twt{ background-position:0px 0px;}
.sociallink a.fb{ background-position:-37px 0px;}
.sociallink a.gp{ background-position:-74px 0px;}
.sociallink a.in{ background-position:-111px 0px;}
.footerbox h3{ color:#6b767f; font-size:24px; font-weight:normal; line-height:1; font-family: 'dinotregular', tahoma;}



/****************************************** Inner Page **********************************************/
.breadcrumb{ border-top:1px solid #d2d2d2; padding:15px 0 7px 0;}
.breadcrumb span{ padding:0 7px;}
.breadcrumb a{ color:#666;}
h1{ color:#333333; font-size:30px; font-family: 'dinotregular', tahoma; font-weight:normal; border-bottom:1px solid #d2d2d2; margin:0 0 15px 0; padding:0 0 6px 0;}
.leftside{ float:left; width:754px;}
.rightside{ float:right; width:200px;}
h2.subtitle{font-family: 'dinotbold', tahoma; font-size:18px; color:#333; font-weight:normal; padding:0 0 8px 0;}
.red{color:#d9534f;}
h3.subtitle{font-family: 'dinotregular', tahoma; font-size:17px; color:#666; font-weight:normal; padding:0 0 8px 0;}
.comp_available{ background:#f0f2f4; padding:17px; margin-bottom:18px;}
.comptitle{ color:#494949; font-size:15px; padding-right:8px;}
ul.listing{ text-align:justify;}
ul.listing li{ background:url(../images/dot.png) 0px 7px no-repeat; padding:0 0 0 15px; margin:0 0 12px 0;}
ul.listing li li{ background:url(../images/dot2.png) 2px 8px no-repeat; padding:0 0 0 15px; margin:7px 0 5px 0;}

.mb{ width:100%;}
.titleblock{ position:relative; padding-bottom:8px;}
a.order_link{ position:absolute; top:-5px; right:0; display:inline-block; background:#27b4e8 url(../images/ic-order.png) 6px 8px no-repeat; font-family: 'dinotregular', tahoma; font-size:14px; color:#FFF; padding:6px 15px 8px 31px; text-decoration:none;}
a.order_link:hover{background:#11a3d9 url(../images/ic-order.png) 6px 8px no-repeat;}

a.order_link.green{background:#74b83d url(../images/ic-order.png) 6px 8px no-repeat;}
a.order_link.green:hover{ background:#5f9633 url(../images/ic-order.png) 6px 8px no-repeat;}


.learnhow{ font-size:16px; color:#e6721b;}
.rightside .newsletter h3{ font-size:14px; color:#494949;  }
.rightside .emailfield input[type=text]{ border:none; outline:none; margin:0; width:157px; }
.rightside .emailfield{ border-right:1px solid #ddd;}
.rightside_advrt{ padding:14px 0;}
.right_tml{ background:#f7f7f7; border:1px solid #dadada; padding:10px !important;}
.right_tml h3{ font-size:14px; padding:0 0 7px 0;}
.h_spac{ border-bottom:1px solid #ddd; height:35px; margin-bottom:27px;}
.inr_footblock{ overflow:hidden;}
.ifb_left{ width:47%; float:left;}
.ifb_right{ width:50%; float:right; overflow:hidden;}

.new_user{ width:50%; float:left;}
.existing_user{ width:45%; float:right;}
.botspac{ padding-bottom:7px !important;}

.email_package{ width:100%;}
.email_package td{ border:1px solid #ddd; border-collapse:collapse; padding:10px; line-height:140%; }
.ep_head{ font-size:36px; width:50px; text-align:center;}
.asic{ position:relative;}
.asic img{ position:absolute; top:15px; right:0;}
.extspac{ margin:10px 0;}
h2.smltitle{font-family: 'dinotmedium', tahoma; font-size:15px; color:#333; font-weight:normal; padding:0 0 8px 0;}


.grid{width:100%;}
/*.grid td, .grid th{ border:1px solid #ddd; border-collapse:collapse; padding:10px; line-height:140%; vertical-align:top; }*/
.grid td, .grid th{ border:1px solid #ddd; border-collapse:collapse; padding:10px; line-height:140%; vertical-align:top; }
.gridhead{ background:#f0f2f4;}
.grid th{ font-size:15px; color:#333; font-weight:normal; font-family: 'dinotmedium', tahoma; text-align:left;}
/* ADDED by me */
.highlightcell{font-weight:bold;}
.removeborder td,#removeborder td{border:0px;border-collapse:collapse;}
#removeborder .fixwidth{width:150px;}

.equalwidth{table-layout: fixed;}
.equalwidth td{width:250px;padding:0px;}
.equalwidth .first-child{width:140px;padding-left:10px;}
.equalwidth .last-child {width:190px;padding-left:15px;}
.equalwidth p{text-align:left;line-height:70%;}
/*.equalwidth a{color:#3b93d0;}*/
.equalwidth a{color:#666;font-size:12px;}
/* ---------------------------*/

/******************************* 24-06-14 *********************************/
.popup{ width:530px; margin:0 auto; border-radius:6px; background:#FFF; border:1px solid #ddd; box-shadow: 0 2px 10px rgba(0,0,0,.2); padding:10px 15px 15px 15px;}
.popup h1{font-size:24px; position:relative;}
.popup-content{ padding:0 0 20px 0;}
.popup h1 a.close{ position:absolute; top:3px; right:0; display:block; width:24px; height:24px; background:url(../images/pop_close.png) 0px 0px no-repeat;}
.popup h1 a.close:hover{background:url(../images/pop_close.png) 0px -24px no-repeat;}




/******************************* 03-07-14 *********************************/
/* ---------------- ADDED by me --------------------------------------*/
.middle_sub{text-align:center;padding-top:10px;padding-bottom:10px;}
.user_inner{border-top:1px solid #d4dce2;}
.text-orange{ color:#e6721b;}
.top_sub{ overflow:hidden; padding-bottom:10px;}
.top_sub a.reg_link{ float:right;}
.top_sub .subtitle{ margin-right:100px;}
.start_new_order{ background:#f0f2f4; border:1px solid #dbdbdb; margin-bottom:20px;}
.start_new_order h2{ background:#e0e0e0; font-family: 'dinotbold', tahoma; font-size:18px; color:#5d5d5d; font-weight:normal; line-height:1; padding:11px 13px 12px 13px; }
.start_new_order h3{ background:#e0e0e0;font-family: 'dinotregular', tahoma; font-weight:normal;padding:5px 13px 6px 13px;}
.sno_content{ padding:10px 10px 13px 10px;}
.sno_content table{ border-collapse:separate; border-spacing: 7px; }
.sno_content table td{ padding-right:10px;}
.inr_tab{ height:28px; border-bottom:4px solid #27b4e8; position:relative;}

.TabbedPanels { margin: 0px; padding: 0px; float: left; clear: none; width: 100%;  }
.TabbedPanelsTabGroup { margin: 0px; padding: 0px; height:53px; }
/*.TabbedPanelsTab { outline:none; position: relative; top: 1px; float: left; padding:0; margin:0; width:12.5%; *width:12%; height:53px; background-image:url(../images/dot3.png); background-position:right top; background-repeat:repeat-y; list-style: none;-moz-user-select: none; -khtml-user-select: none; cursor: pointer; }*/
/*.TabbedPanelsTab { outline:none; position: relative; top: 1px; float: left; padding:0; margin:0; width:11.1%; *width:10.4%; height:53px; background-image:url(../images/dot3.png); background-position:right top; background-repeat:repeat-y; list-style: none;-moz-user-select: none; -khtml-user-select: none; cursor: pointer; }*/
.TabbedPanelsTab { outline:none; position: relative; top: 1px; float: left; padding:0; margin:0; width:10.0%; *width:9.3%; height:53px; background-image:url(../images/dot3.png); background-position:right top; background-repeat:repeat-y; list-style: none;-moz-user-select: none; -khtml-user-select: none; cursor: pointer; }
.TabbedPanelsContentGroup { clear: both;  background-color: #FFF; }
.TabbedPanelsContent { padding:22px 0 24px 0; }
.TabbedPanelsContentVisible { }
.TabbedPanelsTab a{	display:block;	padding:18px 0 0 0;	height:35px;	text-align:center;	color:#FFF;	text-decoration:none;	font-family: 'dinotmedium', Tahoma, Arial;	}
.TabbedPanelsTab a.towline{	padding:10px 0 0 0;	height:43px;	}
.TabbedPanelsTabSelected a{ background:url(../images/ar_upp.png) bottom center no-repeat;	}

.linkhelp{ position:absolute; top:2px; right:0;}
.inr_tablink a{ display:inline-block; height:23px; padding:5px 12px 0 12px; background:#dedede; margin-right:3px; color:#666; text-decoration:none;}
.inr_tablink a:hover, .inr_tablink a.active{ background:#27b4e8; color:#FFF;}
.aln_center{ text-align:center !important;}
.gr_title{ background:#e0e0e0; font-size:18px; padding:8px 12px 8px 12px; color:#5d5d5d; margin-bottom:17px; font-weight:normal; text-transform:uppercase; font-family: 'dinotregular', Tahoma, Arial;}
.username{ padding-left:0px !important; font-size:15px;}

#inr_userpages{background:url(../images/headerbg2.png) top repeat-x;}
#inr_userpages #header{ height:120px;}

.step{ height:48px; margin-bottom:20px; background:url(../images/tabbg.png) top repeat-x;}
.step ul{ padding:0; margin:0; list-style:none;}
.step ul li{ padding:0; margin:0; list-style-type:none; height:48px; display:block; float:left;}
/*.step ul li a{ border-right:1px solid #c4c4c4; display:block; height:41px; padding:0 17px 0 2px; font-family: 'dinotregular', Tahoma, Arial; font-size:16px; color:#474747; text-decoration:none;}*/
.step ul li a{ border-right:1px solid #c4c4c4; display:block; padding:0 10px 0 2px; font-family: 'dinotregular', Tahoma, Arial; font-size:16px; color:#474747; text-decoration:none;
}
/*.step ul li a{display:block; height:41px; padding:0 7px 0 2px; font-family: 'dinotregular', Tahoma, Arial; font-size:16px; color:#474747; text-decoration:none;}*/
.step ul:last-child li:last-child a{border: none;border-style: none;} /* Added by me */
.step ul li a span{ background:url(../images/step-normal.png) 0px 0px no-repeat; width:32px; height:41px; display:inline-block; vertical-align:-14px;}
.step ul li.complete a{ background:#1d71b6; color:#FFF;}
.step ul li.complete a span{ background:url(../images/step-completed.png) 0px 0px no-repeat;}
.step ul li.active{ background: url(../images/step-active-ar.png) bottom center no-repeat;}
.step ul li.active a{ background:#27b4e8; color:#FFF;}
.step ul li.active a span{ background:url(../images/step-active.png) 0px 0px no-repeat;}


.application_details{ padding:5px 1px 0 1px;}
/*.app_title{ background:#f0f0f0; padding:6px 11px 8px 6px; font-size:15px; color:#333; font-family: 'dinotregular', Tahoma, Arial; font-weight:normal;}*/
.app_title{ background:#f0f0f0; padding:6px 11px 8px 6px; font-size:15px; color:#333; font-family: 'dinotregular', Tahoma, Arial; font-weight:normal;}
.app_block{ padding:13px 0 25px 0px;}
.yello_textfield{ background:#ffee7d !important; border:1px solid #ccc; padding:2px !important;}
.wh_textfield{background:#FFF !important; border:1px solid #ccc; padding:2px !important;}
.require{ color:#c04545; padding-top:8px;}
.helptext{ font-size:12px; line-height:16px; width:50%;}

.grid .head{ background:#f0f0f0; color:#333;}
.app_block table{ width:100%;}
.app_block table td{ vertical-align:top;}



/****************************** ADD CSS 01-06-15 *****************************/

.col2{ float:left; width:48%; padding-bottom:10px;}
.col2.rpad{ margin-right:4%; padding-bottom:10px;}

.contactus{ font-size:16px;}
.contactus h5{ font-size:20px; padding-bottom:8px !important; font-weight:normal;}
.contactus p{ line-height:26px !important;}
.contactus h4{ font-size:18px !important; padding-bottom:10px; font-weight:bold;}
.contactus h3{ font-weight:bold; font-size:24px !important; padding-bottom:8px;}






.head4{ font-size:19px; font-weight:normal; color:#333; line-height:1; padding:0 0 7px 0; margin:0;} 
.fl-left{ float:left;}
.fl-right{ float:right;}

.webinarbox{ margin:15px 0 25px 0; width:475px; box-sizing: border-box; -moz-box-sizing: border-box; border:1px solid #ddd; font-size:15px; }
.webinartitle{ font-size:20px; color:#FFF; background:#949a9f; margin:-1px -1px 0 -1px; padding:8px 15px;}
.webinarmiddle{ padding:15px 15px 5px 15px;}
.webinarfooter{ background:#f7f7f7;  padding:10px; border-top:1px solid #ddd; overflow:hidden;font-size:14px;}
.webinarfooter p{ padding-bottom:5px;}
.reg{ background:#27b4e8; border:1px solid #27b4e8; height:40px; display:inline-block; text-decoration:none !important; line-height:40px; padding:0 17px; font-size:16px; color:#FFF !important; cursor:pointer;}
.reg:hover{ background:#11a3d9; border:1px solid #11a3d9;}
.webinarmiddle ul{ list-style:none; padding:0; margin:0;}
.webinarmiddle li{ list-style-type:none; background:url(../images/bullet3.png) 0px 5px no-repeat; margin:0 0 12px 0; padding:0 0 0 20px; line-height:1.3;}
.webinarfooter span{ font-weight:bold; }
.or, .or a{ color:#de6d08 !important;}

/*.headerinfo a.nl{ background:url(../images/newsletter.png) 0px 0px no-repeat; padding-left:35px; margin-right:27px;}*/
.headerinfo a.nl {
    background: url(../images/newsletter.png) 0px 0px no-repeat;padding-left: 30px;    
}

.outerbox{position:relative;}
.innerbox{position: absolute;top:50px;right:0px;}
.docdelivery td:first-child{width:25px;}
/* -------------------------- ADDED by me */
.redlink{
	color:#FF0000;
}
.bluelink{
	color:#3b93d0;
}
#wrap,.wrap {
   width:100%;   
   margin:0 auto;
}
#left_col,.left_col {
   float:left;
}
#right_col,.right_col {
   float:right;   
}
.center_col
{
    display:inline-block;        
}
div.imgtext
{
    width:150px;    
    font-size:12px;
}
#arrowcol,.arrowcol
{
    float: left; 
    width: 50%;
}


.removespacing{
border-collapse: collapse; /* 'cellspacing' equivalent */
}

.removespacing td, 
.removespacing th{
padding: 0 0 4px 0; /* 'cellpadding' equivalent */
}

#popupModal .grid{margin:20px 0 0 0;} /*Pop up window */

/* CSS for changing the color of SMSF products */
.step.green ul li.active{ background: url(../images/step-active-ar-green.png) bottom center no-repeat;}
.step.green ul li.active a{background:#74b83d;}
.reg_link.green,.inputbutton.green{background:#74b83d;}
.reg_link.green:hover,.inputbutton.green:hover{ background:#5f9633;}


/* CSS for changing the color of Actuarial certificate */
.step.orange ul li.active{ background: url(../images/step-active-ar-orange.png) bottom center no-repeat;}
.step.orange ul li.active a{background:#ff6600;}
.reg_link.orange,.inputbutton.orange{background:#ff6600;}
.reg_link.orange:hover,.inputbutton.orange:hover{ background:#ff6600;}

/* CSS for changing the color of SMSF Tools */
.step.purple ul li.active{ background: url(../images/step-active-ar-purple.png) bottom center no-repeat;}
.step.purple ul li.active a{background:#403f93;}
.reg_link.purple,.inputbutton.purple{background:#403f93;}
.reg_link.purple:hover,.inputbutton.purple:hover{ background:#403f93;}

/* CSS for changing the color of PCT */
.step.emerald ul li.active{ background: url(../images/step-active-ar-emerald.png) bottom center no-repeat;}
.step.emerald ul li.active a{background:#04ad95;}
.reg_link.emerald,.inputbutton.emerald{background:#04ad95;}
.reg_link.emerald:hover,.inputbutton.emerald:hover{ background:#04ad95;}

/* CSS for changing the color of QS */
.step.red ul li.active{ background: url(../images/step-active-ar-red.png) bottom center no-repeat;}
.step.red ul li.active a{background:#d9534f;}
.reg_link.red,.inputbutton.red{background:#d9534f;color:#ffffff;}
.reg_link.red:hover,.inputbutton.red:hover{ background:#d9534f;}

/* CSS for changing the color of Trusts */
.step.pink ul li.active{ background: url(../images/step-active-ar-pink.png) bottom center no-repeat;}
.step.pink ul li.active a{background:#E54B87;}
.reg_link.pink,.inputbutton.pink{background:#E54B87;color:#ffffff;}
.reg_link.pink:hover,.inputbutton.pink:hover{ background:#E54B87;}

/* CSS for changing the color of Jobs */
.reg_link.lightpink,.inputbutton.lightpink{background:#a870bf;color:#fff;}
.reg_link.lightpink:hover,.inputbutton.lightpink:hover{ background:#a870bf;}
/*------------------------------------ css code for Tooltip ---------------------------------------------------*/
.qtip-content{max-height:400px;overflow-y:auto !important;}
a.help,a.help4{float:right;height:20px; width:20px;text-align:right;background:url(../images/ic-help.png) 0px 0px no-repeat;}
/*a.help{ top:7px; right:7px; display:block; height:20px; width:20px; background:url(../images/ic-help.png) 0px 0px no-repeat; /*transition: all ease 0.2s; -moz-transition: all ease 0.2s; -webkit-transition: all ease 0.2s;*/ }*/
a.help:hover, a.help4:hover{ background-position:0px -20px;}

.tooltip,.tip{display:none;}
.tooltip ul{padding:0px 0px 10px 25px;}
.tooltip li {list-style-type:disc;padding:2px 0px;}
/*.tooltip ul{padding:10px 5px;border:1px solid red;}
.tooltip li .que{padding-bottom:5px;border:1px solid red;}
.tooltip li .ans{padding-bottom:15px;}
.tooltip li ul{padding:10px 25px 0px;}
.tooltip li ul li{list-style-type:disc;padding:2px 0px;}
.tooltip li ul.num li{list-style-type:decimal;padding:2px 0px;}
.tooltip li ul.ualpha li{list-style-type:upper-alpha;padding:2px 0px;}
.tooltip li ul.lalpha li{list-style-type:lower-alpha;padding:2px 0px;}
.tooltip li ul.empty li{list-style-type:none;padding:2px 0px;}
.tooltip div.textblock{padding:10px 5px;}*/


/*-----------------------Video Section -----------------------*/ 
.videolist{ padding:0; margin:0; list-style:none;}
.videolist li{ padding:15px 0; border-bottom:1px solid #ddd; margin:0; list-style-type:none; overflow:hidden;}
.video_img{ width:112px; height:80px; padding:4px; border:1px solid #ddd; float:left; position:relative; }
.video_text{ margin-left:138px;}
.video_text h3{ font-family: 'ZurichCnBTRegular'; font-weight:normal; font-size:18px; margin:0; padding:0 0 7px 0; }
.video_text h3 a{ color:#e07d08;}
.subheading {color:#50ae0c;font-size:13px;padding-bottom:8px;}
.videolist li li{ padding:0 0 0 10px; border:none; margin:0 0 5px 0; background:url(../images/bullet3.png) 0px 1px no-repeat; font-size:14px;}
.video_img span{ position:absolute; top:0; left:0; width:122px; height:90px; display:block;  background:url(../images/ic-video2_org.png) center center no-repeat;}
.video_img:hover span{  background:url(../images/ic-video_org.png) center center no-repeat;}

.videolist_home{ padding:0; margin:0; list-style:none;}
.videolist_home li{ padding:15px 0; border-bottom:1px solid #ddd; margin:0; list-style-type:none; overflow:hidden;}
.video_img{ width:112px; height:80px; padding:4px; border:1px solid #ddd; position:relative; }
.vi_left{ width:122px; text-align:center;  float:left;}
.video_text{ margin-left:138px;}
.videolist_home h3{ font-family: 'ZurichCnBTRegular'; font-weight:normal; font-size:14px; margin:0; padding:6px 0 0 0; }
.videolist_home h3 a{ color:#e07d08;}
.videolist_home li li{ padding:0 0 0 10px; border:none; margin:0 0 5px 0; background:url(../images/bullet3.png) 0px 1px no-repeat; font-size:11px;}
.video_img span{ position:absolute; top:0; left:0; width:122px; height:90px; display:block;  background:url(../images/ic-video2_org.png) center center no-repeat;}
.video_img:hover span{  background:url(../images/ic-video_org.png) center center no-repeat;}
.playvideo{ padding:0; margin:0; list-style:none;}
.playvideo li{ padding:0 0 0 24px; border:none; margin:0 0 10px 0; background:url(../images/bullet3.png) 0px 8px no-repeat; font-size:16px;}
/*.video-slider ul{ width:410px !important;}*/
.video-slider ul li h3{ margin:0; padding:6px 0 0 0;}
.video-slider ul li h3 a{ font-size:12px !important; color:#444 !important;}
.video-slider .video_img{ left:16px !important;float: none;}
.video-slider .vi_left{ width:160px !important;}


/* CSS ADD 28-01-15 */
#slider1 {height: 1%; margin:0; overflow:hidden; position: relative; padding: 0 50px;width:600px;margin:0 auto;/*left:244px;width:600px;*/   }
#slider1 .viewport {height: 170px; overflow: hidden; position: relative; }
#slider1 .buttons { display: block;    position: absolute;    top: 50%;    left: 0;	margin:-20px 0 0 0;    width: 40px;    height: 40px;	background:url(../images/arrow2.png) no-repeat; }
#slider1 .prev{ background-position:0px 0px;}
#slider1 .next { right: 0; left: auto; top: 50%; background-position:-40px 0px;}
#slider1 .prev:hover{ background-position:0px -40px;}
#slider1 .next:hover { right: 0; left: auto; top: 50%; background-position:-40px -40px;}
#slider1 .disable { visibility: hidden; }
#slider1 .overview {list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0 top: 0; }
#slider1 .overview li{ float: left; margin: 0 20px 0 20px;}

.advt{padding:20px 0 20px 0;}


.yello_ddl{ background:#ffee7d;border:1px solid #ccc;width:20em;height:2.0em;}
.yello_ddlshort{ background:#ffee7d;border:1px solid #ccc;width:6em;height:2.0em;}
.yello_ddlbig{ background:#ffee7d;border:1px solid #ccc;width:30em;height:2.0em;}

/* start CSS for banners */
.box1 { 
		position: relative; 
		margin: 20px 0 20px 40px; 
		padding: 5px 0; width: 586px; 
		height: 75px; 
		background-image: url(../images/top-banner-v3.jpg); 
		background-repeat: no-repeat; 
		}		
.box1 #box-link1 { 
		position: absolute; 
		top: 0px; 
		left: 0px; 
		width: 586px; 
		height: 75px; 
		background-color: transparent; 
		}
.box2 { 
		position: relative; 
		width: 200px; 
		height: 250px; 
		background-image: url(../images/right-banner-v3.jpg); 
		background-repeat: no-repeat; 
		}		
.box2 #box-link1 { 
		position: absolute; 
		top: 0px; 
		left: 0px; 
		width: 200px; 
		height: 250px; 
		background-color: transparent; 
		}
/* end css for banners */			

button 
{
     color:#3b93d0;
     background:none/*!important*/;
     border:none; 
     /*padding:0!important;*/
     font: inherit;
     /*border is optional*/
     /*border-bottom:1px solid #444;*/
     cursor: pointer;
}	

.headingbox
{
    border-top:4px solid #403f93;
    border-bottom:4px solid #403f93;
    font-style:italic;
    font-weight:bold;
    width:200px;
    padding:4px;
}


/****************************** CSS For Calendar *********************************************************/

.planmain{ font-family: "dinotregular", Tahoma, Arial; font-size:13px; color:#646464; }
.company-order{ float:left; background:#FFF; margin:30px 0 0 0; width:330px; border:1px solid #e0e0e0; position:relative; z-index:1;}
.company-order .plan-title{ background:#1d71b6; height:70px; margin:-1px -1px 0 -1px; color:#FFF; font-size:24px; font-family: 'dinotbold', Tahoma, Arial; box-sizing: border-box; -moz-box-sizing: border-box; padding:19px 10px 0 15px;}
.print-bundle{ margin-left:-1px; float:left; background:#FFF; width:330px; border:1px solid #e0e0e0; position:relative; z-index:2; box-shadow: 0 2px 6px rgba(0,0,0,.2);}
.print-bundle .plan-title{ background:#56b343; height:70px; margin:-1px -1px 0 -1px; color:#FFF; font-size:24px; font-family: 'dinotbold', Tahoma, Arial; box-sizing: border-box; -moz-box-sizing: border-box; padding:8px 10px 0 15px;}
.plan-title span{ display:block; font-size:16px; font-family: 'dinotregular', Tahoma, Arial; line-height:1;}
.print-bundle .plan-title img{ position:absolute; top:-6px; right:-7px;}
.plan-title.abn-bundle{ padding:9px 10px 0 15px; background:#eb832e;}
.no-bord-text{ border:none !important; padding:10px !important;}
.no-bord-text strong{ font-weight:normal;  font-family: 'dinotbold', Tahoma, Arial; display:block}
.plan-price{ padding:5px 8px 8px 8px;}
.pp-gst{ font-size:18px; font-family: 'dinotbold', Tahoma, Arial; color:#646565;}
.pp-gst span{ color:#dd7314; font-size:24px;}
.pp-fees{ font-size:15px; color:#565656;}
.plan-list{ width:100%;}
.plan-list td{ border-top:1px solid #d5d5d5; vertical-align:top;}
.plan-list td img{ display:block;}
.plan-list td.plantext{ padding:5px 5px 5px 0; vertical-align:middle;}
.print-bundle .plan-list td.plantext{ padding:7px 5px 7px 2px; vertical-align:middle; }

.planbtn{ position:relative; text-align:center;}
.company-order .planbtn{ height:25px; bottom:-4px;}
.print-bundle .planbtn{ height:40px; bottom:-19px;}
.plan-right{ width:280px; float:right;}
.pbtn{ display: inline-block; height:40px; border-radius:20px; font-size:16px; font-family: 'dinotbold', Tahoma, Arial; text-decoration:none; box-sizing: border-box; -moz-box-sizing: border-box; padding:8px 20px 0 15px; text-transform:uppercase; transition: all ease 0.4s; -webkit-transition: all ease 0.4s; }
.pbtn img{ margin-right:2px; vertical-align:-2px;}
.print-bundle .pbtn{background:#5b6974; color:#FFF; border:1px solid #5b6974;  }
.print-bundle .pbtn:hover{background:#49555e; border:1px solid #49555e;text-decoration:none;}
.company-order .pbtn{background:#56b343; color:#FFF; border:1px solid #56b343;  }
.company-order .pbtn:hover{background:#38a323; border:1px solid #38a323;text-decoration:none;}

.your-investment{overflow:hidden; border:1px solid #ddd; background:#FFF;}
.your-investment h3{ padding:11px 0 0 0; margin:0; color:#646565; font-size:22px; font-family: 'dinotbold', Tahoma, Arial; background:#f1f1f1; text-align:center; height:50px; box-sizing: border-box; -moz-box-sizing: border-box;}
.your-investment table{ width:100%;}
.your-investment td{ border-top:1px solid #ddd; padding:8px; color:#646565; font-size:16px;} 
.totalprintprice{ font-family: 'dinotbold', Tahoma, Arial; font-size:#555; vertical-align:top}
.totalprintprice span{ display:block; font-size:12px; white-space:nowrap; font-family: 'dinotregular', Tahoma, Arial; padding-bottom:3px;}
.plan-slider{ height:270px; overflow:hidden; border:1px solid #ddd; background:#FFF; margin-bottom:15px; position:relative;}

.your-investment span.voucher {
    color: #e59242;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
}



#slider { margin: 0px; padding: 0px; width: 280px; height:270px; }
.nivoSlider { overflow: hidden; position: relative; }
.nivoSlider img { left: 0px; top: 0px; width:100%; display: none; position: absolute; }
.nivoSlider a.nivo-imageLink { margin: 0px; padding: 0px; border: 0px currentColor; left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute; z-index: 6; }
.nivo-slice { height: 100%; display: block; position: absolute; z-index: 5; }

.nivo-box { display: block; position: absolute; z-index: 5; }
.nivo-directionNav a { background: url(../images/arrows-slider.png) no-repeat; top: 45%; width:30px; height: 30px; text-indent: -9999em; font-size: 1px; display: block; position: absolute; z-index: 9; cursor: pointer; }
.nivo-directionNav a.nivo-prevNav { left: 0px; }
.nivo-directionNav a.nivo-nextNav { background-position: right top; right: 0px; }
.nivo-directionNav a.nivo-prevNav:hover { background-position: left 0px; }
.nivo-directionNav a.nivo-nextNav:hover { background-position: right 0px; }

.nivo-controlNav { height:25px; width:100px; position:absolute; left:50%; margin-left:-45px;  bottom:5px; z-index:1000; }
.nivo-controlNav a { background: url(../images/scroller_dis.png) no-repeat left top; float:left; width:14px; height:14px; padding:0; margin:6px 0 0 7px; text-align:center; text-indent:-100000px; cursor:pointer; }
.nivo-controlNav a.active { background:url(../images/scroler_act.png) no-repeat left top; text-decoration:none; }

.pr-bundle{ min-height:296px;}
.planheight{ min-height:260px;}


/***************************** New Design CSS **********************************************************/
.block-border {border-bottom:1px solid #dddddd;  padding-bottom:30px;}
.comp_available {margin-bottom:25px;  }
.company-registration-link {border-bottom:3px solid #e2e2e2; margin:25px 0px; }
.company-registration-link li {display:inline-block;}
.company-registration-link li a {color:#585353; font-size:14px; text-transform:capitalize;  text-decoration:none;  display:block; padding:10px 20px; font-family: 'dinotregular'; position:relative;  }
.company-registration-link li a:after {content:''; display:block;background-color:#1d71b6;  height:3px; width:0; position:absolute; left:50%; right:0; bottom:-3px; transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; -ms-transition: all 0.25s ease-in-out 0s;}
.company-registration-link li a.active:after, .company-registration-link li a:hover:after { width:100%;  left:0px; }


.smsf-tools-link {border-bottom:3px solid #e2e2e2; margin:25px 0px; }
.smsf-tools-link li {display:inline-block;}
.smsf-tools-link li a {color:#585353; font-size:14px; text-transform:capitalize;  text-decoration:none;  display:block; padding:10px 9px 20px 5px; font-family: 'dinotregular'; position:relative;  }
.smsf-tools-link li a:after {content:''; display:block;background-color:#f0b003;  height:3px; width:0; position:absolute; left:50%; right:0; bottom:-3px; transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; -ms-transition: all 0.25s ease-in-out 0s;}
.smsf-tools-link li a.active:after, .smsf-tools-link li a:hover:after { width:100%;  left:0px; }


.trust-deed-link {border-bottom:3px solid #e2e2e2; margin:25px 0px; }
.trust-deed-link li {display:inline-block;}
.trust-deed-link li a {color:#585353; font-size:14px; text-transform:capitalize;  text-decoration:none;  display:block; padding:10px 9px 20px 5px; font-family: 'dinotregular'; position:relative;  }
.trust-deed-link li a:after {content:''; display:block;background-color:#74b83d;  height:3px; width:0; position:absolute; left:50%; right:0; bottom:-3px; transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; -ms-transition: all 0.25s ease-in-out 0s;}
.trust-deed-link li a.active:after, .smsf-tools-link li a:hover:after { width:100%;  left:0px; }


.information-tab .resp-tabs-list {border-bottom:3px solid #1d71b6;display:inline-block;width:100%;   }
.information-tab .resp-tabs-list li {/*background-color:transparent !important;*/ border-radius:5px 5px 0 0; border-width:1px 1px 0px 1px; border-style:solid; border-color:#d6d6d6; margin-right:0px; background: #1d71b6;}
.information-tab .resp-tabs-list li:hover {color:#000; } 


.information-tab .resp-tabs-list li a{
            color:#fff;
        }

.comp-reg .resp-tabs-list li.plain {background:#ffffff !important;color:#fff;}  /* New */
.comp-reg .resp-tabs-list li.plain a{text-decoration:none;color:#3b93d0;}  /* New */
.comp-reg .resp-tabs-list li a:hover{text-decoration:none;} /* New */
.modmenu {margin:25px 0 25px 0;}   /* New */


.information-tab .resp-tab-content {border-width:0px 0px 1px 0px; border-color:#dddddd;  margin-bottom:35px; padding-bottom:30px;   }

.comp-reg .company-registration-link li a:after {background-color:#1d71b6; }
.comp-reg .information-tab .resp-tabs-list,
.comp-reg .resp-tab-active {border-color:#1d71b6 !important;}

.trust-deed .company-registration-link li a:after {background-color:#74b83d; }
.trust-deed .information-tab .resp-tabs-list,
.trust-deed .resp-tab-active {border-color:#74b83d !important;}

.trust-deed .resp-tabs-list li {
    background: #74b83d;
}

.trust-deed .resp-tabs-list li.plain {background: #ffffff !important;color:#fff;}  /* New */
.trust-deed .resp-tabs-list li.plain a{text-decoration:none;color:#3b93d0;}  /* New */
.trust-deed .resp-tabs-list li a:hover{text-decoration:none;} /* New */


.smsf-tools .company-registration-link li a:after {background-color:#f0b003; }
.smsf-tools .information-tab .resp-tabs-list,
.smsf-tools .resp-tab-active {border-color:#f0b003 !important;}

.smsf-borrowing .company-registration-link li a:after {background-color:#04ad95; }
.smsf-borrowing .information-tab .resp-tabs-list,
.smsf-borrowing .resp-tab-active {border-color:#04ad95 !important;}

.actuarial-certificate .company-registration-link li a:after {background-color:#e6721b; }
.actuarial-certificate .information-tab .resp-tabs-list,
.actuarial-certificate .resp-tab-active {border-color:#e6721b !important;}


.quantity-surveyor .company-registration-link li a:after {background-color:#d9534f; }
.quantity-surveyor .information-tab .resp-tabs-list,
.quantity-surveyor .resp-tab-active {border-color:#d9534f !important;}

.trusts .company-registration-link li a:after {background-color:#e54b87; }
.trusts .information-tab .resp-tabs-list,
.trusts .resp-tab-active {border-color:#e54b87 !important;}

.trusts .resp-tabs-list li {
    background: #e54b87 !important;
}

.trusts .resp-tabs-list li.plain {background:#ffffff !important;color:#fff;}  /* New */
.trusts .resp-tabs-list li.plain a{text-decoration:none;color:#3b93d0;}  /* New */
.trusts .resp-tabs-list li a:hover{text-decoration:none;} /* New */


.jobs .company-registration-link li a:after {background-color:#a870bf; }
.jobs .information-tab .resp-tabs-list,
.jobs .resp-tab-active {border-color:#a870bf !important;}
/*******************************************************************************************************/

/*********************************** ADD accordion css 23-11-16 ***********************************/
.accordion-heading{ background:#f2f2f2; border:1px solid #dddddd; position:relative; cursor:pointer; font-family: 'dinotregular', arial;  margin-top:8px; border-radius:4px; padding:8px 8px 8px 25px; font-size: 16px; line-height: 20px; color:#1c4765;}
.accordion-heading span{ position:absolute; top:12px; left:8px; background:url(../images/ar_down.png) 0px 0px no-repeat; height:11px; width:11px;}
.accordion-heading.openheader span{ position:absolute; top:12px; left:8px; background:url(../images/ar_up.png) 0px 0px no-repeat; height:11px; width:11px;}
.accordion-heading.openheader{ border-radius:4px 4px 0px 0px;}
.accordion-content{border:1px solid #dddddd; border-top:none; text-align:justify; padding:13px 15px 3px; line-height:20px; border-radius:0px 0px 4px 4px; font-size: 14px;}
.accordion-content p{padding: 0 0 10px;}
.accordion-content p a{text-decoration: none;}
.accordion-content p a:hover{color: #59be45;}
.accordion-content ul{padding: 0 0 5px 10px;}
.accordion-content ul li{padding:0 0 5px 15px; position: relative;}
.accordion-content ul li:before{position: absolute; width: 7px; height: 7px; content: ""; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; background: #7b7b7b; left: 0; top: 7px;}
.accordion-content ol{padding: 0 0 5px 25px;}
.accordion-content ol li{padding:0 0 5px 0; position: relative; list-style-type: decimal;}

/************************** NEW ADD 24-11-16 ***************************************/
ul.ic-list{ list-style:none; padding:0; margin:0;}
ul.ic-list li.icl{list-style-type:none; padding:3px 0 0 60px; margin:0 0 6px 0; position:relative; min-height:44px; font-size:13px; color:#444;border:0px solid red;}
ul.ic-list li.icl li{ background:url(../images/dot.png) 0px 12px no-repeat; font-size:14px; padding:4px 0 0 15px; margin:0; color:#666;}
ul.ic-list li.icl img{ position:absolute; top:0; left:0;}
ul.ic-list li.icl.tpad{padding:13px 0 0 60px; min-height:32px;}


.historyhead {
    margin-bottom: 15px;
}

.historyhead1 {
    margin-bottom: 8px;
}

.titleft {
    display: inline-block;
    margin: 0px 0px 0px;
    padding: 0px 0px 6px;
    color: rgb(51, 51, 51);
    font-family: "dinotregular", tahoma;
    font-size: 30px;
    font-weight: normal;
}

.titright {
    display: inline-block;
    float: right;
    font-size: 17px;
    margin: 0px 0px 0px;
    padding: 10px 0px 6px;
}

.icon{
	height:47px;
	padding:0 0 0 0;
	/*border-bottom:1px solid #d2d2d2;*/
}

.icon h1{
	border:none;	
	line-height:47px;	
}

.smallicon{
	/*height:25px;*/
	padding:0 0 5px 0;
	line-height:25px;
	/*border-bottom:1px solid #d2d2d2;*/
}
.smallicon h2{
	height:25px;
	padding:0 0 5px 0;
	line-height:25px;
	/*border-bottom:1px solid #d2d2d2;*/
}

.otpmsg {
    background: #74b83d;
    border: 1px solid #d3dbe7;
    position: relative;
    cursor: pointer;
    color: #ffffff;
    margin-top: 8px;
    border-radius: 4px;
    padding: 8px 8px 8px 25px;
    font-size: 1.142em;
    line-height: 1.25em;
}

/************************** Home Popup ***************************************/


/*
.modal,
.modal-box {
    z-index: 900;
}

.modal-sandbox {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
}

.modal {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(0,0,0);
    background: rgba(0,0,0,.2);
    overflow: auto;
}

.modal-box {
    position: relative;
    width: 670px;
    margin: 50px auto;
    animation-name: modalbox;
    animation-duration: .3s;
    animation-timing-function: ease-out;
}

.modal-header {
    padding: 20px 40px;
    background: #ffffff;
    color: #000000;
}

.modal-body {
    background: #ffffff;
    padding: 30px 40px;
}

Close Button
.close-modal {
    text-align: right;
    cursor: pointer;
}

Animation
@-webkit-keyframes modalbox {
    0% {
        top: -250px;
        opacity: 0;
    }

    100% {
        top: 0;
        opacity: 1;
    }
}

@keyframes modalbox {
    0% {
        top: -250px;
        opacity: 0;
    }

    100% {
        top: 0;
        opacity: 1;
    }
}*/


.modal,
.modal-box {
    z-index: 20000;
}

.modal-sandbox {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
}

.modal {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(0,0,0);
    background: rgba(0,0,0,.8);
    overflow: auto;
}

.modal-box {
    position: relative;
    width: 670px;
    margin: 50px auto;
    animation-name: modalbox;
    animation-duration: .3s;
    animation-timing-function: ease-out;
}

.modal-header {
    padding: 20px 40px;
    background: #ffffff;
    color: #000000;
    font-size: 20px;
    font-weight: 500;
}




.modal-body {
    background: #ffffff;
    padding: 5px 30px 20px 30px;
}


    .modal-body td {
        font-size: 15px;
    }


    .modal-body th {
        font-size: 17px;
    }


.modaltextbox1 {
    width: 90%;
    padding: 9px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 1px solid #383737;
    border-radius: 4px;
}


.modal-body tr.thhead {
    background: #00bbff;
    color: #fff;
    font-size: 13px;
    padding: 7px 5px;
}

.modal-body tr.trbody {
    background: #fff;
    color: #383837;
    font-size: 13px;
    padding: 7px 5px;
}



/* Close Button */
.close-modal {
    float: right;
    text-align: right;
    cursor: pointer;
    font-size: 18px;
}



/* Animation */
@-webkit-keyframes modalbox {
    0% {
        top: -250px;
        opacity: 0;
    }

    100% {
        top: 0;
        opacity: 1;
    }
}

@keyframes modalbox {
    0% {
        top: -250px;
        opacity: 0;
    }

    100% {
        top: 0;
        opacity: 1;
    }
}


/*  SMSF Payment Type   */




/*purchase history grid added 09/04/2020 */

.grid1 {
    width: 100%;
}
    /*.grid td, .grid th{ border:1px solid #ddd; border-collapse:collapse; padding:10px; line-height:140%; vertical-align:top; }*/
    .grid1 td {
        border: 1px solid #ddd;
        border-collapse: collapse;
        padding: 17px 10px;
        line-height: 140%;
        vertical-align: top;
    }

    .grid1 th {
        border: 1px solid #ddd;
        border-collapse: collapse;
        padding: 10px 10px;
        line-height: 140%;
        vertical-align: top;
    }

.gridhead1 {
    background: #f0f2f4;
}

.grid1 th {
    font-size: 15px;
    color: #333;
    font-weight: normal;
    font-family: 'dinotmedium', tahoma;
    text-align: left;
}






a.help3 {
    display: inline;
    height: 20px;
    width: 20px;
    background: url(../images/ic-help-green.png) 0px 0px no-repeat;
}


a.reg_link_orange {
    display: inline-block;
    background: #ff7200;
    font-family: 'dinotregular', tahoma;
    font-size: 14px;
    color: #FFF;
    padding: 6px 15px 8px 15px;
    text-decoration: none;
}

    a.reg_link_orange:hover {
        background: #e06400;
    }


a.reg_link_darkblue {
    display: inline-block;
    background: #1d71b6;
    font-family: 'dinotregular', tahoma;
    font-size: 14px;
    color: #FFF;
    padding: 6px 15px 8px 15px;
    text-decoration: none;
}

    a.reg_link_darkblue:hover {
        background: #004680;
    }



.circ {
    background: #ff7200;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 7px 4px 7px 7px;
    margin: 4px;
    color: #fff;
}


.circ1 {
    background: #666;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    padding: 0px 9px;
    color: #fff;
    font-size: 20px;
}


.circ2 {
    background: #666;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    padding: 0px 7px;
    color: #fff;
    font-size: 20px;
}

.circ3 {
    background: #ff7200;
    width: 40px;
    height: 20px;
    border-radius: 50%;
    padding: 4px 9px 4px 9px;
    margin: 2px;
    color: #fff;
}

.ph1 {
    background: #666;
    border-radius: 10px;
    padding: 4px 6px;
    color: #fff;
    margin: 4px 0;
    width: 120px;
}

.h3title {
    font-family: 'ProximaNovaBold', arial;
    font-size: 24px;
    padding: 10px 0;
    color: #666;
}


/*  SMSF Payment Type   */




.paytype table.table-bordered {
    border: 1px solid #cfcfcf;
    margin-top: 20px;
}

    .paytype table.table-bordered > thead > tr > th {
        border: 1px solid #cfcfcf;
        background-color: #e6e5e5;
        height: 40px;
        color: #666;
    }

    .paytype table.table-bordered > tbody > tr > td {
        border: 1px solid #cfcfcf;
        height: 40px;
    }

.grey1 {
    background-color: #fdfcd5;
}



.grey2 {
    background-color: #d5fdfb;
}



.grey3 {
    background-color: #d4fdce;
}


/*  SMSF Help   */

a.help3 {
    display: inline;
    height: 20px;
    width: 20px;
    background: url(../images/ic-help-green.png) 0px 0px no-repeat;
}

/*  SMSF Help   */

.btn-primary-blue, .btn-primary-blue:focus {
    color: #fff;
    background: #27b4e8;
}

    .btn-primary-blue:hover {
        background: #11a3d9;
        color: #fff !important;
    }

.btn-primary-orange, .btn-primary-orange:focus {
    color: #fff !important;
    background: #ff7200;
}

    .btn-primary-orange:hover {
        background: #e06400;
        color: #fff !important;    
    }


.btn-primary-darkblue, .btn-primary-darkblue:focus {
    color: #fff !important;
    background: #1d71b6;
}

    .btn-primary-darkblue:hover {
        background: #004680;
        color: #fff !important;
    }


.circ {
    background: #ff7200;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 8px;
    color: #fff;
}


.circ1 {
    background: #666;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    padding: 0px 9px;
    color: #fff;
    font-size: 20px;
}

.ph1 {
    background: #666;
    border-radius: 10px;
    padding: 4px 6px;
    color: #fff;
    margin: 4px 0;
    width: 120px;
    text-align: center;
}

.h3title {
    font-family: 'ProximaNovaBold', arial;
    font-size: 24px;
    padding: 10px 0;
    color: #666;
}


.step1 {
    height: 48px;
    margin-bottom: 20px;
    background: url(../images/tabbg.png) top repeat-x;
}

    .step1 ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .step1 ul li {
            padding: 0;
            margin: 0;
            list-style-type: none;
            height: 48px;
            display: block;
            float: left;
        }

            .step1 ul li a {
                border-right: 1px solid #c4c4c4;
                display: block;
                height: 41px;
                padding: 0 5px 0 0px;
                font-family: 'dinotregular', Tahoma, Arial;
                font-size: 14px;
                color: #474747;
                text-decoration: none;
            }
        /*.step1 ul li a{display:block; height:41px; padding:0 17px 0 2px; font-family: 'dinotregular', Tahoma, Arial; font-size:16px; color:#474747; text-decoration:none;}*/
        .step1 ul:last-child li:last-child a {
            border: none;
            border-style: none;
        }
        /* Added by me */
        .step1 ul li a span {
            background: url(../images/step-normal.png) 0px 0px no-repeat;
            width: 25px;
            height: 41px;
            display: inline-block;
            vertical-align: -14px;
        }

        .step1 ul li.complete a {
            background: #1d71b6;
            color: #FFF;
        }

            .step1 ul li.complete a span {
                background: url(../images/step-completed.png) 0px 0px no-repeat;
            }

        .step1 ul li.active {
            background: url(../images/step-active-ar.png) bottom center no-repeat;
        }

            .step1 ul li.active a {
                background: #74b83d; /*background:#27b4e8;*/
                color: #FFF;
            }

                .step1 ul li.active a span {
                    background: url(../images/step-active.png) 0px 0px no-repeat;
                }
                
.step1.green ul li.active {
    background: url(../images/step-active-ar-green.png) bottom center no-repeat;
}



    .purple ul li.active a {
        background: #403f93;
        color: #FFF;
    }

    .purple ul li.active {
        background: url(../images/step-active-ar-purple.png) bottom center no-repeat;
    }
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/* voucher link added 21/07/2020 */



.titright1 {
    display: inline-block;
    float: right;
    font-size: 17px;
    margin: 0px 0px 0px;
    padding: 0px 0px 6px;
}


.payG {
    font-size: 18px;
    font-weight: normal;
    font-family: 'dinotregular', Tahoma, Arial;
}

span.voucherdisplay {
    font-family: 'dinotregular', Tahoma, Arial;
    font-size: 14px;
    display: inline;
}	




/************************** Price Tabel ***************************************/









.comparison {
    max-width: 960px;
    margin: 0 auto;
    font: 13px/1.4 'dinotregular', tahoma;
    text-align: center;
    padding: 10px;
}

    .comparison table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        table-layout: fixed;
        border-bottom: 1px solid #CCC;
    }

    .comparison td, .comparison th {
        border-right: 1px solid #CCC;
        border-left: 1px solid #CCC;
        empty-cells: show;
        padding: 10px;
    }


    .comparison th {
        border-top: 1px solid #CCC;
        padding: 10px;
    }


.compare-heading {
    font-size: 18px;
    font-weight: bold !important;
    border-bottom: 0 !important;
    padding-top: 10px !important;
}

.comparison tbody tr:nth-child(odd) {
    display: none;
}

.comparison .compare-row {
    background: #F5F5F5;
}

.comparison .tickblue {
    color: #f47f20;
}

.comparison .tickgreen {
    color: #009E2C;
}

.comparison th {
    font-weight: normal;
    border-bottom: 1px solid #CCC;
}

.comparison tr td:first-child {
    text-align: left;
    border-left: 1px solid #CCC;
}

.comparison .qbse, .comparison .qbo, .comparison .tl {
    color: #FFF;
    padding: 10px;
    font-size: 13px;
    border-right: 1px solid #CCC;
    border-bottom: 0;
}

.comparison .tl2 {
    border-right: 0;
}

.comparison .qbse {
    /*background: #f47f20;*/
    background: #f05225;
    border-top-left-radius: 3px;
    border-left: 0px;
    font-size: 24px;
    font-weight: 700;
}

.comparison .qbo {
    background: #009E2C;
    border-top-right-radius: 3px;
    border-right: 0px;
}

.comparison .price-info {
    padding: 5px 15px 15px 15px;
}

.comparison .price-was {
    color: #999;
    text-decoration: line-through;
}

.comparison .price-now, .comparison .price-now span {
    color: #f47f20;
}

    .comparison .price-now span {
        font-size: 22px;
        line-height: 1.7em;
        font-weight: 700;
        padding: 10px 0;
    }


.comparison .headcon {
    font-size: 18px;
    font-weight: 700;
}

.comparison .price-small {
    font-size: 18px !important;
    position: relative;
    top: -11px;
    left: 2px;
}

.comparison .price-buy {
    background: #f47f20;
    padding: 10px 20px;
    font-size: 12px;
    display: inline-block;
    color: #FFF;
    text-decoration: none;
    border-radius: 3px;
    text-transform: uppercase;
    margin: 5px 0 10px 0;
}

    .comparison .price-buy:hover {
        background: #e14b06;
        box-shadow: 0px 8px 8px 0px rgba(0, 27, 94, 0.3);
    }

.comparison .price-buy1 {
    background: #666;
    padding: 10px 20px;
    font-size: 12px;
    display: inline-block;
    color: #FFF;
    text-decoration: none;
    border-radius: 3px;
    text-transform: uppercase;
    margin: 5px 0 10px 0;
}


    .comparison .price-buy1:hover {
        background: #494848;
        box-shadow: 0px 8px 8px 0px rgba(0, 27, 94, 0.3);
    }



.comparison .price-try {
    font-size: 15px;
    line-height: 1.8em;
    padding: 10px 0;
}

.comparison .price-try1 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.8em;
}

.comparison .price-try a {
    color: #202020;
}

@media (max-width: 767px) {
    .comparison td:first-child, .comparison th:first-child {
        display: none;
    }

    .comparison tbody tr:nth-child(odd) {
        display: table-row;
        background: #F7F7F7;
    }

    .comparison .row {
        background: #FFF;
    }

    .comparison td, .comparison th {
        border: 1px solid #CCC;
    }

    .price-info {
        border-top: 0 !important;
    }
}

@media (max-width: 639px) {
    .comparison .price-buy {
        padding: 5px 10px;
    }

    .comparison td, .comparison th {
        padding: 10px 5px;
    }

    .comparison .hide-mobile {
        display: none;
    }

    .comparison .price-now span {
        font-size: 16px;
    }

    .comparison .price-small {
        font-size: 16px !important;
        top: 0;
        left: 0;
    }

    .comparison .qbse, .comparison .qbo {
        font-size: 12px;
        padding: 10px 5px;
    }

    .comparison .price-buy {
        margin-top: 10px;
    }

    .compare-heading {
        font-size: 13px;
    }
}


/* Create four equal columns that floats next to each other */
.cole1 {
    float: left;
    width: 219px;
    height: 440px; /* Should be removed. Only for demonstration */
}


.cole3 {
    float: left;
    width: 219px;
    height: 380px; /* Should be removed. Only for demonstration */
}


.cole2 {
    box-sizing: border-box;
    float: left;
    width: 301px;
    height: 330px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.rowe1:after {
    content: "";
    display: table;
    clear: both;
}



/*Admin Docs table*/
.table {
    border: 1px solid #d6d6d6 !important;
}

    .table > thead {
        background: #515151 !important;
        color: #FFF;
        font-family: 'ProximaNovaBold', arial;
        font-weight: normal;
    }

        .table > thead > tr > th {
            padding: 6px 10px;
            line-height: 1.25em;
            border-bottom: 0 !important;
            vertical-align: middle;
        }

    .table > tbody > tr > td {
        padding: 6px 10px;
        border-top: 1px solid #d6d6d6 !important;
        vertical-align: middle;
        white-space: normal !important;
    }

.table-striped > tbody > tr:nth-of-type(odd) {
    background: #fff;
}

.table-striped > tbody > tr:nth-of-type(even) {
    background: #f3f3f3;
}

.table-striped > tbody > tr.subhead {
    background: #b7b7b7;
    font-family: 'ProximaNovaBold', arial;
}



/*Price Table */

table.pricetable {
    width: 100%;
}

.pricetable td {
    border: 1px solid #ddd;
    border-collapse: collapse;
    padding: 16px;
    line-height: 140%;
    font-family: 'dinotregular';
    font-size: 14px;
}

.pricetable th {
    border: 1px solid #ddd;
    border-collapse: collapse;
    padding: 10px 10px;
    font-size: 24px;
    color: #fff;
    font-family: 'dinotmedium';
    text-align: center;
    font-weight: normal;
    width: 25%;
}

    .pricetable th:nth-child(1) {
        background-color: #b5b4b4;
        font-size: 18px;        
    }

    .pricetable th:nth-child(2) {
        background-color: #8cc24a;
    }

    .pricetable th:nth-child(3) {
        background-color: #1d71b6;
    }

    .pricetable th:nth-child(4) {
        background-color: #e6721b;
    }

.pricetable td:nth-child(1) {
    background-color: #efefef;
    font-family: 'dinotbold';
    font-size: 14px;
    color: #666;
    vertical-align: top;        
}

.pricetable td:nth-child(2) {
    background-color: #ecfbda;
    text-align: center;    
}

.pricetable td:nth-child(3) {
    background-color: #e4f2fd;
    text-align: center;
}

.pricetable td:nth-child(4) {
    background-color: #fdeee3;
    text-align: center;
}

.packprice1 {
    font-family: 'dinotbold';
    color: #8cc24a;
    font-size: 20px;
}

    .packprice1 p, .packprice2 p, .packprice3 p {
        color: #333;
        display: inline-block;
    }

.packprice2 {
    font-family: 'dinotbold';
    color: #1d71b6;
    font-size: 20px;
}

.packprice3 {
    font-family: 'dinotbold';
    color: #e6721b;
    font-size: 20px;
}

.priceLogos {
    padding: 10px 0 20px;
}

.pricetable td p {
    font-family: 'dinotregular';
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    padding: 0;
}

.loginBtn, .RegisterBtn {
    font-family: 'dinotmedium';
    font-size: 18px;
    color: #fff;
}


.existing_user {
    width: 33%;
    float: left;
    text-align: left;
    margin: 15px 0 0;
}

    .existing_user label {
        font-family: 'dinotbold', tahoma;
        font-size: 14px;
        color: #666;
        padding: 0 10px;
    }

    .existing_user button, .button_ext_user {
        background-color: #efb003;
        font-family: 'dinotregular', tahoma;
        font-size: 18px;
        color: #fff;
        padding: 13px 83px;
        border-radius: 5px;
    }

.new_user {
    width: 33%;
    float: left;
    text-align: right;
    margin: 15px 0 0;
}

    .new_user label {
        font-family: 'dinotbold', tahoma;
        font-size: 14px;
        color: #666;
        padding: 0 10px;
    }

    .new_user button, .button_new_user {
        background-color: #0aa6df;
        font-family: 'dinotregular', tahoma;
        font-size: 18px;
        color: #fff;
        padding: 13px 83px;
        border-radius: 5px;
    }
        .button_ext_user:hover, .button_new_user:hover {
            color: #ffffff;
            text-decoration: none;
        }



/*  Shadow */




div.sendfinal {
    padding: 10px 5px 10px 10px;
    margin-bottom: 7px;
    border-radius: .4em;
    border: 1px solid #cbc9c9;
    margin: 7px 0px 16px 0px;
}




.border-curve {
    border-collapse: collapse;
    border-radius: .6em;
    overflow: hidden;
}



.shado {
    background: #fff;
}

.shado-1 {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

    .shado-1:hover {
        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    }



.shado-2 {
    box-shadow: 0 3px 3px rgba(0,0,0,0.16), 0 2px 2px rgba(0,0,0,0.18);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

    .shado-2:hover {
        box-shadow: 0 14px 28px rgba(0,0,0,0.20), 0 4px 4px rgba(0,0,0,0.20);
    }


.shado-3 {
    box-shadow: 0 3px 3px rgba(0,0,0,0.13), 0 2px 2px rgba(0,0,0,0.15);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

    .shado-3:hover {
        box-shadow: 0 10px 17px rgba(0,0,0,0.17), 0 4px 4px rgba(0,0,0,0.17);
    }




.sendtableleft th {
    padding: 5px 10px 5px 10px;
    vertical-align: middle;
}


.sendtableleft td {
    padding: 2px 0px 2px 10px;
    vertical-align: middle;
    font-size: 12px;
}

.sendtableleft table:first-child tr:first-child td:first-child {
    padding: 10px 0px 2px 10px;
    vertical-align: middle;
}






div.sendfinal {
    padding: 10px 5px 10px 10px;
    margin-bottom: 7px;
    border-radius: .4em;
    border: 1px solid #cbc9c9;
    font-size: 12px;
    margin: 7px 0px 16px 0px;
}


.sendfinal td {
    padding: 3px 0px 3px 0px;
    font-size: 13px;
}




.sendfinal a {
    color: #27b4e8;
}


.sendfinal p {
    padding: 5px 0px;
}







div.sendfinal:last-child {
    padding: 10px 5px 10px 10px;
    margin-bottom: 7px;
    border-radius: .4em;
    border: 1px solid #cbc9c9;
    font-size: 12px;
    margin: 7px 0px 7px 0px;
}

a.btnbig_red, .btnbig_red {
    padding: 7px 17px;
    line-height: 1;
    white-space: nowrap;
    background: #1D71B6;
    display: inline-block;
    font-family: 'zurich_regular', arial;
    color: #FFF;
    text-decoration: none;
    font-size: 14px;
    border-radius: 6px;
    transition: background ease 0.4s;
    -moz-transition: background ease 0.4s;
    -webkit-transition: background ease 0.4s;    
    /*height: 28px;*/
}

    a.btnbig_red:hover, .btnbig_red:hover {
        background: #01457d;
        cursor:hand;
    }


a.btnbig_green, .btnbig_green {
    padding: 7px 17px;
    line-height: 1;
    white-space: nowrap;
    background: #f47321;
    display: inline-block;
    font-family: 'zurich_regular', arial;
    color: #FFF;
    text-decoration: none;
    font-size: 14px;
    border-radius: 6px;
    transition: background ease 0.4s;
    -moz-transition: background ease 0.4s;
    -webkit-transition: background ease 0.4s;
}

    a.btnbig_green:hover, .btnbig_green :hover {
        background: #d05a0f;
        cursor:hand;
    }


.digisign p {
    padding: 0px 0px;
}



/*  15-12-2021 */

/*  price match icon */

.price_match {
    width: 34%;
    margin: 15px 0 0;
    text-align: center;
    float: left;
}


    .price_match button, .price_match_button {
        background-color: #8cc24a;
        font-family: 'dinotregular', tahoma;
        font-size: 18px;
        color: #fff;
        padding: 13px 15px;
        border-radius: 5px;
    }

        .price_match_button:hover {
            color: #ffffff;
            text-decoration: none;
        }


/*  price match icon */

.tooltipnew {
    position: relative;
    display: inline-block;
}

    .tooltipnew .tooltipnewtext {
        visibility: hidden;
        width: 480px;
        background-color: white;
        color: #333;
        text-align: left;
        border-radius: 6px;
        padding: 20px 20px;
        position: absolute;
        z-index: 1;
        top: -38px;
        left: 110%;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }

        .tooltipnew .tooltipnewtext::after {
            content: "";
            position: absolute;
            top: 10%;
            right: 100%;
            margin-top: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent grey transparent transparent;
        }

    .tooltipnew:hover .tooltipnewtext {
        visibility: visible;
    }