@charset "UTF-8";
/* ----------UCanQuit2 CSS---------- */
html {
	background-color: #333;
}

/* ----------BODY & HEADING---------- */
body { 
	background: url(../img/bg_main.png);
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: 0;
}

h1, h2, h3, h4, h5, h6, h7, h8 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	line-height: 1.25em;
	margin-top: 0px;
}

h1 {
	font-size: 2em;
	line-height: 1.5em;
	margin-top: 0px;
}

h2 {
	color: #c93a3a;
	font-size: 1.5em;
	line-height: 1.3em;
}

h3 { 
	color: #333;
	font-size: 1.25em;
	line-height: 1em;
	margin-top: 0px;
}

a {
	color: #cc3333;
	/*text-decoration: underline;*/
}

h2 a {
	/*text-decoration: underline;*/
}

a:hover, a:focus, a:active {
	color: #333;
}

a:hover h2, a:focus h2, a:active h2 {
	color: #333;
}

#wrapper .container-fluid {
	max-width: 940px;
	margin: auto;
}

.well {
	margin-bottom: 10px;
}


/* ----------HEADER---------- */

h1.logo {
	background: url(../img/QTMEP_logo.png) no-repeat center;
	background-size: 100%;
	display: block;
	text-indent: -9999px;
	width: 100%;
	height: 90px;
}

h1.fontface {
	font: 60px/68px 'OswaldBook', Arial, sans-serif;
	letter-spacing: 0;}
	
p.style1 {
	font: 18px/27px 'OswaldLight', Arial, sans-serif;
	}
	
p.style2 {
	font: 18px/27px 'OswaldBook', Arial, sans-serif;
	}
	
p.style3 {
	font: 18px/27px 'OswaldBold', Arial, sans-serif;
	}
	
p.style4 {
	font: 18px/27px 'OswaldStencilRegular', Arial, sans-serif;
	}

/* ----------NAVIGATION---------- */ 

/* Top Navigation */
#utilnav {
	background: #222;
	-webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 1);
	   -moz-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 1);	
			box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 1);
	font-size: 12px;
	height: 50px;
	position: relative;
	z-index: 11;
}

#utilnav .container-fluid {
	height: 50px;
}

#utilnav a {
	color: #ffffff;
	height: 25px;
	padding: 15px 15px 10px 15px;
	text-shadow: none;
}
	
#utilnav li:hover, #utilnav li.active, #utilnav li.active a {
	background: #be3a3a;
}

.navbar-inverse .brand, .navbar-inverse .nav > li > a {
	text-shadow: 3px 3px 1px rgba(0, 0, 0, 0.25);
}

li a.chatnow {
	background:url(../img/icn_chatnow.png) no-repeat 5px -50px;
	text-indent: 16px;
	text-transform: uppercase;
}

#utilnav .btn-products {
	background: url("../img/icn_products_ko.png") no-repeat center center; 
	background-size: 32px auto;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	display: block;
	filter: none;
    padding: 5px;
	position: relative; 
    width: 40px;
}

#utilnav .btn-products:hover {
	background-color: #cc3333;
}

#utilnav .btn-products .btn-product-numbr {
	background: #cc3333;
	border-radius: 2px 2px 2px 2px;
	border: 1px solid #cc3333;
	bottom: 2px;
    font-size: 0.65em;
    line-height: 0.65em;
    padding: 4px 4px 3px;
    position: absolute;
    right: 2px;
}

#utilnav .btn-products:hover .btn-product-numbr {
	background: #fff;
	border: 1px solid #cc3333;
	color: #cc3333; 
}

/* Top Responsive */
.admin-collapse.collapse, .search-collapse.collapse {
	overflow: visible;
}

/* Top Search */
.usernav .navbar, .usernav .search-form {
    display: inline-block;
	}

.usernav .search-form {
	background: url(../img/search_bg.png) no-repeat top left;
	margin: 10px auto 5px auto;
	position: relative;
	height: 30px;
	width: 150px;
}

.usernav .search-form .search-query, .usernav .search-form .btn {
	background: transparent;
	border: 0px;
	-webkit-border-radius: 6px; /* Safari, Chrome */
	-moz-border-radius: 6px; /* Firefox */
	border-radius: 6px;
	margin-top: 0px;
	position: absolute;
}

.usernav .search-form .search-query {
	font-size: 12px;
	padding: 2px 30px 4px 8px;
	margin-top: 0px;
	width: 112px;
}

.usernav .search-form .search-query:focus {
	-webkit-box-shadow:  0px 0px 5px 0px rgba(190, 58, 58, 80);
	   -moz-box-shadow:  0px 0px 5px 0px rgba(190, 58, 58, 80);	
			box-shadow:  0px 0px 5px 0px rgba(190, 58, 58, 80);	
}

.usernav .search-form .btn {
	right: 0px;
	text-indent: -9999px;
	width: 25px;
}

/* TopNav Social Media */
.usernav .social-media {
	margin-bottom: 0px;
	margin-left: 10px;
}

