/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* https://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */
/* !Base 960 Grid ============= */

.container {
	position:relative;
	width:960px;
	margin:10px auto;
	padding:0;
}

.container .column,.container .columns {
	float:left;
	display:inline;
	margin-left:10px;
	margin-right:10px;
}

.row {
	margin-bottom:20px;
}

.one_hundred {
	float:left;
	display:inline;
	margin-left:0;
	margin-right:0;
	width:960px;
}

.logo {
	float:left;
	margin:0 0 0 20px;
	height:150px;
	width: 239px;
	background: url(/web/20171218043920im_/https://www.specialityeuropeanpharma.com/images/sep_logo_petal.png) no-repeat left top;
}

.logo img {
	width:239px;
}

/* CSS for high-resolution devices */
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    .logo {
    	background: url(/web/20171218043920im_/https://www.specialityeuropeanpharma.com/images/sep_logo_petal_2x.png) no-repeat left top;
		background-size: 239px 150px;
    }
}

.slideshow_wrap {
	position:relative;
	border-top:1px solid #00c4e0;
	border-bottom:1px solid #00c4e0;
	height:330px;
}

.level_two .strap_wrap {
	border-top:1px solid #00c4e0;
	border-bottom:1px solid #00c4e0;
	background:url(/web/20171218043920im_/https://www.specialityeuropeanpharma.com/images/backgrounder.jpg) repeat-y left top;
}

h1.strapline {
	color:#00c4e0;
	font-size:46px;
	position:absolute;
	top:162px;
	right:90px;
	z-index:200;
	text-align:left;
	padding-bottom:6px;
}

.about h1.strapline {
	color:#00c4e0;
	text-shadow:0 1px 1px rgba(255,255,255,0.5),0 -1px 1px rgba(0,0,0,0.3);
}

.level_two h1.strapline {
	float:left;
	top:0;
	left:0;
	position:relative;
	margin:24px 8px 18px;
}

.level_two .mid_text img {
	width: 540px;
	height: auto;
}

.home .one_hundred .four.box h3 {	
	padding: 8px 18px;
}

.home .rules .columns h3,
.home .rules .columns p,
.home .rules .columns ul {
	padding:0 18px;
}

.light_grey_bottom h3 {
	font-size: 16px;
	font-weight: 400;
	padding-left: 18px;
}

.home .one_hundred .four.box h3 + p {
	padding-top: 10px;
}

.home .one_hundred .four.box img {
	padding: 10px 0;
}

.home .one_hundred .four h3 + p {
	font-weight: 600;
}

.light_grey_mid {
	background:#f2f2f2 url(/web/20171218043920im_/https://www.specialityeuropeanpharma.com/images/tab_rules.png) repeat-y left top;
}

.team .light_grey_mid {
	background:#f2f2f2 url(/web/20171218043920im_/https://www.specialityeuropeanpharma.com/images/tab_rules.png) repeat-y left top;
}

.mid_text {
	padding-top:42px;
	padding-bottom:12px;
}

.mid_text .four {
	margin-bottom:30px;
}

.rules {
	background:#fff url(/web/20171218043920im_/https://www.specialityeuropeanpharma.com/images/3_rules.gif) repeat-y center top;
	margin-top:48px;
	margin-bottom:42px;
}

#vert_nav {
	margin:42px 0 42px 90px;
	width:98px;
}

#team_tabs {
	margin:42px 0 42px 36px;
}

.team .offset-by-one.team_text {
	padding-left: 36px;
}

#nav {
	margin:104px 86px 10px 0;
	float:right;
}

#nav ul {
	float:right;
}

#vert_nav ul {
	float:right;
}

#mobile_nav,#more_button {
	display:none;
}

.container .four.columns.box {
	padding-left: 0;
	margin-left: 78px;
	width: 184px;
}

.container .four.columns.box img {
	width: 140px;
	height: auto;
}

#mobile_nav {
	display:none;
}



/* Nested Column Classes */
.column.alpha,.columns.alpha {
	margin-left:0;
}

.column.omega,.columns.omega {
	margin-right:0;
}

/* Base Grid */
.container .one.column,.container .one.columns {
	width:40px;
}

.container .two.columns {
	width:100px;
}

.container .three.columns {
	width:160px;
}

.container .four.columns {
	width:220px;
}

.container .five.columns {
	width:280px;
}

