/*------------ General Page Rules ----------------------------------------------------------*/





body, html

{

margin: 0;

padding: 0;

width: 100%;

height: 100%;

}



body.iframe{ width:auto;height:auto;}



h1, h2, h3, h4, h5, p, ul, ol, li, form, hr

{

margin: 0;

padding: 0;

}



BODY, TABLE

{

font-family: 'AvenirNextLTProRegular';

font-size:11pt;

color:#3f3f3f;



}



/****************************************************/



@font-face {

    font-family: 'AvenirNextLTProBold';

    src: url('https://www.coolsculptingdavinciclinic.co.nz/stylesheets/csFonts/avenirnextltpro-bold.eot');

    src: url('https://www.coolsculptingdavinciclinic.co.nz/stylesheets/csFonts/avenirnextltpro-bold.eot') format('embedded-opentype'),

         url('https://www.coolsculptingdavinciclinic.co.nz/stylesheets/csFonts/avenirnextltpro-bold.woff2') format('woff2'),

         url('https://www.coolsculptingdavinciclinic.co.nz/stylesheets/csFonts/avenirnextltpro-bold.woff') format('woff'),

         url('https://www.coolsculptingdavinciclinic.co.nz/stylesheets/csFonts/avenirnextltpro-bold.ttf') format('truetype'),

         url('https://www.coolsculptingdavinciclinic.co.nz/stylesheets/csFonts/avenirnextltpro-bold.svg#AvenirNextLTProBold') format('svg');

}







@font-face {

    font-family: 'AvenirNextLTProDemi';

    src: url('https://www.coolsculptingdavinciclinic.co.nz/stylesheets/csFonts/avenirnextltpro-demi.eot');

    src: url('https://www.coolsculptingdavinciclinic.co.nz/stylesheets/csFonts/avenirnextltpro-demi.eot') format('embedded-opentype'),

         url('https://www.coolsculptingdavinciclinic.co.nz/stylesheets/csFonts/avenirnextltpro-demi.woff2') format('woff2'),

         url('https://www.coolsculptingdavinciclinic.co.nz/stylesheets/csFonts/avenirnextltpro-demi.woff') format('woff'),

         url('https://www.coolsculptingdavinciclinic.co.nz/stylesheets/csFonts/avenirnextltpro-demi.ttf') format('truetype'),

         url('https://www.coolsculptingdavinciclinic.co.nz/stylesheets/csFonts/avenirnextltpro-demi.svg#AvenirNextLTProDemi') format('svg');

}



@font-face {

    font-family: 'AvenirNextLTProRegular';





    src: url('https://www.coolsculptingdavinciclinic.co.nz/stylesheets/csFonts/avenirnextltpro-regular.eot');

    src: url('https://www.coolsculptingdavinciclinic.co.nz/stylesheets/csFonts/avenirnextltpro-regular.eot') format('embedded-opentype'),

         url('https://www.coolsculptingdavinciclinic.co.nz/stylesheets/csFonts/avenirnextltpro-regular.woff2') format('woff2'),

         url('https://www.coolsculptingdavinciclinic.co.nz/stylesheets/csFonts/avenirnextltpro-regular.woff') format('woff'),

         url('https://www.coolsculptingdavinciclinic.co.nz/stylesheets/csFonts/avenirnextltpro-regular.ttf') format('truetype'),

         url('https://www.coolsculptingdavinciclinic.co.nz/stylesheets/csFonts/avenirnextltpro-regular.svg#AvenirNextLTProRegular') format('svg');

}









/* ----------- Colours -------------------------*/



/*

Light Grey: #cccccc

Dark Grey: #818285

Light Blue: #9bd1e5

Medium Blue: #65a8c1

Light Green: #c0cfa5

Medium Green: #7b8b38

Light Brown #d2c4a5

Medium Brown #D2C5A5

*/



/* ----------- General Page Rules -------------------------*/



h1

{

margin: 15px 0px;

color: #cccccc;

font-size: 30px;

font-family: 'AvenirNextLTProDemi';

}



h2

{

margin: 15px 0px;

color: #00a3e3;

font-size: 15px;

text-transform: uppercase;

font-family: "AvenirNextLTProRegular";

line-height:18px;

}



h3

{

margin: 10px 0px;

color: #3f3f3f;

font-size: 14px;

font-family: 'AvenirNextLTProRegular';

font-weight:400;

line-height:18px;

}





p,div#pageSource

{

line-height: 20px;

margin: 8px 0px;

letter-spacing: -0.005em; 

}

div#pageSource{ text-align:left; }

ul

{

margin: 10px 0px;

padding: 0px 0px 0px 20px;

}



ol

{

margin: 10px 0px;

padding: 0px 0px 0px 20px;

}



li

{

margin: 3px 0px;

}



li p

{

margin: 0;

line-height: 19px;

}



hr

{

margin: 15px 0px;

border: none;

background: none;

border-bottom: 1px solid #00A4E3;

}



a

{

color: #000;

}



a:hover

{

color: #818285;

}



td

{

vertical-align: top;

}



a img

{

border: none;

}





/* ----------- Site Wide Rules -------------------------*/



/*------------ Main Containers ---------------------------------------*/



.container

{

margin: 0px auto;

width: 884px;

text-align: left;

}



.bgContainer

{

width: 884px;

float: left;

position: relative;

height: auto;

}



.contentContainer

{

margin: 0px auto;

width: 884px;

text-align: left;

}



.contentContainer .bgContainer

{

width: 884px;

float: left;

position: relative;

height: auto;

margin-top:-728px;

margin-bottom:34px;

z-index:3000;

}



body

{

/*background: 100% width tile here */

background: url(https://www.davinciclinic.co.nz/images/style/cs-background.jpg) top left repeat-x;

}



#wrap

{

position: relative;

z-index: 2;

min-height: 100%;

width: 100%;

/*background: 100% height tile here */

}



#slides

{

position: relative;

float: left;

z-index: 2;

height: 728px;

width: 100%;

}





#slides .container

{

float: left;

position: relative;

width: 1920px;

}



#slides .bgContainer

{

width: 1920px;

float: left;

position: relative;

}



#backgrounds

{

position: relative;

float: left;

z-index: 2;

height: 728px;

width: 100%;

}



#backgrounds h2.bannerTitle

{

display:none;

}



#backgrounds .container

{

float: left;

position: relative;

width: 1920px;

}



#backgrounds .bgContainer

{

width: 1920px;

float: left;

position: relative;

}



#main

{

overflow:hidden;

padding-bottom: 181px ; /* must be same height as the footer */

}



#blueBanner

{

position:absolute;

top:216px;

width: 100%;

height:75px;

z-index:2000;

background:#29b3e8;

background: rgba(0, 164, 253, 0.7);

overflow:hidden;

}



#header

{

float: left;

position: relative;

z-index: 50;

width: 884px;

height: 216px;

background:none;

}



#content

{

float: left;

position: relative;

z-index: 40;

width: 884px;

min-height: 400px;

}



#centerCol

{

float: left;

position: relative;

width: 884px;

min-height: 400px;

}



#default #centerCol

{

float: left;

position: relative;

width: 884px;

min-height: 400px;

margin: 0px 0px 0px 0px;

background:#FFF;

}





#footer {

position: relative;

width: 100%;

clear: both;

z-index: 60;

margin: -216px 0px 0px 0px;

height: 216px;

background: #fff;

background: url(https://www.davinciclinic.co.nz/images/style/cs-footer_bg.jpg) top left repeat-x;

}



.noFooter #footer {

position: relative;

width: 100%;

clear: both;

z-index: 60;

margin: -216px 0px 0px 0px;

height: 216px;

background: #fff;

background: #29b2e8;

}



#footer .container

{

margin: 0 auto;

width: 884px;

text-align: left;

}



#footer .bgContainer

{

float: left;

position: relative;

width: 884px;

height: 216px;

margin: 0px;

padding: 0px 0px 0px 0px;

background: none;

margin: 0px;

border-bottom:none;

}



.noFooter #footer .bgContainer

{

float: left;

position: relative;

width: 884px;

height: 216px;

margin: 0px;

padding: 0px 0px 0px 0px;

background: none;

margin: 0px;

border-bottom:none;

-moz-box-shadow: 0px 3px 8px rgb(100,100,100,0.9);

-webkit-box-shadow: 0px 3px 8px rgb(100,100,100,0.9);

box-shadow: 0px 3px 8px rgb(100,100,100,0.9);

}



#hide

{

display:none;

}







/*------------ Module/Element Specific Rules ---------------------------------------*/





/******* Header Elements ***********/



#header a.logo

{

float: left;

position: relative;

margin: 75px 0px 0px 36px;

}



#header a.logo img

{



}



a.dvLogo

{

float: right;

position: relative;

margin: 75px 37px 0px 0px;

}





#contactInfo

{

position: absolute;

right:250px;

top:61px;

width:150px;

height:100px;

}





#contactInfo p

{

font-family: 'AvenirNextLTProRegular';

color:#3f3f3f;

font-size:12px;

text-align:right;

line-height:20px;

}





#contactInfo span

{

color:#00a3e3;

font-family: 'AvenirNextLTProDemi';

font-size:14px;

}





#contactLink

{

position: absolute;

right:34px;

top:0px;

height:37px;

width:189px;

background:#00a4e3;

    -ms-transform: skewX(-8deg); /* IE 9 */

    -webkit-transform: skewX(-8deg); /* Chrome, Safari, Opera */

transform  : skewX(-8deg);

}





#contactLink a

{

display:block;

font-family: 'AvenirNextLTProBold';

text-transform:uppercase;

text-decoration:none;

color:#FFF;

font-size:14px;

text-align:center;

line-height:12px;

    -ms-transform: skewX(8deg); /* IE 9 */

    -webkit-transform: skewX(8deg); /* Chrome, Safari, Opera */

transform  : skewX(8deg);

margin-top:12px;

letter-spacing:1.5px;

}





/* Header Navigation */



#header #navigation

{

position: absolute;

top: 165px;

left: 35px;

width: 824px;

height: 50px;

margin: 0px;

}



#header #navigation ul

{

margin: 0 auto;

padding: 0px  0px 0px 0px;

list-style: none;

float: none;

position: relative;

}



#header #navigation ul li

{

float: left;

position: relative;

padding: 0px 0px 0px 0px;

height: 50px;

line-height: 50px;

margin: 0px 0px 0px 0px;

}



#header #navigation ul li:first-child

{

background: none;

}



#header #navigation ul li a

{

display: block;

width: auto;

text-align: left;

height: 50px;

line-height: 48px;

list-style: none;

float: left;

text-transform: uppercase;

letter-spacing: 0;

font-size: 14px;

position: relative;

color: #5d5d5d;

text-decoration: none ;

font-family: 'AvenirNextLTProRegular';

border-top:4px solid #dfeceb;

padding: 0px 11px;

margin:0px 1px;

letter-spacing:1px;

}





#header #navigation a.menu.left

{

padding-left:0px;

margin-left:0px;

}



#header #navigation a.menu.right

{

padding-right:0px;

margin-right:0px;

}





#header #navigation li.selected a,

#header #navigation a:hover

{

color: #00A3E4;

border-top:4px solid #00A3E4;

}





#header #navigation ul li ul

{

display: none;

}



#header #navigation ul li:hover ul

{

display: block;

}



#header #navigation ul li ul

{

margin: 0px 0px 0px -2px;

padding: 0px 3px 0px 0px;

list-style: none;

float: none;

position: absolute;

top: 33px;

left: 3px;

width: 240px;

border-bottom: 4px solid #00b4e4;

}



#header #navigation ul li ul li