.usernav .social-media li,
.footernav .social-media li {
	padding: 0px;
	margin: 0px;
}

.social-media .icn_fb,
.social-media .icn_twitter,
.social-media .icn_youtube {
	display: block;
	text-indent: -9999px;
}

.social-media .icn_fb {
	background: url(../img/icn_fb.png) no-repeat center center;
}

.social-media .icn_twitter {
	background: url(../img/icn_twitter.png) no-repeat center center;
}

.social-media .icn_youtube {
	background: url(../img/icn_youtube.png) no-repeat center center;
}

/* Primary Navigation */
#nav {
	margin-top: 5px;
}

#header .nav {
	display: block; 
	float: left;
	left: 0;
	margin: 0px 0px 0px 10px;
	position: relative;
}

#header .nav > li {
	display: list-item;
	float: left;
	margin: 5px 5px 15px 5px;
}

#header .nav > li a {
	color: #333333;
	font-family: 'OswaldStencilRegular', Arial, sans-serif;
	font-size: 1.3em;
	line-height: 1.5em;
	font-weight: normal;
	letter-spacing: 0;
	text-decoration: none;
	padding: 6px 10px;
}

#header .nav > li a:hover, #header .nav > li a:focus, #header .nav > li.active {
	background: #333333;
	color: #ffffff;
}

#header .nav > li.active a {
	color: #ffffff;
	position: relative;
}

#header .nav > li.active a:after { 
	border-top: 15px solid #333333;
	border-right: 15px solid transparent;
	content: '';
	position: absolute;
	top: 100%;
	right: 0px;
	height: 0;
	width: 0;
}

#nav .resp-utilnav { 
	display: none;
}

/* Side Navigation */ 
.nav-side .nav {
	margin-bottom: 0px;
}

.nav-side li {
	position: relative;
}

.nav-side li a {
	background: url(../img/nav_shadow.png) repeat-y right #cc3333;
	background-size: 23.4043%;
	color: #fff;
	text-decoration: none;
	padding: 10px 20px;
	position: relative;
}

.nav-side .nav-lvl1 > li > a {
	border-bottom: 1px solid #D70B0B;
	border-top: 1px solid #cb4d4d;
}

.nav-side .nav-lvl1 > li > a:hover,
.nav-side .nav-lvl1 > li > a:focus, 
.nav-side .nav-lvl1 > li > a:active {
	background: url(../img/nav_shadow.png) repeat-y right #fff;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	color: #cc3333;
}

.nav-side .nav-lvl1 > li.nav-highlight > a {
	background: url(../img/nav_shadow.png) repeat-y right #fff;
	box-shadow: -2px 0px 2px 0px rgba(0,0,0,0.1);
	border: 0px;
	color: #333;
	margin-left: -10px;
	position: relative;
}

.nav-side .nav-lvl1 > li.nav-highlight > a:before {
    border-left: 10px solid transparent;
    border-top: 10px solid #333;
    content: "";
    height: 0;
    position: absolute;
    left: 0;
    top: 100%;
    width: 0;
}

.nav-side .nav-lvl2 {
	background: #fff;
}

.nav-side .nav-lvl2 > li > a {
	background: url(../img/nav_shadow.png) repeat-y right #ededed;
	border-top: 1px solid #fefefe;
	border-bottom: 1px solid #ddd;
	color: #000;
	padding-left: 30px;
	position: relative;
}

.nav-side .nav-lvl1 > li.nav-highlight a {
	color: #333;
	font-weigh: bold;
}

.nav-side .nav-lvl1 > li.active > a:after, 
.nav-side .nav-lvl2 > li.active > a:after,
.nav-side .nav-lvl3 > li.active > a:after,
.nav-side .nav-lvl4 > li.active > a:after,
.nav-side .nav-lvl5 > li.active > a:after {
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #fff transparent transparent;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    top: 10px;
    width: 0;
}

.nav-side .nav-lvl3 > li > a,
.nav-side .nav-lvl4 > li > a,
.nav-side .nav-lvl5 > li > a {
	background: url(../img/nav_shadow.png) repeat-y right #fff;
	border-bottom: 1px solid #ccc;
	color: #000;
	margin-left: 30px;
}

.nav-side .nav-lvl4 > li > a {
	border-bottom: 1px dotted #999;
	margin-left: 50px;
}

.nav-side .nav-lvl5 > li > a {
	border-bottom: 1px dotted #ccc;
	margin-left: 70px;
}

/*.nav-side .nav-lvl3 > li:last-child > a {
	border-bottom: 0px;
}*/

.nav-side .nav-lvl1 > li.nav-highlight a:hover, 
.nav-side .nav-lvl1 li.active > a,
.nav-side .nav-lvl2 > li a:hover, 
.nav-side .nav-lvl3 > li a:hover {
	color: #cc3333;
}

/* ----------HOMEPAGE---------- */
#homepage {
	margin-bottom: 20px;
}


