@charset 'utf-8';
/*
keep all the basic LESS definitions in one place and 
use import in the various css files at the beginning
and don't forget the @charset as the first line
*/
@import "definitions.less";

/* @group LAYOUT */

html { 
	font-size: 62.5%; /* makes 1em = 100% = 10px */
	background:url(img/bkgrd.jpg) mirror center center;
}
body {
	font-size: 10px; font-size: 1.0rem; /* = 10px */
	.text-font;
	color:@text;
	background:url(img/masthead.png) repeat-x center top;
	}

sup {
    vertical-align: super;
    font-size: smaller;
}
/* @end */	
/* @group HEADER */

#header {
	height:159px;
	overflow:visible;
/*** UTILITY LINKS ******************************************************/
	.utilities {
		margin-top:7px;
		li {
			color:@light-blue;
			a { color:@light-blue; }
		}
	}
/*** LOGO ******************************************************/
	#logo {
		height:60px;
		width:134px;
		margin-top:10px;
		background:url(img/logo.png) no-repeat left top;
		a { 
			display:inline-block;
			span { display:none; } 
		}
	}
/*** SEARCJ ******************************************************/
	#search {
		/*display: block;*/
		height: 32px;
		width: 229px;
		background:url(img/search.png) no-repeat right center;
		margin-top:35px;
		position:relative;
		form { 
			width:220px;
			height:30px;
			float:right;
			position:absolute;
			left:15px;
			top:0; 

			input {
				-webkit-appearance: textfield;
				margin: 3px 0;
				padding-left:20px;
				border: none!important;
				width:160px;
				height:25px;
				line-height: 150%;
				font-size: 150%;
				color: @grey;
				background-color:transparent;

			}
			button#submit {
			   cursor:pointer;
				margin: 0 0 0 2px;
				border: none;
				width: 50px;
				height: 25px;
				display: inline-block;
				background-color: transparent;
			}
			
			
			
			
			
			
			
		}
	}	
}

/* @end */	
/* @group MIDDLE */	

#middle { /*background-color:yellow;*/
	margin-top:40px!important;
/*** PRIMARY ******************************************************/
	#primary {
/*** ARTICLE ******************************************************/
		.article {
			padding:18px 13px;
			.text;
/*** H2 + H3 ******************************************************/
			h2 {
                position: relative;
				color:@blue;
				/*font-size:200%;*/
				font-size:220%;
				line-height:100%;
				.title-font;
				.dotted;
				&.insight {
					background:url(img/icon_bulb.png) no-repeat left 0;
					padding-left:25px;
				}
				&.news {
					background:url(img/icon_news.png) no-repeat left -5px;
					padding-left:45px;
				}
			}	
			h3 {
				color:@blue;
				font-size:116.7%;
				line-height:100%;
				padding:15px 0 5px 0;
				.title-font;
				font-family:'OpenSansRegular', Helvetica, Arial, sans-serif;
			}
            a {
                text-decoration: none;
            }
		}
	}
/*** SECONDARY ******************************************************/
	#secondary { /*see below under SIDEBAR*/ 
        min-height: 200px;
    }
}


/* @group HOME PAGE */
/*** CONTENT HOME-PAGE ******************************************************/
#middle #primary #content.home {
/*** SLIDESHOW ******************************************************/	
	#slideshow {
		height:270px;
		width:680px;
		overflow:hidden;
		margin-bottom:20px;
		.frame;
		.control { display:none!important; }
		figcaption { display:none; }
	}
/*** COLUMNS ******************************************************/			
	#left, #right {
		background-color:#fff;
		.frame;
	}	
}
/* @end */	


/* @group SUB PAGES */
/*** CONTENT SUB-PAGES ******************************************************/
#middle #primary #content.subpages {
	width:680px!important;
	background-color:@frames!important;
	.frame;	
	#main {
		width:490px!important;
		background-color:@white;
		padding:18px 13px;
		.text;
	}
	#sub-nav { /*background-color:hotpink;*/
		background-color:@frames;
	}
}
#middle #primary #content.subpages.wide {
    width: 940px!important;
    #main {
        width: 750px !important;
        article.article {
            float: left;
            width: 470px;
            padding-top: 0!important;
            margin-right: 7px!important;
        }
        aside#sidebar {
            float: left;
            width: 240px;
        }
        .top-section {
            width: 720px;
            padding: 0 13px;
            position: relative;
			h2 {
				color:@blue;
				/*font-size:200%;*/
				font-size:220%;
				line-height:100%;
				.title-font;
				.dotted;
            }
            h3.teaser {
                position: absolute;
                top: 25px;
                left: 50px;
                color: #fff;
                width: 385px;
            }
            p.teaser {
                position: absolute;
                top: 75px;
                left: 50px;
                color: #fff;
                width: 375px;
            }
            img.teaser {
                width: 720px;
            }
        }
    }
}
.subpages {	
	.article {	
		font-size:100%!important;
		h3  { 
			color:@blue;
			margin-bottom:10px;
			font-family:'OpenSansRegular', Helvetica, Arial, sans-serif!important;
		}
		p  { margin-bottom:10px; }
		margin-bottom:100px;		
		/*ul.icons {
			float:right;
			li {
				width:25px;
				height:25px;
				float:left;
				list-style:none!important;
				list-style-type:none!important;
				padding-left:3px!important;
			}
		}*/
		/*ul li { 
			list-style-type:none!important;
			list-style-position:outside;
			padding: 0;
			margin:0 0 20px 20px;
		}*/
		ul { /*background-color:orange;*/
			padding-left:0;
			li { /*background-color:orangered;*/
				list-style-type:disc!important;
				list-style-position:outside;
				margin: 0 0 10px 20px;
                a {
                    background: none;
                    padding: 0;
                }
			}
		}
		/*ul.bullets { background-color:orange;
			padding-left:0;
			li { background-color:orangered;
				list-style-type:disc!important;
				list-style-position:outside;
				margin: 0 0 20px 0;
			}
		}*/		
		ul.icons-list {
			li {
				list-style:none!important;
				list-style-type:none!important;
			}
		}
		ul.icons {
			float:right;
			li {
				width:25px;
				height:25px;
				float:left;
				list-style:none!important;
				list-style-type:none!important;
				padding-left:3px!important;
				margin:0;
			}
		}
		span.right { /*background-color:pink;*/
			width:140px;
			float:right;
			text-align:center;
			margin-left:30px;
			img {
			     /*margin:10px 0 30px;
			     height:166px;*/
			 }
			span.btn {
				display:inline-block;
				margin:0px auto;
				clear:both;
				.frame(5px,6px);
				a {
					display:inline-block;
					height:25px;
					width:115px;
					color:@text;
					font-size:85%;
					font-weight:bold;
					text-align:center;
					line-height:25px;
					vertical-align:middle;
					text-decoration:none;
					float:right;
					.box;
					&:hover {
						color:@blue;
						.gradient(@gradient-box-bkgrd,@gradient-box-top,@gradient-box-bottom);
					}
				}
			}
		}
	}
}
/* @end */

