/* Customer CSS */
/* Was template 1022 before custom */

body {
	background-color: #d2c4ac;	
}

.sbContainer {
	background: url(../images/background.jpg) repeat-x left top;
	color: #000000;
}

.sbContainer a {
	color: #306657;
	outline: none;
	zoom: 1;
}

.sbContainer a:focus {
	outline: none;
}

.sbContainer a:hover {
	color: #173129;
}

.sbContainer h1 {
	color: #173129;
}

.sbContainer h2 {
	color: #306657;
}

#container {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	background: url(../images/int_04.jpg) repeat-y left top;
}

#topBar {
	width: 1000px;
	height: 51px;
	background: url(../images/index_01.jpg) no-repeat left top;
}

#top {
	width: 1000px;
	height: 555px;
	overflow: hidden;
}

#topLeft {
	width: 325px;
	height: 555px;
	float: left;
	background: url(../images/index_02.jpg) no-repeat left top;
}

#topRight {
	width:	675px;
	height: 375px;
	float: right;
	background: url(../images/index_03.jpg) no-repeat left top;
}

#topRightBottom {
	width: 675px;
	height: 180px;
	float: right;
	clear: right;
	background: url(../images/index_04.jpg) no-repeat left top;
}

#slot-review {
	width: 253px;
	height: 25px;
	float: left;
	margin: 21px 0 0 368px;
	text-align: center;
}

#slot-social {
	width: 300px;
	height: 30px;
	float: right;
	margin: 19px 40px 0 0;
}

#slot-review , #slot-social {
	display: inline;
	overflow: hidden;
	color: #ffffff;
	font: bold 16px "Times New Roman", Times, serif;
	text-transform: uppercase;
}

#slot-review a {  text-decoration: none; color: #ffffff; }
#slot-review a:hover { color: #9AC5E7; }
#slot-social p { margin: 0; padding: 4px 0 0 0; float: left; }
#slot-social ul { margin: 0; padding: 0 0 0 10px; overflow: hidden; }
#slot-social li {
	width: 30px;
	height: 30px;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../images/socialSprite.png) no-repeat -5px -3px;
	margin: 0 5px 0 0;
}
#slot-social a { width: 30px; height: 30px; display: block; }
#slot-social #social2 { background: url(../images/socialSprite.png) no-repeat -40px -3px; }
#slot-social #social3 { background: url(../images/socialSprite.png) no-repeat -76px -3px; }
#slot-social #social4 { background: url(../images/socialSprite.png) no-repeat -113px -3px; }
#slot-social #social5 { background: url(../images/socialSprite.png) no-repeat -149px -3px; }

#slot-address {
	width: 200px;
	height: 50px;
	float: left;
	margin: 18px 0 0 20px;
	display: inline;
	overflow: hidden;
}

#slot-callToday {
	width: 170px;
	float: right;
	height: 35px;
	text-align: right;
	margin: 34px 25px 0 0;
	font: normal 27px "Times New Roman", Times, serif;
	display: inline;
	overflow: hidden;
}

#flash {
	float: right;
	clear: both;
	margin: 30px 45px 0 0;
}

#slot-address p, #slot-callToday p, #slot-review p { margin: 0px; padding: 0px; }

#slot-offer {
	width: 330px;
	height: 116px;
	float: left;
	margin: 28px 0 0 28px;
	display: inline;
	color: #ffffff;
	font: normal 22px/25px "Times New Roman", Times, serif;
	text-transform: uppercase;
	overflow: hidden;
}

#slot-offer p { margin: 0 0 5px; padding: 0; }

.largeText { font-size: 28px; }
.smallText {	font-size: 16px; text-transform: lowercase; }
.moreButton {font-size: 10px; text-indent: -9999px; }

.moreButton {
	display: block;
	width: 164px;
	height: 20px;
	margin: 0;
	padding: 0;
	background: url(../images/moreButton.png) no-repeat left top;
}

.moreButton a {
	display: block;
	width: 164px;
	height: 20px;
}

#findUsInt {
	width: 233px;
	height: 102px;
	float: left;
	background: url(../images/findUs.png) no-repeat left top;
	clear: both;
	margin: 5px 0 0 46px;
}

#findTitle {
	width: 120px;
	height: 21px;
	float: left;
	margin: 10px 0 0 10px;
}