/* Banner */
.mainslider .flexslider {
	border: 0px;
	border-radius: 0px;
	-webkit-box-shadow:	10px 10px 0px 0px #cccccc;
	   -moz-box-shadow:	10px 10px 0px 0px #cccccc;
			box-shadow:	10px 10px 0px 0px #cccccc;
	margin-bottom: 0px;
	width: 100%;
}

.mainslider .flex-viewport li {
	height: 330px;
	position: relative;
}

.mainslider .flex-img {
	position: relative;
	height: 330px;	
}

.mainslider .flex-img img {
	position: relative;
	top: -80px;
	width: 100%;
}

.mainslider .flex-caption {
    background-color: rgba(255, 255, 255, 0.75);
    color: #222222;
    margin-left: 50px;
	padding: 10px;
    position: relative;
    bottom: 50%;
	width: 40%;
}

.mainslider .flex-direction-nav a {
	background: url(../img/icn_arrows.png) no-repeat #c93a3a;
	opacity: .9;
	height: 40px;
	width: 40px;
}


.mainslider .flexslider a.flex-prev, .mainslider .flexslider:hover a.flex-prev {
	background-position: 0px 0px;
	left: -10px;
}

.mainslider .flexslider a.flex-prev:before, .mainslider .flexslider:hover a.flex-prev:before {
	border-top: 10px solid #333;
	border-left: 10px solid transparent;
	content: '';
	position: absolute;
	top: 100%;
	left: 0px;
	height: 0;
	width: 0;
}

.mainslider .flexslider a.flex-next, .mainslider .flexslider:hover a.flex-next {
	background-position: -40px 0;
	right: -20px;
}

.mainslider .flexslider a.flex-next:after, .mainslider .flexslider:hover a.flex-next:after {
	border-top: 10px solid #333;
	border-right: 10px solid transparent;
	content: '';
	position: absolute;
	top: 100%;
	right: 0px;
	height: 0;
	width: 0;
}

.mainslider .flexslider:hover a.flex-prev, .mainslider .flexslider:hover a.flex-next {
	opacity: 1;
}

.mainslider .flex-control-paging {
	/*bottom: 20px;
	right: 50px;*/
	font-size: 1px;
	height: 20px;
	left: 20px; 
	text-align: left;
	top: 20px;
	width: auto;
}

.mainslider .flex-control-paging li a {
	background: #fff;
	border: 2px solid #fff;	
	border-radius: 20px 20px 20px 20px;
	color: #fff;
	-webkit-box-shadow:  3px 3px 3px rgba(0, 0, 0, 0.5) inset;
	   -moz-box-shadow:  3px 3px 3px rgba(0, 0, 0, 0.5) inset;	
			box-shadow:  3px 3px 3px rgba(0, 0, 0, 0.5) inset;
	height: 15px;
	width: 15px;	
}

.mainslider .flex-control-paging li a:hover, .mainslider .flex-control-paging li a.flex-active {
	background: rgba(190, 58, 58, 100);	
	-webkit-box-shadow:  -1px -1px 2px rgba(0, 0, 0, 0.5) inset;
	   -moz-box-shadow:  -1px -1px 2px rgba(0, 0, 0, 0.5) inset;	
			box-shadow:  -1px -1px 2px rgba(0, 0, 0, 0.5) inset;
}

/* Content */
#homepage .content {
	margin-top: 30px;
}
#homepage h4 {
	font-size: 1em;
} 

#homepage .btn {
	font-size: .85em;
}

/* How to Quit Content */
#HowtoQuit {
	width: 75%;
}

#HowtoQuit a {
	color: #fff;
	text-decoration: none;
}

#HowtoQuit a:hover {
	text-decoration: none;
}

#HowtoQuit #stepOne:hover .stepNumber, #HowtoQuit #stepTwo:hover .stepNumber, #HowtoQuit #stepThree:hover .stepNumber {
	opacity: 1;
}

#HowtoQuit a.btn {
	color: #000;
}

#HowtoQuit .title,
#QuitTools .title {
	position: relative;
}

#HowtoQuit .title h2,
#QuitTools .title h2 {
	background: #333;
	color: #fff;
	padding: 10px 10px 6px 15px;
	width: -moz-fit-content;
}

#HowtoQuit .title h2:after,
#QuitTools .title h2:after {
	content:"";
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 22px 0 22px 22px;
	border-color: transparent transparent transparent #333333;
	position: absolute;
	right: -22px;
	top: 0px;
}

#HowtoQuit .desc {
	background: #c93a3a;
	color: #fff;
	height: 200px;
	margin-top: -33px;
	padding-top: 40px;
	padding-bottom: 10px;
	padding-left: 3.2%;
	width: 96.8085106382979%;
}

#HowtoQuit .desc h3 {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}

#HowtoQuit .stepNumber {
	font: 86px/86px 'OswaldStencilRegular', Arial, sans-serif;
	float: left;
	margin-bottom: 0px;
	margin-right: 10px;
	opacity: .15;
}

