/*-----------------------------------------------
Title: Main Style Sheet
Author: Bridget Stewart
-----------------------------------------------*/

/* !Admin Section (MOSS) */

#wrapper-admin {background-color: #666;}
#PageTagger {
float: left;
margin: .5em;
color: #fff;
}
#PageURLRewrite {
float: left;
margin: .5em;
color: #fff;
}
#admin_siteactions {float: right;}
#admin_welcome {float: right;}
#PageTagger a, #PageURLRewrite a, #admin_welcome a {
color: #fff;
font-size: 1.3em;
}
#QuickActionMenu a {
color: #2A4666;
}
.ms-MenuUIPopupBody {
position: relative; 
z-index: 11;
}

/* Plastics Site Styles */
#container img {
border: solid 1px #9c9c9c;
padding: 1px;
margin-bottom: 10px;
}

/* Typography */

body {
background-color: #c9c9c9;
color: #363534;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 62.5%; /* Sets all fonts to base of 10px so 1em = 10px, 1.2em = 12px, etc. */
/*margin: 0 auto;
width: 1100px;*/
}
strong {font-weight: bold;}
em {font-style: italic;}
p, li, td, input, label, dt, dd {
font-size: 1.2em;
line-height: 1.5em;
}
div.admin td, div.design td {line-height: 1em;}
p {
/*line-height: 1.75;*/
margin: 0 0 1em;
}
dl {margin-left: 30px;}
dt {
float: left;
font-weight: bold;
margin-right: 0.25em;
}
dd {margin-bottom: 1em;}
li *, dd * {
font-size: 100%;
line-height: 1.5;
}
h1 {
color: #fff;
font-family: Georgia, "Times New Roman", serif;
font-size: 2.6em;
font-weight: normal;
margin: 10px 0 0 80px;
}
h2 {
border-bottom: dotted 1px #999;
color: #41468e;
font-family: Georgia, "Times New Roman", serif;
font-size: 1.8em;
font-weight: normal;
margin-bottom: 0.555em;
padding-bottom: 0.3em;
}
h3, h4 {
color: #d97501;
}
h3 {
font-size: 1.4em;
font-weight: bold;
line-height: 1.5;
margin: 1.5em 0 0.5em;
}
h3 a {
color: #2e592e;
display: block;
text-decoration: none;
}
h4 {
font-size: 1.3em;
font-weight: bold;
margin-bottom: 0.5em;
}
h4 a {
}
#banner h1 {
line-height: 1.5;
margin-top: 5px;
}
#page-heading h1 {
border-bottom: none;
color: #363534;
font-size: 2.6em;
padding-bottom: 0;
line-height: 1.25;
margin: 0 0 0.75em 0;
}
h2.heading-more {position: relative;}
h2.heading-more span {
border-left: 1px dotted #999;
bottom: 0;
font-size: .6em;
font-family: Arial, Helvetica, sans-serif;
padding: 0 0 5px 7px;
position: absolute;
right: 0;
}
sup {
font-size: 0.7em;
position: relative;
top: -5px;
}

div#accessiblity {display: none;}

/* !Links */

a:link, a:visited {color: #467746;}
a:hover {color: #2e592e;}

/* !Lists */
#main-content ul, #main-content ol {
margin: 0 0 1em 40px;
}
#main-content ul {list-style: disc;}
#main-content ol {list-style: decimal;}
#main-content .contact-area ul, #main-content ul.landing-list {list-style-type: none;}
#main-content ul.landing-list {margin: 0 0 30px 0;}

/* !Layout */
div#wrap {
margin: 0 auto;
width: 1100px;
}
#banner {
background: #4f4e7d url(/PublishingImages/Cosmetic_Plastic/common/banner-bg.jpg) no-repeat 0 0;
border-top: 6px solid #5f8e5f;
color: #fff;
/*position: relative;*/
height: 9.4em;
}
#banner img.banner-hero {background: transparent!important;}
#container {background: #fef4d7 url(/PublishingImages/Cosmetic_Plastic/common/wrap-bg.gif) repeat-x top;}
#container-inner {
background: #fff url(/PublishingImages/Cosmetic_Plastic/common/container_top.gif) no-repeat top;
/* -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;*/
-webkit-box-shadow: 1px 1px 9px;
-moz-box-shadow: 1px 1px 9px;
box-shadow: 1px 1px 9px; 
margin: -39px auto;
position: relative;
width: 960px; 
}
#container-bottom {background: url(/PublishingImages/Cosmetic_Plastic/common/container_btm.gif) no-repeat bottom;}
#main-content {
margin: 0 auto;
padding: 10px;
/*position: relative;*/
width: 940px;
}
#page-heading {
float: left;
width: 500px;
}