#page-index #findTitle {
	float: right;
	margin: 28px 60px 0 0;
}

#slot-find-us {
	width: 130px;
	height: 80px;
	float: left;
	display: inline;
	margin: 0;
	padding: 0 0 0 10px;
}

#page-index #slot-find-us {
	width: 120px;
	height: 86px;
	float: right;
	margin: 4px 60px 0 0;
	padding: 0;
	clear: right;
}

#slot-find-us p { margin: 0; padding: 0; }
#slot-find-us .findUsLink { margin: 10px 0 0; }

.findUsLink a {
	width: 100px;
	height: 26px;
	display: block;
	background: url(../images/findUsButton.png) no-repeat left top;
	text-indent: -9999px;
}

#page-index .findUsLink a {
	width: 92px;
	height: 20px;
	display: block;
	background: url(../images/mapButton.png) no-repeat left top;
	text-indent: -9999px;
}

#slot-navigation {
	width: 245px;
	height: 398px;
	float: left;
	margin: 133px 0 0 41px;
	display: inline;
	overflow: hidden;
	background: url(../images/) no-repeat;
}

#slot-navigation ul {
	margin: 0px;
	padding: 0px;
}

#slot-navigation li {
	list-style: none;
}

#slot-navigation a {
	width: 220px;
	height: 29px;
	color: #000000;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 0 0 25px;
	font: bold 14px "Times New Roman", Times, serif;
}

#slot-navigation a:hover {
	color: #ffffff;
}

#page-index #navigation-1 a, #page-staff #navigation-2 a, #page-woburn-dentist #navigation-3 a, #page-services #navigation-4 a, #page-patients #navigation-5 a, #page-contact #navigation-6 a, #page-education #navigation-7 a, #page-blog #navigation-8 a, #page-appointment #navigation-8 a {
	color: #ffffff;
	text-shadow: 1px 1px 3px #000000;
}

#contentRepeater {
	width: 1000px;
	background: url(../images/index_06.jpg) repeat-y left top;
}

#contentTop {
	width: 1000px;
	background: url(../images/index_05.jpg) no-repeat left top;
	min-height: 630px;
	height: auto !important;
	height: 630px;
	overflow: hidden;
	_overflow: visible;
}

#left {
	width: 235px;
	float: left;
	margin: 25px 0 0 46px;
	display: inline;
	padding: 0 0 20px;
}

#leftInt {
	width: 325px;
	float: left;
	min-height: 1163px;
	height: auto !Important;
	height: 1163px;
	background: url(../images/int_02.jpg) no-repeat left top;
}

#right {
	width: 665px;
	float: right;
	margin: 12px 25px 0 0;
	display: inline;
	font-size: 14px;
}

#rightInt {
	width: 675px;
	float: right;
	background: url(../images/int_03.jpg) no-repeat left top;
	min-height: 1163px;
	height: auto !important;
	height: 1163px;
}

#topRightInt {
	width: 675px;
	height: 89px;
}

#mainImage {
	width: 601px;
	height: 157px;
	clear: both;
	float: left;
	background: url(../images/mainImage.jpg) no-repeat left top;
	margin:  0 0 0 32px;
	display: inline;
}

#mainContent {
	width: 585px;
	padding: 10px 0 0 40px;
	overflow: hidden;
	font-size: 14px;
}

#pageTitle { margin: 0 0 10px; }

#slot-main {
	width:585px;
	float: left;
	clear: both;
}

#page-index #slot-main {
	width: 665px;
}

#slot-patientReview {
	width: 235px;
	height: 39px;
	float: left;
	margin: 48px 0 0 46px;
}

#page-index #slot-patientReview {
	margin: 0;
}

#slot-patientReview p { margin: 0; padding: 0; }

#slot-patientReview a {
	color: #ffffff;
	width: 235px;
	height: 30px;
	display: block;
	padding: 9px 0 0;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	font: bold 14px "Times New Roman", Times, serif;
	background: url(../images/reviewsButton2.png) no-repeat left top;
	letter-spacing: 2px;
}

#slot-patientReview a:hover { color: #C1DDF3 ; }

#slot-links {
	width: 235px;
	clear: both;
}