.container .six.columns {
	width:340px;
}

.container .seven.columns {
	width:400px;
}

.container .eight.columns {
	width:460px;
}

.container .nine.columns {
	width:520px;
}

.container .ten.columns {
	width:580px;
}

.container .eleven.columns {
	width:640px;
}

.container .twelve.columns {
	width:700px;
}

.container .thirteen.columns {
	width:760px;
}

.container .fourteen.columns {
	width:820px;
}

.container .fifteen.columns {
	width:880px;
}

.container .sixteen.columns {
	width:940px;
}

.container .one-third.column {
	width:300px;
}

.container .two-thirds.column {
	width:620px;
}

/* Offsets */
.container .offset-by-one {
	padding-left:60px;
}

.container .offset-by-two {
	padding-left:120px;
}

.container .offset-by-three {
	padding-left:180px;
}

.container .offset-by-four {
	padding-left:240px;
}

.container .offset-by-five {
	padding-left:300px;
}

.container .offset-by-six {
	padding-left:360px;
}

.container .offset-by-seven {
	padding-left:420px;
}

.container .offset-by-eight {
	padding-left:480px;
}

.container .offset-by-nine {
	padding-left:540px;
}

.container .offset-by-ten {
	padding-left:600px;
}

.container .offset-by-eleven {
	padding-left:660px;
}

.container .offset-by-twelve {
	padding-left:720px;
}

.container .offset-by-thirteen {
	padding-left:780px;
}

.container .offset-by-fourteen {
	padding-left:840px;
}

.container .offset-by-fifteen {
	padding-left:900px;
}

.container .offset-small {
	padding-left:15px;
}


/* !Tablet (Portrait) ============= */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	#nav {
		margin:104px 28px 10px 0;
	}
	
	#nav ul li a {
		margin-left: 12px;
	}
	
	h1.strapline {
		font-size:40px;
		top:138px;
	}
	
	.logo {
		
	}
	
	.slideshow_wrap {
		height:264px;
	}
		
	.rules {
		background:#fff url(/web/20171218043920im_/https://www.specialityeuropeanpharma.com/images/3_rules_768.gif) repeat-y center top;
		margin-top:42px;
	}
		
	.light_grey_mid {
		background:#fff url(/web/20171218043920im_/https://www.specialityeuropeanpharma.com/images/tab_rules_890.png) repeat-y center top;
	}
	
	.team .offset-by-one.team_text {
		padding-left: 24px;
	}
	
	.level_two h1.strapline {
		padding-left: 176px;
	}
	
	.level_two .mid_text img {
		width: 430px;
		height: auto;
	}
	
	.product .columns .product_image {
		margin-right: 84px;
		margin-bottom: 20px;
	}
	
	.container,.one_hundred {
		width:768px;
	}
	
	
	.container .four.columns.box {
	width: 142px;
	}
	
	.container .four.columns.box img {
		width: 100px;
		height: auto;
	}

	
	.container .column,.container .columns {
		margin-left:10px;
		margin-right:10px;
	}
	
	.column.alpha,.columns.alpha {
		margin-left:0;
		margin-right:10px;
	}
	
	.column.omega,.columns.omega {
		margin-right:0;
		margin-left:10px;
	}
	
	.alpha.omega {
		margin-left:0;
		margin-right:0;
	}
	
	.container .one.column,.container .one.columns {
		width:28px;
	}
	
	.container .two.columns {
		width:76px;
	}
	
	.container .three.columns {
		width:124px;
	}
	
	.container .four.columns {
		width:172px;
	}
	
	.container .five.columns {
		width:220px;
	}
	
	.container .six.columns {
		width:268px;
	}
	
	.container .seven.columns {
		width:316px;
	}
	
	.container .eight.columns {
		width:364px;
	}
	
	.container .nine.columns {
		width:412px;
	}
	
	.container .ten.columns {
		width:460px;
	}
	
	.container .eleven.columns {
		width:508px;
	}
	
	.container .twelve.columns {
		width:556px;
	}
	
	.container .thirteen.columns {
		width:604px;
	}
	
	.container .fourteen.columns {
		width:652px;
	}
	
	.container .fifteen.columns {
		width:700px;
	}
	
	.container .sixteen.columns {
		width:748px;
	}
	
	.container .one-third.column {
		width:236px;
	}
	
	.container .two-thirds.column {
		width:492px;
	}
	
	/* Offsets */
	.container .offset-by-one {
		padding-left:48px;
	}
	
	.container .offset-by-two {
		padding-left:96px;
	}
	
	.container .offset-by-three {
		padding-left:144px;
	}
	
	.container .offset-by-four {
		padding-left:192px;
	}
	
	.container .offset-by-five {
		padding-left:240px;
	}
	
	.container .offset-by-six {
		padding-left:288px;
	}
	
	.container .offset-by-seven {
		padding-left:336px;
	}
	
	.container .offset-by-eight {
		padding-left:384px;
	}
	
	.container .offset-by-nine {
		padding-left:432px;
	}
	
	.container .offset-by-ten {
		padding-left:480px;
	}
	
	.container .offset-by-eleven {
		padding-left:528px;
	}
	
	.container .offset-by-twelve {
		padding-left:576px;
	}
	
	.container .offset-by-thirteen {
		padding-left:624px;
	}
	
	.container .offset-by-fourteen {
		padding-left:672px;
	}
	
	.container .offset-by-fifteen {
		padding-left:720px;
	}
}

