/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML GENERAL 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, form, input
{
    margin: 0;
    padding: 0;
}

body
{
    font-family:Arial,Verdana,Helvetica,sans-serif;
    color:#0060BB;
    overflow:scroll;
    font-size:10pt;
}

a img
{
	border: 0;
}

img
{
	border: none;
}

p
{
    color:#555555;
    font-size:12px;
}

form
{
    margin:0px;
    padding:0px;
}

p
{
    color:#0060BB;
}

a:link, a:visited
{
    color:blue;
}

a.emphasized:link,
a.emphasized:visited
{
    font-size:12pt;
}

a.emphasized:hover
{
    font-size:12pt;
}

strong {  }

span.quotesup
{
    background:transparent url(images/quotes.gif) no-repeat left -13px;
    width:15px; height:13px;
    display:inline; padding-left:15px;
    margin-right:5px;
}

span.quotesdown
{
    background:transparent url(images/quotes.gif) no-repeat left top;
    width:15px; height:13px;
    display:inline; padding-left:15px;
    margin-left:5px;
}

span.underline
{
    text-decoration:underline;
    color:#0000ff;
}
span.underline:hover
{
    text-decoration:none !important;
}

hr
{
    clear:both;
    display:block;
    background:transparent url(images/borderLine.gif) repeat-x;
    border-width:0px;
    margin:20px 0px 20px 0px;
    height:1px;
    overflow:hidden;
}

.right
{
    float:right;
    clear:right;
    margin:0px 0px 20px 20px;
}
.rightPic
{
    float:right;
    clear:right;
    margin:0px 0px 7px 15px;
}
.left
{
    float:left;
    clear:left;
    margin:0px 20px 20px 0px;
}

.leftPic
{
    float:left;
    clear:left;
    margin:0px 15px 7px 0px;
}

.center
{
    text-align:center;
}

.clear
{
    clear:both;
}

.nomargin
{
    margin:0px;
}

.nopadding
{
    padding:0px;
}

