/* ---------------------------------------------------
CVS: $ $
Title: global.css
Copyright: (c) 2009
Author: Phil Renaud
Company: Rhino Internet
Description: Global styles for Medplast
--------------------------------------------------- */

/* ---------------------------------------------------
=Reset
Takes browser-specific styling and resets it to a
common behavioural standard. Based heavily upon the
Yahoo! User Interface Library Reset:
http://developer.yahoo.com/yui/reset/
--------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
   }

table {
	border-collapse:collapse;
	border-spacing:0;
   }

fieldset,img {
	border:0;
   }

address,caption,cite,code,dfn,th,var,strong,em {
	font-style:normal;
	font-weight:normal;
   }

ol,ul {
	list-style:none;
   }

caption,th {
	text-align:left;
   }

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
   }

q:before,q:after {
	content:'"';
   }

abbr,acronym {
   border:0;
   }

html {
   font-size: 100.01%; /* Corrects default font sizing in IE/WIN, and font resizing in Opera. */
   }

/* ---------------------------------------------------
=Universal
Styles applied to basic xhtml elements, classes and
IDs notwithstanding.
--------------------------------------------------- */

body {
   background: #d4e0f2 url(/images/hpbg.png) top left repeat-x;
   font-family: Helvetica, Arial, sans-serif;
   font-size: 100%;
   color: #000;
   }

body.interior {
   background-position: 0px -195px;
   }

strong {
   font-weight: bold
   }

em {
   font-style: italic;
   }

p {
   }

a {
   color: #069;
   text-decoration: none;
   }

a:focus {
   outline: none;
   }

a:hover {
   color: #0099cc;
   text-decoration: underline;
   }

h1, h2, h3, h4 {
   font-family: "Myriad Pro", Myriad, Helvetica, Arial, sans-serif;
   }

h1 {
   float: left;
   margin-left: 25px;
   }

h1 a {
   width: 300px;
   height: 100px;
   background: transparent url(/images/logo.png) top left no-repeat;
   display: block;
   text-indent: -9999px;
   }

.interior h2 {
   color: #fff;
   font-size: 230%;
   font-style: italic;
   height: 40px;
   padding: 0px 20px;
   padding-top: 15px;
   }

h3 {
   }

h4 {
   }

h5 {
   }

h6 {
   }

dl {
   }

dl dt {
   }

dl dd {
   }

input, textarea {
   font-family: Helvetica, Arial, sans-serif;
   }

/* ---------------------------------------------------
=Common minor elements + aesthetics.
--------------------------------------------------- */



/* ---------------------------------------------------
=Clearfix
Clears floats within a container.
--------------------------------------------------- */
.clearfix:after,
ul.split:after,
body.interior div#intro:after,
form.contactform:after {
   content: ".";
   clear: both;
   display: block;
   height: 0;
   visibility: hidden;
   }


/* ---------------------------------------------------
=Containers
Macro-level containing elements.
--------------------------------------------------- */

#worldcontainer {
   width: 950px;
   margin: auto;

   }

#header {
   height: 155px;
   background-color: #fff;
   width: 950px;
   overflow: hidden;
   }
body#home #header {
   height: 350px;
   width: 950px;
   overflow: visible;
   }

#main {
   background-color: #d4e0f2;
   font-size: 80%;
   color: #333;
   line-height: 140%;
   }

#footer {
   background-color: #0075bf;
   color: #fff;
   text-transform: uppercase;
   height: 50px;
   line-height: 50px;
   clear: both;
   font-size: 80%;
   position: relative;
   z-index: 2;
   width: 900px;
   margin-left: 25px;
   }


/* ---------------------------------------------------
=Header
--------------------------------------------------- */

#header div#slider {
   height: 350px;
   background: #fff url(/images/slider.png) top left no-repeat;
   float: left;
   clear: both;
   width: 900px;
   margin-left: 25px;
   margin-right: 25px;
   position: relative;
   top: 100px;
   margin-top: -100px;
   margin-bottom: 100px;
   }

#header ul#navigation {
   float: right;
   margin-right: 15px;
   overflow: hidden;
   }