#HowtoQuit .stepDesc {
	-o-text-overflow: ellipsis;   /* Opera */
    text-overflow:    ellipsis;   /* IE, Safari (WebKit) */
    overflow:hidden;              /* don't show excess chars */
    white-space: normal;           /* force single line */
    width: 100%;                 /* fixed width */
}

#HowtoQuit img {
	margin-bottom: 10px;
	height: 50px;
	width: 50px;
}

#JoinConvo {
	height: 200px;
	margin-left: 0px;
	position: relative;
	width: 25%;
}

#JoinConvo .desc:before {
	content:"";
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 21px 0 0 20px;
	border-color: transparent transparent transparent #333333;
	position: absolute;
	left: 0px;
	top: 20px;
}

#JoinConvo .desc {
	background: #333;
	color: #fff;
	height: 180px;
	margin-top: 41px;
	padding-top: 50px;
	text-align: center;
	-webkit-box-shadow:	10px 10px 0px 0px #cccccc;
	   -moz-box-shadow:	10px 10px 0px 0px #cccccc;
			box-shadow:	10px 10px 0px 0px #cccccc;
}

#QuitTools .flexslider {
    height: 220px;
}

#JoinConvo h3 {
	color: #f6cb1d;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
}

#JoinConvo .box {
}

#JoinConvo .icn_fb {
	background: url(../img/icn_fb_yellow.png) no-repeat;
	display: block;
	height: 40px;
	width: 40px;
	text-indent: -9999px;
}

#JoinConvo .icn_twitter {
	background: url(../img/icn_twitter_yellow.png) no-repeat;
	display: block;
	height: 40px;
	width: 40px;
	text-indent: -9999px;
}

#JoinConvo .icn_youtube {
	background: url(../img/icn_youtube_yellow.png) no-repeat;
	display: block;
	height: 40px;
	width: 40px;
	text-indent: -9999px;
}

/* Quit Tools */
#QuitTools .title {
	display: none;
}

.slide {
	border: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 10px 10px 0px 0px #cccccc;
	-moz-box-shadow: 10px 10px 0px 0px #cccccc;
	box-shadow: 10px 10px 0px 0px #cccccc;
	margin-bottom: 0px;
}

.subslider {	
	-webkit-box-shadow:	10px 10px 0px 0px #cccccc;
	   -moz-box-shadow:	10px 10px 0px 0px #cccccc;
			box-shadow:	10px 10px 0px 0px #cccccc;
}

.subslider .carousel {
	background: #fff;
	border: 0px;
	border-radius: 0px;
	margin-bottom: 0px;
	padding: 20px;
}

.subslider .carousel-item {
	position: relative;
}

.subslider .carousel-caption {
	bottom: 0px;
	position: absolute;
}

.subslider .carousel-nav a {
	background: url(../img/icn_arrows.png) no-repeat #F6CB1D;
	opacity: .9;
	height: 40px;
	width: 40px;
}

.subslider .carousel-control {
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	top: 50%;
}

.subslider .carousel a.carousel-control.left, 
.subslider .carousel:hover a.carousel-control.left {
	background-position: 0px 0px;
	left: -10px;
}

.subslider .carousel a.carousel-control.left:before, 
.subslider .carousel:hover a.carousel-control.left:before {
	border-top: 10px solid #333;
	border-left: 10px solid transparent;
	content: '';
	position: absolute;
	top: 100%;
	left: 0px;
	height: 0;
	width: 0;
}

.subslider .carousel a.carousel-control.right, 
.subslider .carousel:hover a.carousel-control.right {
	background-position: -40px 0;
	right: -20px;
}

.subslider .carousel a.carousel-control.right:after, 
.subslider .carousel:hover a.carousel-control.right:after {
	border-top: 10px solid #333;
	border-right: 10px solid transparent;
	content: '';
	position: absolute;
	top: 100%;
	right: 0px;
	height: 0;
	width: 0;
}

.subslider .carousel:hover a.carousel-control.left, 
.subslider .carousel:hover a.carousel-control.right {
	opacity: 1;
}

