/* -------------------------------------- */
/*            Boilerplate CSS             */
/* -------------------------------------- */

/* 
	Note: When adding or editing fake color variables, use slight color variations to ensure the 
	same color doesn't accidentally get used for something not intended. Can't rely on comment suffix
	as some colors may be used inline.
*/
#colorFakeVariables
{
	color:#9d9c9c;/*Divider Color*/	
}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

/* -------------------------------------- */
/*            Boilerplate CSS             */
/* -------------------------------------- */

* {
    margin: 0;
    padding: 0;
}

img 
{
    border: 0 none;
}

html{
	height:100%;
}
body{
}

input[type="text"], input[type="email"], input[type="password"], textarea {
	width:100%;
	background-color: #FFF;
	border:2px solid #000;
	padding:5px;
}

.respDivImg img {
	width: inherit;  /* Make images fill their parent's space. Solves IE8. */
	max-width: 100%; /* Add !important if needed. */
	height: auto;    /* Add !important if needed. */
}

@font-face {
    font-family: MadeFlorenceSans;
    src: url("../fonts/made_florence_sans.otf") format("opentype");
}
@font-face {
    font-family: Intro;
    src: url("../fonts/Intro-Medium.otf") format("opentype");
}
@font-face {
    font-family: Intro;
    font-weight: bold;
    src: url("../fonts/Intro-Black.otf") format("opentype");
}

/* -------------------------------------- */
/*            Main Website                */
/* -------------------------------------- */

body
{ 
	color: #000; 
	background-color:#FFF;
	font-family:  Intro,Arial,Helvetica,sans-serif; 
	font-size: 14px; 
	line-height: 1.5; 
	margin: 0; 
	position: relative; 
	
} 
body:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #ffcf00;
    position: fixed;
    top: 0;
    left: -40%;
    z-index: -1;
    transform: skewX(-13.6deg);
}
body.pAgeGate:before {
    transform: none;	
	left:0;
}
 
#wrapper
{
	margin:0 auto;
}

a 		{ color:#000; }
a:hover { text-decoration:none; }

#header
{
	background-image:url(../images/header_bg.png?ver=20210110);
	background-repeat:repeat;
	height:156px;
}

#header_content
{
	max-width:850px;
	margin:0 auto;
	
	color:#F7F7F7;
	font-size:14px;
}

.ielt9 #header_content {
	width:780px;	
}

.divLink {
	cursor:pointer;
	text-decoration:underline;
	font-weight:bold;		
}

#header_links {
	float:right; 
	text-align:right; 
	text-transform:uppercase;
	margin-top:62px; 
	font-size:14px;
	margin-right:15px;
}

#header_content a  {
	color:#FFFFFF;
	text-decoration:none;	
}

#header_content a:hover {
	color:#fecc1c;
	text-decoration:none;	
}

#header_logo {
	float:left;
}

.header_link_wrapper {
	float:right;
	height:38px;
}

.header_link_wrapper div {
	padding-left:12px;
	padding-right:12px;
	padding-top:2px;
	padding-bottom:2px;
	border-right:1px solid #222121;
	
}


#header_content a:hover .header_link_wrapper {
	background-image:url(../images/header_link_bg.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
}

#socialMedia {
	text-align:right;
	margin-right:20px;
	margin-top:10px;
	margin-bottom:10px;
}

#socialMedia a {
	height:41px;
	width:41px;
	border:2px solid #000;
	border-radius:5px;
	margin-left:20px;
	display:inline-block;
}

#socialMediaFacebook {
}

#menubar
{

}

#menubar ul
{
	/*max-width:960px;*/
	max-width:850px;
	margin:0 auto;
}

#menubar ul li
{
	list-style: none;
	float:left;
	text-align:center;
	
}

#menubar ul li a 
{
	width:192px; /*Should be width of the <ul> (960px) divided by the number of menu elements*/
	
	display:inline-block;
	color:#FFFFFF;
	text-decoration:none;
	
	padding-top:6px;
	padding-bottom:6px;
	
	font-size: 14px;
	text-transform:uppercase;
}

#menubar ul li a:hover
{
	background-color:#000;
}


.errorHeaderError {
	color:#F00; font-size:14px; border:1px solid #F00; padding:8px; display: table;margin-bottom:10px; 
}

.errorHeaderNote {
	font-size:14px; border:1px solid #000; padding:8px; display: table;margin-bottom:10px;
}


#center
{
	/*min-height:600px;*/
}

#content
{
	max-width:850px;
	width:100%;
	margin:0 auto;
}

.ielt9 #content {
	width:780px;	
}

#content .standardpad
{
	padding:24px;
	min-height:400px;
}

#page_content_wrapper {
	clear:both;
	padding-top:34px;
	padding-bottom:50px;
}

#page_content {
	padding-left:24px;
	padding-right:24px;
}

