@media only screen and (max-width: 812px){

body {
	margin: 0;
	font-family: "SignikaLight", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	}
	
body:before {
    content: "";
    position: fixed;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,.8);
    -moz-box-shadow: 0px 0px 7px rgba(0,0,0,.8);
    box-shadow: 0px 0px 7px rgba(0,0,0,.8);
    z-index: 100;
	}


#wrap {
	position:relative;
	display: block;
	clear: both;
	width: 100%; height: 1680px;
	/*-webkit-box-shadow: 0 0 15px rgba(0,0,0,.6);
		-moz-box-shadow: 0 0 15px rgba(0,0,0,.6);
		box-shadow: 0 0 15px rgba(0,0,0,.6);*/
	}
	


/*LOGO--------------------------------------------------------------------	*/
	#top-header{
		clear: both;
		display: block;
		position: relative;
		xbackground: #E2E3E4;
        width: 100%;
		height: 155px;
		z-index:100;
	}
	
	#logo{
		float: left;
		display: block;
		width: 100%;
		height: 52px;
		margin-bottom: 10px;
		image xbackground: #E1DBCB;
		background-repeat: no-repeat;
		background-image: url(../img/logosmall.png)
	}
	
	#link{
		float: left;
	}

	#link a{
		
		color: transparent;
		width: 453px;
		height: 95px;
		position: absolute;
		left: 0px;
		top: 0px;
		
	}

	#link a:link, a:visited{
		color: transparent;
	}
	
/* MAIN NAVIGATION	------------------------------------------------------------------*/

	#navigation{
		width: 100%;
		display: inline-block;
		float: left;
		z-index:101;
		background: transparent;
	}

	#navigation ul {
	    font-family: Arial, Verdana;
	    font-size: 12px;
	    margin: 0;
	    padding: 0;
	    list-style: none;
		z-index:101;

	}
	 #navigation ul li {
		padding: 0px 0px;
	    display: block;
	    position: relative;
	    float: left;
	}

	 #navigation li ul {
	    display: none;
	}

    #navigation ul li a {
		font-family: "museosans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
		font-weight: normal;
		text-transform: uppercase;
	    display: block;
	    text-decoration: none;
	    white-space: nowrap;
		padding-top: 64px;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 10px;
		z-index:101;
		-webkit-transition:all 0.2s ease;
	    -moz-transition:all 0.2s ease;
	}

	 #navigation ul li a:hover {
		background-color: #eb8962;
	}

	#navigation li{
		background: transparent;
	}
	 #navigation li:hover ul {
	    display: block;
	    position: absolute;
	}
	 #navigation  li:hover li {
	    float: none;
	}
    
	#navigation a:link, a:visited{
		color: black;
	}
	
	#navigation .active{
		background-color: #eb8962;
	}
	
	#navigation .sub-nav{
		background: #f9d9cc;
	}
	
	#navigation .sub-nav a{
		padding-top: 10px;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 10px;
		z-index:101;
	}
	
/*HOMEPAGE----------------------------------------------------------------*/
#home-content{
	height: 100%;
	float: left;
	display: block;
}


#container {
	display: block;
	position: relative;
	width: 100%; height: 400px;
	margin:0 auto;
	z-index:0;
}

#example {
	width:100%;
	height:auto;
	position:relative;
	background-image: url(../img/shadow.png);
	background-position: bottom;
	background-repeat: no-repeat;
	
}


/*
	Slideshow
*/

#slides {
	position:absolute;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:100%;
	height: auto;
	overflow:hidden;
	position:relative;
	display:none;
	
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:920px;
	height:400px;
	display:block;
}

.slides_container a img {
	width:100%;
	height: auto;
	display:block;
	float: center;
	filter: 0;
}


/*
	Pagination
*/

.pagination {
	margin:7px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
	}

.pagination li.current a {
	background-position:0 -12px;
	}

#slider-text{
	font-family: "SignikaLight", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	float:left;
	position:relative;
	width: 300px;
	z-index:101;
	display: block;
	top: 10px;
	left:10px;
   }

#slider-text p{
	padding: 16px;
	color: #5c5c5c; 
	background: rgba(255, 255, 255, 0.7);
}

#product-category{
	height: auto;
	margin-top: 30px;
}

#category{
	float: left;
	width: 480px;
	height: 85px;
}

#category h2{
	font-family: "museosans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: normal;
	padding: 0;
	margin: 0;
}

#category a{
	text-decoration: none;
}