/* Global Masthead */
#globalMasthead {
background: #fff url(/PublishingImages/Cosmetic_Plastic/common/bg-masthead.gif) repeat-x bottom;
padding: 5px 0;
}
#gm_primary {
float: left;
font-size: 0.9em;
padding-left: 10px;
}
#gm_secondary {
float: right;
font-size: 0.9em;
padding-right: 10px;
}
#globalMasthead li {
display: inline;
margin-left: .8em;
}
#globalMasthead li a {
color: #363534;
padding-bottom: 8px;
}
#globalMasthead li a.active {
background: url(/PublishingImages/Cosmetic_Plastic/common/global_msthd_arrow.gif) no-repeat 50% 15px;
text-decoration: none;
font-weight: bold;
}
#globalMasthead li a:hover {text-decoration: underline;}
#globalMasthead li#gm_title {
font-weight: bold;
margin-left: 0;
}

/* !Header and Navigation */

#header {
background-color: #fff;
margin: 0 auto;
width: 1100px;
}
#logo {
float: left;
padding: 15px 0 15px 80px;
}
#logo img {
border: none;
margin-bottom: 0;
padding: 0;
}
#main-nav {
margin: 0 auto;
padding: 10px;
position: relative;
width: 940px;
}
#main-nav li {float: left;}
#main-nav li a {
background: url(/PublishingImages/Cosmetic_Plastic/common/main-nav-sprite.gif);
background-repeat: no-repeat;
display: block;
height: 37px;
text-indent: -9999px;
}
li#ctl00_ccfNavPrimary_cosmetic a {background-position: 0 0; width: 217px;}
li#ctl00_ccfNavPrimary_cosmetic a:hover, li#ctl00_ccfNavPrimary_cosmetic.current a {background-position: 0 -37px;}
li#ctl00_ccfNavPrimary_expect a {background-position: -217px 0; width: 169px;}
li#ctl00_ccfNavPrimary_expect a:hover, li#ctl00_ccfNavPrimary_expect.current a {background-position: -217px -37px;}
li#ctl00_ccfNavPrimary_specialists a {background-position: -386px 0; width: 164px;}
li#ctl00_ccfNavPrimary_specialists a:hover, li#ctl00_ccfNavPrimary_specialists.current a {background-position: -386px -37px;}
li#ctl00_ccfNavPrimary_locations a {background-position: -550px 0; width: 156px;}
li#ctl00_ccfNavPrimary_locations a:hover, li#ctl00_ccfNavPrimary_locations.current a {background-position: -550px -37px;}
li#ctl00_ccfNavPrimary_skincare a {background-position: -706px 0; width: 117px;}
li#ctl00_ccfNavPrimary_skincare a:hover, li#ctl00_ccfNavPrimary_skincare.current a {background-position: -706px -37px;}
li#ctl00_ccfNavPrimary_about a {background-position: -823px 0; width: 116px;}
li#ctl00_ccfNavPrimary_about a:hover, li#ctl00_ccfNavPrimary_about.current a {background-position: -823px -37px;}
#section-masthead {margin-bottom: 30px;}
#searchContainer {
padding: 20px 70px 10px 0;
float: right;
}
.SearchAdvanced {
display: block;
font-size: 1.1em;
padding-top: .5em;
}
#searchContainer .SearchButton {
background: url(/PublishingImages/Phase2/cta_images/gray_go_btn.gif) no-repeat 0 0;
border: none;
cursor: pointer;
height: 22px;
text-indent: -9999px;
width: 35px;
}
/* Contact Widget */
.contact-area {
background: url(/PublishingImages/Cosmetic_Plastic/common/bg-contact-area.gif) left top no-repeat;
padding-top: 20px;
margin: 3px 3px 0 3px;
}
.contact-area h2 {
border-bottom: dotted 1px #fff;
margin: -3px 16px 0.555em 13px;
color: #fff;
}
.contact-area p.phone {
color: #fff;
font-family: Arial;
font-size: 2.5em;
line-height: 1;
margin: 10px 0 0 -2px;
text-align: center;
}
#main-content .contact-area ul {
font-size: 1.167em;
margin:  0 auto;
line-height: 1;
width: 92%;
}
.contact-area ul li:first-child {
float: left;
margin-right: 0.75em;
}
.contact-area li {
line-height: 1;
padding: 10px 0;
}
.contact-area ul li a {
color: #dcb470; /* #ffcc00 style guide fallback */
font-weight: bold;
text-decoration: none;
}
.contact-area ul li a:hover, .contact-area ul li a:focus {
color: #edcc94; /* #ffa800 style guide fallback */
text-decoration: underline;
}
.contact-area ul li:first-child a {
border-right: solid 1px #fff;
padding-right: 0.75em;
}