{

float: left;

position: relative;

padding: 0px 0px 0px 3px;

height: auto;

min-height: 20px;

width: 240px;

line-height: 19px;

margin: 0px 0px 0px 0px;

background: #9BD1E5;

}



#header #navigation ul li ul li:first-child

{

background: #9BD1E5;

}



#header #navigation ul li ul li a

{

display: block;

width: 210px;

text-align: left;

height: 33px;

line-height: 33px;

padding: 4px 10px 4px 17px;

border-top: none;

margin: 0px;

list-style: none;

float: left;

text-transform: uppercase;

letter-spacing: 0;

font-size: 12px;

position: relative;

color: #FFF;

text-decoration: none ;

}



#header #navigation ul li ul li ul

{

float: left;

position: relative;

margin: 0px 0px 0px -3px;

padding: 0;

top: auto;

left: auto;

border: none;

}



#header #navigation ul li ul li ul li

{

float: left;

position: relative;

padding: 0px 0px 0px 3px;

min-height: 33px;

width: 240px;

line-height: 19px;

margin: 0px 0px 0px 0px;

background: #daedf4;



}



#header #navigation ul li ul li ul li:first-child

{

background: #daedf4;

}



#header #navigation ul li ul li ul li a

{

display: block;

width: 210px;

text-align: left;

height: 33px;

line-height: 33px;

padding: 4px 10px 4px 17px;

border-top: none;

margin: 0px;

list-style: none;

float: left;

text-transform: uppercase;

letter-spacing: 0;

font-size: 12px;

position: relative;

color: #7093ae;

text-decoration: none ;

}



#header #navigation a.grandchildSelected,

#header #navigation a.childSelected,

#header #navigation a.menuSelected

{

color: #00B4E4;

}



/******* Home Slides ***********/



#coolSculptingHomeSlides

{

float: left;

position: relative;

width: 1920px;

height: 728px;

margin: 0px auto;

}



#coolSculptingHomeSlides .moduleComponentContainercoolSculptingHomeSlides .bannerImageContainer

{

width: 1920px;

height: 728px;

border:none;

margin:0 auto;

}



#coolSculptingHomeSlides h2.bannerTitle

{

display:none;

}



#homeSlideNav

{

position: absolute;

top: 298px;

left: 32px;

z-index: 3000;

background: none;

display:none;

}





#homeSlideNav a

