@charset "utf-8";
body { margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; background-image: url(images/bg_body.jpg); background-repeat: repeat-y; background-position: center top; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ color: #333333; background-color: #000000; font-family: tahoma; font-size: 0.83em; line-height: 1.28em; }
.Fb { float: right; }
.Social img { margin-top: 5px; margin-right: 15px; }
p { padding-top: 5px; padding-bottom: 5px; margin: 0; text-align: justify; }
img { border: 0; }
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ float: right; margin-left: 8px; }
.fltlft { /* this class can be used to float an element left in your page */ float: left; margin-right: 8px; }
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; }
#container { width: 979px; margin: 0 auto; text-align: left; /* this overrides the text-align: center on the body element. */ border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #663366; border-left-color: #663366; }
.LeftWrap img { margin-bottom: 15px; }
#NavWrap { height: 51px; background-image: url(images/NavBg.jpg); background-repeat: no-repeat; background-color: #CCCCCC; }
#header { height: 242px; background-image: url(images/HeaderBg.jpg); background-repeat: no-repeat; }
.slide { height: 212px; width: 512px; margin-left: 450px; position: absolute; top: 11px; margin-top: 52px; z-index: 4; }
#ContentWrap { padding-top: 0px; background-image: url(images/ContentBg.jpg); background-repeat: repeat-y; }
.copyrights { color: #999999; font-size: 10px; height: 40px; margin-right: auto; margin-left: auto; margin-top: 0px; margin-bottom: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; padding-top: 10px; }
.copyrights p { margin: 0px; padding: 0px; }
.webdesign { margin-right: auto; margin-left: auto; text-align: center; margin-bottom: 0px; width: 300px; clear: both; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: #999999; }
.webdesign a { text-decoration: underline; }
.design { height: 19px; background-image: url(images/check.png); background-repeat: no-repeat; background-position: left; color: #999999; font-size: 10px; padding-left: 20px; width: 200px; }
.design a { font-size: 10px; padding: 5px; }
#LeftContent { float: left; /* since this element is floated, a width must be given */ width: 223px; padding-bottom: 15px; padding-left: 16px; }
.RoundTop { }
#mainContent { margin: 0 0 0 250px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */ padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */ border-left-width: 1px; border-left-style: dotted; border-left-color: #000000; }
.bottom { background-image: url(images/ContentBtm.jpg); background-repeat: no-repeat; height: 23px; }
.FooterSub { height: 160px; width: 210px; float: left; padding-right: 15px; padding-left: 10px; border-right-width: 1px; border-right-style: dotted; border-right-color: #666666; margin-top: 30px; }
.FooterSubLast img { margin: 0px; padding: 0px; }
.FooterSubLast { height: 160px; width: 210px; float: left; padding-right: 10px; padding-left: 10px; margin-top: 30px; }
#footer { background-image:url(images/footerbg.jpg); padding-right: 10px; padding-left: 20px; background-color: #333333; background-repeat: no-repeat; background-position: top; height: 210px; width: auto; }
#footer h3 { font-family: arial; color: #666666; margin: 0px; padding: 0px; font-weight: normal; letter-spacing: 1px; font-size: 14px; }
#footer ul { list-style-type: circle; }
#footer img { margin-top: 12px; }
#footer p { color: #CCCCCC; font-size: 12px; }
#footer a { color: #999999; text-decoration: none; font-size: 13px; }
#footer a:hover { color: #FFFFFF; text-decoration: none; font-size: 13px; }
.cntr { text-align: center; margin-top: 2px; margin-bottom: 2px; }
.algnR { text-align: right; margin-right: 13px; }
#mainContent h1 { margin: 0px; font-size: 20px; padding-bottom: 15px; color: #333333; }
#mainContent h2 { font-size: 14px; color: #333333; margin: 0px; padding-top: 25px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
#LeftContent h3 { width: auto; color: #CCCCCC; text-align: center; margin-right: 1px; margin-bottom: 0px; margin-left: 1px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #333333; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; }
.ServiceWrap { }
#LeftContent .roundcont ul { list-style-type: square; text-decoration: none; color: #000000; }
#LeftContent .roundcont a { text-decoration: none; line-height: 1.7em; margin: 0px; padding: 0px; letter-spacing: 1px; color: #333333; }
#LeftContent .roundcont a:hover { text-decoration: underline; line-height: 1.7em; margin: 0px; padding: 0px; letter-spacing: 1px; color: #362142; }
.roundcont p { margin: 0 10px; }
.roundcont { width: 250px; background-color: #f0f0f0; color: #333333; position: relative; left: 450px; }
.roundtop { background: url(images/TopRight.png) no-repeat top right; }
.roundbottom { background: url(images/BtmRight.png) no-repeat top right; }
img.corner { width: 25px; height: 25px; border: none; display: block !important; }
.LeftWrap { width: 223px; margin-bottom: 10px; }
#Extra { height: 25px; width: auto; background-color: #9A9A9A; }
.SmItalics { font-size: 12px; font-style: italic; text-align: center; background-color: #F7F7F7; }
.underline { font-size: 14px; font-weight: bold; padding-bottom: 5px; background-color: #666666; color: #CCCCCC; padding-left: 5px; padding-top: 5px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #422C7D; margin: 0px; text-align: left; }
.PriceBg { margin-bottom: 10px; padding: 0px; margin-left: 10px; }
.ContactMain { width: auto; margin-top: 15px; margin-bottom: 0px; }
.ContactMain p { font-size: 15px; color: #000000; }
.odd { background-color: #E8E8E8; font-size: 13px; width: 604px; text-align: left; }
.podd { background-color: #E8E8E8; font-size: 13px; width: 50px; text-align: left; }
.peven { background-color: #F7F7F7; font-size: 13px; width: 50px; text-align: left; }
.even { background-color: #F7F7F7; font-size: 13px; width: 604px; text-align: left; }
.ServiceTd { width: 14%; }
#OtherServices { width: auto; margin-top: 25px; border-top-width: 1px; border-top-style: solid; border-top-color: #666666; }
#OtherServices ul { }
#OtherServices a { text-decoration: underline; color: #000000; }
.Phone { font-size: 24px; text-align: right; }
#mainContent h4 { font-size: 16px; color: #FFFFFF; background-image: url(images/H2BG.jpg); background-repeat: no-repeat; background-position: left top; width: 150px; margin: 0px; padding-left: 5px; padding-top: 3px; text-align: left; }
#TopLinks li { list-style-type: none; }
.Top { text-decoration: underline; color: #333333; width: 100px; margin: 0px; padding: 0px; position: relative; left: 600px; top: -25px; }
#TopLinks { }
#TopLinks li a { float: right; margin-top: 0px; padding-top: 0px; margin-right: 30px; list-style-type: none; color: #000000; background-image: url(p7pmm/img/pmm_east_dark.gif); background-position: 0px; background-repeat: no-repeat; padding-left: 20px; }
#TopLinks ul li { display: inline; }
.PriceBtn { height: 35px; width: 150px; position: relative; left: 365px; margin-bottom: 15px; display: inline; }
#OtherServices li { float: left; display: inline; padding-right: 8px; padding-left: 8px; margin-left: 5px; }
.StylistTmb { height: 165px; width: 150px; display: block; margin-right: 5px; margin-left: 5px; float: left; list-style-type: none; text-align: center; margin-bottom: 14px; }
.StylistTmb a:hover { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #000000; }
.StylistWrap { background-color: #FFFFFF; padding-top: 8px; margin-bottom: 20px; width: 694px; }
.StylistCopy { width: 415px; float: right; padding-right: 15px; font-size: 16px; line-height: 1.4em; color: #5E5E5E; font-family: Arial, Helvetica, sans-serif; }
.Name { font-size: 22px; color: #660066; font-variant: normal; }
.StyleTitle { font-size: 14px; color: #666666; }
.StlyeImg { height: 235px; width: 257px; clear: both; float: left; }
.PrevNext { width: 128px; text-align: center; margin-right: auto; margin-left: auto; }
.GalleryWrap { width: auto; }
.Special { position: relative; height: 130px; margin-bottom: 10px; }
.Special a { color: #333333; padding-right: 3px; padding-left: 3px; text-decoration: underline; }
.Special a:hover { color: #8B5FB8; padding-right: 3px; padding-left: 3px; text-decoration: underline; }
.GalleryWrap img { margin-right: 10px; }
#mainContent em { font-weight: bold; }
.SpecialWrap { width: auto; }
.PrintBtn { height: 35px; width: 150px; margin-bottom: 15px; position: relative; float: right; }
.light { background-color: #F5F5F5; padding-left: 4px; padding-top: 2px; padding-bottom: 2px; }
.dark { background-color: #BEBEBE; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; }
h4 { font-size: 16px; color: #FFFFFF; background-image: url(images/H2BG.jpg); background-repeat: no-repeat; background-position: left top; width: 150px; margin: 0px; padding-left: 5px; padding-top: 3px; text-align: left; letter-spacing: 2px; }
#ProductsWrap li { font-size: 12px; list-style-type: none; }
#ProductsWrap { position: relative; }
#ProductsWrap h2 { font-size: 14px; margin: 0px; padding: 0px; }
.LeftList { width: 300px; float: left; margin-right: 20px; }
.RightList { width: 300px; float: right; }
.inline { display: inline; list-style-type: none; padding-right: 15px; padding-left: 0px; margin: 0px; }
#IndexListWrap { position: relative; height: 135px; }
.servicebtns { height: 35px; margin-bottom: 15px; margin-right: auto; margin-left: auto; width: 530px; margin-top: 70px; }
.servicebtns img { padding-right: 5px; padding-left: 5px; }
.NewBtn { margin-right: 10px; float: right; padding: 0px; }
.MoreInfo { width: auto; margin-top: 25px; }
.slideshow img { }
.slideshow { height: 212px; width: 512px; margin-left: 450px; position: absolute; top: 11px; margin-top: 52px; z-index: 4; }
.SubList { display: inline; width: 670px; position: relative; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.SubList li { margin-right: 20px; font-size: 12px; display: inline; color: #422C52; }
.SubList ul { position: relative; list-style-type: none; border-top-width: 1px; border-top-style: solid; border-top-color: #E1E1E1; margin-top: 3px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; padding: 0px; }
.IndexRightList { width: 300px; float: right; }
.IndexLeftList { width: 300px; float: left; margin-right: 20px; }
.ServiceArea { display: inline; font-style: italic; width: 100%; position: relative; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-color: #999999; background-image: none; }
#Services { background-color: #999999; width: 100%; background-image: none; }
.ServiceArea li { margin-right: 20px; font-size: 12px; display: inline; }
.ServiceArea ul { position: relative; list-style-type: none; margin-top: 3px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; padding: 0px; }
strong { color: #422C52; }
#Form { width: 450px; float: right; }
.FormSubjects { width: 300px; }
.FormSubjects p { margin: 0px; font-weight: bold; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; }
label { }
#FormWrap { }
#Form { width: 365px; margin-right: 35px; }
#contactform { margin:0; padding:0; }
#contactform ul { list-style:none; width:355px; margin-right:20px; float:left; padding:0; }
#contactform ul li { margin-bottom:5px; float:left; width:100%; padding:0; list-style:none; }
#contactform ul li.submit { padding-top:10px; margin-top:12px; text-align:right; padding-bottom:0; margin-bottom:0; border-top-width: 1px; border-top-style: solid; border-top-color: #CCCCCC; }
#contactform ul li label { width:130px; float:left; }
#contactform ul li p.fields, #contactform ul.checkboxes { float:left; width:210px; margin:0; padding-bottom:0; margin-bottom:0; }
#contactform ul.checkboxes li { }
#contactform ul.checkboxes li label { float:none; }
#Right { float: right; width: 475px; margin-top: 35px; }
#contactform ul.checkboxes li input { margin-right:5px; }
#BtnGroup { clear: right; float: right; margin-top: 10px; }
label, input.txt-field, textarea.textarea { font-size:12px; font-family:Arial, Helvetica, sans-serif; }
textarea { overflow:auto; }
label { color:#000000; line-height:22px; margin-right:4px; }
input.txt-field { border:1px solid #EEEEEE; background-color:#FFFFFF; color:#333333; padding:0 3px; width:218px; width:212px; height:22px; padding-top:4px; height:18px;/*font-weight:bold;*/ }
textarea.textarea { border:1px solid #EEEEEE; padding:4px 3px; width:212px; height:100px; color:#333333; }
textarea.bigger { width:400px; }
input.txt-field-active, textarea.textarea-active { border:1px solid #DCD2E8; }
input.txt-field:focus, textarea.textarea:focus { border:1px solid #C7B7DB; background-color: #DCD2E8; }