#text{
	float: right;
	width: 380px;
	padding: 0;
	margin: 0;
}

#text p{
	color: #696868;
	margin-top: 1;
	margin-bottom: 35px;
}

#text h2{
	padding-top: 2px;
}


#image{
	float: left;
	padding: 0;
}

#info{
	clear: both;
	display: block;
	width: 100%;
	height: auto;
	margin: 0px -10% 0px -10%;
}

.purplemini{
	color: #5b9bd4;
	font-family: 'museosans';
	font-weight: normal;
}

.pinkmini{
	color: #D982AB;
	font-family: 'museosans';
	font-weight: normal;
}

.bluemini{
	color: #1f9c9e;
	font-family: 'museosans';
	font-weight: normal;
}

.orangemini{
	color: #ea5e25;
	font-family: 'museosans';
	font-weight: normal;
}

.fucsiamini{
	color: #ee2c54;
	font-family: 'museosans';
	font-weight: normal;
}

.lightpurplemini{
	/*color: #efa003;*/
	color: #692d8b;
	font-family: 'museosans';
	font-weight: normal;
}

/*HOME BANNER-----------*/

#home-banner{
	width: 430px;
	height: 80px;
	margin-bottom: 25px;
}


/*ABOUT US----------------------------------------------------------*/

#about-content{
	width: 100%;
	height: 650px;
}

#about-content h1{
	color: rgba(0, 0, 0, 0.4);
	border-bottom: 1px solid #CCCCCC;
	font-family: 'museosans';
	font-weight: normal;	
}

#about{
	width: 560px;
	float: left;
}

#about p{
	font-family: "SignikaLight", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	color: #696868;
}

#aboutpicture{
	margin: 0;
	float: right;
	background-image: url("../img/aboutpicture.jpg");
	width: 560px;
	height: 358px;
}


/*PRODUCTS----------------------------------------------------------*/
#products-content{
	height: 2150px;
}

#products-content h1{
	color: rgba(0, 0, 0, 0.4);
	border-bottom: 1px solid #CCCCCC;
	font-family: 'museosans';
	font-weight: normal;	
}

#products-content a{
	text-decoration: none;
}
/*Product page slideshow-----------*/

#content{
	position: relative;
	height: 300px;
}


#featured{
	xwidth:980px;
	xheight:450px;
	position: relative;
	xoverflow: hidden;
}

#content span{
	z-index: 100;
	height:43px;
	width:43px;
	position: absolute;
	top:127px;
	cursor: pointer;
}

#content span.product-slideshow-next{
	left:1075px;
	background-image: url("../img/arrows-next1.png");
}

#content span.product-slideshow-previous{
	background-image: url("../img/arrows-prev1.png");
}

#content #featured img{
	position: absolute;
}

#thumbnails{
	width:245px;
	height:64px;
	float: left;
	margin-top: 325px;
}

#content #thumbnails ul{
	list-style:none;
	margin: 0;
	padding: 0;
}

#content #thumbnails li{
	margin-top: 10px;
	border: 1px solid #CCCCCC;
	cursor: pointer;

}

/*---------------------------------*/

#products-list{
	float: right;
	margin-top: 336px;
	padding: 0;	
	width: 734px;
	border-left: 1px solid #CCCCCC;
	padding-left: 70px;
}


.description p{
	font-size: 14px;
	padding: 0;
	margin: 0 0 10px 0;
}


.item            {margin: 0 0 84px 0; position: relative; cursor: pointer;
                              height: 130px; }

.item a{ text-decoration: none; }

.item a:link, a:visited{ color: black; }