{

margin: 0px 2px;

display: block;

float: left;

width: 8px;

height: 8px;

background: url(http://www.mocadev.net/CMSDEV/images/style/progress_icon.png) 0px 0px no-repeat;









}











#homeSlideNav a.activeSlide



{

font-weight: bold;

color: #FFF;

background: url(http://www.mocadev.net/CMSDEV/images/style/progress_icon.png) 0px -8px no-repeat;

}



#coolSculptingHomeSlides .bannerHtmlContent

{

display:none;

}





/******* Page Editor Container ***********/



#default #centerCol h1.contentPageTitle

{

background:#00a4e3;

width: 644px;

height:55px;

margin:0px 0px 0px 0px;

color:#FFF;

padding: 20px 120px 0px;

font-family: 'AvenirNextLTProRegular';

font-size:30px;

font-weight:400;

}



#default #centerCol h1.contentPageTitle a

{

color:#FFF;

text-decoration:none;

}





#default #centerCol h1.contentPageTitle a:hover

{

color:#0079C1;

}



#default #centerCol h1.contentPageTitle.forced

{

margin:-33px 0px 20px -120px;

padding: 30px 120px 0px;

height:45px;

}





#default #pageEditorContent

{

float: left;

position: relative;

width: 644px;

padding: 25px 120px 50px;

margin: 0px 0px 0px 0px;

border: none;

-moz-box-shadow: 0px 3px 8px rgb(100,100,100,0.9);

-webkit-box-shadow: 0px 3px 8px rgb(100,100,100,0.9);

box-shadow: 0px 3px 8px rgb(100,100,100,0.9);

min-height:585px;

}



#home #pageEditorContent

{

float: left;

position: relative;

background: rgba(255, 255, 255, 0.8);

padding: 0px 35px 0px;

width: 355px;

    -ms-transform: skewX(-8deg); /* IE 9 */

    -webkit-transform: skewX(-8deg); /* Chrome, Safari, Opera */

transform  : skewX(-8deg);

z-index:2000;

height:728px;

margin: 0px 0px 0px -20px;

}



#home #pageEditorContent h2

{

font-family: 'AvenirNextLTProDemi';

font-size:37px;

line-height:26px;

color:#00a3e3;

margin:125px 0px 0px 0px;

width:110%;

}



#home #pageEditorContent h2 span

{

display:inline-block;

font-size:32px;

line-height:0px;

margin:10px 0px 0px -1px;

vertical-align:top;

}



#home #pageEditorContent p

{

font-size:20px;

line-height:28px;

color:#00a3e3;

font-family: 'AvenirNextLTProRegular';

}



#home #pageEditorContent p span

{

font-family: 'AvenirNextLTProDemi';

}





#home #pageEditorContent a

{

display:block;

text-decoration:none;



    -ms-transform: skewX(8deg); /* IE 9 */

    -webkit-transform: skewX(8deg); /* Chrome, Safari, Opera */

transform  : skewX(8deg);

text-transform:uppercase;

background:#00a4e3;

color:#FFF;

text-align:center;

font-size:20px;

line-height:57px;

margin-top:42px;

margin-left:18px;

font-family: 'AvenirNextLTProDemi';

-webkit-border-radius: 26px;

-moz-border-radius: 26px;

border-radius: 26px;

width:90%;

letter-spacing:1px;

}





#home #pageEditorContent a:hover

{

background:#0079c1;

}





/* Footer Menu  */



#footerMenuOne

{

float: left;

width: 100%;

height:100px;

border:none;

}





#footerMenuOne a.galleryLink

{

float: left;

font-size:20px;

 color:#FFF;

text-decoration:none;

text-transform:uppercase;

font-family: "AvenirNextLTProDemi";

margin-top:35px;

letter-spacing:3px;

}





#footerMenuTwo

{

float: left;

position: relative;

width: 100%;

height:100px;

border:none;

}



#footerMenuTwo #socialMediaIcons

{

float: left;

position: relative;

width:200px;

height:32px;

margin:30px 0px 0px 37px;

}



#footerMenuTwo #socialMediaIcons a

{

float: left;

position: relative;

width:32px;

height:32px;

margin-right:6px;

}



#footerMenuTwo #socialMediaIcons a.emailIcon

{

background: url(https://www.davinciclinic.co.nz/images/templates/cs-emailIcon.png) top left no-repeat;

}



#footerMenuTwo #socialMediaIcons a.facebookIcon

{

background: url(https://www.davinciclinic.co.nz/images/templates/cs-facebookIcon.png) top left no-repeat;

}



#footerMenuTwo #socialMediaIcons a.pintrestIcon 

{

background: url(https://www.davinciclinic.co.nz/images/templates/cs-pinterestIcon.png) top left no-repeat;

}



#footerMenuTwo #socialMediaIcons a.youtubeIcon

{

background: url(https://www.davinciclinic.co.nz/images/templates/cs-youtubeIcon.png) top left no-repeat;

}



#footerMenuTwo #socialMediaIcons a.rssIcon

{

background: url(https://www.davinciclinic.co.nz/images/templates/cs-rssIcon.png) top left no-repeat;

}





/* Newsletter Signup */



#newsletterSignup

{

float: right;

position: relative;

width: 300px;

}







#newsletterSignup h2





{

margin: 15px 0px 8px;

color: #FFF;

font-size: 18px;

text-transform: uppercase;

font-weight: normal;

text-align: right;

}



#subscribeComponent

{



}



#subscribeComponent table#formTable

{

margin: 12px 0px 0px 0px;

color: #3684a0;

}



#subscribeComponent table#formTable .labelHorizontal



{



}



#subscribeComponent table#formTable .labelHorizontal span

{

float: left;

color: #3684a0;

}



#subscribeComponent table#formTable span.required

{

color: #333;

}



#subscribeComponent table#formTable .valueVertical

{



}



#subscribeComponent table#formTable .valueVertical input.fstxt

{

float: right;

width: 200px;

background: #ddf1f9;

border: 1px solid #72d0e9;

font-size: 11px;

color: #3684a0;

padding: 3px;

margin: 2px 0px 2px 15px;

}



#subscribeComponent input.fsubNewsletter

{

position: absolute;

bottom: 4px;

right: 0;

border: none;

background: none;

color: #1c677b;

font-size: 11px;

cursor: pointer;

}



/* Copyright */



#copyright

{

float: right;

position: relative;

width: 72%;

text-align: right;

color: #1c677b;

margin: 24px 0px 0px 0px;

}



#copyright p

{

color:#cee5f3;

font-size:12px;

}





#copyright p a

{

text-decoration:none;

color:#cee5f3;

}



/*********************Footer Newsletter signup*********************/





#newsletterSignup

{

width:57%;

margin-top:24px;

}



#newsletterSignup #data_form p

{

float:left;

font-size:19px;

color:#FFF;

font-family: 'AvenirNextLTProRegular';

margin-right:20px;

margin-top:13px;

}



#newsletterSignup #data_form

{

float: right;

position: relative;

}



#newsletterSignup #data_form #subscribeFooterForm

{



}





#newsletterSignup #data_form #subscribeFooterForm input.fmtxt

{

float:left;

width:116px!important;

margin:3px 0px 0px 0px!important;

padding:14px 0px 14px 30px!important;

text-transform:none;

color:#c5c4c4!important;

border:none;

-webkit-border-radius: 20px 0px 0px 20px;

-moz-border-radius: 20px 0px 0px 20px;

border-radius: 20px 0px 0px 20px;

font-family: 'AvenirNextLTProDemi';

}



#newsletterSignup #data_form #subscribeFooterForm .buttonPanel

{

float:left;

margin:2px 0px 0px 0px!important;

padding:0px 0px 0px 0px!important;

text-transform:uppercase;



}





#newsletterSignup #data_form #subscribeFooterForm .buttonPanel .fsub

{

-webkit-border-radius:0px 20px 20px 0px;

-moz-border-radius:0px 20px 20px 0px;

border-radius: 0px 20px 20px 0px;

padding:14px 0px 13px 0px!important;

border:none;

color:#FFF;

background:#0079c1;

text-transform:uppercase;

font-family: 'AvenirNextLTProDemi';

}





/* Form Element (Email, newsletter, competition, survey) Styling ------------------------*/









#emailForm,

#subscribeForm,

#surveyTable,

#alertForm,

#registrationForm

{

float: left;

width: 97%;

background: #FFF;

padding: 0px;

margin: 0px 0px 30px 0px;

border:none;

}



#emailForm{

width: 500px;

}



#emailForm td.labelHorizontal,

#subscribeForm td.labelHorizontal,

#surveyTable td.labelHorizontal,

#alertForm td.labelHorizontal,

#registrationForm  td.labelHorizontal

{

width: 38%;

vertical-align: middle;

color: #333;

padding: 0 5% 5px 0 ;

font-size: 14px;

}



#emailForm td.valueHorizontal,

#subscribeForm td.valueHorizontal,

#surveyTable td.valueHorizontal,

#alertForm td.valueHorizontal,

#registrationForm  td.valueHorizontal

{

width: 55%;

font-size: 14px;

vertical-align: top;

text-align: left;



}



#emailForm td.valueHorizontal .fgroup,

#subscribeForm td.valueHorizontal .fgroup,

#surveyTable td.valueHorizontal .fgroup,

#alertForm td.valueHorizontal  .fgroup,

#registrationForm  td.valueHorizontal  .fgroup

{

font-size: 14px;

}



span.fieldNumber

{

font-weight: bold;

margin: 0px 10px 0px 0px;

color:  #65a8c1;

}



span.required

{

font-weight: bold;

color:  #333;

}



table.ftable td{ vertical-align:top; padding:4px;}

table.ftable td.flabel{ text-align:right;padding-right:10px; }

table.ftable td.fvalue{ text-align:left; }

table.ftable td.fcolumn{ text-align:center; }



input.ftxt, input.fmtxt, input.fstxt,input.fdate,textarea.fmtxt

{

font-family: 'AvenirNextLTProRegular';

background: #dfeceb;

border: 1px solid #dfeceb;

font-size: 14px;

width:290px!important;

padding: 8px;

-webkit-border-radius: 8px;

-moz-border-radius: 8px;

border-radius: 16px;

margin-bottom:5px;

}



textarea.fmtxt:hover, textarea.fmtxt:focus,

input.ftxt:hover, input.ftxt:focus,

input.fmtxt:hover, input.fmtxt:focus,

input.fstxt:hover, input.fstxt:focus,

input.fdate:hover, input.fdate:focus

{

border: 1px solid #0079C1;

}



input.fdate{width:150px; }

input.fstxt{width:50px; }



#subscribeFooterForm input

{

font-size:11px;

}





select.fsel,select.fseldate

{

background: #fff;

border: 1px solid #000;

font-size: 11px;

padding: 4px;

width:300px;

margin: 0px 3px 0px 0px;

}

select.fseldate{ width:auto; }



select.fseldate:hover,

select.fseldate:focus,

select.fseldate:hover,

select.fseldate:focus

{

border: 1px solid #65a8c1;

}



.buttonBar, .buttonPanel {text-align: right;padding: 15px 0px 0px 0px;}



.buttonBar input, input.fsub

{

background: #dfeceb;

border: 1px solid #dfeceb;

font-size: 11px;

padding: 4px;

width: 100px;

cursor: pointer;

}



#pageEditorContent #formTable .buttonBar input, #pageEditorContent #formTable input.fsub

{

padding: 4px;

cursor: pointer;



float:left;

 font-family: 'AvenirNextLTProDemi';

background: #dfeceb;

border: 1px solid #dfeceb;

font-size: 18px;

width:200px;

padding: 8px;

-webkit-border-radius: 22px;

-moz-border-radius: 22px;

border-radius: 22px;

margin-bottom:5px;

color:#FFF;

text-transform:uppercase;

}



#pageEditorContent #formTable .buttonBar input:hover, #pageEditorContent #formTable input.fsub:hover

{

background: #65a8c1;

color: #FFF;

}





td.labelVertical span

{

display:block;

margin:10px 0px;

font-size:14px;

}



td.valueVertical span

{



font-size:14px;

}



.fgroup td

{

display:block;

margin:10px 0px 10px 0px;

}



.fgroup td label

{

display:inline-block;

margin:0px 0px 0px 10px;

}



td.valueVertical span

{

display:inline-block;

margin:0px 0px 0px 5px;

}



.buttonBar input:hover,

input.fsub:hover

{

background: #65a8c1;

color: #FFF;

}



.msg

{

color: #FF0000;

margin: 10px 0px;

font-style: italic;

}



.finlinehelp

{

display: none;

}



#emailForm .reset,

#subscribeForm .reset,

#surveyTable .reset,

#alertForm .reset,

#registrationForm .reset

{

display: none;

}



.formHeaderText

{

position:absolute;

right:40px;

width:211px;

}



.formHeaderText p

{

font-size:13.5px;

letter-spacing:.2pt;

}





.formHeaderText a

{

color:#00a4e3;

text-decoration:none;

}







/* Site Search ----------------------------------*/



.siteSearch span

{

font-size: 14px;

font-weight: bold;

}



.siteSearch input.fsub

{

border: 1px solid #ccc;

font-size: 11px;

margin: 0px 3px 10px;

padding: 2px 6px;

cursor: pointer;

}





.siteSearch input.textInput

{

font-size: 11px;

border: 1px solid #ccc;

padding: 3px 6px;

}



#searchResultDescription

{

margin: 0px 0px 10px;

}





#searchResultItems .searchResultItem

{

margin: 10px 0px 0px 0px;

}



#searchResultItems .title

{

font-weight: bold;

margin: 0px 0px 0px 10px;

}



#searchResultItems .description

{

margin: 8px 0px 0px 25px;

}





/******************Team**************************/





table#CoolsculptingTeam

{



}





table#CoolsculptingTeam p

{

font-size:11pt;

line-height:20px;

}





table#CoolsculptingTeam h2

{

float: left;

position: relative;

margin:28px 30px 0px 0px;

text-transform:uppercase;

color:#00a3e3;

font-family: 'AvenirNextLTProDemi';

font-size:11.5pt;

padding:0px;

width:100%;

}





table#CoolsculptingTeam span,

table#CoolsculptingTeam strong 

{

padding:0px;

margin:0px 0px 10px;

font-family: 'AvenirNextLTProDemi';

font-size:10.0pt;

font-weight:400;

}



table#CoolsculptingTeam a

{

font-family: 'AvenirNextLTProDemi';

color:#00a3e3;

text-transform:uppercase;

text-decoration:none;

font-size:13px;

}









/**************FAQs*****************/



.cs-how-it-works h2

{

font-family: 'AvenirNextLTProRegular';



}



.faqItem .question

{

margin: 10px 0px;

font-size: 14px;

font-family: 'AvenirNextLTProDemi';

font-weight:400;

text-decoration:none;

width:100%;

}



.faqItem .question a

{

color: #3f3f3f;

text-decoration:none;

}



.faqItem .question a.active,

.faqItem .question a:hover

{

color: #0079c1;

}



/****************Gallery*****************/



#navBar



{

float: left;

position: relative;

width:100%;

margin:10px 0px 20px;

}





#navBar .navRecentLinks span

{

display:none;

}





#navBar ul

{

list-style:none;

margin:0px;

padding:0px;

}



#navBar ul li

{

display:inline-block;

width:17px;

height:17px;

margin:0px 5px 0px 0px;

}



#navBar ul li a

{

display:inline-block;



width:17px;

height:17px;

background:#dfeceb;

}





#navBar .navRecentLinks ul li.selected a,

#navBar ul li a:hover

{

background:#00a4e3;

}



#navBasicLinks

{

display:none;

}



.moduleItemCoolSculptingVideos,

.moduleItemsListingCoolSculptingVideos,

.moduleItemsListingCoolSculptingGallery,

.moduleItemCoolSculptingGallery

{

float: left;

position: relative;

width:100%;

margin:10px 0px 0px 0px;

}



.paginator,

.moduleItemCoolSculptingVideos .title,

.moduleItemsListingCoolSculptingVideos .title,

.moduleItemsListingCoolSculptingVideos .readMore,

.moduleItemsListingCoolSculptingGallery .readMore,

.moduleItemsListingCoolSculptingGallery .title,

.moduleItemCoolSculptingGallery .title

{

display:none;

}



/*****************Footer Callout****************/



.moduleComponentContainercoolsculptingFooterCallout

{

float: left;

position: relative;

width:644px;

padding:0px 120px;

}







.moduleComponentContainercoolsculptingFooterCallout h2.bannerTitle

{

display:none;

}





.moduleComponentContainercoolsculptingFooterCallout h2



{

font-size:32px;

color:#FFF;

font-family: 'AvenirNextLTProRegular';

margin-top:30px;

}



.moduleComponentContainercoolsculptingFooterCallout .moduleComponent 

{

color:#FFF;

font-size:13px;

}





/***********************************/



.formHeaderText strong

{

font-family: 'AvenirNextLTProDemi';

}





td.valueVertical span,

td.labelVertical span

{

font-family: 'AvenirNextLTProDemi';

}



a#pull

{

display:none;

}



/***********************************/

/***********************************/

/***********************************/

/***********************************/

/***********************************/

/***********************************/

/***********************************/

/***********************************/

/***********************************/

/***********************************/

/***********************************/

/***********************************/

/***********************************/





@media screen and (max-width: 1200px) {

.container

{

margin: 0px auto;

width: 884px;



}



.bgContainer

{

width: 884px;

height: auto;

}



.contentContainer

{

margin: 0px auto;

min-width: 884px;

}



.contentContainer .bgContainer

{

width: 884px;

height: auto;

margin-top:-728px;

margin-bottom:34px;

}



#wrap

{

min-height: 100%;

width: 100%;

/*background: 100% height tile here */

}



#slides

{

height: 728px;

width: 100%;

margin-left:-40%;

}





#slides .container

{

width: 1920px;

}



#slides .bgContainer

{

width: 1920px;

}



#backgrounds

{

height: 728px;

width: 100%;

}



#backgrounds .container

{

width:1200px;

}



#backgrounds .bgContainer

{

width:1200px;

}



#main

{

width:1200px;

overflow:hidden;

padding-bottom: 181px ; /* must be same height as the footer */

}



#blueBanner

{

top:216px;

width: 100%;

height:75px;

z-index:2000;

overflow:hidden;

}



#header

{

width: 884px;

height: 216px;

}



#content

{

width: 884px;

min-height: 400px;

}



#centerCol

{

width: 884px;

min-height: 400px;

}



#default #centerCol

{

width: 884px;

min-height: 400px;

margin: 0px 0px 0px 0px;

}





#footer {

margin: -216px 0px 0px 0px;

height: 216px;

width:1200px;

}



.noFooter #footer {

width:1200px;

margin: -216px 0px 0px 0px;

height: 216px;

}



#footer .container

{

margin: 0 auto;

width: 884px;

}



#footer .bgContainer

{

width: 884px;

height: 216px;

padding: 0px 0px 0px 0px;

margin: 0px;

}



.noFooter #footer .bgContainer

{

width: 884px;

height: 216px;

padding: 0px 0px 0px 0px;

margin: 0px;

}







/*------------ Module/Element Specific Rules ---------------------------------------*/





/******* Header Elements ***********/



#header a.logo

{

margin: 75px 0px 0px 36px;

}



a.dvLogo

{

margin: 75px 37px 0px 0px;

}





#contactInfo

{

right:250px;

top:61px;

width:150px;

height:100px;

}





#contactInfo p

{

font-size:12px;

line-height:20px;

}





#contactInfo span

{

font-size:14px;

}





#contactLink

{

right:34px;

top:0px;

height:37px;

width:189px;

    -ms-transform: skewX(-8deg); /* IE 9 */

    -webkit-transform: skewX(-8deg); /* Chrome, Safari, Opera */

transform  : skewX(-8deg);

}





#contactLink a

{

font-size:14px;

line-height:12px;

    -ms-transform: skewX(8deg); /* IE 9 */

    -webkit-transform: skewX(8deg); /* Chrome, Safari, Opera */

transform  : skewX(8deg);

margin-top:12px;

letter-spacing:1.5px;

}





/* Header Navigation */



#header #navigation

{

top: 165px;

left: 35px;

width: 824px;

height: 50px;

margin: 0px;

}



#header #navigation ul

{

margin: 0 auto;

padding: 0px  0px 0px 0px;

}



#header #navigation ul li

{

padding: 0px 0px 0px 0px;

height: 50px;

line-height: 50px;

margin: 0px 0px 0px 0px;

}



#header #navigation ul li a

{

width: auto;

height: 50px;

line-height: 48px;

letter-spacing: 0;

font-size: 14px;

border-top:4px solid #dfeceb;

padding: 0px 11px;

margin:0px 1px;

letter-spacing:1px;

}





#header #navigation a.menu.left

{

padding-left:0px;

margin-left:0px;

}



#header #navigation a.menu.right

{

padding-right:0px;

margin-right:0px;

}





#header #navigation li.selected a,

#header #navigation a:hover

{

border-top:4px solid #00A3E4;

}





#header #navigation ul li ul

{

display: none;

}







/******* Home Slides ***********/



#coolSculptingHomeSlides

{

width: 1920px;

height: 728px;

margin: 0px auto;

}



#coolSculptingHomeSlides .moduleComponentContainercoolSculptingHomeSlides .bannerImageContainer

{

width: 1920px;

height: 728px;

margin:0 auto;

}



/******* Page Editor Container ***********/



#default #centerCol h1.contentPageTitle

{

width: 644px;

height:55px;

margin:0px 0px 0px 0px;

padding: 20px 120px 0px;

font-size:30px;

}





#default #centerCol h1.contentPageTitle.forced

{

margin:-33px 0px 20px -120px;

padding: 30px 120px 0px;

height:45px;

}





#default #pageEditorContent

{

width: 644px;

padding: 25px 120px 50px;

margin: 0px 0px 0px 0px;

min-height:585px;

}



#home #pageEditorContent

{

padding: 0px 35px 0px;

width: 355px;

    -ms-transform: skewX(-8deg); /* IE 9 */

    -webkit-transform: skewX(-8deg); /* Chrome, Safari, Opera */

transform  : skewX(-8deg);

z-index:2000;

height:728px;

margin: 0px 0px 0px -20px;

}



#home #pageEditorContent h2

{

font-size:37px;

line-height:26px;

margin:125px 0px 0px 0px;

width:110%;

}



#home #pageEditorContent h2 span

{

font-size:32px;

line-height:0px;

margin:10px 0px 0px -1px;

}



#home #pageEditorContent p

{

font-size:20px;

line-height:28px;

}



#home #pageEditorContent a

{

    -ms-transform: skewX(8deg); /* IE 9 */

    -webkit-transform: skewX(8deg); /* Chrome, Safari, Opera */

transform  : skewX(8deg);

font-size:20px;

line-height:57px;

margin-top:42px;

margin-left:18px;

width:90%;

letter-spacing:1px;

}



/* Footer Menu  */



#footerMenuOne

{

width: 100%;

height:100px;

}





#footerMenuOne a.galleryLink

{

font-size:20px;

color:#FFF;

margin-top:35px;

letter-spacing:3px;

}





#footerMenuTwo

{

width: 100%;

height:100px;

}



#footerMenuTwo #socialMediaIcons

{









width:200px;

height:32px;

margin:30px 0px 0px 37px;

}



#footerMenuTwo #socialMediaIcons a

{

width:32px;

height:32px;

margin-right:6px;

}





/* Newsletter Signup */



#newsletterSignup

{

width: 300px;

}







#newsletterSignup h2

{

margin: 15px 0px 8px;

font-size: 18px;

}



#subscribeComponent table#formTable

{

margin: 12px 0px 0px 0px;

}



#subscribeComponent table#formTable .valueVertical input.fstxt

{

width: 200px;

font-size: 11px;

padding: 3px;

margin: 2px 0px 2px 15px;

}



#subscribeComponent input.fsubNewsletter

{

bottom: 4px;

right: 0;

color: #1c677b;

font-size: 11px;

}



/* Copyright */



#copyright

{

width: 72%;

margin: 24px 0px 0px 0px;

}



#copyright p

{

color:#cee5f3;

font-size:12px;

}



/*********************Footer Newsletter signup*********************/





#newsletterSignup

{

width:57%;

margin-top:24px;

}



#newsletterSignup #data_form p

{

font-size:19px;

margin-right:20px;

margin-top:13px;

}



#newsletterSignup #data_form #subscribeFooterForm input.fmtxt

{

width:116px!important;

margin:3px 0px 0px 0px!important;

padding:14px 0px 14px 30px!important;

-webkit-border-radius: 20px 0px 0px 20px;

-moz-border-radius: 20px 0px 0px 20px;

border-radius: 20px 0px 0px 20px;

}



#newsletterSignup #data_form #subscribeFooterForm .buttonPanel

{

margin:2px 0px 0px 0px!important;

padding:0px 0px 0px 0px!important;

}





#newsletterSignup #data_form #subscribeFooterForm .buttonPanel .fsub

{

padding:14px 0px 13px 0px!important;

}





/* Form Element (Email, newsletter, competition, survey) Styling ------------------------*/









#emailForm,

#subscribeForm,

#surveyTable,

#alertForm,

#registrationForm

{

width: 97%;

padding: 0px;

margin: 0px 0px 30px 0px;

}



#emailForm{

width: 500px;

}



#emailForm td.labelHorizontal,

#subscribeForm td.labelHorizontal,

#surveyTable td.labelHorizontal,

#alertForm td.labelHorizontal,

#registrationForm  td.labelHorizontal

{

width: 38%;

padding: 0 5% 5px 0 ;

font-size: 14px;

}



#emailForm td.valueHorizontal,

#subscribeForm td.valueHorizontal,

#surveyTable td.valueHorizontal,

#alertForm td.valueHorizontal,

#registrationForm  td.valueHorizontal

{

width: 55%;

font-size: 14px;

}



#emailForm td.valueHorizontal .fgroup,

#subscribeForm td.valueHorizontal .fgroup,

#surveyTable td.valueHorizontal .fgroup,

#alertForm td.valueHorizontal  .fgroup,

#registrationForm  td.valueHorizontal  .fgroup

{

font-size: 14px;

}



span.fieldNumber

{

margin: 0px 10px 0px 0px;

}



table.ftable td{padding:4px;}

table.ftable td.flabel{padding-right:10px; }





input.ftxt, input.fmtxt, input.fstxt,input.fdate,textarea.fmtxt

{

font-size: 14px;

width:290px!important;

padding: 8px;

margin-bottom:5px;

}





input.fdate{width:150px; }

input.fstxt{width:50px; }



#subscribeFooterForm input

{

font-size:11px;

}





select.fsel,select.fseldate

{

font-size: 11px;

padding: 4px;

width:300px;

margin: 0px 3px 0px 0px;

}





.buttonBar, .buttonPanel 

{

padding: 15px 0px 0px 0px;

}



.buttonBar input, input.fsub

{

font-size: 11px;

padding: 4px;

width: 100px;

}



#pageEditorContent #formTable .buttonBar input, #pageEditorContent #formTable input.fsub

{

font-size: 18px;

width:200px;

padding: 8px;

-webkit-border-radius: 22px;

-moz-border-radius: 22px;

border-radius: 22px;

margin-bottom:5px;

color:#FFF;

}



td.labelVertical span

{

margin:10px 0px;

font-size:14px;

}



td.valueVertical span

{

font-size:14px;

}



.fgroup td

{

margin:10px 0px 10px 0px;

}



.fgroup td label

{

margin:0px 0px 0px 10px;

}



td.valueVertical span

{

margin:0px 0px 0px 5px;

}





.formHeaderText

{

right:40px;

width:211px;

}



.formHeaderText p

{

font-size:13.5px;

letter-spacing:.2pt;

}









/* Site Search ----------------------------------*/



.siteSearch span

{

font-size: 14px;

}



.siteSearch input.fsub

{

font-size: 11px;

margin: 0px 3px 10px;

padding: 2px 6px;

}





.siteSearch input.textInput

{

font-size: 11px;

padding: 3px 6px;

}



#searchResultDescription

{

margin: 0px 0px 10px;

}





#searchResultItems .searchResultItem

{

margin: 10px 0px 0px 0px;

}



#searchResultItems .title

{

margin: 0px 0px 0px 10px;

}



#searchResultItems .description

{

margin: 8px 0px 0px 25px;

}





/******************Team**************************/





table#CoolsculptingTeam p

{

font-size:11pt;

line-height:20px;

}





table#CoolsculptingTeam h2

{

margin:28px 30px 0px 0px;

font-size:11.5pt;

padding:0px;

width:100%;

}





table#CoolsculptingTeam span,

table#CoolsculptingTeam strong 

{

padding:0px;

margin:0px 0px 10px;

font-size:10.0pt;

}



table#CoolsculptingTeam a

{

font-size:13px;

}







/**************FAQs*****************/

.faqItem .question

{

margin: 10px 0px;

font-size: 14px;

width:100%;

}



/****************Gallery*****************/



#navBar

{

width:100%;

margin:10px 0px 20px;

}



#navBar ul li

{

width:17px;

height:17px;

margin:0px 5px 0px 0px;

}



#navBar ul li a

{

width:17px;

height:17px;

}





.moduleItemCoolSculptingVideos,

.moduleItemsListingCoolSculptingVideos,

.moduleItemsListingCoolSculptingGallery,

.moduleItemCoolSculptingGallery

{



width:100%;

margin:10px 0px 0px 0px;

}





/*****************Footer Callout****************/



.moduleComponentContainercoolsculptingFooterCallout

{

width:644px;

padding:0px 120px;

}



.moduleComponentContainercoolsculptingFooterCallout h2



{

font-size:32px;

margin-top:30px;

}



.moduleComponentContainercoolsculptingFooterCallout .moduleComponent 

{

color:#FFF;

font-size:13px;

}





}





/* Other phones */

@media screen and (max-width: 600px) {





.container

{

margin: 0px auto;

width: 600px;

}



.bgContainer

{

width: 600px;

height: auto;



}



.contentContainer

{

margin: 0px auto;

width: 600px;



}



.contentContainer .bgContainer

{

width: 600px;

height: auto;

margin-top:-728px;

margin-bottom:34px;

}



#wrap

{

min-height: 100%;

width: 100%;

/*background: 100% height tile here */

}



#slides

{

height: 528px;

width: 100%;

}





#slides .container

{

width: 600px;

}



#slides .bgContainer

{

width: 600px;

}



#backgrounds

{

height: 728px;

width: 100%;

overflow:hidden;

}



#backgrounds .container

{

width: 600px;

}



#backgrounds .bgContainer

{

width: 600px;

}



#main

{

width:600px;

overflow:hidden;

padding-bottom: 181px ; /* must be same height as the footer */

}



#blueBanner

{

display:none;

}



#header

{

width: 600px;

height: 216px;

z-index:5000;

}



#content

{

width: 600px;

min-height: 400px;

}



#centerCol

{

width: 600px;

min-height: 400px;

}



#default #centerCol

{

width: 600px;

min-height: 400px;

margin: 0px 0px 0px 0px;

}





#footer {

margin: -216px 0px 0px 0px;

height: 216px;

overflow:visible!important;

width:600px;



}



.noFooter #footer {

width: 100%;

margin: -216px 0px 0px 0px;

height: 216px;

}



#footer .container

{

margin: 0 auto;

width: 600px;

}



#footer .bgContainer

{

width: 600px;

height: 216px;

padding: 0px 0px 0px 0px;

margin: 0px;

}



.noFooter #footer .bgContainer

{

width: 600px;

height: 216px;

padding: 0px 0px 0px 0px;

margin: 0px;

}







/*------------ Module/Element Specific Rules ---------------------------------------*/





/******* Header Elements ***********/



#header a.logo

{

margin: 75px 0px 0px 36px;

}



a.dvLogo

{

margin: 75px 37px 0px 0px;

}





#contactInfo

{

right:250px;

top:61px;

width:150px;

height:100px;

display:none;

}



#contactLink

{

right:34px;

top:0px;

height:37px;

width:189px;

}



#contactLink a

{

font-size:14px;

line-height:12px;

    -ms-transform: skewX(8deg); /* IE 9 */

    -webkit-transform: skewX(8deg); /* Chrome, Safari, Opera */

transform  : skewX(8deg);

margin-top:12px;

letter-spacing:1.5px;

}





/* Header Navigation */



#header #navigation

{

top: 165px;

left: 35px;

width: 824px;

height: 50px;

margin: 0px;

display:none;

z-index:5000;

}





/******* Home Slides ***********/



#coolSculptingHomeSlides

{

width: 600px;

height: 728px;

margin: 0px auto;

}



#coolSculptingHomeSlides .moduleComponentContainercoolSculptingHomeSlides .bannerImageContainer

{

width: 600px;

height: 728px;

margin:0 auto;

}



/******* Page Editor Container ***********/



#default #centerCol h1.contentPageTitle

{

width: 100%;

height:55px;

margin:0px 0px 0px 0px;

padding: 20px 20px 0px;

font-size:30px;

}





#default #centerCol h1.contentPageTitle.forced

{

margin:-33px 0px 20px -120px;

padding: 30px 120px 0px;

height:45px;

}





#default #pageEditorContent

{

width: 530px;

padding: 25px 20px 50px;

margin: 0px 0px 0px 5px;

min-height:585px;

}



#default #pageEditorContent img

{

max-width:100%;

height:auto!important;

}



#home #pageEditorContent

{

padding: 0px 35px 0px;

width: 355px;

    -ms-transform: skewX(-8deg); /* IE 9 */

    -webkit-transform: skewX(-8deg); /* Chrome, Safari, Opera */

transform  : skewX(-8deg);

z-index:2000;

height:528px;

margin: 200px 0px 0px 40px;



}



#home #pageEditorContent h2

{

font-size:37px;

line-height:26px;

margin:125px 0px 0px 0px;

width:110%;

}



#home #pageEditorContent h2 span

{

font-size:32px;

line-height:0px;

margin:10px 0px 0px -1px;

}



#home #pageEditorContent p

{

font-size:20px;

line-height:28px;

}



#home #pageEditorContent a

{

    -ms-transform: skewX(8deg); /* IE 9 */

    -webkit-transform: skewX(8deg); /* Chrome, Safari, Opera */

transform  : skewX(8deg);

font-size:20px;

line-height:57px;

margin-top:42px;

margin-left:18px;

width:90%;

letter-spacing:1px;

}



/* Footer Menu  */



#footerMenuOne

{

width: 100%;

height:100px;

}





#footerMenuOne a.galleryLink

{

font-size:20px;

color:#FFF;

margin-top:35px;

letter-spacing:3px;

margin-left:40px;

}





#footerMenuTwo

{

width: 100%;

height:100px;

}



#footerMenuTwo #socialMediaIcons

{

width:200px;

height:32px;

margin:30px 0px 0px 37px;

}



#footerMenuTwo #socialMediaIcons a

{

width:32px;

height:32px;

margin-right:6px;

}





/* Newsletter Signup */



#newsletterSignup

{

width: 300px;

display:none;

}







/* Copyright */



#copyright

{

float:left;

width: 72%;

margin: 14px 0px 0px 40px;

}



#copyright p

{

color:#cee5f3;

font-size:12px;

}



/* Form Element (Email, newsletter, competition, survey) Styling ------------------------*/





#emailForm,

#subscribeForm,

#surveyTable,

#alertForm,

#registrationForm

{

width: 97%;

padding: 0px;

margin: 0px 0px 30px 0px;

}



#emailForm{

width: 500px;

}



#emailForm td.labelHorizontal,

#subscribeForm td.labelHorizontal,

#surveyTable td.labelHorizontal,

#alertForm td.labelHorizontal,

#registrationForm  td.labelHorizontal

{

width: 38%;

padding: 0 5% 5px 0 ;

font-size: 14px;

}



#emailForm td.valueHorizontal,

#subscribeForm td.valueHorizontal,

#surveyTable td.valueHorizontal,

#alertForm td.valueHorizontal,

#registrationForm  td.valueHorizontal

{

width: 55%;

font-size: 14px;

}



#emailForm td.valueHorizontal .fgroup,

#subscribeForm td.valueHorizontal .fgroup,

#surveyTable td.valueHorizontal .fgroup,

#alertForm td.valueHorizontal  .fgroup,

#registrationForm  td.valueHorizontal  .fgroup

{

font-size: 14px;

}



span.fieldNumber

{

margin: 0px 10px 0px 0px;

}



table.ftable td{padding:4px;}

table.ftable td.flabel{padding-right:10px; }





input.ftxt, input.fmtxt, input.fstxt,input.fdate,textarea.fmtxt

{

font-size: 14px;

width:290px!important;

padding: 8px;

margin-bottom:5px;

}





input.fdate{width:150px; }

input.fstxt{width:50px; }



#subscribeFooterForm input

{

font-size:11px;

}





select.fsel,select.fseldate

{

font-size: 11px;

padding: 4px;

width:300px;

margin: 0px 3px 0px 0px;

}





.buttonBar, .buttonPanel 

{

padding: 15px 0px 0px 0px;

}



.buttonBar input, input.fsub

{

font-size: 11px;

padding: 4px;

width: 100px;

}



#pageEditorContent #formTable .buttonBar input, #pageEditorContent #formTable input.fsub

{

font-size: 18px;

width:200px;

padding: 8px;

-webkit-border-radius: 22px;

-moz-border-radius: 22px;

border-radius: 22px;

margin-bottom:5px;

color:#FFF;

}



td.labelVertical span

{

margin:10px 0px;

font-size:14px;

}



td.valueVertical span

{

font-size:14px;

}



.fgroup td

{

margin:10px 0px 10px 0px;

}



.fgroup td label

{

margin:0px 0px 0px 10px;

}



td.valueVertical span

{

margin:0px 0px 0px 5px;

}





.formHeaderText

{

display:none;

}



/******************Team**************************/





table#CoolsculptingTeam p

{

font-size:11pt;

line-height:20px;

}





table#CoolsculptingTeam h2

{

margin:28px 30px 0px 0px;

font-size:11.5pt;

padding:0px;

width:100%;

}





table#CoolsculptingTeam span,

table#CoolsculptingTeam strong 

{

padding:0px;

margin:0px 0px 10px;

font-size:10.0pt;

}



table#CoolsculptingTeam a

{

font-size:13px;

}







/**************FAQs*****************/

.faqItem .question

{

margin: 10px 0px;

font-size: 14px;

width:100%;

}



/****************Gallery*****************/



#navBar

{

width:100%;

margin:10px 0px 20px;

}



#navBar ul li

{

width:17px;

height:17px;

margin:0px 5px 0px 0px;

}



#navBar ul li a

{

width:17px;

height:17px;

}





.moduleItemCoolSculptingVideos,

.moduleItemsListingCoolSculptingVideos,

.moduleItemsListingCoolSculptingGallery,

.moduleItemCoolSculptingGallery

{



width:100%;

margin:10px 0px 0px 0px;

}





/*****************Footer Callout****************/



.moduleComponentContainercoolsculptingFooterCallout

{

width:520px;

padding:0px 20px;

}



.moduleComponentContainercoolsculptingFooterCallout h2



{

font-size:32px;

margin-top:30px;

}



.moduleComponentContainercoolsculptingFooterCallout .moduleComponent 

{

color:#FFF;

font-size:13px;

}



/*------------- Fancy responsive mobile menu ----------------------*/





#header #navigation {

border-bottom: 0;

display:block!important;

z-index:5000;



}