/* !Mobile (Portrait) ============= */
/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
	.container,.one_hundred {
		width:300px;
	}
	
	.container .columns,.container .column {
		margin:0;
	}
	
	.light_grey_top {
		background: white;
		min-height: 40px;
	}
	
	.light_grey_mid,
	.team .light_grey_mid {
		background:#fff none;
	}

	.columns h3,
	.columns p,
	.columns ul,
	.columns h4 {
		padding:0 18px;
	}
	
	.mid_text.twelve.columns {
		padding: 0 0 10px 0;
	}
	
	.columns h3,
	.columns h4 {
		margin-top: 30px;
	}
	
	header.logo {
		background: none;
	}
	
	.logo {
		float:left;
		margin:8px 0 0 0;
		height: 108px;
	}
	
	#nav {
		display: none;
	}
	
	.logo img {
		width:160px;
	}
	
	.slideshow_wrap {
		height:103px;
	}
	
	h1.strapline {
		font-size:16px;
		right:20px;
		top:30px;
	}
	
	.rules {
		background:#fff none;
		margin:0;
	}
	
	.level_two h1.strapline {
		float:left;
		top:0;
		left:0;
		position:relative;
		margin:6px 20px 0;
	}
	
	.level_two .mid_text img {
		width: 264px;
		height: auto;
	}
	
	.container .four.columns.box {
		width: 300px;
		padding: 0;
		margin: 0;
		border: none;
		border-radius: 0;
	}
	
	.container .four.columns.box h3 {
		border: none;
		border-radius: 0;
	}
	
	.light_grey_bottom {
		margin-top:12px;
		padding:8px 0 0 0;
	}
	
	.light_grey_bottom p,.light_grey_bottom h3,.dark_grey_bottom p {
		padding-left:18px;
		padding-right: 18px;
	}
	
	.light_grey_bottom h3, .team_text h3 {
		margin-top: 0;
	}
	
	.dark_grey_bottom .right p {
		margin-top: 0;
	}
	
	.rules .columns h3 {
		margin-top:24px;
	}
	
	.one_hundred .eight p {
		padding:0 20px;
	}
	
	#nav {
		margin:0;
	}
	
	#nav ul {
		float:left;
		margin:0 0 12px 9px;
	}
	
	#nav ul li a {
		padding:2px;
		margin-top:1px;
		margin-bottom:1px;
	}
	
	#nav ul li.this a {
		border-bottom:1px solid #fff;
		border-top:1px solid #eee;
	}
	
	#nav ul li {
		float:left;
		clear:left;
	}
	
	.right {
		text-align:left;
	}
	
	#vert_nav {
		display:none;
	}
	
	#more_button {
	display: block;
	position: absolute;
	right:18px;
	top:92px;
	background: rgba(0,196,224,0.1);
	border: 1px solid rgba(0,196,224,0.5);
	border-radius: 12px;
	padding: 6px 14px;
	color: rgba(0,196,224,0.8);
	font-size: 10px;
	line-height: 10px;
	font-weight: 500;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	}
	
	#more_button.button_selected {
	background: rgba(0,196,224,0.6);
	border: 1px solid rgba(0,196,224,0.9);
	color: rgba(255,255,255,1);
	text-shadow: none;
	}
	
	.product .columns .product_image {
	float:left;
	margin-right: 0;
	margin-left: 20px;
	}

	.product .columns img.product_image {
	width: 200px;
	}
	
	#team_tabs {
	margin:0;
	padding-bottom: 10px;
	}
	
	#team_tabs ul {
		border-right:none;
		padding-top:12px;
		padding-bottom:12px;
		width: 266px;
	}
	
	#team_tabs ul li {
		display:block;
		width:95px;
		line-height:12px;
		margin-bottom:8px;
		margin-right: 32px;
		float:left;
		clear: none;
	}
	
	#team_tabs ul li a {
		background:#fafafa;
		border-left:1px solid #ddeef0;
		border-top:1px solid #ddeef0;
		border-bottom:1px solid #ddeef0;
		border-right:1px solid #ddeef0;
		border-radius: 20px 20px 20px 20px;
	}
	
	#team_tabs ul li a.selected {
		border:1px solid #008193;
		border-radius: 20px 20px 20px 20px;
	}
	
	#team_tabs ul li a:hover {
		border-radius: 20px 20px 20px 20px;
	}
	
	
	#team_tabs .seven.columns.offset-by-one.team_text {
		margin-left: 20px;
		padding-left: 0;
		width: 266px;
	}
	
	#team_tabs .seven.columns.offset-by-one.team_text img {
		float: left;
		margin-right: 8px;
		margin-bottom: 4px;
	}
	
	#team_tabs .seven.columns.offset-by-one.team_text h3, #team_tabs.seven.columns.offset-by-one.team_text h4 {
		float: left;
		padding: 0;
		width: 156px;
	}
	
	#team_tabs .seven.columns.offset-by-one.team_text p {
		padding: 0;
	}
	
	.light_grey_bottom {
		padding-bottom: 10px;
	}
	
	img.product_image.four.columns {
		margin: 20px 18px 0 18px;
	}
	
	.dark_grey_bottom .ten.columns p:first-child {
		padding-bottom: 10px;
	}
	
	#site_map {
		padding: 18px 18px 0 18px;
	}

	
	.container .one.column,.container .one.columns,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one-third.column,.container .two-thirds.column {
		width:300px;
	}
	
	/* Offsets */
	.container .offset-by-one,.container .offset-by-two,.container .offset-by-three,.container .offset-by-four,.container .offset-by-five,.container .offset-by-six,.container .offset-by-seven,.container .offset-by-eight,.container .offset-by-nine,.container .offset-by-ten,.container .offset-by-eleven,.container .offset-by-twelve,.container .offset-by-thirteen,.container .offset-by-fourteen,.container .offset-by-fifteen {
		padding-left:0;
	}
}
/* !Mobile (Landscape) ============= */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container,.one_hundred {
		width:420px;
	}
	
	.container .columns,.container .column {
		margin:0;
	}
	
	.slideshow_wrap {
		height:144px;
	}
	
	h1.strapline {
		font-size:24px;
		right:20px;
		top:48px;
	}
	
	.level_two h1.strapline {
		float:left;
		top:0;
		left:0;
		position:relative;
		margin:12px 20px 6px;
	}
	
	.level_two .mid_text img {
		width: 384px;
		height: auto;
	}
	
	.container .four.columns.box {
		width: 420px;
	}
	
	#mobile_nav ul li a {
		width: 368px;
	}
	
	#team_tabs {
	margin:0;
	}
	
	#team_tabs ul {
		width: 386px;
	}
	
	#team_tabs .seven.columns.offset-by-one.team_text {
		width: 384px;
	}
	
	#team_tabs .seven.columns.offset-by-one.team_text h3, #team_tabs.seven.columns.offset-by-one.team_text h4 {
		width: 276px;
	}
	
	.dark_grey_bottom .ten.columns p:first-child {
		padding-bottom: 0;
	}
	
	
	.container .one.column,.container .one.columns,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one-third.column,.container .two-thirds.column {
		width:420px;
	}
}

/* !Clearing ============= */
/* Self Clearing Goodness */
.container:after,.one_hundred:after {
	content:"\0020";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
.clearfix:before,.clearfix:after,.row:before,.row:after {
	content:'\0020';
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}

.row:after,.clearfix:after {
	clear:both;
}

.row,.clearfix {
	zoom:1;
}

/* You can also use a <br class="clear" /> to clear columns */
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}