.discount-bar               { padding: 10px 0 10px 150px; font: italic 18px Georgia, Serif; }
.discount-bar strike        { color: #999; padding: 0 5px; }
.discount-bar span          { font: bold 18px Helvetica, Sans-Serif; }

.reasonbar                  { padding: 9px 0 9px 229px; overflow: hidden;
                              color: white; }
                 
.prod-title                 { float: left; font: normal 14px 'museosans', Sans-Serif; }
.description                     { xwidth: 49%; float: left; text-align: left;
                              padding: 0 5px 0 0; margin-left: 229px; margin-top: 10px; }
                              
.item img        { position: absolute; top: 0; left: 0; width: 200px; height: 200px; }


.ambulatory                    { border-top: 1px solid #ea7140; }
.ambulatory .reasonbar         { background: #ea7140; }
.ambulatory .discount-bar      { color: #ea7140; background: white; }

.volumetric                    { border-top: 1px solid #669dd4; }
.volumetric .reasonbar         { background: #669dd4; }
.volumetric .discount-bar      { color: #669dd4; background: white; }

.syringe               { border-top: 1px solid #ea7140; }
.syringe .reasonbar    { background: #ea7140; }
.syringe .discount-bar { color: #ea7140; background: white; }

.feeding                    { border-top: 1px solid #e4d7f3;}
.feeding .reasonbar         { background: #e4d7f3; }
.feeding .discount-bar      { color: #e4d7f3; background: white; }
	
.warmer               { border-top: 1px solid #EE2C54;}
.warmer .reasonbar    { background: #EE2C54; }
.warmer .discount-bar { color: #EE2C54; background: white; }

.accesories               { border-top: 1px solid #a8509a;}
.accesories .reasonbar    { background: #a8509a; }
.accesories .discount-bar { color: #a8509a; background: white; }

.syringekey                    { border-top: 1px solid #60b6b5; }
.syringekey .reasonbar         { background: #60b6b5; }
.syringekey .discount-bar      { color: #60b6b5; background: white; }

/*.webonly                    { border: 2px solid #B37141; }
.webonly .reasonbar         { background: #B37141; }
.webonly .discount-bar      { color: #B37141; background: white; }

.buynow                     { position: absolute; bottom: -13px; left: 126px; }*/

/*.current                    { font-weight: bold; font-size: 15px; }
*/




/*PRODUCTS-SINGLE---------------------------------------------------*/

#products-content-single{
	height: 1000px;
}

#products-content-single h1{
	color: rgba(0, 0, 0, 0.4);
	border-bottom: 1px solid #CCCCCC;
	font-family: 'museosans';
	font-weight: normal;	
}


#products-single{
	width: 100%;
	margin-top: 40px;
	height: 400px;
}

#products-single a{
	text-decoration: none;
}

#products-single a:focus { outline: 0; }

#products-single h2{
	font-family: 'museosans';
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 15px;
	color: #666;
	
}

.breadcrumb{
	font-size: 15px;
}

.breadcrumb a:link, a:visited{
		color: black;
}
	

/*
	 Organic Tabs
	 by Chris Coyier
	 http://css-tricks.com
*/

html { overflow-y: scroll; }*/
a { text-decoration: none; }


/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }


/* Specific to example two */
#specs{
	float: right;
}
#specs .list-wrap { width: 600px; background: #eee; padding: 10px; margin: 0 0 15px 0; }

#specs ul { list-style: none; margin: 0; padding: 0; }
#specs ul li a { display: block;  padding: 4px; color: #666; }
#specs ul li:last-child a { border: none; }

#specs .nav { overflow: hidden; margin: 0; padding: 0; text-transform: uppercase; }
#specs .nav li {float: left; margin: 0 10px 0 0; }
#specs .nav li.last { margin-right: 0; }
#specs .nav li a { display: block; padding: 12px; background: #666; color: white; font-size: 16px; text-align: center; border: 0; }
#specs li a.current,#specs li a.current:hover { background-color: #eee !important; color: black; }
#specs .nav li a:hover, #specs .nav li a:focus { background: #999;}

#featured2 li{
	xborder-bottom: 1px solid #24a6a4;
	margin-left: 18px;
	padding: 0 0 8px 0;
	list-style: disc;
}


#core2 li{
	border-bottom: 1px solid #686d71;
	padding: 10px 0 5px 0;
}

#core2-warmer li{
	border-bottom: 1px solid #EE2C54;
	padding: 10px 0 5px 0;
}

#ambulatory-infusion-background{
	height: 590px;
	background-image: url("../img/ambulatory-background.jpg");
}

#volumetric-background{
	height: 590px;
	background-image: url("../img/volumetric-background.jpg");
}

#volumetric-background2{
	height: 590px;
	background-image: url("../img/volumetric-background2.jpg");
}

#warmer-background{
	height: 590px;
	background-image: url("../img/warmer-background.jpg");
}

#feeding-background{
	height: 590px;
	background-image: url("../img/feeding-background.jpg");
}

#syringe-background{
	height: 590px;
	background-image: url("../img/syringe-background.jpg");
}

#syringekey-background{
	height: 590px;
	background-image: url("../img/syringekey-background.jpg");
}

#pumpset-background{
	height: 590px;
	background-image: url("../img/pumpset-background.jpg");
}
#IVset-background{
	height: 590px;
	background-image: url("../img/IVSET-background.jpg");
}


/*SLIDESHOW FOR SINGLE PRODUCTS*/
#product-image{
	float: left;
	xbackground: #f2e0c8;
}

#product-image #single_container {
	width:400px;
	position:relative;
	z-index:0;
}

#product-image #single_example {
	width:434px;
	height:282px;
	position:relative;
}