#slot-links ul {
	margin: 0px;
	padding: 0px;
}

#slot-links li {
	list-style: none;
	width: 235px;
	height: 86px;
}

#links-1 { background: url(../images/link1.png) no-repeat left top; }
#links-2 { background: url(../images/link2.png) no-repeat left top; }
#links-3 { background: url(../images/link3.png) no-repeat left top; }
#links-4 { background: url(../images/link4.png) no-repeat left top; }


#slot-links a {
	width: 106px;
	height: 61px;
	display: block;
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
	padding: 25px 115px 0 15px;
	font: bold 12px "Times New Roman", Times, serif;
}

#slot-links a:hover {
	color: #295649;
}

#formRepeater {
	width: 230px;
	background: url(../images/formBack_02.jpg) repeat-y left top;
	margin: 20px 0 0 48px;
	float: left;
	clear: both;
}

#page-index #formRepeater {
	margin: 0 0 0 3px;
}

#formTop {
	width: 210px;
	background: url(../images/formBack_01.jpg) no-repeat left top;
	min-height: 240px;
	height: auto !important;
	height: 240px;
	padding: 10px;
	color: #ffffff;
}

#formTop p {
	margin: 0 0 10px;
}

#formBottom {
	width: 230px;
	height: 10px;
	clear: both;
	background: url(../images/formBack_03.jpg) no-repeat left top;
}

#slot-lsidebar, #slot-rsidebar {
	width: 235px;
	clear: both;
	float: left;
	margin: 20px 0 0 48px;
}

#page-index #slot-lsidebar, #page-index #slot-rsidebar {
	margin: 20px 0 0;
}

#contactTitle, #edTitle {
	margin: 0 0 15px;
}

.invisalignLogo {
	position: relative;
	border: 1px solid #000000 !important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 1px 1px 5px #666666;
	-moz-box-shadow: 1px 1px 5px #666666;
	-ms-box-shadow: 1px 1px 5px #666666;
	box-shadow: 1px 1px 5px #666666;
	behavior: url(/sbtemplates/sbcommon/images/PIE.php);
}

#sbSpecial p {
	margin: 0 0 10px;
}

#sbSpecial input { width: 200px; }
#sbSpecial .submit { width: 75px; }

#comp-contactForm .submit {
	width: 72px;
	height: 25px;
	display: block;
	text-indent: -5000px;
	text-transform: uppercase;
	_font-size: 0px;
	border: none;
	background-color: transparent;
	background: url(../images/submitImage.png) no-repeat;
	_background: url(../images/submitImage.gif) no-repeat;
	cursor: pointer;
}

#librarySearchForm {
	display: none;	
}

#searchForm {
	overflow: hidden;
}

.inputSearch2 {
	width: 145px;
	margin: 0;
	padding: 2px;
	float: left;
}

.submitbutton {
	width:54px;
	height: 28px;
	margin:0;
	float: right;
	cursor:pointer;
}


.input1, .input3 {
	width: 202px;
}

.input2 {
	width: 40px;
}

#footerContainer {
	clear: both;
	width: 100%;
	background: url(../images/footerRepeaterInt.jpg) repeat-x left top #285D7D;
}

#page-index #footerContainer {
	background: url(../images/footerRepeater.jpg) repeat-x left top #285D7D;
}

#footer-content {
	width: 1000px;
	background: url(../images/int_05.jpg) no-repeat left top #265b7c;
	text-align: center;
	padding: 60px 0 20px;
	margin-left: auto;
	margin-right: auto;
}

#page-index #footer-content {
	background: url(../images/index_07.jpg) no-repeat left top #265b7c;
	padding: 50px 0 20px;
}

#footer-content ul {
	margin: 0px;
	padding: 0px;
}

#footer-content li {
	list-style: none;
	display: inline;
}

#footer-content a {
	color: #ffffff;
}

#footer-content a:hover {
	color: #173129;
}

#footer-content p {
	margin: 0px;
	padding: 0px;
}

#slot-footer1 {
	background: url(../images/footerLine.png) no-repeat center bottom;
	padding: 0 0 10px;
}

#slot-footer2 {
	padding: 10px 0px 5px 0px;
}

#slot-footer2 a, #slot-footer3 a {
	padding: 0px 5px 0px 5px;
}