* {
	
	}

			
/* @group SIDEBAR */
#sidebar>ul>li,#sidebar>ul>div.cms_placeholder>li {
			.frame;
			margin-bottom:15px;
/*** ADs ******************************************************/
			&.ad { 
				a { 
					display:inline-block;
					/*.box;*//*dropshadow around images or not*/
					img { 
						margin-bottom: -2px;
						overflow:hidden;
					}
				}
			}
/*** BOXES ******************************************************/
			div {
				padding:5px 10px;
				.box;
				h3 {
					line-height:25px;
					font-size:140%;
					a {
						background:url(img/icon_arrow-fwd.png) no-repeat right center;
                        color:@links;
						/*color: @sidebarH3;
						font-size:110%;*//*if link only boxes require larger font*/
						font-weight:bold;
						text-decoration:none;
						width:100%;
						display:inline-block;
						vertical-align:text-top;
						&:hover {
							color:@links;
						}
					}
				}
				p {
					line-height:160%;
				}
				fieldset {
					margin:5px 0 10px 0;
					background:url(img/icon_arrow-down.png) no-repeat right center;
					select {
						width:170px;
					}
				}
			}
}
/* @end */
	
/* @end */
	
/* @group FOOTER */
#fullwidth {
	margin-top:100px;
	height:45px;
	display:block;
	clear:both;
	.gradient(@blue, @gradient-footer-top, @gradient-footer-bottom);
	#footer {
		color:@white;
		line-height:45px;
		vertical-align:middle;
		nav ul li {
			line-height:45px;
			vertical-align:middle;
			a:hover { text-decoration:underline; }
		}
	}	
}
/* @end */


/* @group LINKS */
	
a {color:@links;}

ul.goto li, li.goto {
    color:@blue;
	/*color:@text;*/
	text-decoration:none;
	background:url(img/icon_arrow-fwd.png) no-repeat left center;
	padding:5px 0 5px 25px;
	line-height:25px;
    list-style: none;
	&:hover {
		text-decoration:underline;
		color:@blue;
	}
}
#sidebar div p a {
    background-position: top left; 
    min-height: 18px; 
    margin-top: 5px; 
    padding: 0 0 0 25px; 
    display: inline-block; 
    line-height: 15px;
}
a.read-more {
	width:71px;
	height:19px;
	display:inline-block;
	background:url(img/btn_read-more.png) no-repeat center center;
	margin:5px 0 5px 0;
	span { display: none; }
}
/* @end */	

/* @group MISCELLANEOUS */
	
hr {
	border-top: 2px dotted @grey;
	border-top-width: 2px;
	clear: both;
	height: 0
}


#sidenav form {
    input {
        /*width: 90%;*/
    }
    ul {
        margin-bottom: 4px;
    }
}
form {
    label {
        display: block;
        margin: 6px 2px;
    }
}

.drug_info {
    font-size: 16px;
    display: block;
    font-style: italic;
    margin-bottom: -8px;
    margin-top: 5px;
}

.product_list_item {
   margin-bottom: 15px; 
   margin-top: 5px; 
   .product_image {
        float: left; 
        height: 100px; 
        width: 80px; 
        text-align: center; 
        margin-right: 10px; 
    }
    hr {
        margin: 0;
    }
    h4 {
        padding-top: 10px;
    }
    p {
        margin: 0 !important;
    }
}
.cms_placeholder {
    position: relative;
}
div.teaser {
    overflow: hidden;
    position: relative;
}
.subpages .article .cms_placeholder-bar ul li {
    list-style-position: none !important;
    list-style-type: none !important;
    margin: 0; 
}

.library_description {
    display: block;
    font-size: 90%;
    line-height: 14px;
    padding-left: 25px;
}

#navigation ul#main li ul li a{
    vertical-align: text-top !important;
}

img.left {
    margin-right: 10px;
}

img.right {
    margin-left: 10px;
}

.request_sample {
    textarea {
        width: 215px;
    }
    th {
        vertical-align: top;
        text-align: right;
    }
    select {
        width: 380px;
    }
}

.highlighted {
    text-decoration: underline;
    padding:1px;
}
/* @end */	

.product_image_outer {
    height: 200px;
    margin: 10px 0 5px;
    position: relative;
}
.product_image_inner {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 15px;
}
.product_image img {
    /*position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -70px;*/
}