.remove{
	cursor: default;
}

/*
	Slideshow
*/

/*#products {
	margin-left:26px;
}*/

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

#product-image #single_product .slides_container {
	width:366px;
	overflow:hidden;
	float:left;
	position:relative;
	border:1px solid #dfdfdf;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

#product-image .slides_container a {
	width:366px;
	height:274px;
	display:block;
}

/*
	Next/prev buttons
*/

#product-image #single_product .next,#single_product .prev {
	position:absolute;
	top:252px;
	left:0;
	width:21px;
	height:0;
	padding-top:21px;
	overflow:hidden;
	display:block;
	z-index:101;
}

#product-image #single_product .prev {
	left: 5px;
	background:url(../img/arrow-prev.png);
}

#product-image #single_product .next {
	left:342px;
	background:url(../img/arrow-next.png);
}

/*
	Pagination
*/

#product-image #single_product .pagination {
	width: 327px;
	background:#dfdfdf;
	float:left;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

#product-image #single_product .pagination li {
	float:left;
	margin:3px 7px;
	list-style:none;
}

#product-image #single_product .pagination li a {
	display:block;
	width:55px;
	height:55px;
	margin:1px;
	float:left;
	background:#f9f9f9;
}

#single_product .pagination li.current a {
	border:1px solid #7f7f7f;
	margin:0;
}


/*
	Anchors
*/

/*a:link,a:visited {
	color:#599100;
	text-decoration:none;
}

a:hover,a:active {
	color:#599100;
	text-decoration:underline;
}*/


/*PRODUCT SPECIFICATIONS -------*/
.warmer-specs-titles{
	color: #EE2C54;
}

.syringe-specs-titles{
	color: #ec4500;
}

.syringekey-specs-titles{
	color: #219d9e;
}

.volumetric-specs-titles{
	color: #659dd4;
}

.feeding-specs-titles{
	color: #692d8b;
}

.ambulatory-specs-titles{
	color: #D982AB;
}

#download-brochure{
	width: 115px;
	height: 150px;
	margin-top: 30px;
	margin-left: 124px;
	background-image:url(../img/download-button.png);
}



/*DISTRIBUTORS----------------------------------------------------------*/

#distributors-content{
	width: 100%;
	height: 750px;
}

#distributors-content h1{
	color: rgba(0, 0, 0, 0.4);
	border-bottom: 1px solid #CCCCCC;
	font-family: 'museosans';
	font-weight: normal;	
}

#map{
	height: 300px;
	xbackground: red;
	margin-bottom: 60px;
}

#login h2{
	text-align: center;
	margin-right: 43px;
	font-family: "museosans";
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
	color: #ea5e21;
}

#login p{
	text-align: center;
}

.incorrect{
	margin: 0 auto;
	width: 166px;
	margin-left: 454px;
}

#login-form{
	width: 300px;
	margin: 0 auto;
}

#login-form p{
	width: 258px;
	color: #595959;
}

#login-form input{
	width: 200px;
	margin-top: 10px;
}

#login-form .button{
	width: 213px;
	height: 29px;
	margin-top: 10px;
}

#login ul {
    font-size: 16px;
    margin: 0;
    padding: 0;

}

#login li{
	margin-left: 46px;
	margin-top: 20px;
}

 
#login a:link, a:visited{
	color: black;
	text-decoration: none;
}

/*CUSTOMER SUPPORT----------------------------------------------------------*/

#customer-support-content{
	width: 100%;
	height: 900px;
}

#customer-support-content h1{
	color: rgba(0, 0, 0, 0.4);
	border-bottom: 1px solid #CCCCCC;
	font-family: 'museosans';
	font-weight: normal;	
}

#levels{
	height: 300px;
	background: url(../img/customerservice.gif);
}

#serviceLevel{
	width: 920px;
	font-size: 16px;
	font-family: "museosans";
	font-weight: normal;
	color: #585757;
}

#serviceLevel td {padding:11px 33px 19px 19px;height:70px;}


#support-form{
	float: left;
	margin-top: 25px;
}

