body { min-width: 360px; }
body { background: #00baff; /* Old browsers */
background: -moz-linear-gradient(top,  #00baff 1%, #ffffff 49%, #00baff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#00baff), color-stop(49%,#ffffff), color-stop(100%,#00baff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00baff 1%,#ffffff 49%,#00baff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00baff 1%,#ffffff 49%,#00baff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00baff 1%,#ffffff 49%,#00baff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #00baff 1%,#ffffff 49%,#00baff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00baff', endColorstr='#00baff',GradientType=0 ); /* IE6-9 */
 }
body a { color: #00BAFF; }
.row {
	padding: 0 15px; margin-left: 0px; margin-right: 0px;
}
.topbar {
	line-height: 45px;
	background-color: #222222;
	font-size: 18px;
	color: #e8dcc4;
	border-bottom: 3px solid #999999;
}
.topheader {
	padding: 15px 0;
	background-color: #222;
}
.topphone {
	color: #00BAFF;
	font-size: 24px;
	font-weight: bold; 	
}
.navbar {
	background-color: #dcdcdc;
	border-top: 3px solid #666;
	border-bottom: 3px solid #999;
	padding-bottom: 0;
	margin-bottom: 0;
}

.navbar-nav li {
    float: none;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
}
.nav > li > a {
    padding-left: 0;
	padding-right: 0;
}
.nav-tabs > li > a {
	padding-left: 5px;
	padding-right: 5px;
}
.navbar-default .navbar-nav li a {
	color: #000;
}
.navbar-default .navbar-nav li.active a, .navbar-default .navbar-nav li:hover {
	background: #dddddd; /* Old browsers */
	background: -moz-linear-gradient(top,  #dddddd 0%, #999999 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#999999)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #dddddd 0%,#999999 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #dddddd 0%,#999999 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #dddddd 0%,#999999 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #dddddd 0%,#999999 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#999999',GradientType=0 ); /* IE6-9 */
	color: #000;
}
.white-bg {
	background-color: #FFF;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}
.footer {
	background-color: #222;
	border-top: 3px solid #666;
}
.footer a { color: #FFF; font-size: 14px; }
.footer ul a { font-size: 16px; color: #ddd; }
.copyrightfooter {
	line-height: 45px;
	background-color: #000;
	color: #00BAFF;
	border-top: 3px solid #666;
	font-weight: bold;
}
.quickquotebar { 
	background: #000; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	border: 1px solid #FFF;
	color: #FFF;
}

select{
    -webkit-appearance: menulist-text;
	border-radius: 0px;
}
.quickquotebar ul { margin: 0; padding: 0 0 5px 0; }
.quickquotebar ul li { list-style: none; display: block; padding: 4px 0; }
.quickquotebar label { cursor: pointer; }
.quickquotebar input, .quickquotebar select { display: block; width: 100%; clear: both; height: 25px; line-height: 25px; color: #000; border-radius: 0px; }
.quickquotebar input[type=text] { padding: 0 4px; }
.quickquotebar input.submit, .quickquotebar label { border: 1px solid #fff; background: #00BAFF; -moz-border-radius: 5px; border-radius: 5px; color: #FFF; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); line-height: 40px; width: 100%; height: 40px; border-collapse: collapse; font-weight: bold; }

select option { color: black; }
select option:first-child { color: #757575; font-weight: 300; }
select.empty { color: #757575; font-weight: 300; } /* Hidden placeholder */
select option[disabled]:first-child { display: none; }
.qqheader { font-size: 36px; font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; }
.fq-btn {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ccc29f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ccc29f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ccc29f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#ccc29f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#ccc29f 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#ccc29f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ccc29f',GradientType=0 ); /* IE6-9 */
	color: #4e3e0b;
}
.nopad { padding: 0; }
.nomarg { margin: 0; }
.pad5{ padding: 5px; }
.pad10{ padding: 10px; }
.pad15{ padding: 15px; }
.pad20{ padding: 20px; }
.pad25{ padding: 25px; }
.pad30{ padding: 30px; }
.pad35{ padding: 35px; }
.padt5{ padding-top: 5px; }
.padt10{ padding-top: 10px; }
.padt15{ padding-top: 15px; }
.padt20{ padding-top: 20px; }
.padt25{ padding-top: 25px; }
.padt30{ padding-top: 30px; }
.padt35{ padding-top: 35px; }
.padb5{ padding-bottom: 5px; }
.padb10{ padding-bottom: 10px; }
.padb15{ padding-bottom: 15px; }
.padb20{ padding-bottom: 20px; }
.padb25{ padding-bottom: 25px; }
.marg5{ margin: 5px; }
.marg10{ margin: 10px; }
.marg15{ margin: 15px; }
.marg20{ margin: 20px; }
.marg25{ margin: 25px; }
.marg30{ margin: 30px; }
.marg35{ margin: 35px; }
.margr5{ margin-right: 5px; }
.margb5 { margin-bottom: 5px; }
.margb10 { margin-bottom: 10px; }
.margt10{ margin-top: 10px; }
.margt20{ margin-top: 20px; }
.img-center { margin: 0 auto; }
.prodpb { 
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ccc29f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ccc29f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ccc29f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#ccc29f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#ccc29f 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#ccc29f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ccc29f',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	border: 1px solid #b1a26b;
	min-height: 100px;
}
.freequotebanner { 
  background: #00BAFF;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #FFF;
  line-height: 60px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
  border: 1px solid #FFF;
 }
.nav-tabs li a, .nav-tabs li:active a, .nav-tabs li, .nav-tabs li.active {outline: none;} 
.nav-tabs li a {background-color: #DDD;}
.nav-tabs li.active a {background-color: #FFF;}
.tab-content { border: 1px solid #dbd4c5; border-top: none; margin-top: 0px; padding: 10px; margin-bottom: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
h1 {color: #000; text-shadow: 0px 0px 7px rgba(255, 255, 255, 1); font-weight: bold; font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; font-size: 48px; text-align: left; }
.bignbold { font-weight: bold; font-size: 30px; display: block; color: #000; text-shadow: 0px 0px 7px rgba(255, 255, 255, 1); font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; }
.navbar-default .container { padding: 0; }
.soci img { padding-top: 5px; }
.soci img:hover { -webkit-opacity: .5; opacity: .5; }
.soci_inactive img { padding-top: 5px; opacity: .25; -webkit-opacity: .25; }
.panel-default { margin: 5px; border-radius: 10px; }
.patchtype { border: 1px solid #DDD; border-radius: 10px; }
.patchtype span { font-size: 16px; font-weight: normal; font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; display: block; }
.patchtype .fq-btnt {
	background: #ff4500; /* Old browsers */
	color: #FFF;
	width: 90%;
	font-size: 12px;
	margin: 0 auto 10px;
	display: block;
	border: 2px solid #DDD;
}
li.freequotepulse a { background: #00BAFF; animation: blink 10s infinite; font-weight: bold; }
@keyframes blink {
    0% {
		background: #00BAFF;
		color: #000;
	}
	25% {
        background: #ff4500;
		color: #FFF;
    }
	50% {
		background: #00BAFF;
		color: #000;
	}
	75% {
        background: #000;
		color: #FFF;
    }
	100% {
        background: #00BAFF;
		color: #000;
    }
}
.pulseme {
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-delay: 0s;
}
.delay {
	animation-delay: .5s;	
}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #ccf1ff;
}
.optborder { border: 2px solid #00BAFF; border-radius: 5px; }

@media screen and (orientation: landscape){
.navbar-default { width: 100%; min-width: 350px; }
}
@media screen and (max-width: 767px) and (orientation: portrait){
.navbar-default { max-width: 360px; width: 100%; }
}
/*  //////////////////////////////////////////////////// RESPONSIVE STUFF - MUST BE INCLUDED AFTER THE ORIGINAL CSS OR IT WILL BE OVERWRITTEN BY LOWER CODE ////////////////////////////////////////////////////  */
@media (max-width: 991px) {
.copyrightfooter div { text-align: center; }
}
@media (max-width: 767px) {
.navbar-default { position: fixed; top: 0; left: 0; z-index: 9998; width: 100%; min-width: 350px; }
.navbar-default .container { padding-right: 0; }
.navbar-brand { padding-right: 0; }
.white-bg {padding-top: 45px;}
.navbar {
	background-color: #222;
	border-top: 3px solid #999;
	border-bottom: 3px solid #999;
	padding-bottom: 0;
	margin-bottom: 0;
}
.navbar-default .navbar-nav li a {
	color: #FFF;
}
.footer ul, .footer, .footer div div { padding: 0; }
.footer ul { 
    display: none;
}
}
@media (max-width: 991px) {
.panel-default { margin: 0; }
}

/* Recommended CSS for pricing table */

/* Header: Blue background, white text */
.pricing-table thead th {
  background-color: #00BAFF !important;
  color: #ffffff !important;
  text-align: center;
  font-weight: bold;
  border: 1px solid #ccc;
}

/* Row cells: white background, right-aligned prices */
.pricing-table td {
  background-color: #ffffff !important;
  color: #000 !important;
  text-align: right;
  border: 1px solid #ccc;
  padding: 8px;
}

/* First column: bold size label, left-aligned */
.pricing-table td:first-child {
  background-color: #00BAFF !important; 
  color: #ffffff !important;
  text-align: left !important;
  font-weight: bold;
}

/* Reset Bootstrap's built-in striping */
.pricing-table.table-striped tbody tr:nth-of-type(odd),
.pricing-table tbody tr:nth-of-type(odd) {
  background-color: #ffffff !important; /* fallback base */
}

/* Custom zebra striping: alternate rows */
.pricing-table tbody tr:nth-of-type(even) td:not(:first-child) {
  background-color: #ccf1ff !important; /* light blue stripe */
}

/* Optional: reduce Bootstrap spacing if needed */
.pricing-table.table {
  margin-bottom: 1rem;
  border-collapse: collapse;
}