#page_content_inner {
}

#page_content_inner_padding {
	padding:10px;
}



.img-fluid {
	max-width: 100%;
    height: auto;
}


.AgeGateHeader {
	background-image:url(../images/AgeGateHeaderBackground.png);
	background-repeat:repeat-x;	
	background-size:contain;
	text-align:center;
	margin-top:40px;
	margin-bottom:10px;
	padding-left:30px;
	padding-right:30px;
}
#AgeGateContent {
	margin:0 auto;
	text-align:center;
	padding:0 20px;
}
#headerAgeGate1 {
	font-size: 50px;
}
#headerAgeGate2 {
	color:#FFF;
	text-shadow:2px 2px #000;
}
.SurgeonGeneralWarning {
	background-color:#FFF;
	border:3px solid #000;
	padding:10px;
	max-width:700px;
	margin:0 auto;
	font-size:1.4em;
	margin-top:30px;
	font-weight:normal;
}


.loginLeft {
	float:left; width:60%;
}

.loginLeft table {
	width:90%;
}

label {
	font-size:1.1em;
	text-transform: uppercase;
}

.loginRight {
	float:right; width:36%;
}

#account_sidebar {
	float:left;
	width:100%;
	padding-top:16px;
	padding-bottom:16px;
}

#account_sidebar a {
	padding-right:10px;
	margin-right:10px;
	color:#000;
	text-decoration:none;
	border-right:2px solid #000;
	font-weight:bold;
	float:left;
}

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

#account_sidebar a:last-child {
	border:0px;
}

#account_points {
	border:2px solid #20201f;
	background-color:#FFF;
	padding:10px;
	width:165px;
	float:left;	
}
#account_points h2 {
	font-size:44px;
	text-align:right;
}
#account_points h3 {
	text-align:center;
}


#account_history {
	margin-left:200px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:40px;
}

#account_history div {
	color:#60605f;
	display:none;
}

.accountHistoryBanner {
	margin:0 auto;
	margin-bottom:40px;
	max-width:730px;
	width:100%;
	border:1px solid #000;	
}

.smallerText {
	font-size:.8em;
}

#sidebar_right
{	
	float:left;
	width:100%;
	min-width:200px;
	max-width:688px;
	padding:16px;
	min-height:200px;
}

#sidebar_end
{
	clear:both;
}
 
.breadcrumb a {
	color:#000;
	text-decoration:none;	
}
.breadcrumb a:hover {
	text-decoration:underline;	
}

#productButtons {
	text-align:center;	
	margin:20px 0px 30px;
}

#productButtons input {
    font-family: 'Source Sans Pro', sans-serif;
	font-weight:900;
	text-transform:uppercase;
	margin:0px 20px;
	padding:4px 0px;
	height:auto;
	margin-bottom:20px;
	width:250px;
}

#productHeader {
	text-align:Center;
}
#productHeader img {
	width:100%;
	max-width:732px;
}
.productHeaderVerbiage {
	font-size:16px;
	max-width:670px;
	padding:5px 10px;
	margin:0 auto;
}

#aboveProducts {
	margin-top:20px;
	text-align:center;
	font-size:16px;
}

@media only screen and (max-width: 590px) {
	#productButtons input {
		width:230px;
	}
	#productHeader {
		
	}
}

.product_list_container {
	text-align:center;
	vertical-align:text-top;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	color:#FFF;
}

.product_list_item_container
{
	display:inline-block;
	width:204px;
	padding:3px;
	text-align:left;
	background-color:#000;
	margin:17px;
	box-shadow: 5px 5px 0px 0px #000;
}

.product_list_item_cost, .product_list_item_detail_cost {
	background-color:#20201f;
	font-size:25px;
	line-height:1;
	text-align:left;
	width:199px;
	padding-left:5px;
	color:#FFF;
	overflow:hidden;
	margin-top:8px;
	margin-bottom:5px;
}

.product_list_item_detail_cost {
	width:auto;
	padding-top:5px;
	padding-bottom:5px;	
}

.product_list_item_inserts, .product_list_item_detail_inserts {
	font-size:15px;
	color:#FFF;
	float:right;
	margin-top:5px;
	padding-right:5px;
}

.product_list_image_container
{
	/*display:table-cell; -- was included for vertical centering, however this breaks the images in IE8 (IE8 generates a bunch of random vspace and hspace)*/
	vertical-align:middle;  
	height:200px;
	width:204px;
	text-align:center;
}

.product_list_container p {
	padding-left:5px;
	padding-right:5px;
}

.RenderImage
{
	max-height:204px;
	max-width:204px;
	max-height:100%;
	
}

.RenderImageTableContainer
{
	height:48px;
	margin:4px; 
	text-align:center;
}

.product_list_item_container p a 
{
	color:#d2a815;
    font-size: 16px;
	text-decoration:none;
}

