.top-sl .hero-unit h1 {
  font-size: 48px;
}

.top-sl .hero-unit p {
  margin-bottom: 20px;
}

.top-sl .badge-icon-group {
  float: none;
  margin-bottom: 20px;
}

.badge-icon-group .badge-icon {
  background-color: #096;
  border: 0;
  float: none;
}

.badge-icon-group .badge-icon a {
  color: #fff;
  font-size: 24px;
}

.badge-icon-group .badge-icon small strong {
  opacity: 0.6;
}

.badge-icon-group .badge-icon small {
  color: #fff;
  text-transform: none;
  font-size: 16px;
  opacity: 1;
}

/* latest news module padding left fix */
.module-ct > ul, .module-ct .custom > ul, .module-ct > ol, .module-ct .custom > ol {
    margin: 0 0 0 10px;
    padding-left: 0;
}

/* to make text logo responsive */
@media (max-width: 480px) {
    .navbar-brand strong {
    text-align: center;
    font-size: 28px;
    text-transform: capitalize;
    }
}
    
/* to make slogan text capitalize on smaller devices */
@media (max-width: 480px) {
    .navbar-brand .slogan {
    text-align: center;
    text-transform: capitalize;
    }
}

.navbar-brand .slogan {display:block; font-family:Arial,sans-serif; font-size:11px; font-weight:600; color:#e55ea2; opacity:100;}

.attribution,p.attribution,p.attribution a{font-size: x-small; color:#999;}

.darkblue {color:#009;}
.darkbluetextbold {color:#009; font-weight:bold;}
.darkbluetextem {color:#009; font-style:italic;}
.darkbluetextboldem {color:#009; font-weight:bold; font-style:italic;}
.darkbluetextboldemun {color:#009; font-weight:bold; font-style:italic; text-decoration:underline;}
.medblue {color:#03c;}
.medblue {color:#03c; font-weight:bold;}
.medbluetextem {color:#03c; font-style:italic;}
.medbluetextboldem {color:#03c; font-weight:bold; font-style:italic;}
.medbluetextboldemun {color:#03c; font-weight:bold; font-style:italic; text-decoration:underline;}
.lightblue {color:#036ed8;}
.lightblue {color:#036ed8; font-weight:bold;}
.lightbluetextem {color:#036ed8; font-style:italic;}
.lightbluetextboldem {color:#036ed8; font-weight:bold; font-style:italic;}
.lightbluetextboldemun {color:#036ed8; font-weight:bold; font-style:italic; text-decoration:underline;}
.brightgreen {color:#090;}
.brightgreen {color:#090; font-weight:bold;}
.brightgreentextem {color:#090; font-style:italic;}
.brightgreentextboldem {color:#090; font-weight:bold; font-style:italic;}
.brightgreentextboldemun {color:#090; font-weight:bold; font-style:italic; text-decoration:underline;}
.lightgreen {color:#0d0;}
.lightgreen {color:#0d0; font-weight:bold;}
.lightgreentextem {color:#0d0; font-style:italic;}
.lightgreentextboldem {color:#0d0; font-weight:bold; font-style:italic;}
.lightgreentextboldemun {color:#0d0; font-weight:bold; font-style:italic; text-decoration:underline;}
.brightyellow {color:#ffbf00;}
.brightyellow {color:#ffbf00; font-weight:bold;}
.brightyellowtextem {color:#ffbf00; font-style:italic;}
.brightyellowtextboldem {color:#ffbf00; font-weight:bold; font-style:italic;}
.brightyellowtextboldemun {color:#ffbf00; font-weight:bold; font-style:italic; text-decoration:underline;}
.brightorange {color:#f63;}
.brightorange {color:#f63; font-weight:bold;}
.brightorangetextem {color:#f63; font-style:italic;}
.brightorangetextboldem {color:#f63; font-weight:bold; font-style:italic;}
.brightorangetextboldemun {color:#f63; font-weight:bold; font-style:italic; text-decoration:underline;}
.lightorange {color:#ff8055;}
.lightorange {color:#ff8055; font-weight:bold;}
.lightorangetextem {color:#ff8055; font-style:italic;}
.lightorangetextboldem {color:#ff8055; font-weight:bold; font-style:italic;}
.lightorangetextboldemun {color:#ff8055; font-weight:bold; font-style:italic; text-decoration:underline;}

a {color:#0033cc;}
a:hover,a:active,a:focus {color:#ff8900; text-decoration:underline; }

strong {color:#03c;}
b {color:#036ed8;}
em {color:#090;}

h1{font-size: 30px; color:#090; font-weight:normal; text-transform:none;} 
h2{font-size: 29px; color:#03c; font-weight:normal; text-transform:none;} 
h3{font-size: 26px; color:#036ed8; font-weight:normal; text-transform:none;}
h4{font-size: 22px; color:#090; font-weight:normal; text-transform:none;}
h5{font-size: 20px; color:#f63; font-weight:normal; text-indent: 35px; text-transform:none;}

h1, .h1, h2, .h2, h3, .h3 {margin-bottom:10px; margin-top:8px;}

.module-title {border-bottom:1px solid #e0e0e0; color:#090; font-size:14px; font-weight:600; letter-spacing:1px; margin:0 0 6px 0; padding:0 0 8px; text-transform:uppercase;}

.mainbody-inner {padding-top:24px; padding-bottom:24px;}

/* website slogan */
.navbar-brand .slogan {display:block; font-family:Arial,sans-serif; font-size:11px; font-weight:600; opacity:100;}

/* header background image */
#header {background-repeat: no-repeat; background-position: center;}

#mainnav {background-color:#ffffff; border-color:#eeeeee; font-family:Pt Serif; font-size:16px;}
#mainnav .btn-navbar {background: #e55ea2;}

/* areiext blue footer menu so it doesn't scroll on top of menu on small devices */
.ux-menu-container {
    position: relative;
    z-index: inherit !important;
}


/* lessen top margin to search box */
.search {
    margin-top: 10px;
}

/* this is to remove the words contact and contact form from page */
.contact h3 {display:none;}
.contact-form h3 {display:none;}

/* display contact text to the left */
.dl-horizontal dd {margin-left:20px;}

/* home page cleaning tips bottom of page changed padding from 10 
.ac {overflow: auto; padding: 3px 0;}
*/

/* top container bottom spacing was 48 */
.top-sl .container {padding: 20px 0;}

.top-sl .ja-module .module-title {font-weight:600; font-size:16px; margin:0 0 24px; text-transform:uppercase;}

/* padding bottom positions */
.bot-sl .container {padding: 24px 0;}

/* front page blog layout changes page title font size was 48 */
h2.item-title, .item-title h2, .item-page .page-header h2 {font-family:PT Serif;}

h2.item-title a, .item-title h2 a {color:#090;}

.item-title h2 a:active, .item-title h2 a:focus, .item-title h2 a:hover, h2.item-title a:active, h2.item-title a:focus, h2.item-title a:hover {color:#8e8e8e; text-decoration:none; border-bottom:1px solid #fff;}

/* article title for blog layout homepage */
.page-header h1, .page-header h2, .page-header h3 {margin-bottom:0; margin-top:0; font-size:22px;}

/* article page header above images */
.item-page .page-header h2 {font-size:30px; margin:0;}

/* intro images for front page blog layout 
.items-leading [class^="leading-"] {
    padding: 24px 0;
}
.items-leading [class^="leading-"]:first-child {
    padding-top: 0;
}
.items-leading [class^="leading-"] .item-image {
    max-height: 250px;
    overflow: hidden;
}
*/

/* not sure what this is for may be main menu drop down links
.categories-list .category-desc {color:#000; font-size:16px;}
*/

/* categories list colors */
.page-header a {color:#036ed8;} /* ff69b4 */
.page-header a:hover {color:#ff87c3;} /* 090 */
/* h3.page-header {font-size:20px;} just decided to stay with h3 sizing */

/* categories page list remove line above and below image list */
.categories-list .page-header {
    border-top: none;
    padding: 12px 0;
}

/* number of articles in label next to categories list ff96ca */
.badge-info, .label-info {background-color:#939393;}

/* did this specific to contact form but without specifically stating that will probably adjust all forms original width was 250 */
.uneditable-input, input, textarea {width: 300px;}

/* sidebar inner */
.sidebar-inner {font-size: 16px;}

/* line spacing sidebar */
li {line-height:1.5;}

ul {list-style: circle;}

ul, ol {margin:0 0 12px 25px; padding:0;}

code {padding: 2px 4px;  color: #d14; background-color: #f7f7f9; border: 1px solid #e1e1e8; white-space: normal;}

/* google plus badge 
#googleplus_widget{
    width: 245px;
    height: 260px;
    float: left;
}
*/
/*
#googleplus_widget span{
    width: 245px;
    height: 260px;
    float: left;
    overflow: hidden;
    background: #fff; 
}

#googleplus_widget span div{
    margin: -1px 0 0 -1px !important;
    position: relative; 
}
*/
/* this code ads a border around gplus badge
#googleplus_widget{
    width: 240px;
    height: 260px; 
    float: left; 
    border: 10px solid #ddd; 
}
*/

/* 1 of x page counter */
.counter {background-color:#036ed8; border:1px solid #036ed8; border-radius:0; color:#fff; display:inline-block; padding:6px 12px;}

/* ja tabs popular and random cleaning tips menu on sidebar */
.ja-tabswrap .ja-tab-content li a {padding: 4px 0 6px; margin: 0; background: none; color: #036ed8;}

/* tips and reviews menu layout */
/* product reviews menu color change */
.item-193, .item-193 > a {font-family:PT Serif; font-size:16px; font-weight:600; color:#090 !important;}

.ja-module .nav > li, .module-menu .nav > li {display:block; margin:0; padding:0 0;}

.ja-module .nav > li > .separator, .module-menu .nav > li > .separator {display:block; padding:3px 6px;}

.ja-module .nav > li > a, .module-menu .nav > li > a {background:rgb(255, 255, 255) none repeat scroll 0 0; color:rgb(52, 152, 219); display:inline-block; left:0; padding:3px 6px; position:relative; transition-delay:2s;}

.ja-module .nav > li > a::before, .module-menu .nav > li > a::before {content: " "; display:inline-block; font-family:FontAwesome; font-style:normal; font-weight:normal; margin-right:2px;}

.ja-module .nav > li > a:hover, .module-menu .nav > li > a:hover, .ja-module .nav > li > a:active, .module-menu .nav > li > a:active, .ja-module .nav > li > a:focus, .module-menu .nav > li > a:focus {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    color: rgb(57,167,0);
    left: 3px;
    text-decoration: none;
}

.ja-module .nav > li.active > a, .module-menu .nav > li.active > a {background:rgb(255, 255, 255) none repeat scroll 0 0; color:rgb(22, 97, 20);}

/* read more button */
.readmore {margin-bottom:0; margin-top:12px;}

.readmore .btn {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    border: 1px solid #03c /* rgb(48, 48, 48) */; 
    box-shadow: none;
    color: rgb(52, 152, 219) /*(48, 48, 48)*/;
    text-transform: uppercase;
    text-decoration: none;
    max-width: 135px;
    overflow: hidden;
    text-overflow: none;
    text-shadow: none;
    white-space: nowrap;
}
.readmore .btn:hover, .readmore .btn:active, .readmore .btn:focus {background:rgb(255, 255, 255) none repeat scroll 0 0 ; color:#39a700 /* rgb(255, 255, 255) */}

.readmore .btn .icon-chevron-right {font-size:8px; margin-left:-2px; position:relative; top:-2px;}

.btn {
/*    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: rgb(245, 245, 245);
    background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgb(230, 230, 230));
    background-repeat: repeat-x;
    border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(179, 179, 179); */
    border-image: none;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    /* color: rgb(48, 48, 48); */
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
    padding: 2px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}

/* kz Custom Styling for in content accordion groups in articles */
.panel {
    border: 1px solid #fff;
    margin-bottom: 10px;
}

.panel .panel-heading {
    background-color: #e0e0e0;
    padding: 1px 2px;
}

.panel .panel-body {
    padding: 0px 10px;
    margin-top: 1px;
}

.rl_sliders.accordion > .accordion-group.kz1 > .accordion-heading > a.accordion-toggle {
/*  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s; */
  font-size: 1.5em /*22px*/;
  background-color: #eee/*ffc2c2*/;
/*  background-image: -moz-linear-gradient(top, #ff9999, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff9999), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #ff9999, #ffffff);
  background-image: -o-linear-gradient(top, #ff9999, #ffffff);
  background-image: linear-gradient(to bottom, #ff9999, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9999', endColorstr='#ffffffff', GradientType=0);*/
}

.rl_sliders.accordion > .accordion-group.kz1 > .accordion-heading > a.accordion-toggle:hover {
  background-color: #fff/*c2c2ff*/;
/*  background-image: -moz-linear-gradient(top, #9999ff, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9999ff), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #9999ff, #ffffff);
  background-image: -o-linear-gradient(top, #9999ff, #ffffff);
  background-image: linear-gradient(to bottom, #9999ff, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9999ff', endColorstr='#ffffffff', GradientType=0);*/
}

.rl_sliders.accordion > .accordion-group.kz1.active > .accordion-heading > a.accordion-toggle {
  background-color: #eee/*c2ffc2*/;
/*  background-image: -moz-linear-gradient(top, #99ff99, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#99ff99), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #99ff99, #ffffff);
  background-image: -o-linear-gradient(top, #99ff99, #ffffff);
  background-image: linear-gradient(to bottom, #99ff99, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff99ff99', endColorstr='#ffffffff', GradientType=0);*/
}

.rl_sliders.accordion > .accordion-group.kz1 > .accordion-body > .accordion-inner {
  border-top: none;
  background-color: #fff/*f5fff5*/;
/*  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#ccffcc));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #ccffcc);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #ccffcc);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #ccffcc);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #ccffcc);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffccffcc', GradientType=0);*/
}

/* kz dont think we need any of this table stuff */
/* used for products page may not use this with amazons new product strips */
table { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping I have set every other row to white can change color to ebe9f9 purple*/
tr:nth-of-type(odd) { 
  background: #fff; 
}
th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
td, th { 
  padding: 6px; 
/* border: 1px solid #ccc; */
  text-align: left; 
}


/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) have taken border color off tr but can add it back if want */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #fff; } 
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	

/* table padding border-top:1px solid #ddd;*/
td, tr td {border-top:0; padding:5px;}

	/*
	Label the data don't need this right now
	
	td:nth-of-type(1):before { content: "First Name"; }
	td:nth-of-type(2):before { content: "Last Name"; }
	td:nth-of-type(3):before { content: "Job Title"; }
	td:nth-of-type(4):before { content: "Favorite Color"; }
	td:nth-of-type(5):before { content: "xxx"; }
	td:nth-of-type(6):before { content: "Name"; }
	td:nth-of-type(7):before { content: "Date of Birth"; }
	td:nth-of-type(8):before { content: "Dream Vacation City"; }
	td:nth-of-type(9):before { content: "GPA"; }
	td:nth-of-type(10):before { content: "Arbitrary Data"; }
}

*/
/* kz end table stuff */

/* amazon */
div.floatspacer {float: right; margin: .25em .1em .2em .5em;}
div#ama {width: 350px;}

/*div#ama a {clear: right; float: right;} */
/*div#ama a, div#ama a:link, div#ama a:visited {color:#40824D;text-align: center;text-decoration: underline;}*/
/*div#ama a:hover, div#ama a:active, div#ama a:focus {color:#CC0033;font-weight: bold; text-align: center; text-decoration: underline;} */

div#ama a {clear: right; float: right; }  
div#ama a, div#ama a:link, div#ama a:visited {color:#008000; font-weight: bold; text-align: center; text-decoration:underline;}  
div#ama a:hover, div#ama a:active, div#ama a:focus {color:#CC0033; text-align: center; text-decoration: underline; font-weight: bold;} 
div#ama a img {margin: 5px;}