/* CSS Document */ /* CLEAR DEFAULTS & SET PAGE ---------------------------------------------------*/ h1, h2, h3, h4, h5, h6, li, ol, ul, form, fieldset, input, p, blockquote, img, label {margin: 0px; padding: 0px; list-style:disc;} img {border: none} table, tr, td, th {/*padding: 0px; margin: 0px;*/ vertical-align:top; border-collapse:collapse; border: none}/* sets declarations for all tables throughout the site */ table th {text-align: right; speak-header: always; width: 25%; padding-right: 8px} th {speak-header: once} /*when rendered aurally, each row of data is to be spoken as a "Header1, Data1, Data1 ..." as opposed to "Header1, Data1, Header1, Data2"*/ a:link, a:visited, a:active {color: #000; text-decoration:underline; font-weight:bold; cursor: pointer} a:hover {color: #000; text-decoration:none; cursor: pointer;} input, select {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; width: 200px} label {cursor: pointer; margin-bottom: 5px} /* Set html & body --------------------------------------------------*/ html {margin: 0px; padding: 0px; background:url(../images/bkg_main.gif) repeat-x #fff;} body {position: relative; width: 100%; height:100%; margin: auto; font-family: 'Myriad Pro', Arial, Helvetica, sans-serif; font-size: 14px; line-height:20px; font-weight:normal; font-style:normal; color:#000;} #container {position:relative; width: 1003px; margin: 0px auto;} /* BRANDING / NAVIGATION ---------------------------------------------------*/ #branding {position:relative; height:42px; font-size:13px; margin:0px 0px 0px 10px; z-index:1;} #branding ul li {padding:6px 0px 5px 0px; list-style:none;} #branding .logo {position:absolute; top:65px; left:20px; z-index:;} #branding .logo h2 {text-align:center; font-family: 'Trajan', Arial, Helvetica, sans-serif; color:#fff; padding:10px 0px 0px 0px;} #branding .logo h2 a:link, #branding .logo h2 a:visited {color:#a573b2; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold;} #branding .logo h2 a:hover, #branding .logo h2 a:active {color:#a573b2; text-decoration:none;} #mainImg {position:relative; width:970px; background:#000; border-top:2px solid #777777; border-right:2px solid #777777; border-left:2px solid #777777; margin-left:-27px; margin-bottom:28px;} * html #mainImg {border-right:1px solid #777777; } #mainImg img {margin-left:372px;} #branding form {position:relative; float:right; width:142px; margin:10px 5px 0px 0px;} #branding input {width:102px; height:19px; margin:0px 5px 0px 0px;} #branding .btn_imput {float:left;} #branding .btn_search {position:absolute; width:22px; height:21px;} #branding ul.bar {position:absolute; padding:0px; margin:15px 0px 0px 20px; display:block;} #branding li.yuimenubaritem {padding:0px 0px 0px 0px; display:block; float:left;} #branding li.last {} div.yui-b p {margin: 0 0 .5em 0;color: #999;} div.yui-b p strong {font-weight:normal; color:#000;} div.yui-b p em {color: #000;} #nav {position: static;} #nav ul li.yuimenubaritem {} #nav a.yuimenubaritemlabel:link, #nav a.yuimenubaritemlabel:active, #nav a.yuimenubaritemlabel:visited {font-weight:normal; text-decoration:none; color:#fff;} #nav a.yuimenubaritemlabel:hover {color:#fff;} #nav .yuimenu {background-color:#000; border:solid 1px #777; font-size:12px; text-align:left; padding:0px 20px;} .yuimenu {position: absolute; left: 0; display: none;} #nav .yuimenu a.yuimenuitemlabel:link, #nav .yuimenu a.yuimenuitemlabel:visited, #nav .yuimenu a.yuimenuitemlabel:active {font-family:Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; text-decoration:none;} #nav .yuimenu a.yuimenuitemlabel:hover {color:#fff; text-decoration:underline;} #nav .yui-menu-shadow {display:none;} .yuimenuitemlabel,.yuimenubaritemlabel {white-space:nowrap;} #nav ul li {display: block;} #nav li a {display: block;} * html a:hover {visibility:visible;} #nav li a:hover img {visibility:hidden} #home {background:url(../images/nav/home_o.gif) no-repeat;} #about {background:url(../images/nav/about_us_o.gif) no-repeat;} #physicians {background:url(../images/nav/physicians_o.gif) no-repeat;} #laser {background:url(../images/nav/laser_o.gif) no-repeat;} #treatments {background:url(../images/nav/treatments_o.gif) no-repeat;} #seminars {background:url(../images/nav/seminars_o.gif) no-repeat;} #links {background:url(../images/nav/links_o.gif) no-repeat;} #forms {background:url(../images/nav/forms_o.gif) no-repeat;} #publications {background:url(../images/nav/publications_o.gif) no-repeat;} #contact {background:url(../images/nav/contact_o.gif) no-repeat;} #pghome #home img, #pgabout #about img, #pgphysicians #physicians img, #pglaser #laser img, #pgtreatments #treatments img, #pgseminars #seminars img, #pglinks #links img, #pgforms #forms img, #pgpublications #publications img, #pgcontact #contact img {} /* CONTENT FORMATTING ---------------------------------------------------*/ #contentbox {position:relative; width:945px; height:auto; background:#fff; border-right:2px solid #777777; border-left:2px solid #777777; border-bottom:2px solid #777777; padding-left:25px; margin-left:10px;} #content {position:relative; width:645px; float:left; margin:50px 25px 0px 25px;} * html #content {position:relative; width:620px; margin:0px 25px 0px 25px;} #content p {margin: 0px 0px 18px 0px; line-height:19px;} #content h1 {font-family:'Trajan', Times, serif; font-weight:normal; color:#fff; font-size:20px; } #content h2 {font-family:'Myriad Pro', Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; font-style:italic; color:#570a62; margin:0px 0px 8px 0px;} #content h3 {font-family:'Myriad Pro', Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; font-style:italic; color:#570a62; margin:0px 0px 8px 0px;} #content h4 {font-family:'Myriad Pro', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; font-weight:bold; color:#000; margin:0px 0px 10px 0px;} #content h5 {font-family:'Myriad Pro', Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; font-style:italic; color:#570a62; margin:0px 0px 2px 0px;} #content ul, #content ol {margin:0px 5px 20px 15px} #content li {margin:0px 0px 8px 15px;} #content ul li {list-style:disc; padding:0px 0px 0px 8px;} #content ol li {list-style: decimal} #content a:link, #content a:visited {color:#A15AB4; text-decoration:underline; font-weight:bold;} #content a:hover, #content a:active {color:#A15AB4; text-decoration:none;} #contentbox .pgtitle {position:absolute; right:-13px; background:#570a62; width:670px; padding:12px 0px 13px 15px; margin-bottom:25px;} * html #contentbox .pgtitle {position:relative; right:-22px;} #contentbox h1 {font-family:'Trajan', Arial, Helvetica, sans-serif; font-weight:normal; color:#fff; font-size:20px; } #content table {margin-bottom:25px; margin-top:10px;} #content table ul li {padding:0px;} #content table li {font-size:11px;} #content table h2 {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#025375; font-weight:bold; padding: 10px 0px 10px 10px; margin:0px;} #content table h2 a:link, #content table h2 a:visited {color:#025f85; text-decoration: none; font-size:13px; font-weight:bold; background:url(../images/arrow_blue_lg.gif) no-repeat right; padding:0px 15px 0px 0px;} #content table td {width:162px; padding-right:8px;} #content table li a:link, #content table li a:visited {text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#000;} #content table li a:hover, #content table li a:active {color:#000;} #content .physicians {margin-top:20px;} #content .physicians td {padding:0px 10px 0px 0px; text-align:center; width:250px;} #content .laser td {width:300px; padding:0px 0px 20px 0px;} #content .laser th {text-align:left;} #content .treatments td {width:250px; padding:0px 20px 20px 0px;} #content .treatments th {text-align:left;} #content .backtotop {padding:5px 8px 0px 0px; margin:0px 0px 38px 0px; color:#570a62; font-weight:bold;} #content .backtotop a:link, #content .backtotop a:visited {text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#570a62;} #content .backtotop a:hover, #content .backtotop a:active {color:#570a62; text-decoration:none;} #content .beforeafter {margin:20px 0px 26px 87px;} #content .beforeafter img {margin-right:60px;} #content .last img {margin-right:0px;} #content .text {width:185px; text-align:center; padding-right:60px;} #content .textLast {width:185px; text-align:center; padding-right:0px;} #flashcontent {width:599px; height:224px; margin:0px 0px 0px 372px; border:none} .photo {border:1px solid #000;} .photoLeft, .photoRight {border:2px solid #000;} .photoLeft {float:left; margin: 5px 15px 10px 0px;} .photoRight {float: right; margin: 5px 0px 10px 20px;} .photoRight_nobdr {float: right; margin: 5px 0px 10px 10px; border:none;} .photoLeft_nobdr {border: none; float: left; margin: 0px 10px 10px 0px} .left {width: 45%; padding-right:5%; float: left} .right {width: 45%; float: left; clear:right} .center {padding:0px 0px 0px 32px; background:none;} * html .center {padding:0px 0px 0px 25px; background:none;} .col {width: 173px; margin: 0px 10px; float:left; display:block; padding: 20px 0px 0px; text-align:left} .col2 {width: 240px; margin: 0px 10px; float:left; display:block; padding: 20px 0px 0px; text-align:left} .col li {margin-left: 5px} .product_col {width: 173px; margin: 0px 60px 0px 0px; float:left; display:block; padding: 10px 0px 0px; text-align:left} .product_col_last {width: 173px; margin: 0px 0px 0px 0px; float:left; display:block; padding: 10px 0px 0px; text-align:left} .clear {clear:both;} .line {margin:25px 0px;} /* TINYMCE ---------------------------------------------------*/ /* SIDEBAR ---------------------------------------------------*/ #colLeft {width:250px; float:left;} #submenu {height:auto; display:block; font-weight:bold; border-top:2px solid #570a62; border-bottom:2px solid #570a62; width:225px; margin-bottom:28px;} #submenu h3 {font-family:"Times New Roman", Times, serif; font-size:18px; font-weight:bold; color:#570a62;} #submenu h3 a:link, #submenu h3 a:visited {font-family:"Times New Roman", Times, serif; font-size:18px; font-weight:bold; color:#570a62;} #submenu h3 a:hover, #submenu h3 a:active {text-decoration:none;} #submenu li {list-style:none; color: #000; font-size: 12px; margin-left: 15px} #submenu li b {color: #383838; font-size: 10px; margin: 0px; padding: 5px 0px; font-weight: bold} #submenu a:link, #submenu a:visited {width: 99%; color: #383838; text-decoration: none; display:block; padding: 5px 0px; font-size: 10px} #submenu ul li ul {margin-bottom:10px; margin-left:-15px;} #submenu ul li ul li {font-weight:normal; padding:0px 0px 0px 15px; margin-left: 0px; font-size:13px; line-height:16px; color:#000;} #submenu li ul li a:link, #submenu li ul li a:visited {font-family:'Myriad Pro', Arial, Helvetica, sans-serif; font-size:13px; line-height:16px; font-weight:normal; color:#000; background:url(../images/bullet.gif) top left no-repeat; padding:0px 0px 5px 15px;} #submenu li ul li a:hover, #submenu li ul li a:active {color: #570a62;} #sidebtn {width:197px; margin-left:13px;} #sidebtn p {padding-bottom:28px;} #sidebtn .none {padding-bottom:0px; padding-left:0px;} /* FORM ---------------------------------------------------*/ /* SITE INFO (footer) ---------------------------------------------------*/ #siteinfo {text-align:left; clear: both; color:#525252; padding:10px 0px 10px 10px; display:block; font-size:11px; margin:0 auto; font-family:Arial, Helvetica, sans-serif;} #siteinfo a:link, a:visited {color: #525252; text-decoration: none; font-weight:normal; } #siteinfo a:hover, a:active {color: #525252; text-decoration: underline;} #siteinfo cite {font-style:normal;} #siteinfo cite a {color: #525252; font-style:normal;} /*Home ---------------------------------------------------*/ #pghome #branding {height:42px;} #pghome #branding .logo {position:absolute; top:53px; left:30px; border:none;} #pghome #branding .logo h3 {text-align:center; font-family: 'Trajan', Arial, Helvetica, sans-serif; color:#fff; padding:5px 0px 0px 0px; font-size:16px;} #pghome #branding .logo h3 a:link, #pghome #branding .logo h3 a:visited{color:#a573b2; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold;} #pghome #branding .logo h3 a:hover, #pghome #branding .logo h3 a:active {color:#a573b2; text-decoration:none;} #pghome #contentbox {width:974px; top:0px; height:auto; background:#000; border:solid 1px #777; margin-left:17px; padding:0px 0px 20px 0px;} #pghome #content {width:619px; padding:0px; color:#fff; float:right; margin:40px 25px 0px 25px;} #pghome #content p {margin: 0px 0px 18px 0px; line-height:19px;} #pghome #content2 {position: relative; float:left; width:440px; margin:0px;} *html #pghome #content2 {position: absolute; float:right; width:440px; margin:0px; padding:0px;} #pghome #content h1 {width:610px; height:30px; margin:-15px 0px 23px -20px;} * html #pghome #content h1 {position:relative;} #pghome #content h2 {margin:0px 0px 0px 10px;} #pghome #ads {position: relative; float:left; width:166px; height:auto; font-size:13px;} * html #pghome #ads {float:right; margin:0px;} #pghome #ads h3 {color:#a15ab4;} #pghome #ads p {width:140px;} #pghome #ads a:link, #pghome #ads a:visited {color:#a15ab4; text-decoration:none;} #pghome #ads a:hover, #pghome #ads a:active {color:#a15ab4; text-decoration:none;} #pghome .whats_new {border:solid 1px #570a62; width:150px; padding:5px 0px 90px 12px; margin:60px 0px 0px 15px;} #pghome .whats_new h3 {color:#a15ab4;} #pghome .whats_new p {width:140px; padding-bottom:15px;} #pghome .whats_new h4 {position:absolute; margin:0px 0px 0px -5px;} #pghome .directions {border:solid 1px #570a62; height:82px; width:150px; padding:10px 0px 0px 12px; margin:20px 0px 0px 15px;} #pghome .directions h3 {color:#a15ab4;} #pghome .directions p {width:140px; padding:0px;} #pghome #colLeft {position: relative; float:left; right:19px; color:#fff; top:200px;} #pghome #colLeft .btn {padding:0px 0px 20px 0px;} #pghome #colLeft .btn_medi {padding:0px 0px 3px 0px;} #pghome #flashcontent {} #pghome #siteinfo {padding:10px 0px 10px 17px;}