.product_list_item_container p a:hover
{
	text-decoration:underline;
}

.product_display_image_container
{
	width:100%;
}

.product_display_image_container img
{
	border:1px solid #9d9c9c;
	width:100%;
}




.product_description_left {	
	float:left;
	width:100%;
	min-width:200px;
	max-width:295px;
}
.product_description_right {	
	float:left;
	width:100%;
	min-width:200px;
	max-width:400px;
	margin-left:15px;
}

.product_description
{
	/*
	border:1px solid #cccccc;
	background-color:#FFFFFF;
	
	background-image:url(../images/bg_trans_white_75.png);
	background-repeat:repeat;
	
	padding:4px;
	*/
	max-width:300px;
	width:100%;
	font-size:11px;
	
}

.product_description h2 {
	text-align:right;	
}

.product_description ul, ol
{
	margin-top:16px;
	margin-bottom:16px;
	margin-left:32px;
}




.product_ribbon_item_container
{
	float:left;
	width:154px;
	padding:8px;
	height:265px;
	text-align:center;
}

.product_ribbon_item_container p a 
{
	color: #000;
    font-size: 13px;
	text-decoration:none;
}

.product_ribbon_item_container p a:hover
{
	text-decoration:underline;
}

.product_ribbon_image_container
{
	display:table-cell; 
	vertical-align:middle;  
	height:200px;
	width:154px;
}

.product_ribbon_image_container img
{
	width:100%;
	max-height:100%;
	border:1px solid #9d9c9c;
}

.productImage {
	max-width:100%;
}

#shoppingCartTable 
{
	border-collapse: collapse;
	font-size: 12px;
	text-align: left;
	width: 100%;
}
#shoppingCartTable th 
{
	border-bottom: 2px solid #20201f;
	font-size: 14px;
	font-weight: normal;
	padding: 10px 8px;
}
#shoppingCartTable td 
{
	border-bottom: 1px solid #20201f;/*Divider Color*/	
	padding: 2px 6px;
}


#footer_top
{
	min-height:32px;	
	padding-top:32px;
	max-width:765px;
	padding-left:15px;
	padding-right:15px;
	margin:0 auto;
	font-size:12px;
	text-align:center;
	text-transform:uppercase;
}

.footerDisclaimer {
	line-height:1.2;
	padding-bottom:10px;
}

.privacyShield img {
	margin:20px;
	width:125px;
}

#footerLinks a {
	color:#000; 
	text-decoration:none;
	padding:0 10px;
	border-right:1px solid #000;
}
#footerLinks a:hover {
	color:#000;
} 

.footerCopyright {
	display:inline-block;
	padding:0 15px;
}

#footer_top a#facebook_link 
{
    background: url(../images/icon_facebook_tan.png);
	background-repeat:no-repeat;
    padding-left: 20px;
    padding-right: 10px;
}

#footer_top a#youtube_link 
{
    background: url(../images/icon_youtube_tan.png);
	background-repeat:no-repeat;
    padding-left: 20px;
    padding-right: 10px;
}


#footer_bottom
{
	background-color:#091927;
	min-height:128px;
}


.sizingTable
{
	border-collapse: collapse;
	font-size:12px;
	text-align:center;
}
.sizingTable th 
{
	border-bottom: 2px solid #666;
	font-size: 14px;
	font-weight: normal;
	padding: 10px 8px;
}
.sizingTable td 
{
	border-bottom: 1px solid #9d9c9c;/*Divider Color*/	
	padding: 4px 24px;
}



/* -------------------------------------- */
/*            Layout Sections             */
/* -------------------------------------- */


.error
{
	color:#FF0000;
	font-weight:bold;
}

h1
{
    font-size:64px;
    font-weight:normal;
    letter-spacing:1.4px;
    padding-bottom:5px;
    text-transform:uppercase;
	color:#000;
	padding-left:15px;
	font-family: MadeFlorenceSans,Arial,Helvetica,sans-serif;
}

h2
{
    font-size:24px;
	font-weight:bold;
    text-transform:uppercase;
}

h3
{
    font-size:15px;
    font-weight:bold;
    letter-spacing:1.4px;
    margin-bottom:5px;
    text-transform:uppercase;
}

.separator
{
	margin-top:12px;
	border-top:1px solid #20201f;/*Divider Color*/	
	height:12px;
	width:100%;
}

.form_section
{
	padding-top:1px;
	padding-bottom:1px;
	margin-bottom:8px;
	text-align:left;
	
}

.form_label
{
	float:left; 
	width:30%; 
	text-align:left;
	min-width:150px;
	font-weight:bold;
}

.form_field
{
	float:left; 
	width:100%; 
	text-align:left;
	max-width:250px;
}

