html, body{padding:0; margin:0px; font-size:11px; color:#000; font-family: Open Sans, Arial, Helvetica, sans-serif;}
.home {background: url('images/bkg.jpg') repeat-x left top;}
.pages {background: url('images/bkgpage.jpg') repeat-x left top;}


.pchide{display:none}
a {color:#ff0000}
#ditacont{width:1000px; height:auto; margin:auto; padding:0px;}
span.redtxt {color:#ff0000}
span.bluetxt {color:#4842f4}

#top{float:left; width:100%; height:50px; background:url('images/top-bkg.jpg') no-repeat center top;  }
.viewcart{float:right; width:200px; height:50px; margin:0;}

#navig{float:left; width:100%; height:36px;}

#sitepic{float:left; width:100%; height:280px; background:url('images/sitepic.jpg') no-repeat center top;}
.spboxcont{width:826px; margin:0 auto; border:solid blue 0px}
.leftspbox{float:left; width:375px;  margin:50px 0 0 0; border:solid blue 0px}
.leftspbox h2{float:left; width:250px; margin:0 0 10px 0; font-family: Montserrat-Regular; font-weight:600; font-size:24px; color: #fff; }
.leftspbox p{float:left;  margin:0; font-weight:600; text-align:justify; line-height:22px; font-size:13px; color: #fff; border:solid blue 0px}
.rightspbox{float:left; width:400px; margin:20px 0 0 0; border:solid blue 0px}
.rightspbox img{display:block; text-align:center; margin-left: auto; margin-right: auto;}

#pageintro{float:left; width:100%; height:50px; margin:0; padding:0;}
#indexintro{float:left; width:100%; height:50px; margin:10px 0; padding:0;}

.dealbtn {height:50px; margin:10px; background-color: #12b202;}
a.dealbtn {display:block; width:100%; height:50px; padding: 0; margin:0; line-height:48px; font-size: 30px; text-align:center; text-decoration:none; font-weight:600; 
border-radius:5px; color: #fff;
  -o-transition:color .2s ease-out, background 200ms ease-in;
  -ms-transition:color .2s ease-out, background 200ms ease-in;
  -moz-transition:color .2s ease-out, background 200ms ease-in;
  -webkit-transition:color .2s ease-out, background 200ms ease-in;
  transition:color .2s ease-out, background 200ms ease-in;}
a.dealbtn:hover {background-color: #0a6b00; color:#fff}

.announce{float:left; width: 100%; padding:20px; margin:-40px 0 10px 0; border:solid blue 1px}
.announce p {margin:0 0 10px 0; font-size: 14px; font-weight: 600; color:blue}

.leftcol{float:left; width:200px; min-height:50px; border:solid blue 0px}
.leftcol img{display:block; text-align:center; margin-left: auto; margin-right: auto; margin-bottom: 5px; border:solid blue 0px}
.leftcol h3{width:200px; margin:5px auto; font-weight:600; text-align:center; font-size:20px; color: #000; border:solid blue 0px}
.leftcol p{width:200px; margin:0 auto 20px;  text-align:center; line-height:18px; font-weight:600; font-size:12px; color: #444; border:solid blue 0px}
.leftcoltitle{float:left; width:200px; height:50px; margin:0; background-color:#444; border:solid blue 0px}
.leftcoltitle h2.oneline, .leftcoltitle h2.twoline{ width:140px;display: block; vertical-align: middle; line-height: normal;  padding-top:0px; text-align:center; line-height:18px; font-family: Montserrat-Regular; font-weight:300; font-size:14px;  color: #fff;}
.leftcoltitle h2.oneline{margin: 15px auto 0;}
.leftcoltitle h2.twoline{margin: 7px auto 0;}

.lcolbxcont{width:200px; height:300px; margin:0 0 30px 0; overflow: scroll; overflow-x:hidden;} 
.lcolbxcont2{width:200px; height:800px; margin:0 0 30px 0; overflow: scroll; overflow-x:hidden;} 
.leftcoltextbox h2{margin:5px 0; text-align:left; line-height:16px; font-size:12px; color: #444;  }
.leftcoltextbox p{width:180px; margin:0 auto 10px; text-align:justify;}
.leftcoltextbox hr{float:left; width:100%; margin:0 0 10px 0; border:solid  #ccc 2px}
.lcolbxlineh{float:left; width:180px; margin:5px 0 10px 0; height:1px; background-color:#ddd;}

#pgtopcont{float:left; width:1000px; margin: 0 0 20px 0; }
#pgtoppic{float:left; width:450px;  margin:0; border:solid #ddd 1px}
#pgtoppic p{float:left; width:410px; margin:0; padding:10px 20px;  text-align:justify; font-style: italic; font-weight:600; line-height:20px; font-size:12px; color: #888; border:solid #ddd 0px}

#pgtoptext {float:left; width:523px; margin: 0 0 0 25px; padding:0; color: #444; border-bottom:solid #ddd 1px}
#pgtoptext h1, #rcolpgtextfull h1, #rcolpgtextfullwid h1{float:left; margin: 0 0 10px 0; padding:0; font-family: Montserrat-Regular; font-weight:300; font-size:28px; color: #444; }
#pgtoptext h1{width:523px;}
#pgtoptext h3{float:left; width:523px; height:50px; margin: 0; padding:0; font-family: Montserrat-Regular; font-weight:300; font-size:26px; }

.p3purchase{float:left; width:200px; height: 105px; margin:8px; padding:10px; background-color:#eee; }
.p3purchase h3{margin:0 0 -10px 0; padding:0; text-align:center; font-family: Montserrat-Regular;  font-size:12px; font-weight:bold;}
.paybtn {float:left; display:block; width:200px; height:100px; margin:0 auto;}
.drpdnbxcont{width:230px; height:50px; border:solid #ff0000 0px;}
.drpdnbx{width:190px;}

#pgtopbllts {float:left; width:523px; margin: 0 0 0 25px; padding:0; color: #444;}
/**#pgtopbllts ul{float:left; width:523px; margin: 20px 0 0 13px; padding:0; }****/
#pgtopbllts li, #pgtopbllts p{margin: 0; padding:0; font-weight:600; text-align:justify; line-height:26px; font-size:14px; color: #444; border-bottom:solid #ddd 0px}
#pgtopbllts p{margin-bottom:25px}
#pgtopbllts p.note, #pgtoptext p.note{margin:0; padding:0; font-size:14px; font-weight:900; color:#0000ff}
#pgtopbllts p.mult{margin:0 0 -5px 0; padding:0; line-height:16px; font-size:12px; font-weight:900; color:#cc3300}

#rcol{float:left; width:783px; min-height:50px; margin:0 0 0 15px;}
#rcolfullwid{float:left; width:100%; min-height:50px; margin:0 0 0 15px}
#rcoltitle{float:left; width:780px; height:50px; margin:0; background-color:none; }
#rcoltitle h1{float:left; width:750px; margin:9px 0 0 20px; font-family: Montserrat-Regular; font-weight:300; font-size:23px; color: #444;}

#rcolpgcont{float:left; width:800px; margin:0; background-color:none; }
#rcolpgcontfull {float:left; width:100%; margin:0; background-color:none; }
#rcolpgcont ul, table.training {margin: 10px 0; font-weight:600; text-align:justify; line-height:26px; font-size:14px; color: #444;}
table.training{position:relative; margin-left:10%;}
#rcolpgcont li {margin:10px 0; line-height:18px;}
#rcolpgcont img.imgright, #vidpgcont img.imgright{float:right; margin: 0 0 30px 30px;}
#rcolpgcont img.imgleft{float:left; margin: 10px 10px 0 0;}

.listholder ul, .listholder ol {position:relative; left:5%; display:inline-block; width:auto; }

#rcolpgtext, #rcolpgtextfull {float:left; padding:0; }
#rcolpgtext {width:560px; margin: 0 40px;}
#rcolpgtextfull, #easyguidetext, #vidpg {width:770px; margin: 0 0 0 40px;}
#rcolpgtextfull h1, #rcolpgtextfullwid h1, #easyguidetext h1, #vidpg h1 {width:770px;}
#rcolpgtextfull h2, #easyguidetext h2, #vidpg {float:left; width:100%; margin-top:0; font-size:18px;}
#rcolpgtextfull h2, #vidpg h2 {margin:10px 0 5px 0}
#rcolpgtextfull h4, #vidpg h4 {width:100%; margin: 20px auto; padding:0; text-align:center; line-height:30px; font-weight:900; font-size:20px; }
.rcolpgfullhr {float:left; width:780px; height:1px; margin:10px 0 30px 0; background-color:#ddd;}
#rcolpgtextfullwid {width:770px; margin: 0 auto 40px;}

#rcolpgtext p, #rcolpgtextfull p, #rcolpgtextfull p.fltlft, #easyguidetext p, #vidpg p {width:100%; margin: 10px 0 ; padding:0; font-weight:600; text-align:justify; line-height:26px; font-size:14px; color: #444; }
p.fltlft, ul.fltlft {float:left}
ul.fltlft {width:725px}
#rcolpgtext p.quote, #vidpg p.quote {float:right; width: 100px; margin: 10px 0 10px 10px; padding:10px; line-height:16px; font-weight:300; font-size:13px; font-style: italic; background-color:#ddd;}
.dscont{float:left; width:770px; }
#rcolpgtextfull .dscont p{float:left; width:540px; margin-left: 20px;}
#rcolpgtextfull .dscont img {float:left;margin-bottom:20px;}

.paracont{float:left; width:770px; }

.rcolpgpiccont{float:right; width:150px;}
.rcolpgpic{float:left; width:150px; height:150px; margin:0; border:solid #ddd 0px}
.rcolpgpic img{display:block; text-align:center; margin-left: auto; margin-right: auto;}
.rcolpicscale img{width:100%; height:auto;}

#rcol .prdbox{float:left; width:255px; height:460px; padding:20px 0 0 0; border:solid #ddd 1px}
#rcol .prdbox img{display:block; text-align:center; margin-left: auto; margin-right: auto;}
#rcol .prdbox h3{width:220px; margin:5px auto; font-weight:600; text-align:center;font-size:20px; color: #000;}
#rcol .prdboxtitle h2{width:220px; height:60px; margin:0 auto; text-align:center; font-family: Montserrat-Regular; font-weight:300; font-size:18px; color: #ff0000;}
#rcol .prdbox p{width:220px;  margin:0 auto 20px; font-weight:600; text-align:justify; line-height:18px; font-size:13px; color: #444;}

#vidpgcont{float:left; width:100%; margin:0; padding:0 20px; background-color:none;}
.vidpg {width:100%; margin: 0; }
.vidpg h1 {width:100%; margin:0; padding:0; }
.vidpg {float:left; width:100%; margin-top:0; font-size:18px;}
.vidpg h2 {margin:10px 0 5px 0}
.vidpg h4 {width:100%; margin: 20px auto; padding:0; text-align:center; line-height:30px; font-weight:900; font-size:20px; }
.vidpg p {width:100%; margin: 10px 0; padding:0; font-weight:600; text-align:justify; line-height:26px; font-size:14px; color: #444; }


a.prdimg {display:block; width:220px; height:160px; background-color:none; margin:0 auto;}
a.prdimg img {width: 220px; height: 160px;
    -webkit-transition: width 1s, height 1s; /* For Safari 3.1 to 6.0 */
    transition: width 1s, height 1s;}
a.prdimg:hover img{width: 230px; height: 170px;}

a.prdlink {color: #ff0000; text-decoration:none; font-size:15px; font-weight:600; 
    -webkit-transition: color 500ms linear;
    -moz-transition: color 500ms linear;
    -o-transition: color 500ms linear;
    -ms-transition: color 500ms linear;
    transition: color 500ms linear;}
a.prdlink:hover {color: #000}

.linkboxcont {float:right; width:200px; height:200px; margin-left: 20px; }
.linkbox {float:left; width:180px; height:200px; margin:0 0 0 20px; }
.linkbox h3{margin-top:30%; font-size:16px; font-family: Montserrat-Regular; font-weight:300; color: #fff;}
a.lrgboxlink {float:right;display:block; width:200px; height:200px; background: url('images/training-linkbkg.png') no-repeat center; text-decoration:none; }

a.addtocart {display:block; width:200px; height:50px; margin:0 auto 25px;}
a.addtocart, a.lrgboxlink, a.clickhere {background-color: #ff0000;
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;}
a.addtocart:hover, a.lrgboxlink:hover {background-color: #b90000;}

#easyguidetext .btndiv {float:right; margin:0 0 10px 20px; text-align:center; }
#easyguidetext .btndiv p{width:auto; margin:10px auto; padding:20px; line-height:22px; font-size: 18px; text-align:center; color: #fff;}
#easyguidetext .btndiv a{display:block; text-decoration:none; background-color: #ff0000;

  -o-transition:color .2s ease-out, background 200ms ease-in;
  -ms-transition:color .2s ease-out, background 200ms ease-in;
  -moz-transition:color .2s ease-out, background 200ms ease-in;
  -webkit-transition:color .2s ease-out, background 200ms ease-in;
  transition:color .2s ease-out, background 200ms ease-in;}
#easyguidetext .btndiv a:hover{background-color: #b90000; color:#fff}

table.sitemap{width:770px; border:solid blue 0px}
table.sitemap th {height:30px; padding-left:10px; text-align:left; font-family: Montserrat-Regular; font-weight:600; font-size:14px;background-color:#ddd}
table.sitemap td {width:385px; vertical-align:top; padding-left:10px; padding-bottom:10px; font-size:12px; border:solid blue 0px}
table.sitemap td a {font-size:12px;}
table.sitemap ul.sitemap, table.sitemap li.sitemap {list-style-type:none; margin:0; padding:0; font-weight:600; text-align:justify; line-height:16px; font-size:12px;}

table.deals {float:left; width:500px; margin-bottom:30px;}
table.deals tr{font-size:14px; background:#ddd; text-align:center;}
table.deals td.deal, td.title, td.title2, td.title3{padding: 5px; font-weight:bold;}
table.deals td.droptext{width:345px; padding: 5px; text-align:center; font-weight:bold; background:#ddd;}
table.deals td.saving{ color:#fff; background:#128403;}
table.deals td.deal{font-weight:bold; color:white; background:#1BB906;}
table.deals td.title{color:#fff; background:#00394C;}
table.deals td.title2{color:#fff; background:#128403;}
table.deals td.title3{color:#fff; background:#128403;}
table.deals table a{color: blue;}




/********CONTACT BOX********/

.cntbxcont {float:left; width:100%; margin-bottom: 20px;}
.contactbox {float:left; width:380px; margin:0; padding:0; }
.contactbox p{margin:5px 0 0 0;}
.contactbox p.frmcnt, .contactbox a {font-size: 10px; font-weight: 600; color: #aaa; font-family: Open Sans, Arial, Helvetica, sans-serif;}

.frmcontain{float:left; width:100%; height:auto;}
.frmcont, .frmcontcent, .frmcontenq{width:95%; height:auto; margin:0 auto; padding:20px; background-color:none; }
.frmcont, .frmcontcent{height:auto;}
.frmcontenq {height:350px; }
.frmcont h2, .frmcontcent h2 {width:100%; text-align:center; margin:10px 0 20px 0; padding:0; font-size:36px; font-weight:400; color: #fff}

input.inpsze, textarea.inpsze {width:280px; margin:0 auto 15px; padding: 0 0 0 10px; font-size: 16px; font-weight: 600; color: #666;
font-family: Open Sans, Arial, Helvetica, sans-serif; border: 2px solid #aaa; border-radius: 5px;}
textarea.inpsze {height:100px;}

.drpdwn, .drpdwncent {width:230px; padding: 0; overflow: hidden; border: 2px solid #aaa; border-radius: 5px; }
.drpdwn {float:left; margin:0 0 15px 0; }
.drpdwncent {margin:0 auto 15px; }
.drpdwn select, .drpdwncent select {padding: 0 8px; width: 100%; border: none; box-shadow: none; font-size: 14px; font-weight: 600; 
font-family: Open Sans, Arial, Helvetica, sans-serif; color: #aaa; background-color: #fff;}
.drpdwn select:focus, .drpdwncent select:focus{outline: none;}
.optiontxt {font-size: 16px; font-weight: 600; color: #fff; font-family: Open Sans, Arial, Helvetica, sans-serif;}

.capbox{float:left; width:150px; margin: 0 10px 0 0; }
.capbox a{font-size: 13px; color: #000;}

input.capsize{float:left; width:125px; height:35px; padding: 0 0 0 10px; }
.sendbox{float:left; width:100%; margin:20px 0; }
.btnsend, .sbmtbtn {width:200px; height:40px; margin: 0 auto; background: #ff0000; color:#fff; text-align:center; border: none; font-size: 16px; font-weight: 300; 
border: 1px solid #000; border-radius: 5px; }
.btnsend, .sbmtbtn{float:left;}
.sbmtbtnfbk {width:290px; height:40px; margin:0 auto; background: #12b202; color:#fff; text-align:center; border: none; font-size: 16px; font-weight: 300; 
border: 1px solid #000; border-radius: 5px; }
.btnsend:hover, .sbmtbtn:hover, .sbmtbtnfbk:hover {background-color: #000;}
.contactbox p.frmcnt{float:left; width:100%}

h3.enq {width:100%; margin:10px 0; padding:0; color: #444; font-weight: 900; font-size: 24px;}

/*****************************/


.icont{float:left; width: 100%; margin:10px 0 20px 0; }
.iframe-container{position: relative; width: 90%; margin:0 auto; padding-bottom: 56.25%; height: 0;}
.iframe-container iframe, .video-container object, .video-container embed {position: absolute; top:0; left: 0; width: 100%; height: 100%; }

/***************************************** FOOTER**************************************************/

#footercont {float:left; width:100%; height:420px; margin-top:20px; background-color:#ccc; border:solid green 0px}
#footer {width:1000px; height:420px; margin:0 auto; background: #ccc url('images/footer-bkg.jpg') no-repeat center top; border:0px solid green; }
.footerboxcont {width:906px; height:420px; margin:0 auto; border:solid red 0px}
.footerbox {float:left; width:300px; height:280px; margin-top:50px; border:solid red 0px}
.footerboxline{float:left; width:1px; height:200px; margin-top:50px; background-color:#aaa;}
.footerbox p{width:250px; margin:0 0 15px 40px; font-weight:600; line-height:18px; font-size:14px; color: #444; border:solid blue 0px}