/* -------------------- */
/*       GLOBALS        */
/* -------------------- */

body {background:transparent url(/images/_global/crest-ph-bg.jpg) no-repeat top center;margin:0px; padding:0px; font-family:Arial,Helvetica,sans-serif;color:#444;font-size:0.75em; background-color:#edf9ff;}
.clearFloat {clear:both;}
.images{border:0 none;}
.inline{display:inline;line-height:150%;padding-right:3px}

h1{font-size:1.5em;color:#087aa4}
h2{font-size:1.167em;color:#142e8b}
h3{font-size:1em;color:#142e8b}


html{padding:0;margin:0;min-width:942px;}

html.jsEnabled .hidden {

	display:none;	

}

#explore{top:0; right:0; position:absolute; float:right; width:330px; text-align:right;}
#explore .explore-text { float:left; width:150px; margin-top:8px; color:#a0d1ea; font-size:0.917em; line-height:12px;}
#explore .explore-image { float:right; width:150px; color:#a0d1ea; font-size:0.917em; line-height:12px;}

#breadcrumb{font-size:0.833em !important;; color:#c4c4c4;}

#breadcrumb a:link{ color:#ffffff; text-decoration:none;}
#breadcrumb a:visited{ color:#ffffff; text-decoration:none;}
#breadcrumb a:active{ color:#ffffff; text-decoration:none;}
#breadcrumb a:hover{ color:#ffffff; text-decoration:underline;}

a:link {color:#191263;text-decoration:none;}
a:active{text-decoration:none;color:#191263;}
a:visited{text-decoration:none;color:#191263;}
a:hover{text-decoration:underline;color:#191263;}

p a:link{text-decoration:underline;}
p a:active{text-decoration:underline;}
p a:visited{text-decoration:underline;}
p a:hover{text-decoration:underline;}

li a:link{text-decoration:underline;}
li a:active{text-decoration:underline;}
li a:visited{text-decoration:underline;}
li a:hover{text-decoration:underline;}

#closeButton{margin:0px;background:transparent url(/images/_global/btn-close.png) no-repeat top left;width:81px;height:26px;}
.closeButton {display:block;width:81px;height:26px;color:#FFF;font-weight:bold;cursor:pointer;font-size:1em;padding:5px 0px;text-align:center}
.closeButton:link{text-decoration:none;color:#FFF}
.closeButton:active{text-decoration:none;color:#FFF}
.closeButton:visited{text-decoration:none;color:#FFF}
.closeButton:hover{text-decoration:none;color:#FFF}

#buyNowButton{margin:0px;background:transparent url(/images/_global/btn-buy-now.gif) no-repeat top left;width:131px;height:26px}
.buyNowButton {display:block;width:131px;height:26px;color:#FFF;font-weight:bold;cursor:pointer;font-size:1em;padding:5px 0px;text-align:center}
.buyNowButton:link{text-decoration:none;color:#FFF}
.buyNowButton:active{text-decoration:none;color:#FFF}
.buyNowButton:visited{text-decoration:none;color:#FFF}
.buyNowButton:hover{text-decoration:none;color:#FFF}


a.buy-now-button:link, a.buy-now-button:visited, a.buy-now-button:active {background-image:url(/images/crest-products/button-middle.jpg); background-repeat:repeat-x; padding:6px 30px 6px 30px; line-height:26px; text-decoration:none; border-left:solid 1px #c2d0dc; border-right:solid 1px #c2d0dc; color:#FFF;}
a.buy-now-button:hover {background-image:url(/images/crest-products/button-middle-over.jpg); background-repeat:repeat-x; padding:6px 30px; line-height:26px; text-decoration:none; border-left:solid 1px #c2d0dc; border-right:solid 1px #c2d0dc; color:#FFF;}

/* -------------------- */
/*       HEADER         */
/* -------------------- */

#crestlogo{width: 299px;height:78px;z-index: 500;float:left;margin:0;padding:0px 0px 0px 0px;position:absolute;top:0px;left:-20px;margin-top:31px;}


/* -------------------- */
/*       TOP NAV        */
/* -------------------- */

#topnav{float:right;width:530px;height:78px;font-size:0.917em;font-family:Arial, Helvetica, sans-serif;margin-top:31px;text-shadow: #000000 0 0 0px}

#topnav-left{float:left;width:305px;}

#topnav-right{float:right;width:225px;}

#topnav-right a{color: #FFF;text-decoration:none;}
#topnav-right div.espanol a:hover{width:auto;text-decoration:underline}

#topnav-left ul {float:left;margin: 0px;padding:20px 0;list-style: none;}

#topnav-left ul li {list-style: none;}

#topnav-left ul li a {float: left;display: block;text-decoration: none;font-weight:normal;color: #FFF;width:auto;padding: 2px 10px 2px 15px;}

#topnav-left ul li a:hover{width:auto;text-decoration:underline}

#topnav-left ul.horizontal li.level1Left {float: left;background-color: transparent;}

#topnav-left ul.horizontal li.level1Right {float: left;background-color: transparent;}

#topnav-left ul.horizontal li.level1 {float: left;background-color: transparent;}

#countryBox{float:left;padding:23px 0;width:12px;height:25px;}
#dentalProfBox{float:left;padding:23px 0;width:135px;height:25px;}
.countrySelect{font-family:Arial,Helvetica,Verdana;color:#c4e7fd;border:0px;border-color:#FFF;height:15px}
.countryForm{margin-top:4px;margin-bottom:0px;margin-left:30px;}

#country_container, #country_container ul 
{ /* all lists */
	padding:0 0 0 10px;
	margin:0;
	list-style: none;
	line-height: 1;
	font-size:1em;
	z-index:600;
}

#dentalProf_container, #dentalProf_container ul 
{ /* all lists */
	padding:0 0 0 18px;
	margin:0;
	list-style: none;
	line-height: 1;
	font-size:0.917em;
	z-index:600;
}


#country_container a
{
	display: block;
	width: 9.5em;
}

#dentalProf_container a 
{
    display: block;
    width: 11.5em;
}

#country_container li
{ /* all list items */
	float: left;
	width: 9.5em; /* width needed or else Opera goes nuts */
	z-index:600;
}

#dentalProf_container li 
{
     /* all list items */
	float: left;
	width: 9.5em; /* width needed or else Opera goes nuts */
	z-index:600;
}

#country_container li ul 
{ /* second-level lists */
	padding:0 0 0 0px;
	position: absolute;
	background: transparent url(/images/_global/country-dropdown-bg.png) no-repeat top left;
	width: 140px;
	height:105px;
	margin-left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    z-index:600;
    
}

#dentalProf_container li ul 
{ /* second-level lists */
	padding:0 0 0 0px;
	position: absolute;
	background: transparent url(/images/_global/dentalprof-dropdown-bg.png) no-repeat top left;
	width: 140px;
	height:66px;
	margin-left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    z-index:600;
    
}

#country_container li:hover ul, #country_container li.sfhover ul, #dentalProf_container li:hover ul, #dentalProf_container li.sfhover ul { /* lists nested under hovered list items */
	margin-left: -10px;
}

.country_selector a {padding: 3px; display: block; color: #006CB5 !important; text-decoration: none !important; width: 120px;font-size:1em}
a.country_us {padding-top:15px !important;padding-left: 15px !important;}
a:hover.country_us {color:#0f4297 !important}
a.country_ca {padding-left: 15px !important;}
a:hover.country_ca {color:#0f4297 !important}
a.country_fr {padding-left: 15px !important;}
a:hover.country_fr {color:#0f4297!important}
a.country_mx {padding-left: 15px !important;}
a:hover.country_mx {color:#0f4297 !important}

/*.liArrow{background: transparent url(/images/_global/ph-country-dropdown-arrow.png) top right no-repeat;}*/

#content {
	clear: both;
	color: #ccc;
}

li:hover{visibility:visible}

/* LOGIN USERNAME BOX */
#loginUser {position:absolute;top:148px;left:380px;width:550px;text-align:right;color:#FFF !important}
#loginUser a {color:#FFF !important;}


/* -------------------- */
/*       MAIN NAV       */
/* -------------------- */

#navigation{clear:both;width:942px;height:30px;background:transparent url(/images/_global/ph-navigation.png) no-repeat top left;font-family:Arial, Helvetica, sans-serif;font-size:1em; z-index:300;}

/*--------change for fr-CA------*/
#navigation_frCA{clear:both;width:942px;height:30px;background:transparent url(/images/_global/ph-navigation.png) no-repeat top left;font-family:Arial, Helvetica, sans-serif;font-size:1em; z-index:300;}
#navigation_fr_CA{clear:both;width:942px;height:30px;background:transparent url(/images/fr-CA/_global/search.png) no-repeat top right;font-family:Arial, Helvetica, sans-serif;font-size:1em; z-index:300; margin-top: 5px;position: relative;}

/*--------End---------*/

/* -------------------- */
/*         BODY         */
/* -------------------- */

#master {}

#main{width:942px;margin:0 auto;position:relative;}

#home-body, #home-body-default{background:transparent url(/images/home/home-body-bg.png) no-repeat top left;width:942px;height:360px;position:relative;top:-3px; margin-bottom:-20px;}

/* en-CA and fr-CA change*/
#home-body-default_enfrCA{background:transparent url(/images/en-CA/home/home-body-bg.png) no-repeat top left;width:942px;height:360px;position:relative;top:-3px; margin-bottom:-20px;}

#home-body-firsttime{background:transparent url(/images/home/home-firsttime-bg.png) no-repeat top left;width:942px;height:360px;position:relative;top:-3px; margin-bottom:-20px;}

#body{background:#FFF url(/images/_global/body-middle.jpg) repeat-y;width:942px;min-height:400px; margin:0px; padding:0px;}

#gradient-background{background-image: url(/images/_global/gradient-background.jpg); background-repeat:no-repeat; padding:15px;}
#gradient-article{background-image: url(/images/_global/gradient-background.jpg); background-repeat:no-repeat; padding:0px 15px 15px 15px;}


/* -------------------- */
/*       AD LOBS        */
/* -------------------- */

#adlobs{width:942px;height:103px}

/* -------------------- */
/*       CAROUSEL       */
/* -------------------- */


#carouselContainer {position:relative;/*top:-5px;*/top:-35px;width:942px;height:140px;/*font-size:90%;*/background:transparent none;}

.jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;}

/* We set the width/height explicitly. No width/height causes infinite loops. */
.jcarousel-list li,.jcarousel-item {float:left;list-style:none;width:75px;height:75px;}

.jcarousel-container {position: relative;width: 942px;float:left;padding:0;margin:0;background:transparent none;}

.jcarousel-clip {z-index:2;padding:0px 0px 0px 0px;margin:0px 0px 0px 20px;overflow:hidden;position:relative;width:875px;}

.jcarousel-item {width:75px;margin-right:7px;color:#444;font-size:0.917em}

li.jcarousel-item {width:286px;height:140px;overflow:visible;background:transparent url(/images/home/adlob-bg.png) no-repeat top left;} 
/*disabled this line to allow hyperlinks to display correctly inside of a carousel item text body*/
/*li.jcarousel-item  * {display:block;margin:0;padding:0;}*/

li.jcarousel-item strong {font-size:1em; line-height:13px;width:150px;float:left;margin-top:14px;margin-left:5px;color:#191263;cursor:pointer;}
li.jcarousel-item strong a{font-size:1em; line-height:13px;width:150px;float:left;color:#191263;cursor:pointer;}

li.jcarousel-item h2 {font-size:1em; line-height:13px;width:150px;float:left;margin-top:14px;margin-left:5px;margin-bottom:0px;color:#191263;cursor:pointer;}
li.jcarousel-item h2 a:link{font-size:1.083em; line-height:13px;width:150px;float:left;margin-bottom:0px;color:#191263;cursor:pointer; text-decoration:none;}
li.jcarousel-item h2 a:active{font-size:1.083em; line-height:13px;width:150px;float:left;margin-bottom:0px;color:#191263;cursor:pointer; text-decoration:none;}
li.jcarousel-item h2 a:visited{font-size:1.083em; line-height:13px;width:150px;float:left;margin-bottom:0px;color:#191263;cursor:pointer; text-decoration:none;}
li.jcarousel-item h2 a:hover{font-size:1.083em; line-height:13px;width:150px;float:left;margin-bottom:0px;color:#191263;cursor:pointer; text-decoration:underline;}


li.jcarousel-item span {font-size:1em; line-height:13px;width:140px;float:left;cursor:pointer;margin-left:5px;}	
/*disabled the following line to allow hyperlinks to display correctly inside of a carousel item text body*/	
/*li.jcarousel-item span a{font-size:0.917em;width:140px;float:left;cursor:pointer;}	*/
li.jcarousel-item span a:link{font-size:1em; line-height:13px;cursor:pointer; text-decoration:underline;}
li.jcarousel-item span a:active{font-size:1em; line-height:13px;cursor:pointer; text-decoration:underline;}
li.jcarousel-item span a:visited{font-size:1em; line-height:13px;cursor:pointer; text-decoration:underline;}
li.jcarousel-item span a:hover{font-size:1em; line-height:13px;cursor:pointer; text-decoration:underline;}

li.jcarousel-item span.img-container {padding:2px 5px 0px 5px;float:left;width:90px;display:block;border:solid 0px red;overflow:visible;cursor:pointer;}

li.jcarousel-item span.img-container img {display:block;float: right;margin-top:0px;cursor:pointer;}

li.jcarousel-item span.img-container a{float:left;width:90px;display:block;border:solid 0px red;overflow:visible;cursor:pointer;}


.jcarousel-prev, .jcarousel-next {margin-top:0px;}
.jcarousel-prev {background:transparent url(/images/home/3d-adlob-arrow-left.png) no-repeat scroll 0 0;width:30px;height:120px;padding-right:0px;float:left; cursor: pointer;}
.jcarousel-next {float:right;width:30px;height:120px;background: transparent url(/images/home/3d-adlob-arrow-right.png) no-repeat 0 0; cursor: pointer;}


/*.jcarousel-prev {background:transparent url(/images/home/3d-adlob-arrow-left2.png) no-repeat scroll 0 0;cursor:pointer;width:30px;height:120px;padding-right:0px;float:left;}
.jcarousel-next {float:right;width: 30px;height: 120px;cursor: pointer;background: transparent url(/images/home/3d-adlob-arrow-right2.png) no-repeat 0 0;}*/


/* -------------------- */
/*       FOOTER         */
/* -------------------- */

#footer {width:900px;margin: 32px auto;color:#666666;font-size:0.833em;text-align:center;position:relative}
#footer a{color:#191263;text-decoration:none; line-height:20px;}
#footer a:hover{text-decoration:underline;}

/* ----------------------------- */
/*       INTERSTITITIALS         */
/* ----------------------------- */


 .popup-close-button {margin:62px 50px 0px 0px; text-align:right;}
 .popup-copy {margin:30px 70px; text-align:center; color:#0a3885; font-family:Arial, Helvetica, sans-serif; font-size:1.083em; line-height:19px;}
 .popup-continue-button {width:207px; height:45px; margin:35px auto;}
 
 #leaveSite{display: none;position:absolute;top:0px; left:200px;
            background-color: transparent;color: #ccc;background-image:url(/images/_global/interstitial-box.png);
            background-repeat:no-repeat; width:475px; height:336px;z-index:3000;}
 
 /* jModal CSS */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 20%;
    left: 50%;
    
    margin-left: -250px;
    
    background-color: transparent;
    color: #000;    
    background-image:url(/images/_global/interstitial-box.png); background-repeat:no-repeat; width:475px; height:336px;
    
}

.jqmWindowTerms {
    display: none;
    
    position: fixed;
    top: 5%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #FFF;
    color: #000;
    border: 5px solid #d88a1b;
    padding: 10px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
/** iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth);
	height: expression(this.parentNode.offsetHeight);
}
*/
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
/*
    * html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100));
}
*/
.banner
{
	background:url(/images/_global/WhiteningSmiles.jpg) no-repeat;
	height:326px;
	width:942px;
	float:left;

}
.banner-text
{
	padding-left:40px;
	color:#FFFFFF;
	
}


/* Fr-CA top nave css */
#navigation_frCA #phPrimaryNavContainer #ph_navigation_container .liNav a.left, .liNavEnd a.left, .liNav.sfhover a.left, .liNavEnd.sfhover a.left, .liNav a.left:visited, .liNavEnd a.left:visited, .liNav.sfhover a.left:visited, .liNavEnd.sfhover a.left:visited {
    color: #191263;
    float: left;
    font-weight: bold;
    padding-bottom: 7px;
    padding-left: 20px;
    padding-right: 18px;
    padding-top: 8px;
    text-align: center;
    text-decoration: none;
    width: 130px;
}
#navigation_frCA #phPrimaryNavContainer #ph_navigation_container .liNav a.normal, .liNavEnd a.normal, .liNav.sfhover a.normal, .liNavEnd.sfhover a.normal, .liNav a.normal:visited, .liNavEnd a.normal:visited, .liNav.sfhover a.normal:visited, .liNavEnd.sfhover a.normal:visited {
    color: #191263;
    float: left;
    font-weight: bold;
    padding-bottom: 7px;
    padding-left: 20px;
    padding-right: 18px;
    padding-top: 8px;
    text-decoration: none;
    width: auto;
}