#support-form a{
	text-decoration: none;
	color: #696868;
}

#login a:link, a:visited{
	text-decoration: none;
}


#support-form h3{
	width: 400px;
	font-family: "museosans";
	color: #575757;
	font-size: 16px;
	border-bottom: 1px solid #ed5c23;
	font-weight: normal;
}

#support-photo{
	float: right;
	margin-top: 43px;
	width: 600px;
	height: 470px;
	background:url(../img/support-photo.jpg);
}

/*CONTACT-----------------------------------------------------------*/
#contact-content{
	height: 680px;
}

#contact-content h1{
	color: rgba(0, 0, 0, 0.4);
	border-bottom: 1px solid #CCCCCC;
	font-family: 'museosans';
	font-weight: normal;
}

#contact-form{
	float: left;
}

#contact-form p{
	margin-top: 0;
	color: #585757;
}

#contact-form-layout{
	float: left;
}

#contact-form-layout h3{
	margin: 0;
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: normal;
	color: #575757;
	width: 410px;
	border-bottom: 1px solid #ed5c23;
	line-height: 21px;
	text-transform: normal;
}

fieldset {
	height: 456px;
	float: left;
	border: none;
	font-family: 'museosans';
	font-weight: normal;
	padding: 0;
	margin-left: 0;
	}

label{
	width: 400px;
	}
	
input{
	background: rgba();
	width: 400px;
	height: 25px;
	border: 1px solid #B3B3B3;
	font-family: 'museosans';
	font-weight: normal;
	font-size: 14px;
	padding-left: 10px;
	xmargin-bottom: 10px;
}

textarea{
	display:block;
	width: 400px;
	height: 100px;
	font-family: 'museosans';
	font-weight: normal;
	font-size: 14px;
	border: 1px solid #B3B3B3;
	padding-left: 10px;
	padding-top: 10px;
	}

#button{
	width: 414px;
	padding: 0;
	margin-top: 20px;
}

#contact-photo{
	float: right;
	width: 620px;
	xbackground: red;
}

#contact-info{
	float: left;
	width: 300px;
}

.company-name{
	font-family: "Signika";
}

#contact-info h3{
	font-family: "museosans";
	margin: 0;
	border-bottom: 1px solid #ed5c23;
	text-transform: uppercase;
	font-size: 14px;
	color: #585757;
	font-weight: normal;
}

#contact-info p{
	margin:9px 0 40px 0;
	color: #585757;
	padding: 0 0 5px 0;
}

#googlemap{
	float: right;
	margin: 0;
	margin-top: 14px;
}

iframe{
	border: 0;
}

/*FOOTER------------------------------------------------------------*/

#footer{
	background-color: #FFF;
	display: block;
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	height: 107px;
	-moz-box-shadow: 0 0 2px #FFF;
	-webkit-box-shadow: 0 0 2px#FFF;
	box-shadow: 0 0 2px #FFF;
    }


#footer a { 
	color: #333; word-spacing: normal; 
	border-left:1px solid #999;
	padding-right:5px;
	padding-left:5px;
	font-size: 14px;
	}
		
#footer a.first { border-left:none;padding-left:0px;}
#footer p.copyright {
	color: #58595b;
	font-size: 10px;
	margin: 35px 0 10px 0;
	word-spacing: normal;
	}
	
#footer .footerNav {
	width:100%;
	position: relative;
	text-align: center;
	font-size: 10px;
	color: #e0eff7;
	z-index: 101;
	}
	
#footer .footerNav li {
	float: left;
	margin-right: 12px;
	padding-right: 12px;
	border-right: 1px solid #b6b8ba;
	}
		
#footer .footerNav a { 
	color: #333;
	}
	
.amp {
	font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif;
	font-style: italic;
	font-weight: normal;
	}
		
	
#footer .f_nav {
	/* padding-left:10px; */
	text-align:center;
	width:100%; /* was 790, updated by lillie */ 
	}
	
#footer .copyright {
	float:left;
	/* padding-left:10px; */ 
	width: 100%; /* was 960 updated by lillie */ 
	text-align:center;/* was left updated by lillie */ 
	font-size:10px;
	font-size: 12px;
	}

#footer .copyright a{
	text-decoration: none;
	font-size: 12px;
	border: none;
}
	


#left-info {
	display:block;
	position: relative;
	width: 100%; height: 670px;
	float: left;
	clear: both;
	text-align: left;
	margin: 0px 20px 20px 20px;
}