/*
a:link {color:#cc171e; text-decoration:underline;}    
a:visited {color:#cc171e; text-decoration:underline;} 
a:hover {color:#ff686c; text-decoration:underline;} 
a:active {color:#cc171e; text-decoration:underline;}  
*/

.req
{
	color:#B00B00;
}






.button {
	-webkit-tap-highlight-color: transparent;
    border: 0;
    background: transparent;
    -moz-appearance: none;
    -webkit-appearance: none;
    display: inline-block;
    position: relative;
    z-index: 1;
    margin: 0 3px 20px 0;
    letter-spacing: 1px;
    transition: top .2s,left .2s;
    text-transform: uppercase;
    font-family: Intro,sans-serif;
	font-weight:bold;
    text-align: center;
    cursor: pointer;
    outline: 0;
	padding: 15px 50px;
	font-size: 1em;
	text-decoration: none;
	color:#000;
}.button:active {
    top: 3px;
    left: 3px;
}.button:hover {
	color:#FFFFFF;
	cursor:pointer;
}.button:active {
	position:relative;
	color:#FFFFFF;
}.button:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    border: 3px solid #000;
    position: absolute;
    top: -3px;
    left: -3px;
    z-index: -1;
    transform: skewX(-13.6deg);
}.button:hover:before, .button:active:before {
    background: #000;
}.button:active:before {
    background: #000;
    transition: .1s;
}.button:after {
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    border: 3px solid #000;
    position: absolute;
    top: 1px;
    left: 1px;
    z-index: -2;
    transform: skewX(-13.6deg);
}.button:active:after {
    display: none;
}
.buttonMarginRight {
	margin-right:30px;
}

.yellowButton {
	background-color:#ffcf00;
	border:2px solid #000;
	padding:10px;
	text-decoration: none;
	font-size:1.3em;
	display:block;
	text-align:center;
}
.yellowButton:hover {
	background-color:#FFD939;
}



.product_description_right .button {
	width:100%;	
}

.maxWidthButton {
	width:100%;	
	padding-left:0px;
	padding-right:0px;
}



/* Dropdown styling */

	#mobileNavigationWrapper {
		display:none;
	}

	#mobileNavigation {
		/* Size and position */
		position: relative; /* Enable absolute positionning for children and pseudo elements */
		width: 260px;
		margin: 0 auto;
		padding: 5px 15px;
		display:none;
		margin-top:8px;
	
		/* Styles */
		color:#000000;
		background: #fff;
		cursor: pointer;
		outline: none;
		text-transform:uppercase;
		border:1px solid #000000;		
		
		background: #e6b817; /* Old browsers */
		background: -moz-linear-gradient(top,  #e6b817 0%, #c0970e 44%, #957004 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#c0970e), color-stop(100%,#957004)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #e6b817 0%,#c0970e 44%,#957004 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #e6b817 0%,#c0970e 44%,#957004 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #e6b817 0%,#c0970e 44%,#957004 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #e6b817 0%,#c0970e 44%,#957004 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6b817', endColorstr='#957004',GradientType=0 ); /* IE6-9 */
	}
	
	#mobileNavigationSpace {
		margin-bottom:25px;
		display:none;
	}
	
	#mobileNavigation:after {
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		right: 16px;
		top: 50%;
		margin-top: -3px;
		border-width: 6px 6px 0 6px;
		border-style: solid;
		border-color: black transparent;
	}
	
	#mobileNavigationLinks {
		display:none;
		list-style: none;
		width: 290px;
		margin: 0 auto;
		background: #000000;
	}
	
	#mobileNavigationLinks li a {
		display: block;
		text-decoration: none;
		color:#828280;
		padding: 10px;
		border-bottom:1px solid #20201f;
	}
	
	#mobileNavigationLinks li i {
		margin-right: 5px;
		color: inherit;
		vertical-align: middle;
	}
	#mobileNavigationLinks li:hover a {
		color:#fecc1c;
	}


	#accountNavigation {
		/* Size and position */
		position: relative; /* Enable absolute positionning for children and pseudo elements */
		width: 260px;
		margin: 0 auto;
		padding: 8px 15px;
		display:none;
		background-color:#000;
	
		/* Styles */
		color: #fefefe;
		cursor: pointer;
		outline: none;
		text-transform:uppercase;
		border:1px solid #494747;		
	}
	
	#accountNavigation:after {
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		right: 16px;
		top: 50%;
		margin-top: -3px;
		border-width: 6px 6px 0 6px;
		border-style: solid;
		border-color: #FFF;
	}
	
	#accountNavigationLinks {
		padding:0px 16px;
	}
	

.offersHeader {
	padding:24px;
	font-size:22px;
	line-height:1.2em; 
	border-bottom:8px solid #f9c600;
}

.cfdump_struct, .cfdump_query {
	color:#000000;	
}

.form-dropdown {
	border:2px solid #000;
	padding:5px;
	display:block;
	width:100%;
}