/* Dynamic Button */
p.dyna-btn {
float: left;
margin: 0;
}
p.dyna-btn a, #footer p.dyna-btn a {
background: url("/PublishingImages/Cosmetic_Plastic/common/btn-right.gif") no-repeat scroll right top transparent;
color: #ffffcc;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.917em;
height: 23px;
letter-spacing: 1px;
padding-right: 10px;
text-decoration: none;
text-shadow: 1px 0px 0px #2d2c56;
text-transform: uppercase;
}
p.dyna-btn a span {
background: url("/PublishingImages/Cosmetic_Plastic/common/btn-left.gif") no-repeat scroll left top transparent;
cursor: pointer;
display: block;
float: left;
height: 23px;
line-height: 23px;
padding-left: 10px;
}
p.dyna-btn a:hover, p.dyna-btn a:hover span,
#footer p.dyna-btn a:hover, #footer p.dyna-btn a:hover span {color: #ffffcc;}
p.dyna-btn a:hover, #footer p.dyna-btn a:hover {background-position: right bottom;}
p.dyna-btn a:hover span, #footer p.dyna-btn a:hover span {background-position: left bottom;}

/* !Footer Content Styles */
#footer h2 {
color: #fff;
}
#legal {
background: #2e592e;
color: #fff;
text-align: right;
padding: 10px 70px 5px 10px;
}
#footer {
background: #5f8e5f url(/PublishingImages/Cosmetic_Plastic/common/footer-bg.gif) repeat-x top;
color: #fff;
padding-top: 55px;
margin: 0 auto;
padding: 70px 70px 1px;
}
#footer h2 {
border-bottom-color: #fff;
}
#footer a {color: #fff;}
#footer a:hover {color: #FFFFCC;}
.about-blurb {
float: left;
width: 630px;
}
.social-info {
float: right;
width: 300px;
}
.site-info li {
float: left;
margin-right: 2.8em;
}
.site-info li:last-child {
margin-right: 0;
}
#footer ul {margin: 1em 0;}
.social-media li, #footer .addthis_toolbox a {
float: left;
height: 16px;
}
.social-media li {margin-right: 2.5em;}
.social-media li {width: 26%;}
.social-media li:last-child {margin-right: 0;}
#facebook a, #twitter a, #youtube a {
height: 16px;
padding: 1px 0 1px 21px;
}
#facebook a {background: url(/PublishingImages/Cosmetic_Plastic/common/facebook_sm_icon.gif) 0 0 no-repeat;}
#twitter a {background: url(/PublishingImages/Cosmetic_Plastic/common/twitter_sm_icon.gif) 0 0 no-repeat;}
#youtube a {background: url(/PublishingImages/Cosmetic_Plastic/common/youtube_sm_icon.gif) 0 0 no-repeat;}
.social-info label {
background: #fff url(/PublishingImages/Cosmetic_Plastic/common/my_email.gif) center center no-repeat;
border: solid 1px #9c9c9c;
border-left: none;
display: block;
float: right;
padding: 5px;
text-indent: -99999px;
width: 33px;
}