#header #navigation

{

width: 85%!important;

top:170px!important;

}				



#header #navigation a:hover

{

border:none;

color:#FFF;

}				



#header #navigation ul#nav li ul

{

background: #FFF;



}



#header #navigation a.menu.right

{

padding-bottom:0px;

background:#FFF;

padding-left:10px;

width:500px;

border:none;

}



#header #navigation ul#nav {

display: none;

width: 100%;

height: auto;

padding: 0px 0px 0px 0px;

margin:0px 0px 0px 0px;



}



#header #navigation a#pull {

display: inline-block!important;

float: right;

margin: 0px 0px 0px 0px;

z-index: 2001;

background-color: #00A4E3;

width: 100%;

min-width: 20px;

overflow: hidden;

position: relative;

border-radius: 0px;

color: #fff;

font-size : 16px;

padding: 0px 0px;

line-height: 40px;

text-align: center;

text-decoration: none;

font-weight: bold;

text-transform: uppercase;

z-index: 2000;

}



#header #navigation a#pull:after {

content:"";

background-size: 100% auto;

width: 20px;

height: 20px;

display: inline-block;

position: absolute;

right: 20px;

top: 13px;



}





#header #navigation ul li:first-child

{

padding-left:10px;

width:500px;

}



#header #navigation li {