#header ul#navigation li {
   float: left;
   margin-top: 40px;
   padding: 0px 10px;
   border-right: 1px solid #d4e0f2;
   }

#header ul#navigation li a {
   display: block;
   text-transform: uppercase;
   font-family: "Myriad Pro", Myriad, Helvetica, Arial, sans-serif;
   padding: 5px;
   }

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

body.capabilitiesandservices #header ul#navigation li.capabilitiesandservices a,
body.aboutus #header ul#navigation li.aboutus a,
body.facilities #header ul#navigation li.facilities a,
body.contact #header ul#navigation li.contact a {
   background-color: #fc3;
   color: #440;
   }



/* ---------------------------------------------------
=Main
--------------------------------------------------- */

body#home div#main ul.split {
   padding-top: 100px;
   margin: 25px 0px;
   }

body.interior div#main ul.split {
   margin: 0px 0px 25px 0px;
   }

body#home div#main ul.split li.one {
   float: left;
   width: 400px;
   }

body#home div#main ul.split li.two {
   float: left;
   width: 500px;
   }

div#main ul.split li.one {
   padding: 0px 25px;
   }

ul.split li.two a.promo {
   height: 220px;
   width: 500px;
   background: transparent url(/images/promobg.png) top left no-repeat;
   position: relative;
   text-indent: -9999px;
   display: block;
   cursor: pointer;
   }
   
/* CP 20090514 - Add "Recent News" feature list */
div#main ul.split li ul.recentnews {
   background-color: #fff;
   padding: 10px;
   margin: 10px 0 0 25px;
   width: 431px;
   }
   
div#main ul.split li ul.recentnews li {
   list-style: none;
   margin: 0 0 10px; /* in case of multiple features */
   padding-left: 22px;
   }
   
div#main ul.split li ul.recentnews li.last {
   margin-bottom: 0;
   }
   
div#main ul.split li ul.recentnews li.featurepdf {
   background: #fff url(/images/pdficonsmall.gif) top left no-repeat;
   }

div#main ul.split li ul li.newspdf a { /* PDF icon for News page entries */
   background: #d4e0f2 url(/images/pdficonsmall.gif) top right no-repeat;
   padding: 2px 22px 0 0;
   display: inline-block;
   }
   
body#news div#main ul.split li ul li {
   clear: left;
   }
/* end CP News entry styles */

#home ul.split .two h3 {
   line-height: 100%;
   margin: 15px 0 5px 27px;
   padding: 0;
   font: bold 14px Arial, Helvetica, sans-serif;
   }

body#home p.intro {
   font-style: italic;
   color: #0075bf;
   font-family: "Myriad Pro", Myriad, Helvetica, Arial, sans-serif;
   font-size: 130%;
   line-height: 140%;
   margin-bottom: 15px;
   }

div#main ul.split li.one p,
div#main ul.split li.one ul,
div#main ul.split li.one ol {
   margin-bottom: 20px;
   }

div#main ul.split li ul li {
   list-style-type: disc;
   margin-left: 25px;
   margin-bottom: 10px;
   }

div#main ul.split li ol li {
   list-style-type: decimal;
   margin-left: 25px;
   }

body.interior div#intro {
   width: 900px;
   margin: auto;
   background: #0a2e44 url(/images/introbg.png) top left no-repeat;
   position: relative;
   top: -55px;
   margin-bottom: -55px;
   overflow: hidden;
   }

body.interior div#intro p {
   padding: 20px;
   color: #fff;
   font-size: 115%;
   opacity: .8;
   }

body.interior div#intro p a {
   color: #ffcd34;
   }

body.interior div#intro p a:hover {
text-decoration: underline;
color: #34CDFF;
}


body.interior div#intro ul.subnavigation {
   float: right;
   width: 275px;
   background: transparent url(/images/subnavbg.png) top left no-repeat;
   padding: 25px;
   position: relative;
   z-index: 2;
   padding-bottom: 25px;
   overflow: hidden;
   margin-left: 25px;
   }