table.dataTable {
border-spacing: 0;
border: 3px solid #ccc;
clear: both;
font-size: .834em;
margin-top: 10px;
}
* html table.dataTable {border-collapse: collapse;}
*:first-child+html table.dataTable {border-collapse: collapse;}
table.dataTable tr {#fff;}
table.dataTable thead {
background: #4a4a7c;
color: #fff;
font-size: 1.4em;
font-weight: bold;
}
table.dataTable td {padding: 8px;}
table.procedure td {width: 50%;}
table.dataTable tr {vertical-align: top;}
#main-content table.dataTable ul, #main-content table.dataTable ol {margin-left: 15px;}
#main-content table.dataTable h3 {margin-top: 0;}
table.procedure tr.even {background: #ecf1eb;}
table.dataTable col.proc {width: 52%;}
table.dataTable col.why {width: 48%;}

/* Share This overrides */
.at300bs {
overflow: inherit;
width: auto;
}
.addthis_default_style .at300b, .addthis_default_style .at300m {padding: 0;}
.addthis_toolbox a {
font-size: 1.2em;
margin-right: 2em;
width: 28%;
}
a.addthis_button_compact {background: url(/PublishingImages/Cosmetic_Plastic/common/share_this.gif) left top no-repeat;}
a.addthis_button_email {background: url(/PublishingImages/Cosmetic_Plastic/common/my_email.gif) left top no-repeat;}
a.addthis_button_print {
background: url(/PublishingImages/Cosmetic_Plastic/common/print.gif) left top no-repeat;
margin-right: 0;
}
span.at300bs.at15t_compact, span.at15t_email, span.at15t_print {background: none;}
a.addthis_button_compact:hover, a.addthis_button_email:hover, a.addthis_button_print:hover {background-position: left bottom;}
.social-info input {
border: solid 1px #9c9c9c;
border-right: none;
float: left;
padding: 6px 5px 7px;
width: 245px;
}

/* !Microformats Styles (http://microformats.org) */

.vcard {overflow: hidden;}

/* !Content Area */
#main-content .double-column ul, #main-content .triple-column ul, #main-content .quad-column ul {margin-left: 1.5em;}
#main-content ul.link-list {
list-style: none;
margin-left: 0;
}
.link-list li {
background: url("/PublishingImages/Phase2/list_arrow_orange.gif") no-repeat scroll 0 5px transparent;
padding: 0 0 0.2em 8px;
}
/* 2 column layout */
div.double-column {
clear: both;
margin-bottom: .5em;
}
div.double-column div.doublecolumn-one {
float: left;
width: 47.5%;
}
div.double-column div.doublecolumn-two {
float: right;
width: 47.5%;
}
.img-left {
float: left;
margin-right: 1em;
}
.img-right {
float: right;
margin-left:1em;
}
/* 3 column layout */
/****************************************/
div.triple-column, div.triplecolumn {
clear: both;
margin-bottom: .5em;
}
div.triple-column div.triplecolumn-one, div.triplecolumn div.triplecolumn_one {
float: left;
margin-right: 5.2%;
width: 30%;
}
div.triple-column div.triplecolumn-two, div.triplecolumn div.triplecolumn_two {
float: left;
width: 30%;
}
div.triple-column div.triplecolumn-three, div.triplecolumn div.triplecolumn_three {
float: right;
width: 30%;
}

/* 4 column layout */
/****************************************/
div.quad-column {
width: 100%;
height: auto;
margin: 0;
padding: 0;
clear: both;
display: block;
}
div.quad-column div.quadcolumn-one, div.quad-column div.quadcolumn-two, div.quad-column div.quadcolumn-three, div.quad-column div.quadcolumn-four {
width: 140px;
height: auto;
float: left;
padding: 0 20px 0 0;
}
div.quad-column div.quadcolumn-four {padding-right: 0;}

/* !Tab Control Styles */
#main-content ul.tab-list {
border-left: 1px solid #cbcbcb;
margin: 0;
padding: 0;
position: relative;
top: 1px;
}
#main-content ul.tab-list li {
background: none;
float: left;
list-style-type: none;
margin: 0;
padding: 0;
}
ul.tab-list li a {
background: #f6faf6;
border: 1px solid #cbcbcb;
border-left: none;
display: block;
font-weight: bold;
padding: 5px 8px;
text-decoration: none;
}
ul.tab-list li a:hover {color: #2e592e;}
ul.tab-list li a.active {
background-color: #fff;
border-bottom-color: #fff;
color: #2e592e;
cursor: default;
outline: none;
}
div.tab-control {
margin-top: 30px;
}
div.tab-content {
border: 1px solid #cbcbcb;
padding: 15px 13px;
}

/* Procedure Category Landing Pages */
.landing-list li {
margin-bottom: 0.5em;
}
.landing-list li a {
color: #467746;
font-size: 1.167em;
margin-bottom: 5px;
text-decoration: none;
}
.landing-list li a:hover {
color: #2e592e;
}
/* Search Results */
#main-content div.SearchFullWidthOuter {
clear: both;
margin-bottom: 30px;
width: 640px;
}
#main-content div.SearchFullWidthOuter div.srch-stats, #content-outer #main-content div.srch-BestBetsWPTitle h3 {
border-bottom: none;
color: #41468E;
font-family: Georgia,"Times New Roman",serif;
font-size: 1.8em;
font-weight: normal;
margin-bottom: 0.555em;
padding-bottom: 0.3em;
}
.srch-URL a {font-size: 1.2em;}

/* Newsletter Sign Up */
#newsletterformdiv {clear: both;}


/* !Self Clearing Floats */

.clearthis:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}