display: block;

float: none;

width: 100%;

z-index: 2000;

padding: 0px 0px 0px 0px;

}



#header #navigation li a {

border-bottom: 1px solid #646464;



}





#header #navigation ul li

{

margin: 0;

padding: 0;

background: #FFF !important;



}



#header #navigation ul li ul li

{

display: none;

}



#header #navigation ul li a

{

color: #5d5d5d;

margin: 0;

padding: 14px 10px;

display: block;

border: none;

font-size: 19px;



}



#header #navigation ul li.selected a

{

background: none;

border:none;

}





#header #navigation ul li a:hover

{

background: none;

color:#000;

}



table#CoolsculptingTeam img

{

display:none!important;

}



.cs-gallery .navRecentLinks

{

display:none!important;

}



}



/* ipad 1 and 2 */



@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) 

and (-webkit-min-device-pixel-ratio: 1){ 





}





/* iPhone 2, 3, 4 */

@media only screen 

and (min-device-width : 320px) 

and (max-device-width : 480px) {



.container

{

margin: 0px auto;

width: 600px;

}



.bgContainer

{

width: 600px;

height: auto;



}



.contentContainer

{

margin: 0px auto;

width: 600px;



}



.contentContainer .bgContainer

{

width: 600px;

height: auto;

margin-top:-728px;

margin-bottom:34px;

}



#wrap

{

min-height: 100%;

width: 100%;

/*background: 100% height tile here */

}



#slides

{

height: 528px;

width: 100%;

}





#slides .container

{

width: 600px;

}



#slides .bgContainer

{

width: 600px;

}



#backgrounds

{

height: 728px;

width: 100%;

overflow:hidden;

}



#backgrounds .container

{

width: 600px;

}



#backgrounds .bgContainer

{

width: 600px;

}



#main

{

width:600px;

overflow:hidden;

padding-bottom: 181px ; /* must be same height as the footer */

}



#blueBanner

{

display:none;

}



#header

{

width: 600px;

height: 216px;

z-index:5000;

}



#content

{

width: 600px;

min-height: 400px;

}



#centerCol

{

width: 600px;

min-height: 400px;

}



#default #centerCol

{

width: 600px;

min-height: 400px;

margin: 0px 0px 0px 0px;

}





#footer {

margin: -216px 0px 0px 0px;

height: 216px;

overflow:visible!important;

min-width:600px;



}



.noFooter #footer {

width: 100%;

margin: -216px 0px 0px 0px;

height: 216px;

}



#footer .container

{

margin: 0 auto;

width: 600px;

}



#footer .bgContainer

{

width: 600px;

height: 216px;

padding: 0px 0px 0px 0px;

margin: 0px;

}



.noFooter #footer .bgContainer

{

width: 600px;

height: 216px;

padding: 0px 0px 0px 0px;

margin: 0px;

}







/*------------ Module/Element Specific Rules ---------------------------------------*/





/******* Header Elements ***********/



#header a.logo

{

margin: 75px 0px 0px 36px;

}



a.dvLogo

{

margin: 75px 37px 0px 0px;

}





#contactInfo

{

right:250px;

top:61px;

width:150px;

height:100px;

display:none;

}



#contactLink

{

right:34px;

top:0px;

height:37px;

width:189px;

}



#contactLink a

{

font-size:14px;

line-height:12px;

    -ms-transform: skewX(8deg); /* IE 9 */

    -webkit-transform: skewX(8deg); /* Chrome, Safari, Opera */

transform  : skewX(8deg);

margin-top:12px;

letter-spacing:1.5px;

}