/*.subslider .flexslider {
	border: 0px;
	border-radius: 0px;
	-webkit-box-shadow:	10px 10px 0px 0px #cccccc;
	   -moz-box-shadow:	10px 10px 0px 0px #cccccc;
			box-shadow:	10px 10px 0px 0px #cccccc;
	margin-bottom: 0px;
	padding-right: 10px;
	padding-left: 10px;
}

.subslider .flex-viewport {
	max-height: 320px;
	min-height: 100px;
}

.subslider .flex-viewport li {
	margin: 20px 10px 20px 10px;
	position: relative;
	height: 180px;
}

.subslider .flex-viewport img {
	position: relative;
	width: 100%;
}

.subslider .flex-caption {
	background: rgba(3,3,3,.85);
	color: #fff;
	margin-bottom: 0px;
	padding: 10px;
	position: absolute;
	bottom: -4px;
	width: 92.3076923076%;
}

.subslider .flex-direction-nav a {
	background: url(../img/icn_arrows.png) no-repeat #F6CB1D;
	opacity: .9;
	height: 40px;
	width: 40px;
}


.subslider .flexslider a.flex-prev, .subslider .flexslider:hover a.flex-prev {
	background-position: 0px 0px;
	left: -10px;
}

.subslider .flexslider a.flex-prev:before, .subslider .flexslider:hover a.flex-prev:before {
	border-top: 10px solid #333;
	border-left: 10px solid transparent;
	content: '';
	position: absolute;
	top: 100%;
	left: 0px;
	height: 0;
	width: 0;
}

.subslider .flexslider a.flex-next, .subslider .flexslider:hover a.flex-next {
	background-position: -40px 0;
	right: -20px;
}

.subslider .flexslider a.flex-next:after, .subslider .flexslider:hover a.flex-next:after {
	border-top: 10px solid #333;
	border-right: 10px solid transparent;
	content: '';
	position: absolute;
	top: 100%;
	right: 0px;
	height: 0;
	width: 0;
}

.subslider .flexslider:hover a.flex-prev, .subslider .flexslider:hover a.flex-next {
	opacity: 1;
}

.subslider .flex-control-paging {
	bottom: 20px;
	right: 50px;
	font-size: 1px;
	text-align: right;
}

.subslider .flex-control-paging li a {
	background: #fff;
	border: 2px solid #fff;	
	color: #fff;
	-webkit-box-shadow:  3px 3px 3px rgba(0, 0, 0, 0.5) inset;
	   -moz-box-shadow:  3px 3px 3px rgba(0, 0, 0, 0.5) inset;	
			box-shadow:  3px 3px 3px rgba(0, 0, 0, 0.5) inset;
	height: 15px;
	width: 15px;	
}

.subslider .flex-control-paging li a:hover, .subslider .flex-control-paging li a.flex-active {
	background: rgba(190, 58, 58, 100);	
	-webkit-box-shadow:  -1px -1px 2px rgba(0, 0, 0, 0.5) inset;
	   -moz-box-shadow:  -1px -1px 2px rgba(0, 0, 0, 0.5) inset;	
			box-shadow:  -1px -1px 2px rgba(0, 0, 0, 0.5) inset;
}

.subslider .flex-control-paging {
	display: none;
}*/



/* Quit Tools Slider */
#QuitTools .bx-wrapper .bx-viewport {
	left: 0px !important;
	width: auto !important;
}

.subslider .carousel-nav a,
#QuitTools .bx-wrapper .bx-controls-direction a {
	background: url(../img/icn_arrows.png) no-repeat #F6CB1D;
	opacity: .9;
	height: 40px;
	width: 40px;
}

#QuitTools .bx-wrapper .bx-controls-direction {
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	top: 50%;
}

#QuitTools .bx-wrapper .bx-controls-direction .bx-prev {
	background-position: 0px 0px;
	left: -10px;
}

#QuitTools .bx-wrapper .bx-controls-direction .bx-prev:before,
#QuitTools .bx-wrapper:hover .bx-controls-direction .bx-prev:before {
	border-top: 10px solid #333;
	border-left: 10px solid transparent;
	content: '';
	position: absolute;
	top: 100%;
	left: 0px;
	height: 0;
	width: 0;
}

#QuitTools .bx-wrapper .bx-controls-direction .bx-next,
#QuitTools .bx-wrapper:hover .bx-controls-direction .bx-next {
	background-position: -40px 0;
	right: -20px;
}

#QuitTools .bx-wrapper .bx-controls-direction .bx-next:after,
#QuitTools .bx-wrapper:hover .bx-controls-direction .bx-next:after {
	border-top: 10px solid #333;
	border-right: 10px solid transparent;
	content: '';
	position: absolute;
	top: 100%;
	right: 0px;
	height: 0;
	width: 0;
}

.subslider .carousel:hover a.carousel-control.left, 
.subslider .carousel:hover a.carousel-control.right,,
#QuitTools .bx-wrapper .bx-controls-direction .bx-prev,
#QuitTools .bx-wrapper .bx-controls-direction .bx-next {
	opacity: 1;
}

/* ----------INTERIOR PAGES---------- */
form#mainform {
	margin-bottom: 0px;
}

/* Content */
.content-wrapper .container-fluid {
	box-shadow: 10px 10px 0px 0px #ddd;
	padding: 0px;
}

.content-wrapper .content {
	background: url(../img/bg_content.png) repeat-y left #fff;
	background-size: 100%;
	box-shadow: 0px 0px 3px 3px #ccc;
}

.content-page {
	padding-right: 2.5641%;
}

.content-page, .content-main {
	margin-bottom: 20px;
	margin-top: 20px;
}

.span3.content-left {
	min-height: 400px;
	overflow: visible;
	width: 216px;
}

/* Content - Breadcrumbs and Page Tools */
.content-top {	
	border-bottom: 2px solid #eee;
}

.content-top .btn-sidenav {
	display: none;
}