/*
****************************Menu Styles**************************
*/

.mlmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	clear: both;
	}

/*this is the css for the vertical version*/
.vertical ul{
	list-style-type: none;
	padding: 0px;
	width: 219px;
}
.vertical li a{
	display: block;
	width: 201px;
	text-decoration: none;
	height: auto;
	padding: 4px 5px 4px 11px;
	color: #ffffff;
	background: url(../images/arrow.png) no-repeat left 8px;
}

.vertical li a:hover {
	background: none #173129;
	color: #ffffff;
}

.vertical li ul li a { /* to style sub levels */ 
	background: none;
	border: 1px solid #000000;
	border-top: none;
	color: #000000;
}

.vertical li ul li a:hover { /* to style sub levels */ 
	background: none #173129;
	color: #ffffff;
}

.vertical li{
	/*Needed for IE. Don't ask me why, It was a lucky guess.*/
	display: inline;
}
.vertical li ul{
	position: absolute;
	margin-top: -2.0em;
	margin-left: 217px;
	border-top: 1px solid #000000;
	background: url(../images/edBack.jpg) repeat-x left top #827259;
}

.vertical .page, .vertical .page:hover {
	background-image: none;
	background-color: #CCC;
	color: #000000;
}

/*this is the css for the horizontal version*/
.horizontal ul{
	list-style-type: none;
	padding: 0px;
	border-left: 1px solid;
	display: block;
	height: 1.4em;
	color: #0066FF;
	background-color: #FFFFFF;
}
.horizontal li{
	float: left;
	display: inline;
}
.horizontal li a{
	text-decoration: none;
	height: 15px;
	float: left;
	display: block;
	width: 125px;
	padding: .1em 1px;
	border: 1px solid;
	border-left: none;
	color: #0066FF;
	background-color: #FFFFFF;
}
.horizontal li li a{
	border-top: none;
	border-left: 1px solid;
	height: 30px;
	width: 154px;
}
.horizontal li ul{
	position: absolute; 
	margin-top: 1.3em;
	margin-left: -1px;
	width: 154px;
	border: none;
	display: block;
	height: auto;
	border-top: 1px solid;
}
.horizontal li li ul{
	position: absolute;
	margin-top: .1em;
	margin-left: 125px;
}
.horizontal li ul li a{
width: 150px;
}
/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
/*Not sure if I recommend this or not*/
.inaccesible li ul{
	display: none;
}
/*Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class*/
.arrow a span{
padding-left: 1em;
font-size: 85%;  
}
.arrow a:hover span{
padding-left: 2em;
}
.arrow a span.noshow{
	visibility: hidden;
}
/*Plus code*/
.plus a span{
	padding-left: .5em;
}
/*colors for menu*/
.blackwhite li a{
	background-color: white;
	color: black;
	border-color: black;
}
.blackwhite li a:hover{
	background-color: black;
	color: white;
	border-color: black;
}
.blackwhite ul{
	border-color: black;
}
.bluewhite li a{
	background-color: white;
	color: #000033;
	border-color: #000033;
}
.bluewhite li a:hover{
	background-color: #000033;
	color: white;
	border-color: #000033;
}
.bluewhite ul{
	border-color: #000033;
}

/*
*******************Blog styles*******************
*/

#blogContainer {
	float: left;
	clear: both;
	width: 210px;
}

.sbBlogPost {
    float: left;
    width: 585px;
    border-bottom: 1px dotted #306657;
    padding-bottom: 25px;
	margin: 0 0 10px; 
}

#sbBlogNavbar {
	padding: 10px 0px 10px 0px;	
	clear: both;
	margin-bottom: 20px;
}

#sbBlogNavbar ul {	
	margin: 0px;
	padding: 0px;
}

#sbBlogNavbar li {
	list-style: none;
	float: left;
	font-weight: bold;
}

#sbBlogNavbar a {
	background: url(../images/icon_06.gif) right no-repeat;
	padding-right: 18px;
	font-weight: normal;
}

.sbBlogPost #slot-main {
    float: left;
    width: 585px;
}

.sbBlogPostHeader {
    padding-bottom: 15px;
	clear: both;
}

.sbBlogPostTitle {
	clear: both;	
}

.sbBlogPostTitle a {
    text-decoration: none;
}