/* Header Navigation */



#header #navigation

{

top: 165px;

left: 35px;

width: 824px;

height: 50px;

margin: 0px;

display:none;

z-index:5000;

}





/******* Home Slides ***********/



#coolSculptingHomeSlides

{

width: 600px;

height: 728px;

margin: 0px auto;

}



#coolSculptingHomeSlides .moduleComponentContainercoolSculptingHomeSlides .bannerImageContainer

{

width: 600px;

height: 728px;

margin:0 auto;

}



/******* Page Editor Container ***********/



#default #centerCol h1.contentPageTitle

{

width: 100%;

height:55px;

margin:0px 0px 0px 0px;

padding: 20px 20px 0px;

font-size:30px;

}





#default #centerCol h1.contentPageTitle.forced

{

margin:-33px 0px 20px -120px;

padding: 30px 120px 0px;

height:45px;

}





#default #pageEditorContent

{

width: 530px;

padding: 25px 20px 50px;

margin: 0px 0px 0px 5px;

min-height:585px;

}



#default #pageEditorContent img

{

max-width:100%;

height:auto!important;

}



#home #pageEditorContent

{

padding: 0px 35px 0px;

width: 355px;

    -ms-transform: skewX(-8deg); /* IE 9 */

    -webkit-transform: skewX(-8deg); /* Chrome, Safari, Opera */

transform  : skewX(-8deg);

z-index:2000;

height:528px;

margin: 200px 0px 0px 40px;



}



#home #pageEditorContent h2

{

font-size:37px;

line-height:26px;

margin:125px 0px 0px 0px;

width:110%;

}



#home #pageEditorContent h2 span

{

font-size:32px;

line-height:0px;

margin:10px 0px 0px -1px;

}



#home #pageEditorContent p

{

font-size:20px;

line-height:28px;

}



#home #pageEditorContent a

{

    -ms-transform: skewX(8deg); /* IE 9 */

    -webkit-transform: skewX(8deg); /* Chrome, Safari, Opera */

transform  : skewX(8deg);

font-size:20px;

line-height:57px;

margin-top:42px;

margin-left:18px;

width:90%;

letter-spacing:1px;

}



/* Footer Menu  */



#footerMenuOne

{

width: 100%;

height:100px;

}





#footerMenuOne a.galleryLink

{

font-size:20px;

color:#FFF;

margin-top:35px;

letter-spacing:3px;

margin-left:40px;

}





#footerMenuTwo

{

width: 100%;

height:100px;

}



#footerMenuTwo #socialMediaIcons

{

width:200px;

height:32px;

margin:30px 0px 0px 37px;

}



#footerMenuTwo #socialMediaIcons a

{

width:32px;

height:32px;

margin-right:6px;

}





/* Newsletter Signup */



#newsletterSignup

{

width: 300px;

display:none;

}







/* Copyright */



#copyright

{

float:left;

width: 72%;

margin: 14px 0px 0px 40px;

}



#copyright p

{

color:#cee5f3;

font-size:12px;

}



/* Form Element (Email, newsletter, competition, survey) Styling ------------------------*/





#emailForm,

#subscribeForm,

#surveyTable,

#alertForm,

#registrationForm

{

width: 97%;

padding: 0px;

margin: 0px 0px 30px 0px;

}



#emailForm{

width: 500px;

}



#emailForm td.labelHorizontal,

#subscribeForm td.labelHorizontal,

#surveyTable td.labelHorizontal,

#alertForm td.labelHorizontal,

#registrationForm  td.labelHorizontal

{

width: 38%;

padding: 0 5% 5px 0 ;

font-size: 14px;

}



#emailForm td.valueHorizontal,

#subscribeForm td.valueHorizontal,

#surveyTable td.valueHorizontal,

#alertForm td.valueHorizontal,

#registrationForm  td.valueHorizontal

{

width: 55%;

font-size: 14px;

}



#emailForm td.valueHorizontal .fgroup,

#subscribeForm td.valueHorizontal .fgroup,

#surveyTable td.valueHorizontal .fgroup,

#alertForm td.valueHorizontal  .fgroup,

#registrationForm  td.valueHorizontal  .fgroup

{

font-size: 14px;

}



span.fieldNumber

{

margin: 0px 10px 0px 0px;

}



table.ftable td{padding:4px;}

table.ftable td.flabel{padding-right:10px; }





input.ftxt, input.fmtxt, input.fstxt,input.fdate,textarea.fmtxt

{

font-size: 14px;

width:290px!important;

padding: 8px;

margin-bottom:5px;

}





input.fdate{width:150px; }

input.fstxt{width:50px; }



#subscribeFooterForm input

{

font-size:11px;

}





select.fsel,select.fseldate

{

font-size: 11px;

padding: 4px;

width:300px;

margin: 0px 3px 0px 0px;

}





.buttonBar, .buttonPanel 

{

padding: 15px 0px 0px 0px;

}



.buttonBar input, input.fsub

{

font-size: 11px;

padding: 4px;

width: 100px;

}



#pageEditorContent #formTable .buttonBar input, #pageEditorContent #formTable input.fsub

{

font-size: 18px;

width:200px;

padding: 8px;

-webkit-border-radius: 22px;

-moz-border-radius: 22px;

border-radius: 22px;

margin-bottom:5px;

color:#FFF;

}



td.labelVertical span

{

margin:10px 0px;

font-size:14px;

}



td.valueVertical span

{

font-size:14px;

}



.fgroup td

{

margin:10px 0px 10px 0px;

}



.fgroup td label

{

margin:0px 0px 0px 10px;

}



td.valueVertical span

{

margin:0px 0px 0px 5px;

}





.formHeaderText

{

display:none;

}



/******************Team**************************/





table#CoolsculptingTeam p

{

font-size:11pt;

line-height:20px;

}





table#CoolsculptingTeam h2

{

margin:28px 30px 0px 0px;

font-size:11.5pt;

padding:0px;

width:100%;

}





table#CoolsculptingTeam span,

table#CoolsculptingTeam strong 

{

padding:0px;

margin:0px 0px 10px;

font-size:10.0pt;

}



table#CoolsculptingTeam a

{

font-size:13px;

}







/**************FAQs*****************/

.faqItem .question

{

margin: 10px 0px;

font-size: 14px;

width:100%;

}



/****************Gallery*****************/



#navBar

{

width:100%;

margin:10px 0px 20px;

}



#navBar ul li

{

width:17px;

height:17px;

margin:0px 5px 0px 0px;

}



#navBar ul li a

{

width:17px;

height:17px;

}





.moduleItemCoolSculptingVideos,

.moduleItemsListingCoolSculptingVideos,

.moduleItemsListingCoolSculptingGallery,

.moduleItemCoolSculptingGallery

{



width:100%;

margin:10px 0px 0px 0px;

}





/*****************Footer Callout****************/



.moduleComponentContainercoolsculptingFooterCallout

{

width:520px;

padding:0px 20px;

}



.moduleComponentContainercoolsculptingFooterCallout h2



{

font-size:32px;

margin-top:30px;

}



.moduleComponentContainercoolsculptingFooterCallout .moduleComponent 

{

color:#FFF;

font-size:13px;

}



/*------------- Fancy responsive mobile menu ----------------------*/





#header #navigation {

border-bottom: 0;

display:block!important;

z-index:5000;



}



#header #navigation

{

width: 85%!important;

top:170px!important;

}				



#header #navigation a:hover

{

border:none;

color:#FFF;

}				



#header #navigation ul#nav li ul

{

background: #FFF;



}



#header #navigation a.menu.right

{

padding-bottom:0px;

background:#FFF;

padding-left:10px;

width:500px;

border:none;

}



#header #navigation ul#nav {

display: none;

width: 100%;

height: auto;

padding: 0px 0px 0px 0px;

margin:0px 0px 0px 0px;



}



#header #navigation a#pull {

display: inline-block!important;

float: right;

margin: 0px 0px 0px 0px;

z-index: 2001;

background-color: #00A4E3;

width: 100%;

min-width: 20px;

overflow: hidden;

position: relative;

border-radius: 0px;

color: #fff;

font-size : 16px;

padding: 0px 0px;

line-height: 40px;

text-align: center;

text-decoration: none;

font-weight: bold;

text-transform: uppercase;

z-index: 2000;

}



#header #navigation a#pull:after {

content:"";

background-size: 100% auto;

width: 20px;

height: 20px;

display: inline-block;

position: absolute;

right: 20px;

top: 13px;



}





#header #navigation ul li:first-child

{

padding-left:10px;

width:500px;

}



#header #navigation li {

display: block;

float: none;

width: 100%;

z-index: 2000;

padding: 0px 0px 0px 0px;

}



#header #navigation li a {

border-bottom: 1px solid #646464;



}





#header #navigation ul li

{

margin: 0;

padding: 0;

background: #FFF !important;



}



#header #navigation ul li ul li

{

display: none;

}



#header #navigation ul li a

{

color: #5d5d5d;

margin: 0;

padding: 14px 10px;

display: block;

border: none;

font-size: 19px;



}



#header #navigation ul li.selected a

{

background: none;

border:none;

}





#header #navigation ul li a:hover

{

background: none;

color:#000;

}



table#CoolsculptingTeam img

{

display:none!important;

}



.cs-gallery .navRecentLinks

{

display:none!important;

}



}



/* Retina iPad in portrait & landscape */ 

@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px)

and (-webkit-min-device-pixel-ratio: 2) {



.container

{

margin: 0px auto;

width: 884px;



}



.bgContainer

{

width: 884px;

height: auto;

}



.contentContainer

{

margin: 0px auto;

min-width: 884px;

}



.contentContainer .bgContainer

{

width: 884px;

height: auto;

margin-top:-728px;

margin-bottom:34px;

}



#wrap

{

min-height: 100%;

width: 100%;

/*background: 100% height tile here */

}



#slides

{

height: 728px;

width: 100%;

margin-left:-40%;

}





#slides .container

{

width: 1920px;

}



#slides .bgContainer

{

width: 1920px;

}



#backgrounds

{

height: 728px;

width: 100%;

}



#backgrounds .container

{

width:1200px;

}



#backgrounds .bgContainer

{

width:1200px;

}



#main

{

width:1200px;

overflow:hidden;

padding-bottom: 181px ; /* must be same height as the footer */

}



#blueBanner

{

top:216px;

width: 100%;

height:75px;

z-index:2000;

overflow:hidden;

}



#header

{

width: 884px;

height: 216px;

}



#content

{

width: 884px;

min-height: 400px;

}



#centerCol

{

width: 884px;

min-height: 400px;

}



#default #centerCol

{

width: 884px;

min-height: 400px;

margin: 0px 0px 0px 0px;

}





#footer {

margin: -216px 0px 0px 0px;

height: 216px;

width:1200px;

}



.noFooter #footer {

width:1200px;

margin: -216px 0px 0px 0px;

height: 216px;

}



#footer .container

{

margin: 0 auto;

width: 884px;

}



#footer .bgContainer

{

width: 884px;

height: 216px;

padding: 0px 0px 0px 0px;

margin: 0px;

}



.noFooter #footer .bgContainer

{

width: 884px;

height: 216px;

padding: 0px 0px 0px 0px;

margin: 0px;

}







/*------------ Module/Element Specific Rules ---------------------------------------*/





/******* Header Elements ***********/



#header a.logo

{

margin: 75px 0px 0px 36px;

}



a.dvLogo

{

margin: 75px 37px 0px 0px;

}





#contactInfo

{

right:250px;

top:61px;

width:150px;

height:100px;

}





#contactInfo p

{

font-size:12px;

line-height:20px;

}