.content-top .page-tools li {
	float: right;
	padding: 0px 4px;
}

.icn_print, .icn_lrgtxt {
	border: 1px solid #ccc;
	display: block;
	height: 20px;
	width: 22px;
	text-indent: -9999px;
}

.icn_print {
	background: url(../img/icn_print.png) left no-repeat #eee;	
	background-position: 2px 0px;
}

.icn_print:hover {	
	background: url(../img/icn_print.png) right no-repeat #eee;	
	background-position: -20px 0px;
}

.icn_lrgtxt {
	background: url(../img/icn_lrgtxt.png) left no-repeat #eee;
	background-position: 2px 0px;
}

.icn_lrgtxt:hover {
	background: url(../img/icn_lrgtxt.png) right no-repeat #eee;
	background-position: -20px 0px;
}

/* Content - Main */
.content-main {
	padding-right: 2.5641%;
}

.content-banner {
	display: block;
	/*padding-right: 20px;*/
	overflow-y: hidden;
	position: relative;
	height: 140px;
	width: 100%;
}

.content-banner img {
	position: relative;
	top: -100px;
	height: auto;
	width: 100%;
	z-index: 1;
}

.content-banner h1, .content-banner .banner-date {
	color: #fff;
	text-shadow: 2px 2px rgba(0,0,0,0.5);
	bottom: 0px;
	left: 20px;
	position: absolute;
	z-index: 2;
}

.content-banner .banner-date {
	font-size: 1.25em;
	bottom: 50px;
}

.content-banner .banner-shadow {
	background: url(../img/banner_shadow.png) center bottom repeat-x;
	bottom: 0;
	position: absolute;
	height: 140px;
	width: 100%;
	z-index: 1;
}

.content-page .content-section {
	min-height: 200px;
	position: relative;
}

.content-page .content-section h2 a, 
.content-page .content-section p a {
	text-decoration: underline;
}

.content-page .content-section h2 a:hover,
.content-page .content-section p a:hover {
	text-decoration: none;
}

.content-section .news-pagination {
    bottom: 0;
    margin-bottom: -10px;
    position: absolute;
    right: 0;
}

/* Content - Featured Boxes */
.feature-box h2 {
	margin-top: 0px;
}

.feature-box-img img {
    border: 5px solid #FFFFFF;
    box-shadow: 0 0 5px 0 #CCCCCC;
    width: 90%;
}

.feature-box-desc {
	padding-bottom: 10px;
}


/* Content - Spotlight Boxes */
.content-page .content-bottom {
	margin-left: 0;
}

.spotlight .well {
	padding: 10px;
}

.spotlight a {
	text-decoration: none;
}

.spotlight img {
	padding-right: 10px;
}

.spotlight .spotlight-content {
	padding-top: 10px;
	text-align: left;
}

/* Content - Right Margin */
.side-box {
	margin-bottom: 20px;
}

.side-box-header {
	background: #F6CB1D;
	padding: 5px 5px 5px;
	position: relative;
	width: 60%;
}

.side-box-header:before {
	content:"";
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 0 10px;
	border-color: transparent transparent transparent #999;
	position: absolute;
	right: -10px;
	top: 0px;
}

.side-box-news .side-box-header {
	background: url(../img/icn_related-news.png) no-repeat #f4c91d;
	background-position: -5px -11px;
	padding-left: 40px;
}

.side-box-content {
	background: #efefef;
	box-shadow: 5px 5px 0px 0px #ccc;
	margin-top: -20px;
	padding: 30px 15px 15px 15px;
}

.side-box-content p a {
	text-decoration: underline;
}

.side-box-content p a.btn,
.side-box-content p a.label,
.side-box-content p a:hover {
	text-decoration: none;
}

/* Content - Right Side - Related Documents */
.side-dlmat {
    border-bottom: 1px dashed #CCCCCC;
    padding-bottom: 10px;
    padding-top: 10px;
}

.side-dlmat-head > img {
    margin-right: 10px;
    width: 80px;
}

.side-dlmat-head .side-dlmat-title {
    font-weight: bold;
    margin-bottom: 10px;
    padding-left: 5%;
    width: 55%;
}

.side-dlmat .side-dlmat-section {
    clear: both;
    display: block;
	padding-top: 10px; 
}

.side-dlmat-section .side-dlmat-link {
    background: url("/_inc/img/icn_publications.png") no-repeat scroll -20px center / 60px auto transparent;
    padding-left: 30px;
}

.side-dlmat-section .side-dlmat-size {
    margin-left: 30px;
}

/* Content - News Section */
.content-news {
	margin-bottom: 20px;
}

.content-news .news-type {
	text-transform: uppercase;
	font-size: 0.75em;
	line-height: 1em;
}

/* ---------- FOOTER ---------- */
#footer {
	background: url(../img/divider_shadow.png) no-repeat center 40px;
	margin-top: 30px;
}

#footer h4 {
	text-transform: uppercase;
	margin-bottom: 0px;
}