.sbBlogPostSubTitle {
    margin: 0;
    padding: 0;
}

.sbBlogPostByLine {
    float: left;
    font-size: 11px;
    background: url(../images/icon_01.gif) left no-repeat;
    padding: 0 0 0 20px;
    margin-right: 20px;
}

.sbBlogPostByLine img {
    background-color: #000;
}

.sbBlogPostPublishDate {
    float: left;
    font-size: 11px;
    background: url(../images/icon_02.gif) no-repeat;
    padding: 0 0 0 20px;
    margin-right: 20px;
}

.sbBlogPostTags {
    float: left;
    clear: both;
    font-size: 11px;
    background: url(../images/icon_04.gif) left no-repeat;
    padding: 0 0 0 20px;
    margin-top: 10px;
}

.sbBlogPostCategories {
    float: left;
    font-size: 11px;
    background: url(../images/icon_03.gif) left no-repeat;
    padding: 0 0 0 20px;
}

.sbBlogPostContent {
    float: left;
    clear: both;
	width:585px;
	margin: 20px 0 0 0;
}

.sbBlogPostFooter {
    float: left;
    clear: both;
    width: 585px;
}

.sbBlogPostFooterComments {
    float: left;
    background: url(../images/icon_05.gif) left no-repeat;
    padding-left: 18px;
    margin-right: 20px;
}

.sbBlogPostPermalink {
    float: left;
    background: url(../images/icon_06.gif) left no-repeat;
    padding-left: 18px;
}

#sbBlogArchive, .sbTagList h3, #sbBlogCategoryList h3 {
    color: #000000;
}

#sbBlogArchive ul {
    margin: 0;
    padding: 0;
}

/*year*/
#sbBlogArchive li {
    list-style-type: none;
    margin-bottom: 5px;
	color: #ffffff;
}

#sbBlogArchive ul ul {
    margin: 0;
    padding: 0;
}

#sbBlogArchive ul ul ul li {
    list-style-type: none;
    margin: 0;
}

/*month*/
#sbBlogArchive ul ul ul li a {
    text-decoration: none;
    color: #ffffff;
    margin: 0;
}

#sbBlogArchive ul ul ul ul {
    margin-bottom: 10px;
}

/*posts*/
#sbBlogArchive ul ul ul ul li a {
    text-decoration: underline;
    font-weight: normal;
    margin: 0 0 0 5px;
    color: #ffffff;
}

#sbBlogArchive ul ul ul ul li a:hover {
    color: #000000;
}

.sbTagList {
    padding-top: 20px;
}

.sbTagList ul {
    margin: 0;
    padding: 0;
}

.sbTagList li {
    list-style-type: none;
}

#sbBlogCategoryList {
    padding-top: 20px;
}

#sbBlogCategoryList ul {
    margin: 0;
    padding: 0;
}

#sbBlogCategoryList li {
    list-style-type: none;
}

#sbBlogCategoryList a, .sbTagList a {
    color: #ffffff;
}

#sbBlogCategoryList a:hover, .sbTagList a:hover {
    color: #000000;
}

.sbBlogComments {
	float:left;
	clear:both;
	width:585px;
	margin: 20px 0 0 0;
}

.sbBlogComment {
	margin-bottom:10px;
}

.sbBlogCommentTitle {
	font-weight: bold;	
}

.sbBlogCommentByLine {
	float: left;
	margin-right: 10px;
}

.sbBlogCommentPublishDate {
	font-style: italic;	
}

.sbBlogCommentContent {
	padding: 10px 0px 10px 10px;	
}

.sbBlogPager {
	clear: both;
	padding: 10px 0px 10px 0px;
}

.sbBlogPager a {
	padding: 0px 20px 0px 0px;
}

#sbBlogFeed {
	margin-bottom: 10px;	
}

#sbBlogFeed a {
	color: #ffffff;	
	background: url(/sbtemplates/sbcommon/images/feed.gif) left no-repeat;
	padding: 2px 0px 2px 20px;
	font-weight: bold;
}

#sbBlogFeed a:hover {
	color: #000000;	
}



/*
***************Misc***********************
*/
#brushingContainer {
	float: right;
	width: 320px;
	height: 290px;
	margin: 0 0 0 10px;
}