body#customers div#intro ul.subnavigation,
body#aboutus div#intro ul.subnavigation {
   padding-bottom: 45px;
   }

body#elkhorn div#intro ul.subnavigation,
body#westfield div#intro ul.subnavigation,
body#tempe div#intro ul.subnavigation,
body#monticello div#intro ul.subnavigation,
body#westberlin div#intro ul.subnavigation {
   padding-bottom: 55px;
   }

body.interior div#intro ul.subnavigation li a {
   color: #ffcd34;
   font-weight: bold;
   text-decoration: none;
   opacity: 0.99;
   display: block;
   }

body#healthcaremarketfocus li.healthcaremarketfocus a,
body#consumerindustrialmarket li.consumerindustrialmarket a,
body#productdevelopment li.productdevelopment a,
body#processvalidation li.processvalidation a,
body#elastomericmolding li.elastomericmolding a,
body#thermoplasticmolding li.thermoplasticmolding a,
body#moldmanufacturing li.moldmanufacturing a,
body#assemblyandpackaging li.assemblyandpackaging a,
body#elkhorn li.elkhorn a,
body#westfield li.westfield a,
body#tempe li.tempe a,
body#monticello li.monticello a,
body#westberlin li.westberlin a,
body#customers li.customers a,
body#news li.news a,
body#press li.press a {
   color: #fff !important;
   text-decoration: none !important;
   }


body.interior div#intro ul.subnavigation li a:hover {
   color: #34cdff;
   text-decoration: underline;
   }

body.interior ul.split li {
   float: left;
   }

body.interior ul.split li li {
   float: none;
   }

body.interior ul.split li.one {
   width: 550px;
   margin-top: 25px;
   }

body.interior ul.split li.two {
   width: 275px;
   padding: 0px 25px;
   margin-top: -75px;
   position: relative;
   z-index: 3;
   }

body.capabilitiesandservices ul.split li.two,
body#press ul.split li.two {
   margin-top: 25px;
   }
   
body#press ul.split li.two p {
   margin-bottom: 15px;
   }
   
body#press ul.split li.two h3 {
   font: bold 14px Arial, Helvetica, sans-serif;
   margin-bottom: 15px;
   }
   
body.interior ul.split li.two div {
   margin-bottom: 25px;
   }

body#westfield li.one div img {
   padding: 4px;
   background-color: #fff;
   float: left;
   margin: 5px;
   width: 160px;
   }

body.interior ul.split li.two img {
   padding: 4px;
   background-color: #fff;
   }

body.interior ul.split li.two p {
   font-style: italic;
   }

body.interior ul.splitlist li {
   float: left !important;
   width: 250px;
   }

body#facilities li.one li a {
   font-style: italic;
   font-size: 130%;
   }

body#facilities li.one {
   width: 900px;
   }

body#facilities li.one li {
   margin-left: 0px !important;
   float: left;
   width: 450px;
   list-style-type: none !important;
   }

body#facilities li.one img {
   float: left;
   margin: 0px 10px 10px 0px;
   }

/* ---------------------------------------------------
=Footer
--------------------------------------------------- */

#footer span {
   float: left;
   margin-left: 25px;
   }

#footer a {
   float: right;
   color: #fff;
   margin-right: 25px;
   }


/* ---------------------------------------------------
=Form
--------------------------------------------------- */

form.contactform {
   margin-bottom: 10px;
   }

form.contactform label {
   display: block;
   font-size: 110%;
   font-style: italic;
   }

form.contactform li {
   margin-left: 0px !important;
   list-style-type: none !important;
   }

form.contactform fieldset ul input, form.contactform fieldset ul textarea, form.contactform fieldset ul select {
   display: block;
   border: 0px solid #fff;
   padding: 6px;
   width: 300px;
   font-size: 130%;
   }

form.contactform fieldset ul select {
width: 310px;
}

form.contactform fieldset input.button {
   display: block;
   border: 0px solid #fff;
   padding: 6px;
   width: auto;
   background-color: #08b;
   font-size: 90%;
   text-transform: uppercase;
   color: #fff;
   font-weight: bold;
   float: left;
   margin-right: 5px;
   margin-bottom: 15px;
   cursor: pointer;
   }