#footer h4 a {
	font-size: 12px;
	font-weight: bold;
}

#footer a {
	color: #333;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

.footernav {
	background: #333;
}

#footer #sitemap {	
	margin-bottom: 10px;
}

#footer #sitemap > div {
	padding-left: 10px;
}

#footer #sitemap li {
	margin-bottom: 5px;
}

#footer .footernav a {
	color: #fff;
	text-shadow: none;
	padding: 10px;
}

#footer .footernav li:hover,
#footer .footernav li.active, 
#footer .footernav li.active a {
	background: #F4C91D;
}

#footer .footernav a:hover, 
#footer .footernav a:focus, 
#footer .footernav .active a {
	color: #333;
	text-decoration: none;
}

#footer .social-media {
	margin-bottom: 0px;
}

#footer .social-media a {
	padding: 10px 15px;
}

/* ---------- MISCELLANEOUS ---------- */

strong.red {
	color: #cc3333;
}

/* Buttons */
.btn {
	text-decoration: none;
}

.btn-red {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  *background-color: #bd362f;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active,
.btn-red.disabled,
.btn-red[disabled] {
  color: #ffffff;
  background-color: #bd362f;
  *background-color: #a9302a;
}

.btn-red:active,
.btn-red.active {
  background-color: #942a25 \9;
}

.btn_text {
    display: block;
    float: left;
    margin-top: 7px;
}

/* Images */
.content-img {  
	margin: 10px 10px 10px;
}

/* Icons */
.icn_cart {
    background-image: url("/_inc/img/icn_products.png");
    background-position: -4px 0;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    display: block;
    float: left;
    height: 30px;
    text-indent: 20px;
    width: 30px;
}

/* Breadcrumbs */
.breadcrumb {
	background: none;
	font-size: 0.85em;
	padding: 0px;
	margin-bottom: 0px;
}

.breadcrumb li a {
	color: #999;
	text-decoration: none;
}

.breadcrumb li a:hover, .breadcrumb li a:focus, .breadcrumb li a:active {
	color: #cc3333;
}

.breadcrumb li.active a {
	color: #333;
}

/* Labels */
.label-yellow {
	background: #f4c91d;
	border: 1px solid #f4c91d;
	color: #333;
	text-shadow: none; 
}

a.label-yellow:hover {
	background: #fff;
	color: #333;
}

.label-red {
	background: #cc3333;
	border: 1px solid #cc3333;
	color: #fff;
	text-shadow: none;
	font-weight: normal;
}

a.label-red:hover {
	background: #fff;
	color: #cc3333;
}

/* Tooltips */

.tooltip {
	font-size: 12px;
}

.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.tooltip-inner {
	background: #cc3333;	
}

.tooltip.top .tooltip-arrow {
	border-top-color: #cc3333;
}

/* Forms */
input[type="radio"], input[type="checkbox"] {
	margin-top: 0px;
}

.form-campaign .control-btn {
	margin-top: 11px;
}

.form-search {
	height: 20px; 
	margin-bottom: 10px;
}

.form-search input {
	border-radius: 4px 0px 0px 4px;
	border-right: 0px;
	margin: 0px;
	width: 80%;
}

.form-search button.btn {
	border-radius: 0px 4px 4px 0px;
	width: 16%;
}

.control-label,
.control-label label {
	font-weight: bold;
}

#checkoutForm legend {
	font-size: inherit;
	line-height: inherit;
	border-bottom: 0px;
}

/* Form - Shopping Cart - Shipping Info */
#frmCheckout label.error {
	color: red;
	display: inline;
	margin-left: 10px;
}

/* Form - Order Materials */
.content-label, 
.content-label label {
	font-weight: bold;
	margin-right: 3px; 
}


/* Tables */
table.no-style td {
	border: 0px;
}

.table-striped tbody > tr:nth-child(2n+1) > td, 
.table-striped tbody > tr:nth-child(2n+1) > th {
	background: #fff;
}

/* DataTable */
table.dataTable {
	border-collapse: inherit;
}

table.dataTable td {
	padding: 10px;
}

table.dataTable h4 {
	color: #cc3333;
	font-size: 1.25em;
	margin-top: 5px;
}

table.dataTable h4 a {
	color: #cc3333;
	text-decoration: underline;
}

table.dataTable h4 a:hover {
	text-decoration: none;
}


table.dataTable.table .sorting_asc {
	background: url(../img/icn_sort_asc.png) right center no-repeat;
}

table.dataTable.table .sorting_desc {
	background: url(../img/icn_sort_desc.png) right center no-repeat;
}

table.dataTable.table tr.odd td.sorting_1, 
table.dataTable.table tr.even td.sorting_1 {
	/*background: #FFEED1;*/
	background: #fff;
}

table.dataTable.table tr.odd td.sorting_2,
table.dataTable.table tr.even td.sorting_2 {
	/*background: #fff7e8;*/
	background: #fff;
}

.dataTables_wrapper .dataTables_length {
	margin-top: 0px;
	margin-bottom: 10px;
}