#contactInfo span

{

font-size:14px;

}





#contactLink

{

right:34px;

top:0px;

height:37px;

width:189px;

    -ms-transform: skewX(-8deg); /* IE 9 */

    -webkit-transform: skewX(-8deg); /* Chrome, Safari, Opera */

transform  : skewX(-8deg);

}





#contactLink a

{

font-size:14px;

line-height:12px;

    -ms-transform: skewX(8deg); /* IE 9 */

    -webkit-transform: skewX(8deg); /* Chrome, Safari, Opera */

transform  : skewX(8deg);

margin-top:12px;

letter-spacing:1.5px;

}





/* Header Navigation */



#header #navigation

{

top: 165px;

left: 35px;

width: 824px;

height: 50px;

margin: 0px;

}



#header #navigation ul

{

margin: 0 auto;

padding: 0px  0px 0px 0px;

}



#header #navigation ul li

{

padding: 0px 0px 0px 0px;

height: 50px;

line-height: 50px;

margin: 0px 0px 0px 0px;

}



#header #navigation ul li a

{

width: auto;

height: 50px;

line-height: 48px;

letter-spacing: 0;

font-size: 14px;

border-top:4px solid #dfeceb;

padding: 0px 11px;

margin:0px 1px;

letter-spacing:1px;

}





#header #navigation a.menu.left

{

padding-left:0px;

margin-left:0px;

}



#header #navigation a.menu.right

{

padding-right:0px;

margin-right:0px;

}





#header #navigation li.selected a,

#header #navigation a:hover

{

border-top:4px solid #00A3E4;

}





#header #navigation ul li ul

{

display: none;

}







/******* Home Slides ***********/



#coolSculptingHomeSlides

{

width: 1920px;

height: 728px;

margin: 0px auto;

}



#coolSculptingHomeSlides .moduleComponentContainercoolSculptingHomeSlides .bannerImageContainer

{

width: 1920px;

height: 728px;

margin:0 auto;

}



/******* Page Editor Container ***********/



#default #centerCol h1.contentPageTitle

{

width: 644px;

height:55px;

margin:0px 0px 0px 0px;

padding: 20px 120px 0px;

font-size:30px;

}





#default #centerCol h1.contentPageTitle.forced

{

margin:-33px 0px 20px -120px;

padding: 30px 120px 0px;

height:45px;

}





#default #pageEditorContent

{

width: 644px;

padding: 25px 120px 50px;

margin: 0px 0px 0px 0px;

min-height:585px;

}



#home #pageEditorContent

{

padding: 0px 35px 0px;

width: 355px;

    -ms-transform: skewX(-8deg); /* IE 9 */

    -webkit-transform: skewX(-8deg); /* Chrome, Safari, Opera */

transform  : skewX(-8deg);

z-index:2000;

height:728px;

margin: 0px 0px 0px -20px;

}



#home #pageEditorContent h2

{

font-size:37px;

line-height:26px;

margin:125px 0px 0px 0px;

width:110%;

}



#home #pageEditorContent h2 span

{

font-size:32px;

line-height:0px;

margin:10px 0px 0px -1px;

}



#home #pageEditorContent p

{

font-size:20px;

line-height:28px;

}



#home #pageEditorContent a

{

    -ms-transform: skewX(8deg); /* IE 9 */

    -webkit-transform: skewX(8deg); /* Chrome, Safari, Opera */

transform  : skewX(8deg);

font-size:20px;

line-height:57px;

margin-top:42px;

margin-left:18px;

width:90%;

letter-spacing:1px;

}



/* Footer Menu  */



#footerMenuOne

{

width: 100%;

height:100px;

}





#footerMenuOne a.galleryLink

{

font-size:20px;

color:#FFF;

margin-top:35px;

letter-spacing:3px;

}





#footerMenuTwo

{

width: 100%;

height:100px;

}



#footerMenuTwo #socialMediaIcons

{









width:200px;

height:32px;

margin:30px 0px 0px 37px;

}



#footerMenuTwo #socialMediaIcons a

{

width:32px;

height:32px;

margin-right:6px;

}





/* Newsletter Signup */



#newsletterSignup

{

width: 300px;

}







#newsletterSignup h2

{

margin: 15px 0px 8px;

font-size: 18px;

}



#subscribeComponent table#formTable

{

margin: 12px 0px 0px 0px;

}



#subscribeComponent table#formTable .valueVertical input.fstxt

{

width: 200px;

font-size: 11px;

padding: 3px;

margin: 2px 0px 2px 15px;

}



#subscribeComponent input.fsubNewsletter

{

bottom: 4px;

right: 0;

color: #1c677b;

font-size: 11px;

}



/* Copyright */



#copyright

{

width: 72%;

margin: 24px 0px 0px 0px;

}



#copyright p

{

color:#cee5f3;

font-size:12px;

}



/*********************Footer Newsletter signup*********************/





#newsletterSignup

{

width:57%;

margin-top:24px;

}



#newsletterSignup #data_form p

{

font-size:19px;

margin-right:20px;

margin-top:13px;

}



#newsletterSignup #data_form #subscribeFooterForm input.fmtxt

{

width:116px!important;

margin:3px 0px 0px 0px!important;

padding:14px 0px 14px 30px!important;

-webkit-border-radius: 20px 0px 0px 20px;

-moz-border-radius: 20px 0px 0px 20px;

border-radius: 20px 0px 0px 20px;

}



#newsletterSignup #data_form #subscribeFooterForm .buttonPanel

{

margin:2px 0px 0px 0px!important;

padding:0px 0px 0px 0px!important;

}





#newsletterSignup #data_form #subscribeFooterForm .buttonPanel .fsub

{

padding:14px 0px 13px 0px!important;

}





/* Form Element (Email, newsletter, competition, survey) Styling ------------------------*/









#emailForm,

#subscribeForm,

#surveyTable,

#alertForm,

#registrationForm

{

width: 97%;

padding: 0px;

margin: 0px 0px 30px 0px;

}



#emailForm{

width: 500px;

}



#emailForm td.labelHorizontal,

#subscribeForm td.labelHorizontal,

#surveyTable td.labelHorizontal,

#alertForm td.labelHorizontal,

#registrationForm  td.labelHorizontal

{

width: 38%;

padding: 0 5% 5px 0 ;

font-size: 14px;

}



#emailForm td.valueHorizontal,

#subscribeForm td.valueHorizontal,

#surveyTable td.valueHorizontal,

#alertForm td.valueHorizontal,

#registrationForm  td.valueHorizontal

{

width: 55%;

font-size: 14px;

}



#emailForm td.valueHorizontal .fgroup,

#subscribeForm td.valueHorizontal .fgroup,

#surveyTable td.valueHorizontal .fgroup,

#alertForm td.valueHorizontal  .fgroup,

#registrationForm  td.valueHorizontal  .fgroup

{

font-size: 14px;

}



span.fieldNumber

{

margin: 0px 10px 0px 0px;

}



table.ftable td{padding:4px;}

table.ftable td.flabel{padding-right:10px; }





input.ftxt, input.fmtxt, input.fstxt,input.fdate,textarea.fmtxt

{

font-size: 14px;

width:290px!important;

padding: 8px;

margin-bottom:5px;

}





input.fdate{width:150px; }

input.fstxt{width:50px; }



#subscribeFooterForm input

{

font-size:11px;

}





select.fsel,select.fseldate

{

font-size: 11px;

padding: 4px;

width:300px;

margin: 0px 3px 0px 0px;

}





.buttonBar, .buttonPanel 

{

padding: 15px 0px 0px 0px;

}



.buttonBar input, input.fsub

{

font-size: 11px;

padding: 4px;

width: 100px;

}



#pageEditorContent #formTable .buttonBar input, #pageEditorContent #formTable input.fsub

{

font-size: 18px;

width:200px;

padding: 8px;

-webkit-border-radius: 22px;

-moz-border-radius: 22px;

border-radius: 22px;

margin-bottom:5px;

color:#FFF;

}



td.labelVertical span

{

margin:10px 0px;

font-size:14px;

}



td.valueVertical span

{

font-size:14px;

}



.fgroup td

{

margin:10px 0px 10px 0px;

}



.fgroup td label

{

margin:0px 0px 0px 10px;

}



td.valueVertical span

{

margin:0px 0px 0px 5px;

}





.formHeaderText

{

right:40px;

width:211px;

}



.formHeaderText p

{

font-size:13.5px;

letter-spacing:.2pt;

}









/* Site Search ----------------------------------*/



.siteSearch span

{

font-size: 14px;

}



.siteSearch input.fsub

{

font-size: 11px;

margin: 0px 3px 10px;

padding: 2px 6px;

}





.siteSearch input.textInput

{

font-size: 11px;

padding: 3px 6px;

}



#searchResultDescription

{

margin: 0px 0px 10px;

}





#searchResultItems .searchResultItem

{

margin: 10px 0px 0px 0px;

}



#searchResultItems .title

{

margin: 0px 0px 0px 10px;

}



#searchResultItems .description

{

margin: 8px 0px 0px 25px;

}





/******************Team**************************/





table#CoolsculptingTeam p

{

font-size:11pt;

line-height:20px;

}





table#CoolsculptingTeam h2

{

margin:28px 30px 0px 0px;

font-size:11.5pt;

padding:0px;

width:100%;

}





table#CoolsculptingTeam span,

table#CoolsculptingTeam strong 

{

padding:0px;

margin:0px 0px 10px;

font-size:10.0pt;

}



table#CoolsculptingTeam a

{

font-size:13px;

}







/**************FAQs*****************/

.faqItem .question

{

margin: 10px 0px;

font-size: 14px;

width:100%;

}



/****************Gallery*****************/



#navBar

{

width:100%;

margin:10px 0px 20px;

}



#navBar ul li

{

width:17px;

height:17px;

margin:0px 5px 0px 0px;

}



#navBar ul li a

{

width:17px;

height:17px;

}





.moduleItemCoolSculptingVideos,

.moduleItemsListingCoolSculptingVideos,

.moduleItemsListingCoolSculptingGallery,

.moduleItemCoolSculptingGallery

{



width:100%;

margin:10px 0px 0px 0px;

}





/*****************Footer Callout****************/



.moduleComponentContainercoolsculptingFooterCallout

{

width:644px;

padding:0px 120px;

}



.moduleComponentContainercoolsculptingFooterCallout h2



{

font-size:32px;

margin-top:30px;

}



.moduleComponentContainercoolsculptingFooterCallout .moduleComponent 

{

color:#FFF;

font-size:13px;

}







}





/* Retina iPad in portrait & landscape */ 

/* ipad2 and tablet */ 

@media screen and (max-width: 1161px)

and (min-width: 821px) {



.container

{

margin: 0px auto;

width: 884px;



}



.bgContainer

{

width: 884px;

height: auto;

}



.contentContainer

{

margin: 0px auto;

min-width: 884px;

}



.contentContainer .bgContainer

{

width: 884px;

height: auto;

margin-top:-728px;

margin-bottom:34px;

}



#wrap

{

min-height: 100%;

width: 100%;

/*background: 100% height tile here */

}



#slides

{

height: 728px;

width: 100%;

margin-left:-40%;

}





#slides .container

{

width: 1920px;

}



#slides .bgContainer

{

width: 1920px;

}



#backgrounds

{

height: 728px;

width: 100%;

}



#backgrounds .container

{

width:1200px;

}



#backgrounds .bgContainer

{

width:1200px;

}



#main

{

width:1200px;

overflow:hidden;

padding-bottom: 181px ; /* must be same height as the footer */

}



#blueBanner

{

top:216px;

width: 100%;

height:75px;

z-index:2000;

overflow:hidden;

}



#header

{

width: 884px;

height: 216px;

}



#content

{

width: 884px;

min-height: 400px;

}



#centerCol

{

width: 884px;

min-height: 400px;

}



#default #centerCol

{

width: 884px;

min-height: 400px;

margin: 0px 0px 0px 0px;

}





#footer {

margin: -216px 0px 0px 0px;

height: 216px;

width:1200px;

}