form.contactform fieldset input.button.clearbutton {
background-color: transparent;
color: #08b;
}

/* ---------------------------------------------------
=Carousel
--------------------------------------------------- */

div#slider.prejs noscript p {
   text-align: center;
   color: #fff;
   font-size: 200%;
   padding: 100px;
   font-weight: bold;
   display: none;
   }

div#slider.prejs li.panel {
   position: relative;
   }

div#slider.prejs .panelContainer {
   overflow-y: auto;
   }

div.stripViewer {
   overflow: hidden;
   height: 250px;
   }

ul.panelContainer {
   position: relative;
   width: 900px;
   float: left;
   height: 250px;
   overflow: hidden;
   }


li.panel {
   float: left;
   height: 250px;
   width: 900px;
   color: #fff;
   position: absolute;
display: none;
   }

.stripNavL a, .stripNavR a {
   height: 53px;
   width: 55px;
   position: absolute;
   display: block;
   bottom: 20px;
   text-indent: -9999px;
   cursor: pointer;
   z-index: 3;
   }

.stripNavL a {
   left: -12px;
   background: transparent url(/images/sliderleft.png) top left no-repeat;
   }

.stripNavR a {
   background: transparent url(/images/sliderright.png) top left no-repeat;
   right: -12px;
   }

.stripNav {
   position: relative;
   bottom: 0px;
   overflow: hidden;
   height: 100px;
   left: 50px;
   width: 800px;
   }

.stripNav ul {
   width: 10000px;
   position: absolute;
   }

.stripNav ul li {
   float: left;
   }

.stripNav ul li a {
   display: block;
   width: 196px;
   height: 94px;
   margin: 3px 2px;
   position: relative;
   opacity: 0.4;
   }

.stripNav ul li a:hover {
text-decoration: none;
}

.stripNav ul li a span {
   color: #ffcd33;
   display: block;
   position: absolute;
   bottom: 0px;
   width: 186px;
   background-color: #000;
   padding: 5px;
   font-family: "Myriad Pro", Myriad, Helvetica, Arial, sans-serif;
   font-style: italic;
   cursor: pointer;
   font-size: 90%;
   }

.stripNav ul li a.active {
   opacity: 1;
   }

li.panel div.wrapper {
   padding-left: 475px;
   width: 400px;
   height: 250px;
   background: transparent 5px 5px no-repeat;
   position: relative;
   overflow: hidden;
   }

li.panel1 div.wrapper { background-image: url(/images/panel1.jpg); }
li.panel2 div.wrapper { background-image: url(/images/panel2.jpg); }
li.panel3 div.wrapper { background-image: url(/images/panel3.jpg); }
li.panel4 div.wrapper { background-image: url(/images/panel4.jpg); }
li.panel5 div.wrapper { background-image: url(/images/panel5.jpg); }
li.panel6 div.wrapper { background-image: url(/images/panel6.jpg); }
li.panel7 div.wrapper { background-image: url(/images/panel7.jpg); }
li.panel8 div.wrapper { background-image: url(/images/panel8.jpg); }

li.tab1 a { background-image: url(/images/tab1.jpg); }
li.tab2 a { background-image: url(/images/tab2.jpg); }
li.tab3 a { background-image: url(/images/tab3.jpg); }
li.tab4 a { background-image: url(/images/tab4.jpg); }
li.tab5 a { background-image: url(/images/tab5.jpg); }
li.tab6 a { background-image: url(/images/tab6.jpg); }
li.tab7 a { background-image: url(/images/tab7.jpg); }
li.tab8 a { background-image: url(/images/tab8.jpg); }

li.panel .wrapper h2 {
   color: #ffcd33;
   font-style: italic;
   font-size: 175%;
   padding: 20px 0px;
   }

li.panel .wrapper p {
   line-height: 150%;
   margin-bottom: 10px;
   }

li.panel .wrapper a {
   background-color: #ffcd33;
   color: #222;
   text-transform: uppercase;
   padding: 3px;
   display: block;
   float: left;
   }