ul.inside
{
    list-style-position:inside;
    padding-left:0px;
}
ul.none
{
    list-style-type:none;
    padding-left:0px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MASTERS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/***************** header ******************/

.header 
{
    padding-bottom:8px;
    height:80px;
    overflow:hidden;
    position:relative;
}

div.headersidepage
{
    padding-right:10px;
    background:#FFF url(images/header_bg.png) repeat-y right top;
}

.header a.logo:link, .header a.logo:visited,
.header a.logo:hover
{
    width:200px;
    height:86px;
    display:block;
    text-indent:-9000px;
    overflow:hidden;
    text-decoration:none;
    background-image:url(images/logo.gif);
    float:left;
    position:absolute;
    top:0px;
    left:0px;
}

.header ul
{
    margin:10px 0px 0px 0px;
    padding:0px;
    position:absolute;
    right:0px;
    top:50px;
}

.header ul li
{
    display:inline;
    margin-left:3px !important;
    padding:0px;
    font-family:Arial;
    font-size:11px;
    list-style-type:none;
}

.header ul li.split
{
    margin-left:3px !important;
}

.header ul li a:link, .header ul li a:visited
{
    font-size:12px;
    color:#0054a3;
    text-decoration:underline;
    font-weight:bold;
}
.header ul li a:hover
{
    font-size:12px;
    color:#0054a3;
    text-decoration:underline;
}

/**************** search *****************/

.search
{
    text-align:right;
    line-height:20px;
    float:right;
    margin-top:30px;
}

.search input.SearchBtn
{

}

.search input.searchInput
{
    width:240px;
    
}

/**************** footer *****************/

.footer
{
    clear:both;
    color:#aeaeae;
    padding:40px 0px 0px 0px;
    font-size:10pt;
}

.footer .intro
{
    color: #aeaeae;
    text-align: center;
    font-size: 1em;
    padding-top: 70px;
    background: transparent url(images/logowhite.jpg) no-repeat scroll center 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #f7d996;
    margin-bottom: 10px;
}

.footer .column
{
    width:50%;
    text-align:center;
    font-size:1.2em !important;
    float:left;
    margin-bottom:20px;
    line-height:1.2em !important;
}

.footer .column sup
{
    font-size:10px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MISC.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/**************** content *****************/

.button {
background-color:#6390B9;
border:thin outset;
color:#FFFFFF;
font-family:Arial;
font-size:8pt;
font-weight:bold;
}


div.MainContentHolder
{
    width:770px;
    margin:0px auto;
}

div.MainContentHolder a:link, div.MainContentHolder a:visited, div.MainContentHolder a:hover
{
    color:blue;
    text-decoration:none;
}

div.MainContentHolder a:hover
{
    text-decoration:underline;
}

div.MainContentHolder h1, div.MainContentHolder h2, div.MainContentHolder h3, 
div.MainContentHolder h4, div.MainContentHolder h5, div.MainContentHolder th, 
div.MainContentHolder thead, div.MainContentHolder tfoot {
    color:#9C9C9C;
}

div.MainContentHolder h2.italic
{
    font-family:'Monotype Corsiva',Cursive,serif;
    font-size:24pt;
    font-style:italic;
    font-weight:normal;
    letter-spacing:normal;
    margin-bottom:0;
    padding-bottom:0;
    text-decoration:none;
    text-transform:none;
    word-spacing:normal;
}

div.MainContentHolder h2{
    
    font-family:Arial,Verdana,Helvetica,sans-serif !important;
    color:#0060BB !important;
    font-size:20pt !important;
    font-weight:bold !important;
    font-style:normal !important;
    margin:25px 0px 0px 0px;
    text-align:center;
    clear:both;
}

div.MainContentHolder h2.space{
    margin:40px 0px 30px 0px;
}

div.MainContentHolder h3
{
    color:#0060BB;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12pt;
    font-weight:bold;
    font-style:normal;
    font-weight:bold;
    letter-spacing:normal;
    margin:0px;
    padding:0px;
    text-decoration:none;
    text-transform:none;
    word-spacing:normal;
}

div.MainContentHolder h3.space
{
    margin:30px 0px 20px 0px;
}

div.MainContentHolder h4
{
    color:#0060BB;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14pt;
    font-weight:normal;
    text-transform:none;
    word-spacing:normal;
    letter-spacing:normal;
    margin:0px;
    padding:0px;
    text-decoration:none;
    text-transform:none;
    word-spacing:normal;
}

/*************** columns ********************/

div.MainContentHolder ul
{
    
}

div.MainContentHolder ul li
{
    line-height:1.25em;
}

div.MainContentHolder ul.single li
{
    line-height:1.25em;
}

div.MainContentHolder ul.double li
{
    line-height:2.5em;
}

div.MainContentHolder div.columnSpace
{
    margin:0px 70px 10px 70px;
}

div.MainContentHolder div.column
{
    margin:0px;
    line-height:1em;
    width:50%;
    display:block;
    float:left;
}

div.MainContentHolder div.column ul.highlights,
div.MainContentHolder div.column ul.highlights a
{
    padding:0px;
    list-style-type:none;
    color:#3c86f3;
}

div.MainContentHolder div.column ul,
div.MainContentHolder ul.column
{
    display:block;
    margin:0px;
    padding:0px;
}

div.MainContentHolder div.column ul a:link,
div.MainContentHolder div.column ul a:visited
{
    text-decoration:underline;
}

div.MainContentHolder div.column ul a:hover
{
    text-decoration:none;
}

div.MainContentHolder div.column ul li
{
    line-height:1.2em;
}

div.MainContentHolder .one
{
    width:100% !important;
}
div.MainContentHolder .two
{
    width:50% !important;
}
div.MainContentHolder .three
{
    width:33% !important;
}
div.MainContentHolder .four
{
    width:25% !important;
}

/**************** areas *********************/
div.MainContentHolder div.noSecondLvlNav
{
    margin-top:20px;
}

div.MainContentHolder ul.secondLvlNav
{
    text-align:center;
    margin:10px 0px -20px 0px;
    padding:0px;
}

div.MainContentHolder ul.secondLvlNav li
{
    list-style-type:none;
    display:inline;
    line-height:25px;
}

div.MainContentHolder ul.secondLvlNav a:link,
div.MainContentHolder ul.secondLvlNav a:visited
{
    color:#2c5899;
    text-decoration:underline;
    text-transform:capitalize;
}

div.MainContentHolder ul.secondLvlNav a:hover
{
    text-decoration:none;
    text-transform:capitalize;
    color:#2c5899;
}

div.MainContentHolder ul.secondLvlNav span.selected
{
    /*color:#ddbd28;*/
    color:#bca123;
    font-weight:bold;
    text-decoration:none;
}

div.MainContentHolder .emphasizedArea
{
    font-size:12pt;
    text-align:center;
    line-height:50px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	OVERRIDING STYLES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/************* scheduled apointment **************/

a.scheduleApointment:link,
a.scheduleApointment:visited,
a.scheduleApointment:hover
{
    display:block;
    float:right;
    background:#FFF url(images/shedule_free_consulation.gif) no-repeat;
    width:190px;
    height:62px;
    text-indent:-9000px;
}

.scheduleApointmentPicture:link,
.scheduleApointmentPicture:visited,
.scheduleApointmentPicture:hover
{
    display:block;
    float:right;
    background:#FFF url(images/skinCPR-scheduleFree.gif) no-repeat;
    width:188px;
    height:234px;
    text-indent:-9000px;
}

a.contactusFree:link,
a.contactusFree:visited,
a.contactusFree:hover
{
    color:#0060BB !important;
    display:inline-block;
    margin:0 auto;
    line-height: 51px;
    background:#FFF url(images/contactUsFeeConsultation.jpg) no-repeat right top;
    padding-right:145px;
    font-weight:bold;
    text-decoration:none !important;
    white-space:nowrap;
    
}

/************ logo links box *************/

div.logoLinks
{
    background-position:right 5px;
    background-repeat:no-repeat;
    height:100px;
}

div.logoLinks p
{
    margin:5px 0px;
    font-weight:bold;
}

div.logoLinks a:link,
div.logoLinks a:visited
{
    color:#3c86f3;
    text-decoration:underline;
}
div.logoLinks a:hover
{
    color:#3c86f3;
    text-decoration:none;
}

/************ smallIconLinks *************/

div.smallIconLinks
{
    clear:both;
}
div.smallIconLinks a
{
    background:transparent url(images/beforefaqsprite.png) no-repeat;
    line-height:55px;
    display:block;
}

div.smallIconLinks a:link,
div.smallIconLinks a:visited
{
    text-decoration:underline;
}
div.smallIconLinks a:hover
{
    text-decoration:none;
}

div.smallIconLinks a.left
{
    float:left;
    margin:0px;
}

div.smallIconLinks a.right
{
    float:right;
    margin:0px;
}

div.smallIconLinks a.center
{
    display:inline-table;
    margin:0px;
}

/* IE workaround */
* html div.smallIconLinks a.center
{
    display:inline-block;
    margin:auto 0px;
}

div.smallIconLinks a.faqleft
{
    background-position:left 0px;
    padding-left:70px;
    text-align:left;
}
div.smallIconLinks a.faqright
{
    background-position:right 0px;
    padding-right:70px;
    text-align:left;
}

div.smallIconLinks a.baleft
{
    background-position:left -55px;
    padding-left:70px;
    text-align:left;
}
div.smallIconLinks a.baright
{
    background-position:right -55px;
    padding-right:70px;
    text-align:left;
}

div.smallIconLinks a.blogleft
{
    background-position:left -110px;
    padding-left:70px;
    text-align:left;
}
div.smallIconLinks a.blogright
{
    background-position:right -110px;
    padding-right:70px;
    text-align:left;
}
div.smallIconLinks a.techleft
{
    background-position:left -165px;
    padding-left:70px;
    text-align:left;
}
div.smallIconLinks a.techright
{
    background-position:right -165px;
    padding-right:70px;
    text-align:left;
}
div.smallIconLinks a.equipleft
{
    background-position:left -220px;
    padding-left:70px;
    text-align:left;
}
div.smallIconLinks a.equipright
{
    background-position:right -220px;
    padding-right:70px;
    text-align:left;
}

div.smallIconLinks a.clearleft
{
    clear:left;
}
div.smallIconLinks a.clearright
{
    clear:right;
}
/************ largeIconLinks *************/

/*
largeIcon example:
<div>
        
        <div class="largeIcon clear">
            <div class="image equip"></div>
            <a href="javascript:void(0);">Advanced Laser Technology</a>
            <div>text</div>
        </div>
        <div class="largeIcon clear">
            <div class="image blog"></div>
            <a href="javascript:void(0);">Laser &amp; Injection Blog</a>
            <div>text</div>
        </div>
    </div>*/
div.largeIcon .image
{
    background:transparent url(images/bighbeforefaqsprite.png) no-repeat;
    background-position:left top;
    width:100px;
    height:100px;
    float:left;
    margin-right:20px;
}

div.largeIcon .faq
{
    background-position:left top;
}
div.largeIcon .ba
{
    background-position:-100px top;
}
div.largeIcon .blog
{
    background-position:-200px top;
}
div.largeIcon .tech
{
    background-position:-300px top;
}
div.largeIcon .equip
{
    background-position:-400px top;
}

/*
largeIconLinks example:

        <div class="largeIconLinks">
            <a class="left baleft" href="photogallery.aspx">Before/After Gallery</a>
            <a class="right blogright" href="Celibreblog/">Laser and Injection Blog &amp; Articles</a>
            <a class="left equipleft clearleft" href="lasers_vs_ipl.aspx">Laser vs. IPL: Find out why lasers are superior</a>
            <a class="right faqright clearright" href="Celibreblog/">FAQ on Laser Skin Care</a>
        </div>

*/
div.largeIconLinks a
{
    display:block;
    background-image:url(images/bigvbeforefaqsprite.png);
    background-repeat:no-repeat;
    background-position:left top;
    line-height:100px;
    font-size:14px;
    white-space:pre;
}
div.largeIconLinks a:link,
div.largeIconLinks a:visited
{
    text-decoration:underline;
}
div.largeIconLinks a:hover
{
    text-decoration:none;
}

div.largeIconLinks a.left
{
    float:left;
    margin:0px;
}

div.largeIconLinks a.right
{
    float:right;
    margin:0px;
}

div.largeIconLinks a.center
{
    display:inline-table;
    margin:0px;
}

div.largeIconLinks a.faqleft
{
    background-position:left 0px;
    padding-left:110px;
    text-align:left;
}
div.largeIconLinks a.faqright
{
    background-position:right 0px;
    padding-right:110px;
    text-align:left;
}
div.largeIconLinks a.baleft
{
    background-position:left -100px;
    padding-left:110px;
    text-align:left;
}
div.largeIconLinks a.baright
{
    background-position:right -100px;
    padding-right:110px;
    text-align:left;
}
div.largeIconLinks a.blogleft
{
    background-position:left -200px;
    padding-left:110px;
    text-align:left;
}
div.largeIconLinks a.blogright
{
    background-position:right -200px;
    padding-right:110px;
    text-align:left;
}
div.largeIconLinks a.techleft
{
    background-position:left -300px;
    padding-left:110px;
    text-align:left;
}
div.largeIconLinks a.techright
{
    background-position:right -300px;
    padding-right:110px;
    text-align:left;
}
div.largeIconLinks a.equipleft
{
    background-position:left -400px;
    padding-left:110px;
    text-align:left;
}
div.largeIconLinks a.equipright
{
    background-position:right -400px;
    padding-right:110px;
    text-align:left;
}


div.largeIconLinks a.clearleft
{
    clear:left;
}
div.largeIconLinks a.clearright
{
    clear:right;
}

/************ more information pages after gallery *************/
p.batitle
{
    font-size:14px;
    font-weight:bold;
    text-align:center;
}

/************ before after gallery *************/
div.picturedesc
{
    text-align:center;
}
div.picturedesc img
{
    
}
div.picturedesc p
{
    text-align:center;
}

/**************** pageTitle *****************/

.pageTitle {
    margin:15px 0 20px;
    position:relative;
}

.pageTitle h1  
{
    border-bottom:1px solid #F7D996;
    color:#6E6E6E !important;
    display:block;
    font-family:'Arial Narrow';
    font-size:18pt;
    padding:0 0 10px;
}

.pageTitle h1 em 
{
    font-family:'Monotype Corsiva' !important;
    font-size:20pt !important; 
}

.pageTitle a.callus:link, a.callus:visited, .pageTitle a.callus:hover
{
    background:transparent url(images/call_us.gif) no-repeat scroll top right;
    display:block;
    position:absolute;
    right:0px;
    bottom:-5px;
    width:238px;
    height:45px;
    text-indent:-9000px;
    text-decoration:none !important;
    
}
.pageTitle a.callus:link span,
.pageTitle a.callus:visited span,
.pageTitle a.callus:hover span
{
    bottom:25px;
    color:#1866D0;
    display:block;
    font-size:24px;
    font-weight:bold;
    height:25px;
    letter-spacing:0;
    position:absolute;
    right:35px;
    text-indent:0;
    width:250px;
    text-align:right;
    text-decoration:none !important;
    white-space:nowrap;
    font-family:Arial,Verdana,Helvetica,sans-serif !important;
}


/**************** blog css ****************
#ctl00_cphBody_h1Headline,
#articleHeading
{
    display: block; padding-top: 20px; color:#0060BB;
    
}
*/
.blogbody  
{
    padding-top:10px;
}

.blogbody h1  
{
    font-family:Arial,Verdana,Helvetica,sans-serif !important;
    color:#0060BB !important;
    font-size:20pt !important;
    font-weight:bold !important;
    font-style:normal !important;
    margin:25px 0px 0px 0px;
    text-align:center;
    clear:both;
}

#searchpage
{
    margin:0px 0px 20px 10px;
}

.searchresult
{
    margin:5px 10px 15px 10px;
}

#postnavigation
{
    background-color:#4d94c8;
    padding:10px 5px;
    font-weight:bold;
    text-align:center;
    color:#FFF; 
}

#postnavigation a:link,
#postnavigation a:visited
{
    color:#FFF;    
}

.blogbody .paging
{
    text-align:center;
    display:block;
}

.blogbody .paging ul
{
    margin:0px;
    padding:0px;
    padding-top:20px;
    margin:20px auto;
    border-top:1px solid #F7D996;
    display:block;
}

.blogbody .paging ul li
{
    display:inline-block;
    list-style-type:none;
    margin:0px 1px 0px 1px;
}
.blogbody .paging ul li.active
{
    color:Blue;
    font-weight:bold;
}
/**************** blog css ****************/
.fblikeholder
{
    float:right;
    clear:right;
    margin-top:10px;
    background-color:#FFF;
    font-size:11px;
}