.noFooter #footer {

width:1200px;

margin: -216px 0px 0px 0px;

height: 216px;

}



#footer .container

{

margin: 0 auto;

width: 884px;

}



#footer .bgContainer

{

width: 884px;

height: 216px;

padding: 0px 0px 0px 0px;

margin: 0px;

}



.noFooter #footer .bgContainer

{

width: 884px;

height: 216px;

padding: 0px 0px 0px 0px;

margin: 0px;

}







/*------------ Module/Element Specific Rules ---------------------------------------*/





/******* Header Elements ***********/



#header a.logo

{

margin: 75px 0px 0px 36px;

}



a.dvLogo

{

margin: 75px 37px 0px 0px;

}





#contactInfo

{

right:250px;

top:61px;

width:150px;

height:100px;

}





#contactInfo p

{

font-size:12px;

line-height:20px;

}





#contactInfo span

{

font-size:14px;

}





#contactLink

{

right:34px;

top:0px;

height:37px;

width:189px;

    -ms-transform: skewX(-8deg); /* IE 9 */

    -webkit-transform: skewX(-8deg); /* Chrome, Safari, Opera */

transform  : skewX(-8deg);

}





#contactLink a

{

font-size:14px;

line-height:12px;

    -ms-transform: skewX(8deg); /* IE 9 */

    -webkit-transform: skewX(8deg); /* Chrome, Safari, Opera */

transform  : skewX(8deg);

margin-top:12px;

letter-spacing:1.5px;

}





/* Header Navigation */



#header #navigation

{

top: 165px;

left: 35px;

width: 824px;

height: 50px;

margin: 0px;

}



#header #navigation ul

{

margin: 0 auto;

padding: 0px  0px 0px 0px;

}



#header #navigation ul li

{

padding: 0px 0px 0px 0px;

height: 50px;

line-height: 50px;

margin: 0px 0px 0px 0px;

}



#header #navigation ul li a

{

width: auto;

height: 50px;

line-height: 48px;

letter-spacing: 0;

font-size: 14px;

border-top:4px solid #dfeceb;

padding: 0px 11px;

margin:0px 1px;

letter-spacing:1px;

}





#header #navigation a.menu.left

{

padding-left:0px;

margin-left:0px;

}



#header #navigation a.menu.right

{

padding-right:0px;

margin-right:0px;

}





#header #navigation li.selected a,

#header #navigation a:hover

{

border-top:4px solid #00A3E4;

}





#header #navigation ul li ul

{

display: none;

}







/******* Home Slides ***********/



#coolSculptingHomeSlides

{

width: 1920px;

height: 728px;

margin: 0px auto;

}



#coolSculptingHomeSlides .moduleComponentContainercoolSculptingHomeSlides .bannerImageContainer

{

width: 1920px;

height: 728px;

margin:0 auto;

}



/******* Page Editor Container ***********/



#default #centerCol h1.contentPageTitle

{

width: 644px;

height:55px;

margin:0px 0px 0px 0px;

padding: 20px 120px 0px;

font-size:30px;

}





#default #centerCol h1.contentPageTitle.forced

{

margin:-33px 0px 20px -120px;

padding: 30px 120px 0px;

height:45px;

}





#default #pageEditorContent

{

width: 644px;

padding: 25px 120px 50px;

margin: 0px 0px 0px 0px;

min-height:585px;

}



#home #pageEditorContent

{

padding: 0px 35px 0px;

width: 355px;

    -ms-transform: skewX(-8deg); /* IE 9 */

    -webkit-transform: skewX(-8deg); /* Chrome, Safari, Opera */

transform  : skewX(-8deg);

z-index:2000;

height:728px;

margin: 0px 0px 0px -20px;

}



#home #pageEditorContent h2

{

font-size:37px;

line-height:26px;

margin:125px 0px 0px 0px;

width:110%;

}



#home #pageEditorContent h2 span

{

font-size:32px;

line-height:0px;

margin:10px 0px 0px -1px;

}



#home #pageEditorContent p

{

font-size:20px;

line-height:28px;

}



#home #pageEditorContent a

{

    -ms-transform: skewX(8deg); /* IE 9 */

    -webkit-transform: skewX(8deg); /* Chrome, Safari, Opera */

transform  : skewX(8deg);

font-size:20px;

line-height:57px;

margin-top:42px;

margin-left:18px;

width:90%;

letter-spacing:1px;

}



/* Footer Menu  */



#footerMenuOne

{

width: 100%;

height:100px;

}





#footerMenuOne a.galleryLink

{

font-size:20px;

color:#FFF;

margin-top:35px;

letter-spacing:3px;

}





#footerMenuTwo

{

width: 100%;

height:100px;

}



#footerMenuTwo #socialMediaIcons

{









width:200px;

height:32px;

margin:30px 0px 0px 37px;

}



#footerMenuTwo #socialMediaIcons a

{

width:32px;

height:32px;

margin-right:6px;

}





/* Newsletter Signup */



#newsletterSignup

{

width: 300px;

}







#newsletterSignup h2

{

margin: 15px 0px 8px;

font-size: 18px;

}



#subscribeComponent table#formTable

{

margin: 12px 0px 0px 0px;

}



#subscribeComponent table#formTable .valueVertical input.fstxt

{

width: 200px;

font-size: 11px;

padding: 3px;

margin: 2px 0px 2px 15px;

}



#subscribeComponent input.fsubNewsletter

{

bottom: 4px;

right: 0;

color: #1c677b;

font-size: 11px;

}



/* Copyright */



#copyright

{

width: 72%;

margin: 24px 0px 0px 0px;

}



#copyright p

{

color:#cee5f3;

font-size:12px;

}



/*********************Footer Newsletter signup*********************/





#newsletterSignup

{

width:57%;

margin-top:24px;

}



#newsletterSignup #data_form p

{

font-size:19px;

margin-right:20px;

margin-top:13px;

}



#newsletterSignup #data_form #subscribeFooterForm input.fmtxt

{

width:116px!important;

margin:3px 0px 0px 0px!important;

padding:14px 0px 14px 30px!important;

-webkit-border-radius: 20px 0px 0px 20px;

-moz-border-radius: 20px 0px 0px 20px;

border-radius: 20px 0px 0px 20px;

}



#newsletterSignup #data_form #subscribeFooterForm .buttonPanel

{

margin:2px 0px 0px 0px!important;

padding:0px 0px 0px 0px!important;

}





#newsletterSignup #data_form #subscribeFooterForm .buttonPanel .fsub

{

padding:14px 0px 13px 0px!important;

}





/* Form Element (Email, newsletter, competition, survey) Styling ------------------------*/









#emailForm,

#subscribeForm,

#surveyTable,

#alertForm,

#registrationForm

{

width: 97%;

padding: 0px;

margin: 0px 0px 30px 0px;

}



#emailForm{

width: 500px;

}



#emailForm td.labelHorizontal,

#subscribeForm td.labelHorizontal,

#surveyTable td.labelHorizontal,

#alertForm td.labelHorizontal,

#registrationForm  td.labelHorizontal

{

width: 38%;

padding: 0 5% 5px 0 ;

font-size: 14px;

}



#emailForm td.valueHorizontal,

#subscribeForm td.valueHorizontal,

#surveyTable td.valueHorizontal,

#alertForm td.valueHorizontal,

#registrationForm  td.valueHorizontal

{

width: 55%;

font-size: 14px;

}



#emailForm td.valueHorizontal .fgroup,

#subscribeForm td.valueHorizontal .fgroup,

#surveyTable td.valueHorizontal .fgroup,

#alertForm td.valueHorizontal  .fgroup,

#registrationForm  td.valueHorizontal  .fgroup

{

font-size: 14px;

}



span.fieldNumber

{

margin: 0px 10px 0px 0px;

}



table.ftable td{padding:4px;}

table.ftable td.flabel{padding-right:10px; }





input.ftxt, input.fmtxt, input.fstxt,input.fdate,textarea.fmtxt

{

font-size: 14px;

width:290px!important;

padding: 8px;

margin-bottom:5px;

}





input.fdate{width:150px; }

input.fstxt{width:50px; }



#subscribeFooterForm input

{

font-size:11px;

}





select.fsel,select.fseldate

{

font-size: 11px;

padding: 4px;

width:300px;

margin: 0px 3px 0px 0px;

}





.buttonBar, .buttonPanel 

{

padding: 15px 0px 0px 0px;

}



.buttonBar input, input.fsub

{

font-size: 11px;

padding: 4px;

width: 100px;

}



#pageEditorContent #formTable .buttonBar input, #pageEditorContent #formTable input.fsub

{

font-size: 18px;

width:200px;

padding: 8px;

-webkit-border-radius: 22px;

-moz-border-radius: 22px;

border-radius: 22px;

margin-bottom:5px;

color:#FFF;

}



td.labelVertical span

{

margin:10px 0px;

font-size:14px;

}



td.valueVertical span

{

font-size:14px;

}



.fgroup td

{

margin:10px 0px 10px 0px;

}



.fgroup td label

{

margin:0px 0px 0px 10px;

}



td.valueVertical span

{

margin:0px 0px 0px 5px;

}





.formHeaderText

{

right:40px;

width:211px;

}



.formHeaderText p

{

font-size:13.5px;

letter-spacing:.2pt;

}









/* Site Search ----------------------------------*/



.siteSearch span

{

font-size: 14px;

}



.siteSearch input.fsub

{

font-size: 11px;

margin: 0px 3px 10px;

padding: 2px 6px;

}





.siteSearch input.textInput

{

font-size: 11px;

padding: 3px 6px;

}



#searchResultDescription

{

margin: 0px 0px 10px;

}





#searchResultItems .searchResultItem

{

margin: 10px 0px 0px 0px;

}



#searchResultItems .title

{

margin: 0px 0px 0px 10px;

}



#searchResultItems .description

{

margin: 8px 0px 0px 25px;

}





/******************Team**************************/





table#CoolsculptingTeam p

{

font-size:11pt;

line-height:20px;

}





table#CoolsculptingTeam h2

{

margin:28px 30px 0px 0px;

font-size:11.5pt;

padding:0px;

width:100%;

}





table#CoolsculptingTeam span,

table#CoolsculptingTeam strong 

{

padding:0px;

margin:0px 0px 10px;

font-size:10.0pt;

}



table#CoolsculptingTeam a

{

font-size:13px;

}







/**************FAQs*****************/

.faqItem .question

{

margin: 10px 0px;

font-size: 14px;

width:100%;

}



/****************Gallery*****************/



#navBar

{

width:100%;

margin:10px 0px 20px;

}



#navBar ul li

{

width:17px;

height:17px;

margin:0px 5px 0px 0px;

}



#navBar ul li a

{

width:17px;

height:17px;

}





.moduleItemCoolSculptingVideos,

.moduleItemsListingCoolSculptingVideos,

.moduleItemsListingCoolSculptingGallery,

.moduleItemCoolSculptingGallery

{



width:100%;

margin:10px 0px 0px 0px;

}





/*****************Footer Callout****************/



.moduleComponentContainercoolsculptingFooterCallout

{

width:644px;

padding:0px 120px;

}



.moduleComponentContainercoolsculptingFooterCallout h2



{

font-size:32px;

margin-top:30px;

}



.moduleComponentContainercoolsculptingFooterCallout .moduleComponent 

{

color:#FFF;

font-size:13px;

}







}