@charset "utf-8";
/* Mobile First */
/* Mobile Layout: 700px and below. */
/* Tablet Layout: 700px to 940px. Inherits styles from: Mobile Layout. */
/* Desktop Layout: 940px to a max of 940px.  Inherits styles from: Mobile Layout and Tablet Layout. */
/*
@media only screen and (min-width: 700px) {
}
@media only screen and (min-width: 960px) {
}
*/

img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width: 100%;
}
.alcoholTools ul, .alcoholTools a, .alcoholTools div, .alcoholTools sup, .alcoholTools select, .alcoholTools input, .alcoholTools textarea {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.zeroMargin_mobile {
	margin-left: 0;
}
.row {
	width: 100%;
	clear: both;
}
.row-content {
	width: 100%;
	margin: auto auto;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
 @media only screen and (min-width: 700px) {
.row-content {
	width: 100%;
}
}
 @media only screen and (min-width: 960px) {
.row-content {
	width: 960px;
}
}
/* =================================================================
	Header
==================================================================*/
#header {
	background-color: #fff;/*height:148px;*/
}
.header-div {
	float: left;
}
#header-logo {
	background-image:url(../images/svg/logo.svg);
	background-size:contain;
	background-repeat:no-repeat;
	margin-right: 20px;
	width: 29%;
	height:148px;
	display:block;
}

.lt-ie9 #header-logo{
	background-image:url(../images/header_logo_alcohol.gif);
	height:148px;
	width:246px;
	display:inline-block;
	height:148px;
	display:block;
}

#header-talk {
	background-image:url(../images/svg/header_phone.svg);
	background-size:contain;
	background-repeat:no-repeat;
	margin-right: 20px;
	width: 39%;
	height:148px;
	display:block;
}

.lt-ie9 #header-talk {
	background-image:url(../images/header_phone.gif);
	background-repeat:no-repeat;
}

@media only screen and (min-width: 960px) {
#header-talk {
	margin-right: 40px;
	max-width: 350px;
}
 #header-logo {
	margin-right: 40px;
	max-width: 246px;
}
}
/* =================================================================
	Search box
==================================================================*/

#header-search-container {
	/*width:300px;	*/
	padding-top: 53px;
	float: right;
}
#search-results-container, #header-search {
	border-style: solid;
	border-width: 1px;
	border-color: rgb( 216, 210, 202 );
	background-color: rgb( 255, 255, 255 );
	box-shadow: 1px 1.732px 0px 0px rgb( 0, 255, 0 );
	box-shadow: inset 2px 3px 5px 1px rgb( 244, 243, 241 );
	border-radius: 18px;
	display: block;
	/*padding-top: 3px;
	padding-bottom: 3px;*/
	padding-right: 3px;
	padding-left: 15px;
}
#header-search {
	height:31px;
}

#search-results-container input[type="text"], #header-search input[type="text"] {
	background: none;
	border: none;
	width: 207px;
}
 @media only screen and (min-width: 700px) {
#search-results-container input[type="text"], #header-search input[type="text"] {
	width: 120px;
}
}
@media only screen and (min-width: 960px) {
#search-results-container input[type="text"], #header-search input[type="text"] {
	width: 190px;
}
}
#search-results-container input[type="submit"], #header-search input[type="submit"] {
	background: none;
	background-image: url(../images/svg/btn_search.svg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 31px;
	width: 31px;
	border: none;
	text-indent: -9999px;
	text-transform: uppercase;
}

.lt-ie9 #search-results-container input[type="submit"],
.lt-ie9 #header-search input[type="submit"] {
	background: none;
	background-image: url(../images/btn_search.png);

}

@media only screen and (min-width: 700px) {
#header-search input[type="submit"] {
}
}
/* =================================================================
	END Search box
==================================================================*/
/* =================================================================
	END Header
==================================================================*/

/* =================================================================
	base
==================================================================*/
.col-left-search, .col-left {
	width: 100%;
	float: left;/*background-color:green;*/
	margin:0;
}
.col-left.campaign-top-level {
	width: 100%;
}
 @media only screen and (min-width: 700px) {
	.col-left {
		width: 100%;
		margin-right: -270px;
		float: left;
	}
	.col-left--alt {
		width:40%;
	}

	.col-right.campaign-top-level {
		width: 240px;
	}
}

 @media only screen and (min-width: 767px) {
	.col-left.campaign-top-level {
		width: 100%; /*478px;*/
	}
	.col-left--alt {
		width:418px;
	}
}

@media only screen and (min-width: 960px) {
	.col-left-search{
		width: 670px;
		float: left;
	}
	.col-left.campaign-top-level {
		width: 435px;
		margin: 0;
	}

	.col-left.campaign-top-level .col-inner {
		margin:0;
	}

	.col-left--alt {
		width:610px;
	}
}


.col-right {
	width: 100%;
	float: left;
}
 @media only screen and (min-width: 700px) {
.col-right {
	width: 240px;
	margin-left: 30px;
}
}

@media only screen and (min-width: 960px) {
.col-right.campaign-top-level {
	width: 455px;
}
}
@media only screen and (min-width: 700px) {
.col-right--alt {
	width: 300px;
}
}

.row-full-width {
	margin-bottom: 20px;
}
.subcol-left {
	width: 100%;

}
.subcol-right {
	width: 100%;
}
 @media only screen and (min-width: 700px) {

}
@media only screen and (min-width: 960px) {
.subcol-left {
	width: 55%;
	float: left;
}
.subcol-right {
	width: 275px;
	float: right;
	margin-left: 20px;
}
}

 @media only screen and (min-width: 700px) {
	.col-inner {
		margin-right: 270px;
	}
}

/* =================================================================
	END base
==================================================================*/

/* =================================================================
  	PRINT STYLES
==================================================================*/
@media print {
	#sidebar,
	#header-mobile,
	#header,
	#footer,
	.col-right,
	.hide-print {
		display: none !important;
	}

	.references-content {
		display: block !important;
	}
}

