/*********jQuery Accordion Boxes********/
/* By: Timothy Koen of http://miappmaker.com
This code must be used in conjuntion with accordion-boxes.js and jQuery-1.11.0-min.js javascript files. All rights reserved. You are allowed to modify this code in any fashion you like provided the above byline remains intact.*/

.accordion{list-style : none ; margin:0 0;} /*removes bullet and numbers*/
.accordion-panel {display:none;} /*hides accordion panel*/

/*accordion-box class*/
.accordion-box {display: block;  margin: 0 auto; /* set margins to 0 for top and bottom and sides to auto*/
text-decoration:none; background-color: #f4f4f4; /*light gray background*/
background: -webkit-linear-gradient(top,rgba(255, 255, 255, 1) 0%, rgba(200, 200, 200, 1) 100%); /*background gradient works on all browsers except IE9 and below.*/
border-radius: 3px 3px 3px 3px; /* set rounded corners to 3 pixels radius*/
-moz-border-radius:3px 3px 3px 3px;
-webkit-border-radius:3px 3px 3px 3px;
margin-bottom:2px; /* add 2 pixels margin to bootom of box*/
}
/*style href links inside a box*/
.accordion-box a { display:block; text-decoration:none;
margin:0 auto; /*remove any margins and set to 0*/
padding-left:6px; padding-right:6px;
border :solid 2px #999;  /*border color light grey*/
-moz-border-radius:3px 3px 3px 3px;   /*set border radiuses to 3 pixels all corners*/
-webkit-border-radius:3px 3px 3px 3px;
border-radius:3px 3px 3px 3px;
-webkit-box-shadow: inset 2px 2px 2px #999;  /* Set shadow to inside of box to 2 pixels set box shadow color to light gray.*/
-moz-box-shadow: inset 2px 2px 2px #999;
-o-box-shadow: inset 2px 2px 2px #999;
-khtml-box-shadow: inset 2px 2px 2px #999;
box-shadow: inset 2px 2px 2px #999;
box-shadow:2px 2px 2px #999; /*set outside box shadow to 2 pixels and color light gray*/ }

/* set mouse hover state*/
.accordion-box a:hover { display: block;margin:0 auto;
background-color : #f4f4f4 ; /*works on browsers EI9 and below*/
background: -webkit-linear-gradient(top,rgba(255, 255, 255, 1) 0%, rgba(200, 200, 200, 1) 100%);
text-decoration:underline;
color:#ff0000; /*set text color to red*/
border :solid 2px #999;
-moz-border-radius:3px 3px 3px 3px;
-webkit-border-radius:3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
-webkit-box-shadow: inset 2px 2px 2px #999;
-moz-box-shadow: inset 2px 2px 2px #999;
-o-box-shadow: inset 2px 2px 2px #999;
-khtml-box-shadow: inset 2px 2px 2px #999;
box-shadow: inset 2px 2px 2px #999;}

/*accordion-btn code*/
.accordion-btn {font-weight :700;/*make text bold*/
display: block; margin:0 auto; width:100%; padding:0px 2px; box-sizing: border-box;
border: 1px solid rgba(127, 127, 127, 1);
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
background-color : #f4f4f4 ;
background: -webkit-linear-gradient(top,rgba(255, 255, 255, 1) 0%, rgba(200, 200, 200, 1) 100%);
text-align: center;}

.accordion-btn a { display: block; box-sizing: border-box; margin:0 auto; padding: 0px; border: 0px solid rgba(127, 127, 127, 1);
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
text-align: center;
text-decoration:none}
.accordion-btn a:hover {display:block; box-sizing: border-box; color:red; /*make text and underline blue*/
font-size:1.025em; /*increase text size slightly larger*/
background-color : #f4f4f4 ;
background: -webkit-linear-gradient(top,rgba(255, 255, 51, 1) 0%, rgba(255, 255, 153, 1) 100%);
text-decoration:underline;
}

.inner-btn {
display: block;
text-align : center ;
text-decoration:none;
padding:1px;}
.inner-btn a {display: block;
margin:0 auto;
border :solid 1px #999;
border-radius: 10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
	-webkit-box-shadow: inset 2px 2px 2px #999, 0px 1px 0 #fff;
	-moz-box-shadow: inset 2px 2px 2px #999, 0px 1px 0 #fff;
	-o-box-shadow: inset 2px 2px 2px #999, 0px 1px 0 #fff;
	-khtml-box-shadow: inset 2px 2px 2px #999, 0px 1px 0 #fff;
	box-shadow: inset 2px 2px 2px #999, 0px 1px 0 #fff;
	box-shadow:2px 2px 2px #999, 0px 1px 0 #000;
padding:0px;  
text-decoration:none;}
.inner-btn a:hover {display: block; 
color:#ff0000;
background-color:#ffffaa;
/*font-size:1.1em;*/
border :solid 2px #999;
border-radius: 10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
	-webkit-box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-moz-box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-o-box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-khtml-box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	box-shadow: inset 2px 2px 2px #999, 0px 1px 0 #fff;}

/*btn inner box code*/
.btn-inner { border: 1px solid #bbb; /*border color very light gray*/
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
padding: 10px 10px;}

div.clear{clear:both;}
div.clear10{clear:both;height:10px;}
#HeaderWrapper  {max-height: 110px !important}
#Header .Liner {max-height: 110px !important;}
a:link {color: #0000ff; text-decoration: none;}
a:visited {color: #ff00ff;text-decoration: underline;}
a:hover {color: #0000ff; text-decoration: underline;}
.white {color:#fff;}
.red {color:#ff0000;}
.reddish {color: #990000;}
.blue {color:blue;}
.black {color:#000000;}
.grey {color: #c4c4c4;}
.bold {font-weight:bold;}
.outlink{background-image: url(../image-files/linkout.png);
background-position:right;background-repeat: no-repeat;padding: 0 13px 0 0;}
.StripeLiner h1, StripeLiner h2, StripeLiner h3 {float:both; text-align:center;}
.col2 {column-count:2;}
.col3 {column-count:3;}
.col4 {column-count:4;}
h2.dynamic-heading {
    font-size: 22px;
}
/* Media query for screens with a minimum width of 768px (tablets) */
@media screen and (min-width: 768px) {
    h2.dynamic-heading {
        font-size: 32px;
    }
}
/* Media query for screens with a minimum width of 1024px (desktops) */
@media screen and (min-width: 1024px) {
    h2.dynamic-heading {
        font-size: 40px;
    }
}

h3.dynamic-heading {
    font-size: 18px;
}

/* Media query for screens with a minimum width of 768px (tablets) */
@media screen and (min-width: 768px) {
    h3.dynamic-heading {
        font-size: 22px;
    }
}

/* Media query for screens with a minimum width of 1024px (desktops) */
@media screen and (min-width: 1024px) {
    h3.dynamic-heading {
        font-size: 30px;
    }
}

.list0 li {list-style: none;}

.list1 li { list-style: none; background-image: url(../images/tick.png);
background-repeat: no-repeat;
line-height: 26px;
    background-position: 0px 10px;
    background-size: 30px;
    background-repeat: no-repeat;
    padding-left: 20px;
    margin-top:2px;}
    
.list li {
  line-height: 24px;
  list-style: none;
  font-size: 24px;
  font-weight: 600;
  background-image: url(../image-files/tick-orange.png);
  background-repeat: no-repeat;
  background-position: 0px 8px;
  background-size: 23px;
  font-family: "Trebuchet MS", sans-serif;
  padding: 7px;
  padding-left: 30px;
  margin-top: 10px;
}
.list2 li {
  line-height: 24px;
  list-style: none;
  font-size: 24px;
  font-weight: 500;
  background-image: url(../image-files/check-grn-209x210.png);
  background-repeat: no-repeat;
  background-position: 0px 8px;
  background-size: 28px;
  font-family: "Trebuchet MS", sans-serif;
  padding: 7px;
  padding-left: 40px;
  margin-top: 0px;
}
.list3 li {
  line-height: 20px;
  list-style: none;
  font-size: 1.125em;
  font-weight: 600;
  background-image: url(../image-files/tick-orange.png);
  background-repeat: no-repeat;
  background-position: 0px 8px;
  background-size: 18px;
  font-family: "Trebuchet MS", sans-serif;
  padding: 7px;
  padding-left: 30px;
  margin-top: 10px;
}

.list4 li {
    line-height: 24px;
    list-style: none;

    font-weight: 500;
    background-image: url(../image-files/checkmark-red-242.png);
    background-repeat: no-repeat;
    background-position: 0px 8px;
    background-size: 28px;
    font-family: "Trebuchet MS", sans-serif;
    padding: 7px;
    padding-left: 40px;
    margin-top: 0px;
  }

  .list5 li {

    list-style: none;
    background-image: url(../image-files/check-grn-80.png);
    background-repeat: no-repeat;
   font-size: 20px;
    background-size: 28px;

    padding-left: 40px;
    margin-top: 0px;
  }
.center { margin:auto; clear:both; float:both;}
.center2  { margin:auto; float:both;}
.right{/*for adding some padding and a float to an image */
float:right;
padding:0 5px 0 5px;}

.left{/*for adding some padding and a float to an image */
float:left;padding:0 5px 0 5px;}

.ItemRight {float: right;margin: 2px 2px 4px 20px;text-align:center;}
.ItemCenter {display:block; text-align: center; margin:0 auto;}
.ItemLeft {float: left;margin: 2px 20px 4px 0;text-align: center;}

div.clear{clear:both;}div.clear10{clear:both;height:10px;}div.clear20{clear:both;height:20px;}div.clear30{clear:both;height:30px;}div.clear40{clear:both;height:40px;}div.clear50{clear:both;height:50px;}div.clear60{clear:both;height:60px;}div.clear70{clear:both;height:70px;}div.clear80{clear:both;height:80px;}div.clear90{clear:both;height:90px;}div.clear100{clear:both;height:100px;}

.buy-now-box {  display: block;
  background: #ffff99;
  padding: 10px 10px 2px 10px;
  width:auto;
  max-width: 90%;
  margin-top: 100px;
  color: #333;
  border-radius: 15px;
  float:both;
  margin:auto;
  text-align:center;
}
.buy-now-box p {text-align:center;}

.NewsletterBox {          
background-color: #f4f4f4;width:100%;max-width:950px;border: 1px solid #000;
margin: 0 5px 0px 5px;
padding:10px;
padding: 0 6px 2px 6px;color: #000;
border-radius: 10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
background: -webkit-linear-gradient(top,rgba(255, 255, 255, 1) 0%, rgba(255, 172, 0, 1) 100%);
text-align:left;
color:black;
}

.NewsletterBox h4 {
background-color: #000000;width: auto;padding-top: 0px;padding-bottom: 0px; margin-top:0px;
margin-bottom: 0px; padding-left:0px;color: #FFD800;font-family: Georgia, Arial, comic sans ms, 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;text-align: center;}

.gen-btn {
font-weight :bold;
display: block;
width:auto;
max-width:1000px;
margin:3px auto 0px auto;
padding:5px 5px 2px 5px;
border: 2px solid rgba(127, 36, 0, 1);
border-radius: 10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
background-color:#f2f2f2;
background: -webkit-linear-gradient(top,rgba(255, 255, 255, 1) 0%, rgba(255, 172, 0, 1) 100%);
text-align: center;}
/*.gen-btn a:hover {display: block; font-size:1.025em;} */

.gen-btn3 {
font-weight :bold;
display: block;
width:auto;
max-width:1000px;
margin:3px auto 0px auto;
padding:5px 5px 5px 5px;
color:#990000;
text-align: center;}
.gen-btn3 a {display: block; box-sizing: border-box;
border: 2px solid rgba(127, 36, 0, 1);
border-radius: 10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
background-color:#f2f2f2;
background: -webkit-linear-gradient(top,rgba(255, 255, 255, 1) 0%, rgba(255, 172, 0, 1) 100%);}
.gen-btn3 a:hover { font-size:1.025em; color:#3333ff;
background-color : #ffff33;
background: -webkit-linear-gradient(top,rgba(255, 255, 51, 1) 0%, rgba(255, 255, 153, 1) 100%);
-webkit-box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-moz-box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-o-box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-khtml-box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	box-shadow: inset 2px 2px 2px #999, 0px 1px 0 #fff;
	border: 2px solid rgba(127, 36, 0, 1);
border-radius: 10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
text-decoration:underline;}

.gen-btn2 {display: block; box-sizing: border-box;
font-weight :700;
width:150px;
margin:3px auto 0px auto;
padding:5px 0px 2px 0px;
border: 2px solid rgba(127, 36, 0, 1);
border-radius: 10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
background-color:#ffac00;
background: -webkit-linear-gradient(top,rgba(255, 255, 255, 1) 0%, rgba(255, 172, 0, 1) 100%);
text-align: center;}

.gen-btn2 a {display: block; box-sizing: border-box;}
.gen-btn2 a:hover {display: block; box-sizing: border-box; font-size:1.025em;
}

.imgBorder { border:1px solid #000;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}

.imgBorder30 { border:1px solid #000;
-moz-border-radius:30px 30px 30px 30px;
-webkit-border-radius:30px 30px 30px 30px;
border-radius: 30px 30px 30px 30px;
}

.greybox { 
border: 1px solid #b4b4b4; padding:0px 15px 0px 10px; width:100%; margin:5px auto; float:both; 
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
box-shadow:5px 5px 3px #c4c4c4;
border-radius: 10px 10px 10px 10px;
/*overflow : auto ;*/
}

.greybox-img { 
border: 1px solid #b4b4b4;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
box-shadow:5px 5px 3px #c4c4c4;
border-radius: 10px 10px 10px 10px;
padding :0 ;
}

.whitebox {  box-sizing: border-box;
background-color:#ffffff;
color:#000000;
padding:2px;
border: 1px solid #333;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
padding :10px;
}

.yellowbox {  box-sizing: border-box;
    background-color: #ffff33;
    color:#333;
    padding:2px;
    margin:2%;
    border: 1px solid #000;
    -moz-border-radius:20px 20px 20px 20px;
    -webkit-border-radius:20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    }
    
.shell180{
width:315px;
margin:0 auto;

display:block;
background-color:#f2f2f2;
background: -webkit-linear-gradient(top,rgba(255, 255, 255, 1) 0%, rgba(200, 200, 200, 1) 100%);
border-radius: 12px 12px 12px 12px;
-moz-border-radius:12px 12px 12px 12px;
-webkit-border-radius:12px 12px 12px 12px;
}   

/*big-btn2 code*/
.big-btn2 {font-weight :700;/*make text bold*/
display: block; margin:auto; width:100%; box-sizing: border-box; padding:2px 0px 2px 0px; float:both;
border: 0px solid rgba(127, 127, 127, 1);
-moz-border-radius:20px 20px 20px 20px;
-webkit-border-radius:20px 20px 20px 20px;
border-radius: 20px 20px 20px 20px;
text-align: center;}

.big-btn2 a { display: block; box-sizing: border-box; margin:0 2px; padding:2px 10px 4px 10px; border: 1px solid rgba(127, 127, 127, 1);
background-color : #f4f4f4 ;
background: -webkit-linear-gradient(top,rgba(255, 255, 255, 1) 0%, rgba(200, 200, 200, 1) 100%);    
-moz-border-radius:20px 20px 20px 20px;
-webkit-border-radius:20px 20px 20px 20px;
border-radius: 20px 20px 20px 20px;
    -webkit-box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-moz-box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-o-box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-khtml-box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	box-shadow:2px 2px 2px #999, 0px 1px 0 #000;
text-align: center;
text-decoration:none;
color:#990000;}
.big-btn2 a:hover {display:block; box-sizing: border-box; color:blue; /*
font-size:1.025em; increase text size slightly larger*/
background-color : #ffff33;
background: -webkit-linear-gradient(top,rgba(255, 255, 51, 1) 0%, rgba(255, 255, 153, 1) 100%);
	-webkit-box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-moz-box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-o-box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-khtml-box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	box-shadow: inset 2px 2px 2px #999, 0px 1px 0 #fff;
text-decoration:underline;
}

i.em, i.em-svg {margin-top:-7px;}

.shell310 {
width:310px;
float:left;
margin:0 auto;
padding:auto;}

.sub-shell300{
width:300px;
float:left;
background-color:transparent;
margin-left:10px;
min-height:110px;
padding:0px 0;
}
.inner280{ display : block ; box-sizing: border-box;

width:280px;
margin:3px auto;
/* vertical-align : center ; */
text-align : center ;
text-decoration:none;
}

.inner280 h2, .inner280 h3 {
color:#666666;
}

.inner280 a {display: block; box-sizing: border-box; 
background-color:#f4f4f4;
background: -webkit-linear-gradient(top,rgba(255, 255, 255, 1) 0%, rgba(200, 200, 200, 1) 100%);
border :solid 2px #999;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
    -webkit-box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-moz-box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-o-box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-khtml-box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	box-shadow:2px 2px 2px #999, 0px 1px 0 #000;
padding:5px;  
text-decoration:none;
font-weight:700; 
}
.inner280 a:hover, .inner280 a:active {display: block; box-sizing: border-box;
color:#ff0000;
background-color : #ffff33;
background: -webkit-linear-gradient(top,rgba(255, 255, 51, 1) 0%, rgba(255, 255, 153, 1) 100%);
font-size:1.05em;
border :solid 2px #999;
border-radius: 10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
	-webkit-box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-moz-box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-o-box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-khtml-box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	box-shadow: inset 2px 2px 2px #999, 0px 1px 0 #fff;
    text-decoration:underline;}

.sub-inner650 { width:100%; height:auto; border : 0px solid #000; margin: 10px 0px 20px 0px;}
.sub-shell215{  box-sizing: border-box;
width:33%;
min-width:300px;
/*height:100%;*/
float:left;
/*background-image:url(../image-files/shellbox-bg.jpg);*/
background-repeat:repeat-x;
font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif arial, san-serif;
color:#333333;
background-color:white;
margin:0px 0px 0px 0px;
padding-top:5px;
border:1px solid #999;
border-radius: 20px 20px 20px 20px;
-moz-border-radius:20px 20px 20px 20px;
-webkit-border-radius:20px 20px 20px 20px;
	-webkit-box-shadow: 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-moz-box-shadow: 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-o-box-shadow: 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-khtml-box-shadow: 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	box-shadow: 2px 2px 14px #B2B3B5, 0px 1px 0 #fff;
}
.sub-inner205{
width:100%;
padding:0 10px;
background-color:white;
}
.sub-inner205 h3, .sub-inner205 h4{
color:#990000;
}
.calloutBox200 { color:#000; width:200px; box-sizing: border-box;  background-color:#f9f9f9; float:right; border:1px solid #000; margin:5px 10px; padding:5px 5px;
-moz-border-radius:6px 6px 6px 6px;
-webkit-border-radius:6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
}

.calloutBox300 { color:#000; width:300px; box-sizing: border-box;  background-color:#f9f9f9; float:right; border:1px solid #000; margin:5px 10px; padding:5px 5px;
-moz-border-radius:6px 6px 6px 6px;
-webkit-border-radius:6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
}

.boxes4 {
box-sizing: border-box;
width:19.5%;
min-width: 220px;
border: 1px solid rgba(127, 36, 0, 1);
border-radius: 10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
float:left;
text-align: center ;
}

.boxes4 h3 {
background-color:#ffac00;
font-family : Showcard Gothic ;
color: #000;
margin:auto;
border-radius: 10px 10px 0px 0px;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;
}
.boxes4 ul {
list-style : none ;
text-align: center ;
margin:0;
padding:10px 0;
font-weight : 600 ;
line-height : 1.5 ;}
.boxes4Inner {
background-color : #f2f2f2 ;
color:#000;
line-height : 38px ;
border-radius: 0px 0px 10px 10px;
-moz-border-radius:0px 0px 10px 10px;
-webkit-border-radius:0px 0px 10px 10px;
}

.boxes4a {
box-sizing: border-box;
width:24.5%;
min-width: 220px;
border: 1px solid rgba(127, 36, 0, 1);
border-radius: 10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
float:left;
text-align: center ;
}
.boxes4a p {
text-align: left ;
padding:10px;}
.boxes4a h3 {
background-color:#ffac00;
font-family : Showcard Gothic ;
color: #000;
margin:auto;
line-height : 1.5 ;
border-radius: 10px 10px 0px 0px;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;
}
.boxes4a h4 {padding:0 5px 0 5px;}

.shadow {
  -webkit-box-shadow: 3px 10px 41px -14px rgba(0, 0, 0, 0.69);
  -moz-box-shadow: 3px 10px 41px -14px rgba(0, 0, 0, 0.69);
  box-shadow: 3px 10px 41px -14px rgba(0, 0, 0, 0.69);
margin:5px;}
.orange-strip {
  display: block;
  background: url(../image-files/orange-splash-1200x124.png) /*repeat 0 0 / cover*/;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 5px 0;
}


div.accordion-btn h2, div.accordion-btn h3, div.accordion-btn h4 {color:#990000; margin:auto; display:block; padding:10px 0;}
div.accordion-box h2, div.accordion-box h3, div.accordion-box h4 {color:#990000; margin:auto; display:block; padding:10px 0;}
div.big-btn2 h2, div.big-btn2 h3, div.big-btn2 h4 {color:#990000; margin:auto; display:block; padding:10px 0;}

div.blogItItem h3 { text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5), 3px 5px 7px rgba(0,0,0,0.51);}

.Stripe1 a {color:#FD7903;}
.Stripe1 a:hover {color:#ffff33;}
.Stripe4 {
    background: #ffff99;
    color: #333;
    font-size: 1.125em;
    line-height: 1.68;
}

.Stripe4 a {
    color: #0000ff;
}

.Stripe4 a:hover {
    color: blue; text-decoration : underline ;
}



/*This is my flyout menu left*/
#menu {
width: 75%;
background: transparent;
margin: 0px;
font-size: 100%;
font: bold 14px/16px Georgia, verdana, arial, helvetica, sans-serif;
margin:auto;
}
 
#menu ul {
list-style: none;
padding: 0;
margin: 0;
z-index : 100 ;}
 
#menu a {
/*border:1px solid #FE9A02; display: block;*/
color: #fff;
border:1px solid #000; display: block;
margin: 0px;
background: #09aaff;
padding: 3px 3px 3px 5px;
border-radius: 6px 6px 6px 6px;
-moz-border-radius:6px 6px 6px 6px;
-webkit-border-radius:6px 6px 6px 6px;
text-decoration : none;
}

#menu h4 {
/*border:1px solid #FE9A02; display: block;*/
border:0px solid #000; display: block;
margin: 0px;
padding:10px 0px 10px 0px;
color: #000000;
background: transparent;
font-size: 130%;
/*text-transform: uppercase;*/
}

 
#menu a:hover {
color: #09aaff;
background: #fff;
text-decoration: underline;
font-size: 100%;}
 
#menu li {
position: relative;
text-align: left;
}
 
#menu ul ul ul {
position: absolute;
top: 0;
right: 100%;
width: 100%;
}
 
div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}
 
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

.date1 { font-size : 75% ; text-align : left; color: #008000;}

.Stripe1 { min-height: 50px; }

.inv {display:none;}
#passdiv1 {display:none;}
#passdiv {display:inline;}

.topnav-position{ /*this is to move the topnav from the bottom of the page, to below the header. Set the top value to suit. */
width:100%; max-width:1100px;
padding:0;
height:62px; 
position:absolute; 
top:5px;
right:30px;
/*background-image: url(../image-files/navbg.jpg);*/
}

#nav {
width:100%; max-width:1100px;
position:relative;
z-index: 100; 
margin:2px 0 2px 0;
}

#PageWrapper #Header .Tagline {
position:absolute;
top:45px;
margin:-3px auto 0 auto!important;
padding-top:10px!important;
max-width:725px;
right:0px;
left:0px;
text-align:center;
line-height:.9;
}
/*
#PageWrapper #Header #menuNew {
margin-top:85px!important;
}

@media only screen and (max-width: 768px) {
    .desktopOnly {
        display: none !important;
    }

    .mobileOnly {
        display: block !important;
    }
}*/

.responsive_grid_block-219038334 div.responsive_col-1{width:20%}.responsive_grid_block-219038334 div.responsive_col-2{width:20%}.responsive_grid_block-219038334 div.responsive_col-3{width:20%}.responsive_grid_block-219038334 div.responsive_col-4{width:20%}.responsive_grid_block-219038334 div.responsive_col-5{width:20%}@media only screen and (max-width:768px){.responsive_grid_block-219038334 div.responsive_col-1{width:20%}.responsive_grid_block-219038334 div.responsive_col-2{width:20%}.responsive_grid_block-219038334 div.responsive_col-3{width:20%}.responsive_grid_block-219038334 div.responsive_col-4{width:20%}.responsive_grid_block-219038334 div.responsive_col-5{width:20%}}@media only screen and (max-width:447px){.responsive_grid_block-219038334 div.responsive_col-1{width:100%}.responsive_grid_block-219038334 div.responsive_col-2{width:100%}.responsive_grid_block-219038334 div.responsive_col-3{width:100%}.responsive_grid_block-219038334 div.responsive_col-4{width:100%}.responsive_grid_block-219038334 div.responsive_col-5{width:100%}}

.mabBanner {font-weight :700; display: block;
padding:0 10px 0 10px;
width:80%;
min-height:150px;
list-style : none ;
margin:3px auto 0px auto;
padding:5px 0px 2px 0px;
border: 2px solid rgba(127, 36, 0, 1);
border-radius: 10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
background: -webkit-linear-gradient(top,rgba(255, 255, 255, 1) 0%, rgba(255, 172, 0, 1) 100%);
text-align: center;
}
.mabBanner a:link {display: block;
}
	
.ebpromo { display:block; width:90%; float:both; margin:auto;
border: 1px solid #b4b4b4; padding:0px 10px 0px 10px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
box-shadow:5px 5px 3px #c4c4c4;
border-radius: 10px 10px 10px 10px;
overflow : auto ;

text-align : center ;}

.colorchart { width:150px; height:50px; padding:3px; float:left; margin-bottom:2px; padding:0 6px;font-size: 16px;text-align: center;

border-radius: 10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;} 

.sidebar {
margin: 3px 10px 3px 10px;
padding: 2px 10px;
border : solid;
border-width: 1px;
border-color: #aaaaaa;
border-collapse: collapse;
border-radius: 6px 6px 6px 6px;
-moz-border-radius:6px 6px 6px 6px;
-webkit-border-radius:6px 6px 6px 6px;
background-color: #f4f4f4;
text-align: left;
color: #333;
max-width: 1100px; 
font-size:.75em;
float:both;
}

.theme-default #slider {
    margin:20px auto 0 auto;
    width:800px; /* Make sure all your images are the same height as each other */
    height:300px; 
}

#slideshow {
    position:relative;
    height:1024px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

.video-bg {background-image:url(../image-files/smartphone-bg-302x570.png);
    float:left; width:302px; height:570px; margin-right:20px;
}
.video-viewer {position: relative; /* needed for IE7 */
    top:100px;
    overflow: hidden;
    height:406px;
    left:25px;
}

.3coltable { color:#c4c5c6; border: 10px solid #663300; width: 90%; float: both; 
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
box-shadow:5px 5px 3px #c4c4c4;
border-radius: 10px 10px 10px 10px;
overflow : auto;
}
.feature-title {font-size:1.5em; }
.th1 { background-color:#ffff33; color:#333333; font-size:1.5em;}
.td1 { color:#333333; border:1px solid white; border-color:#663300; border-collapse:collapse; 
background: -webkit-linear-gradient(top,rgba(255, 255, 255, 1) 0%, rgba(255, 172, 0, 1) 100%);background-color : #f2f2f2 ; padding-left:10px; font-size : 1.125em ;}
.highlighted {float:right; color:#663300; background-color : #ffff33 ; padding:10px;}

.text-shadow {
    text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5), 3px 5px 7px rgba(0,0,0,0.51);
}

.desktop-only {display:inline;}
.mobile-only {display: none;}

.menu-on {display:none;}	

#dropcontentsubject{
width: 150px;
font-weight: bold;
color: #000;
}

.dropcontent{
width: 150px;
height: 200px;
border: 0px dotted black;
background-color: transparent;
padding: 3px;
display:block;
text-align:center;
}

@media screen and (max-width: 480px)
{	
.desktop-only {
	display:none;
	}	
.mobile-only {
display: inline;}
	}
	@media screen and (max-width: 768px)
{	
	
.menu-on {
display: inline;}
	}