.dataTables_wrapper .dataTables_length select {
	margin-bottom: 2px;
}

/*table.dataTable.table tr.odd td .well {
	background: rgba(255,255,255,.75);
}*/

table.dataTable.table tr:hover td .well {
	background: #fff;
}

.dataTables_paginate a {
	text-decoration: none;
}

.dataTables_wrapper .top .dataTables_info, 
.dataTables_wrapper .top .dataTables_paginate {
	margin-bottom: 10px;
}

.dataTables_wrapper .bottom .dataTables_info, 
.dataTables_wrapper .bottom .dataTables_paginate {
	margin-top: 15px;
}

.dataTables_wrapper .paging_full_numbers a.paginate_button, 
.dataTables_wrapper .paging_full_numbers a.paginate_active {
	background: #fff;
	border-radius: 0px;
	border: 1px solid #ccc;
	border-right: 0px;
	color: #cc3333 !important;
	margin: 0px 0px 10px 0px;
	padding: 5px 8px;
}

.dataTables_wrapper .paging_full_numbers a.paginate_button:hover {
	background: #eee;
	color: #A20000 !important;
}

.dataTables_wrapper .paging_full_numbers a.first.paginate_button {
	border-radius: 4px 0px 0px 4px;
}

.dataTables_wrapper .paging_full_numbers a.last.paginate_button {
	border-radius: 0px 4px 4px 0px;
	border-right: 1px solid #aaa;
}

.dataTables_wrapper .paging_full_numbers a.paginate_active, 
.dataTables_wrapper .paging_full_numbers a.paginate_active:hover {
	background: #fff;
	color: #666 !important;
}

.dataTable td > .searchHit {
	margin: 10px 0px;
}

.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th,
table.dataTable.table.table-hover tr.odd:hover td.sorting_1,
table.dataTable.table.table-hover tr.even:hover td.sorting_1,
table.dataTable.table.table-hover tr.odd:hover td.sorting_2,
table.dataTable.table.table-hover tr.even:hover td.sorting_2 {
	/*background: #ffecb1;*/
	background: #eee;
}

/*.table_col_thmbnl {
	padding: 15px 0px;
}*/

.table_col_thmbnl .icn_featured {
	background: url(../img/icn_featured.png) no-repeat;
	float: left;
	height: 15px;
	text-indent: 9999px;
	width: 15px;
}

/*.table_col_thmbnl img {
	height: 90px;
	width: 90px;
}*/

.dataTable label {
	font-size: inherit;
}

table#materials select {
	margin-bottom: 0px;
	margin-right: 10px;
}

/* TABLE - Support Locator */
#facilities table {
	width: 50%;
}

/* POPUP TABLE - Shopping Cart*/
#shoppingCart table,
#checkoutCart table {
	margin-bottom: 20px;
}

#shoppingCart table th,
#checkoutCart table th {
	border-bottom: 2px solid #cc3333;
	text-align: left;
	padding: 3px;
	vertical-align: middle;
}

#shoppingCart table td,
#checkoutCart table td {
	border-bottom: 1px solid #ddd;
	padding: 3px;
	vertical-align: middle;
}

#shoppingCart table .item-id,
#checkoutCart table .item-id {
	width: 10%;
	word-break: break-all;
}

#shoppingCart table .item-image,
#checkoutCart table .item-image {
	width: 10%;
}

#shoppingCart table .item-name,
#checkoutCart table .item-name {
	width: 60%;
}

#shoppingCart table .item-quantity,
#checkoutCart table .item-quantity {
	width: 10%;
}

#shoppingCart table .item-quantity select,
#checkoutCart table .item-quantity select {
	margin-bottom: 0px;
	width: 100%;
}

#shoppingCart table .item-remove,
#checkoutCart table .item-remove {
	text-align: center;
	width: 5%;
}

.item-remove .simpleCart_remove {
    background: url("/_inc/img/icn_trash.png") no-repeat;
    display: block;
    height: 30px;
    text-indent: -9999px;
    width: 30px;
}


/* ----------IE COMPATIBILITY---------- */

/* Top Navigation */
#utilnav {
	*height: 50px; /* IE7 */
	height: 25px\9; /* IE8 & 9 */
	height: 50px; /* IE 10*/
	position: inherit\9;
}

/* Header */

h1.logo {
	background: url(../img/QTMEP_logo_lowres.png) no-repeat center\9;
}

.mainslider .flex-caption {	
	background-color: #fff\9;
	opacity: .75\9;
}

/* Content */
#HowtoQuit {
	margin-left: 0px\9;
}

.content {
	background: #fff\9;
	*width: 
}

.content .content-page {
	*width: 620px;
}

#homepage .content {
	background: none\9;
}

.search-form {
	height: 50px\9;
}

/** START Shopping Cart **/

.item-image img {
    width: 50px;
    height: 50px;
}

/** END Shopping Cart **/

.smokefreetxt {
	border: 0px;
	min-height: 800px;
	width: 100%;
}