﻿ /*********************** GLOBAL SETTINGS *****************/
body {
	font-size: 1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	text-align:left; 
	background-color: #444;
}
.centercolumn {
	background-color: #fff;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	} 
.rightcolumn {background-color: #eee;}
.leftcolumn {background-color: #eee;}
a{color: #666;text-decoration: underline;}
a:hover{color: #000;}

/* zero-out margin and padding on all elements */
* {margin:0; padding:0;}

.clearfloats {clear:both;}
.bold {font-weight: bold;}
.emptycell {background-color:#333;}
.red {color: #cc0000;}
.small {font-size: .7em;}
.link {padding: 0 0 0 30px;}
.fltlft {float:left; border:none;}
.fltright {float:right; border:none; padding-right:20px;}
.center {text-align:center;}
.white {background-color:#ffffff; margin:0; padding:0;}
.backlink {font-size:11px; border-top:1px solid #ddd; padding: 5px 0 0 30px; margin-top:20px;}

/* global image border and background color settings */
img{
	border: 1px solid #ccc;
	background-color: transparent;
	padding:2px;
	margin:2px;
}
h2{
	font-size: .8em;
	margin: 15px 20px 3px 20px;
}
h3{
	font-size: .75em;
	margin: 10px 20px 3px 20px;
}
h4{
	font-size: .70em;
	margin: 10px 20px 3px 20px;
}
p{
	font-size: .75em;
	margin: 10px 20px 10px 20px;
	line-height: 1.3em;
}



/**************************** global pagewrapper *****************************/
#shell {
	width: 975px; 
	margin: 0 auto;
}

#headerandtopnavigation {}
#contentandfooter {border-bottom: 1px solid #036;}

/*********************** home page and subpage header layout containers *****************/
#header-home {
	width: 975px;
	height: 200px;
	background-color:#336600;
}
#header-sub {
	width: 975px;
	height: 100px;
	background-color:#336600;
}


/*********************** main content positioning layout container **********************/

#contentarea {
	width: 973px; 
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#contentarea table{width: 973px;}
#contentarea tr{vertical-align:top;}
#contentarea ul{
	margin: 0 0 0 50px;
	list-style-type: disc;
}
#contentarea li{
	line-height: 1.5em;	
	font-size: .75em;
	font-weight: normal;
}


/************ Main navigation styling **************/
#mainNav{
	width: 975px;
	height: 30px;
}

/************ Variable links vertical navigation **************/

#navOptVert{
	background-color: #eee;
	font-size: 1em;
	font-weight:normal;
	margin: 0;
	border-bottom:1px solid #ccc;
}
#navOptVert h3{
	background-color: #ccc;
	font-size: .7em;
	padding: 0 0px 2px 15px;
	margin: 0;
}
#navOptVert a:link, #navOptVert a:visited {
	font-size: .7em;
	display: block;
	padding: 4px 0 4px 15px;
	text-transform:lowercase;
}
#navOptVert a:hover{
	text-decoration: none;
	background-color: #fff;
}

#navApptLinks, 
#navAboutUs, 
#navResources, 
#navReferrals, 
#navStore,
#navRelatedInfo{margin-bottom: 20px;}

/********************  CHATBOX ****************************/
#chatbox {
	width: 200px;
	height: 240px;
	margin: 0px;
	padding:0;
}
#chatbox img{
border:none;
}

/********************  PRACTICE LOGO ****************************/
#practiceLogo {
	text-align: center;
	padding: 0;
}
#practiceLogo img{
	max-width:200px;
	border:none;
	margin:0;
	padding:0;
}



/********************  HOME PAGE and Geo-target PAGE FOCUS BLOCK ****************************/
#homeFocus {
	width:470px;
	font-weight: bold;
	padding: 10px 0 10px 0;
	text-align:center;
}
#homeFocus h1{
	font-size: 1.1em;
	line-height: 1.2em;
	margin: 0 10px 0 10px;
}
#homeFocus h2{
	font-size: .7em;
	margin: 10px 0 0 0;
}
#homeFocus a{
	text-decoration: none;
}
#homeFocus a:hover{
	text-decoration: none;
}
#homeFocus img{
border:1px solid #dddddd;
margin:0;
}
#homeFocus table{
width:450px;
margin: 10px 0 0 0;
}

/********************  HOME PAGE PHOTO BLOCK ****************************/
#photoBlockHome img{
	width:471px;
	height: 200px;
	border:none;
	margin:0;
	padding:0;
}
/********************  HOME PAGE PRODUCT REVIEWS ****************************/
#homeProducts {
	width: 420px;
	border: 1px solid #ccc;
	margin: 10px 0 10px 20px;
	background-color:#FFFFFF;
}
#homeProducts img{
	float: left;
	max-width: 150px;
	margin: 5px 10px 0 20px;
}
#homeProducts h2{
	text-align:center;
	background-color: #ddd;
	padding: 5px;
	margin: 0;
}
#homeProducts h3{
	padding-top: 5px;
}

/********************  HOME PAGE FEATURE ****************************/
#feature {
	width:463px;
	padding: 10px 0 10px 0;
}
#feature img{
	float: left;
	max-width: 150px;
	margin: 10px 10px 10px 20px;
}
#feature h3{
border-top:1px solid #ccc;
padding-top:10px;
}

/********************  Geo-Target Community COP8Y BLOCK STYLES ****************************/
#communityCopyBlocks {}
#communityCopyBlocks h2 {
	padding: 5px 0 5px 15px; 
	background-color:#336600; 
	margin: 10px 0 10px 0;
	font-size: .8em;
}

#communityCopyBlocks img{
	float: left;
	margin: 5px 10px 10px 20px;
	border: 0px;
}
#membershipHome {}
#membershipHome h2 {
	padding: 5px 0 5px 15px; 
	background-color:#336600; 
	margin: 10px 0 10px 0;
	font-size: .8em;
}

#membershipHome img{
	float: left;
	margin: 5px 10px 10px 20px;
	border: 0px;
}
#membershipHome a{
text-decoration:none;
}

/********************  Related Info Links ****************************/
#relatedInfo {
	height: 120px;
	font-weight:bold;
	margin-top: 0px;
}
#relatedInfo ul {
	margin-left:0;
}
#relatedInfo li{
	list-style-type:none;
	list-style-position:inside;
}
#relatedInfo ul li ul{
	margin: 0;
	display: none;
}
#relatedInfo ul li:hover ul, #geoCities ul li ul:hover{
	margin: 0;
	display: block;
}
#relatedInfo ul li ul li{width: 95%;}
#relatedInfo a{text-decoration: none;}
#relatedInfo a:hover{text-decoration: underline;}
.relatedInfo {background-color: #ccc;}

/********************  Subpages PRIMARY FOCUS and QUALITY CARE BLOCKS ****************************/

#primaryFocus {
	font-weight: bold;
	padding: 10px 0 0 0;
	text-align:left;
}
#primaryFocus h2{
	font-size: .8em;
	margin: 0 0 0 10px;
}
#primaryFocus ul{
	margin: 0 0 0 50px;
	list-style-type: none;
}
#primaryFocus li{
	font-weight: bold;
	font-size: .75em;
	text-indent: .5em;
	line-height: 1.5em;	
}
#primaryFocus a{
	text-decoration: none;
}
#primaryFocus a:hover{
	text-decoration: underline;
}
#primaryFocus img{
	margin: 10px 0 0 20px;
	text-align:center;
}


/************ Standard Page Title **************/

#pageTitle h1{
	font-size: 1.2em;
	margin: 30px 10px 0 20px;
}
#pageTitle h2{
	font-size: 1em;
	margin: 10px 10px 0 20px;
}
#pageTitle h3{
	font-size: 1.2em;
	margin: 50px 10px 0 20px;
}
#pageTitle p{
	font-size: 1.2em;
	margin: 30px 10px 0 20px;
	font-weight: bold;
}
#pageTitle img{
	margin: 0 10px 0 20px;
	padding-top: 10px;
	border: none;
}
#pageTitle a{
	text-decoration:none;
	}
#pageTitle a:hover{
	text-decoration:underline;
	}



/********************  COPY BLOCK STYLES ****************************/
#copyBlocks {padding: 10px 0 10px 0;}
#copyBlocks h1{
	font-size: .9em;
	margin: 10px 10px 0 20px;
	padding-top: 5px;
}
#copyBlocks img{
	float: left;
	margin: 5px 10px 10px 20px;
	border:1px solid #999999;
}
#copyBlocks input{
	font-size: .8em;
	margin: 0 0 10px 20px;
}
#copyBlocks table{
	width: 100%;
	background-image:none;
}
#copyBlocks caption{
	font-size: .7em;
	margin: 0 10px 1px 20px;
	line-height: 1.3em;
	font-weight: bold;
	padding: 0 10px 0 10px;
}


/********************  STANDARD WEBSITE COMPONENTS ****************************/



/********************  PHOTO BLOCK SUBPAGES ****************************/
#photoBlockSub img{
	width:200px;
	height: 150px;
	border:none;
	margin:0;
	padding:0;
}

/********************  Call for Appt and Appt block iframe ****************************/

#appt-block-iframe{
	width: 300px;
	height: 220px;
	margin: 10px 0 10px 0;
}
#callForAppt {
	width: 300px;
	height: 65px;
	margin: 0;
	text-align:center;
	color: #000000; 
	background-color:#ffffcc; 
	border:1px solid #aaaaaa;
	}

#callForAppt h2{
	margin: 0;
	padding: 10px 0 0 0;
	font-size:1em;
	color:#444;
}
#callForAppt p{
	margin: 0;
	padding: 0;
	font-size:.7em;
	color:#444;
}
#makeAppt{
	background-color:#336600;
}
#appointment-block {
	height: 217px;
	width: 300px;
	height:220px;
	padding: 0px;
	color: #333;
	background-color:#ffffff;
	margin: 0 0 10px 0;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
	
#appointment-block p{
	font-size: .7em;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1em;
	color: #990000;
	margin: 10px 20px 0 20px;
}

#appointment-block form{margin: 10px 0 0 0;}
#appointment-block form label{
	width: 120px;
	float: left;
	font-size: .7em;
	text-align: right;
	margin: 4px 10px 0 0;
}
#appointment-block input{
	font-size: .60em;
	margin-top: 4px;
	text-align:left;
}
/********************  VIDEO BLOCK ****************************/
/************** standard video will be 300x250px  ****************************/
#video-block {
	height: 270px;
	padding-top: 10px;
	text-align:center;
}
	
	
/********************  WALK-ON VIDEO LIBRARY BLOCK ****************************/
/********************  this div will be positioned in a specific quadrant of the browser window ****************************/

#video-library {}
	

/********************  DOC INFO BLOCK  ****************************/
#docInfo {
	padding: 10px 0 10px 0;
	font-size: 1em;
	font-weight: bold;
}
#docInfo a{
	text-decoration:none;
}
#docInfo a:hover{
	text-decoration:underline;
}
#docInfo img{
	float:left;
	margin: 0 10px 0 10px;
}
#docInfo h2{
	font-size: .75em;
	margin: 5px 20px 2px 10px;
	line-height: 1.2em;
	padding-top: 5px;
}
#docInfo h2 a:hover{
	text-decoration:none;
	color: #666;
}
#docInfo h3{
	font-size: .7em;
	margin: 5px 20px 0 10px;
	line-height: 1.2em;
	padding-top: 5px;
}
#docInfo p{
	font-size: .7em;
	margin: 0 20px 0 10px;
	padding-top: 5px;
	line-height: 1.2em;
}
#docInfo li{
	font-size: .65em;
	margin: 0 20px 10px 40px;
	padding-top: 5px;
	line-height: 1em;
	list-style:none;
}
#docPhoto img {
	max-width:120px;
}	
#practicePromoPhoto img {
	max-width:120px;
	border:1px solid #cccccc;
}

#docEmailFriend p{
	line-height: 1em;
}
#docEmailFriend img {
	border: none;
	margin-bottom: 5px;
	}	
	
#docEmailFriendPhoto p{
	line-height: 2.2em;
}
#docEmailFriendPhoto img {
	border: none;
	margin-left: 20px;
	}	

/********************  PROMO BLOCKS 1 & 2 ****************************/

#promoiframe{
	width: 300px;
	height: 250px;
	margin:auto;
}
#promowrapper{
	width: 300px;
	height: 250px;
	margin: 0;
	padding:0;
	text-align:center;
	background-color: #ffffff;
}
#promowrapper h3{
	font-size: 1em;
	padding-top:90px;
	font-weight:bold;
	color:#444;
	font-family:Arial, Helvetica, sans-serif;
}
#promowrapper p{
	font-size: .7em;
	line-height:1.1em;
	margin:0;
	padding:0 20px 10px 20px;
	color:#444;
	font-family:Arial, Helvetica, sans-serif;

}
.billcontent{
	width: 100%;
	display:block;
	border-top: 1px solid #dddddd;
}
#billboard0{
	height: 250px;
	width: 300px;
}
#billboard1{
	height: 250px;
	width: 300px;
}
#billboard2{
	height: 250px;
	width: 300px;
}


#billboard20{
	height: 250px;
	width: 300px;
	margin: 0;
	padding:0;
}
#billboard21{
	height: 250px;
	width: 300px;
	margin: 0;
	padding:0;
}
#billboard22{
	height: 250px;
	width: 300px;
	margin: 0;
	padding:0;
}


/********************  PROMO PAGE BLOCKS ****************************/
#promoPage {
	width: 450px;
	height: 220px;
	text-align:center;
	padding-top: 10px;
	padding-bottom: 10px;
}
#promoPage img{
	padding: 10px 60px 10px 60px;
	border: none;
}


/********************  MEET THE DOCTOR ****************************/
#meetDoctor {
	font-size: 1em;
	padding: 10px 0 10px 0;
}
#meetDoctor img{
	float: left;
	margin: 10px 10px 10px 20px;
	border:1px solid #999999;
	max-width:120px;
}



/********************  SERVICE LOGO BLOCK ****************************/
/******** footer images and what we offer page *******************/
#serviceLogo {
	height: 170px;
	width:470px;
	padding: 10px 0 10px 0;
	border-top: 1px solid #cccccc;
	margin-top:10px;

}
#serviceLogo p{
	font-size: .75em;
	font-weight: normal;
	margin: 5px 10px 5px 20px;
}
#serviceLogo img{
	float:left;
	margin: 10px 0 10px 20px;
}
/********************  CREDENTIAL LOGO BLOCK ****************************/

.credentialLogo {
width: 450px;
height:auto;
margin-bottom:20px;
}
.credentialLogo img{
	float:left;
	margin: 10px 10px 10px 20px;
	height:110px;
	width: 110px;
}

/********************  WHAT WE OFFER COPY STYLES ****************************/
#whatWeOfferCopy {}
#whatWeOfferCopy h1{
	font-size: .85em;
	margin: 15px 20px 3px 20px;
}
#whatWeOfferCopy h1 a{
	text-decoration: none;
}
#whatWeOfferCopy h1 a:hover{
	text-decoration: underline;
}
#whatWeOfferCopy h2{
	font-size: .75em;
	margin: 15px 20px 3px 20px;
	font-weight:normal;
}
#whatWeOfferCopy img {
	float:left;
	width: 200px;
	height: 150px;
	margin: 10px 20px 10px 20px;
	border:1px solid #999999;
}

/********************  FOCUS AREA COPY STYLES ****************************/
#focusAreaCopy { margin-bottom: 20px;}
#focusAreaCopy h2{
	padding-top: 10px;
}
#focusAreaCopy ul{
	margin: 0 20px 0 20px;
	list-style-type: none;
}
#focusAreaCopy li{
	font-size: .8em;
	text-indent: 1em;
	line-height: 1.2em;	
}
#focusAreaCopy img{
	float:left;
	width: 200px;
	height: 150px;
	margin: 10px 20px 10px 20px;
	border:1px solid #999999;
}

#focusAreaCopy2 { margin-bottom:20px;}
#focusAreaCopy2 img{
	float:left;
	width: 200px;
	height: 150px;
	margin: 15px 20px 10px 20px;
}
#focusAreaCopy h2 a{text-decoration:none;}

/********************  SUBTOPIC BEFORE AND AFTER BLOCK ****************************/
#beforeAfter {padding: 20px 0 20px 0;}
#beforeAfter img{
	float:left;
	width: 200px;
	margin: 0 0 0 15px;
}
/********************  SUBTOPIC INFORMATION BLOCK ****************************/
#subtopicInfo {}
#subtopicInfo img{
	float:left;
	width: 200px;
	height: 150px;
	margin: 15px 20px 10px 20px;
}
/********************  SUBTOPIC QUESTION AND ANSWER BLOCK ****************************/
#questionAnswer {}
#questionAnswer img{
	float:left;
	width: 120px;
	margin: 20px 20px 5px 20px;
}

/********************  PRACTICE SERVICES BLOCK ****************************/
#practiceServices {
width:300px;
padding: 0;
margin:0;}
#practiceServices h3 {
	padding: 8px 0 8px 15px; 
	background-color:#336600; 
	margin: 10px 0 10px 0;
}
#practiceServices li{
font-size: .7em; 
list-style-image:url("../images/icons/favorites_16.gif");
font-weight:bold;
margin-left: -10px;
padding: 0 20px 10px 0;}
#practiceServices a{text-decoration:none;}
#practiceServices a:hover{text-decoration:underline;}

/********************  OFFICE INFO  ****************************/
/************** map and hours and appt pages  ****************************/
#officeInfo {
	padding: 10px 0 10px 0;
}
#officeInfo ul{
	margin: 10px 0 10px 20px;
}
#officeInfo li{
	font-size: .7em;
	font-weight: bold;
	list-style-type:none;
	margin-left: 0;
	line-height: 1.5em;
}
#officeInfo img{
	float:left;
	margin: 10px 0 0 20px;
	border: none;
}


/********************  DAYS AND HOURS BLOCK  primary office ****************************/
#daysHours {}
#daysHours table{
	width: 400px;
	margin: 0 0 5px 20px;
	background-image: none;
	font-family:Arial, Helvetica, sans-serif;
	border: 1px solid #999;
}
#daysHours td{
	font-size: .75em;
	padding: 3px;
	border: 1px solid #ddd;
	color: #666;
}
.headerrow {background-color: #eee;}
.evenrow {background-color: #fefefe;}
.oddrow {background-color: #eee;}

/********************  DAYS AND HOURS BLOCK Secondary Office ****************************/
#daysHours2 {}
#daysHours2 table{
	width: 85%;
	margin: 0 0 5px 20px;
	background-image: none;
	font-family:Arial, Helvetica, sans-serif;
	border: 1px solid #999;
}
#daysHours2 td{
	font-size: .75em;
	padding: 3px;
	border: 1px solid #ddd;
	color: #666;
}

/********************  APPOINTMENT PAGE LINKS ****************************/

#apptPageLink {
	width: 300px;
	border-bottom: 1px solid #aaa;
	font-size: 1em;
	padding: 0 0 10px 0;
	background-color: #fff;
	margin: 10px 0 0 0;
}
#apptPageLink img{
	float:left;
	padding: 8px 10px 0 20px;
	background-color: transparent;
	border: 0;
}
#apptPageLink h2{
	font-size: .9em;
	text-align:center;
	background-color: #ccc;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #666;
	margin: 0;
}
#apptPageLink h3{
	font-size: .7em;
	padding-top: 20px;
}
#apptPageLink p{
	font-size: .7em;
	margin: 0 20px 5px 60px;
}

#apptStar {
width:450px;
text-align:center;
}
#apptStar img{
border:none;
}

/********************  ARTICLES TABLE OF CONTENTS BLOCK****************************/
#articlesTOC {
	padding: 10px 0 10px 0;
}
#articlesTOC h2{
	margin: 0 10px 0 40px;
}
#articlesTOC ul{
	margin: 0 0 0 80px;
}
#articlesTOC li{
	line-height: 2em;	
	font-size: .75em;
}

.quotemark {font-family:Arial, Helvetica, sans-serif; 
font-size:60px; 
color:#999999; 
margin:0 0 0 20px;
padding:0;}

/********************  NEW PATIENT FORMS  ****************************/
#patientForms {
	padding: 10px 0 20px 0;
}
#patientForms img{
	float: left;
	margin: 0 20px 0 20px;
	border: 0px;
}
#patientForms ul{
	margin: 20px 0 20px 100px;
	list-style-image:url("../images/icons/pdficonsm.gif");
}
#patientForms li{
	font-size: .75em;
	padding-left: 20px;
	line-height: 2em;
}

/********************  FINANCIAL ARRANGEMENTS ****************************/
#financial {}
#financial img{
	float: left;
	max-width: 150px;
	margin: 15px 10px 5px 20px;
	border: 0px;
	border: 1px solid #999999;
}
#financialForm {
border-top: 1px solid #ccc;}
#financialForm img{
	float: left;
	max-width: 150px;
	margin: 10px 10px 5px 20px;
	border: none;
}
/********************  MEET TEAM GROUP BLOCK ****************************/
#meetTeamGroup {
	padding: 10px 0 10px 0;
	text-align:center;
}
#meetTeamGroup img{
	width:400px;
	margin: 0 0 5px 10px;
}
#meetTeamGroup p{
	font-size:.75em;
	margin: 0 30px 10px 30px;
}

/********************  MEET TEAM MULTI PHOTOS BLOCK ****************************/
#meetTeamMultiRight {
	width: 445px;
	padding: 10px 0 20px 0;
}
#meetTeamMultiRight img{
	max-width: 150px;
	padding: 0 20px 10px 20px;
	float: right;
	border: 0;
}
#meetTeamMultiLeft {
	width: 445px;
	padding: 10px 0 20px 0;
}
#meetTeamMultiLeft img{
	max-width: 150px;
	padding: 0 20px 10px 20px;
	float: left;
	border: 0;
}

/********************  FAMILY ALBUM Style 1 BLOCK ****************************/
#familyAlbum {
	text-align: center;
}
#familyAlbum img{
	width: 400px;
}
#familyAlbum p{
	padding: 0 30px 30px 30px;
}

/********************  FAMILY ALBUM Style 2 BLOCK ****************************/
#familyAlbum2 {}
#familyAlbum2 img{
	float: left;
	max-width: 200px;
	margin: 0 20px 20px 20px;
}

/********************  FAMILY ALBUM Style 3 BLOCK ****************************/
#familyAlbum3 {
	margin: 10px 0 0 10px;
}

/********************  OFFICE TOUR BLOCK ****************************/
#officeTour {
	width: 450px;
	height: 420px;
	padding: 20px 0 20px 10px;
}


/********************  SMILE GALLERY BLOCK ****************************/
#smileGallery {
	height: 400px;
	margin: 20px 10px 10px 10px;
}
#smileGallery table {width: 445px;}
#smileGallery tr{font-size: .75em;}
#smileGallery td{}
.left {text-align: left; padding: 10px;}
.full {width:210px; height:210px;}
.half {width:210px; height:105px;}

.contentslide{
border: 5px solid #fff;
border-bottom-width: 6px;
padding: 0px;
width: 440px;
height: 300px;
}

.contentslide .contentdiv{
display: none;
}

.pagination{
width: 430px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
background-color: #ccc;
border: 5px solid #ccc;
border-width: 0 5px; /*Left/ right border width of pagination DIV.*/
padding: 0 0 4px 0;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 430px; /*IE5 width*/
w\idth: 430px; /*IE6 width*/
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #333;
background-color: white;
font-size: .8em;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #ffff99;
}
/********************  TESTIMONIALS ****************************/
#testimonials {}
#testimonials img{
	float: left;
	max-width: 150px;
	margin: 5px 10px 5px 20px;
	border: 0px;
}

/********************  NEWS & ARTICLES COP8Y BLOCK STYLES ****************************/
#newsArticles {}
#newsArticles img{
	float: left;
	max-width: 150px;
	margin: 0 10px 5px 20px;
	border: 0px;
}

/********************  DENTAL RESOURCES (More Information) LINKS BLOCK ****************************/
#links {}
#links img{
	max-width: 150px;
	padding: 10px 20px 10px 20px;
	float: left;
	border: 0;
}


/********************  CREDIT CARD LOGOS BLOCK ****************************/
#creditCardLogo {
	height: 110px;
	margin: 0 0 20px 0;
}
#creditCardLogo img{
	float:left;
	width:60px;
	height: 40px;
	margin: 10px 0 0 20px;
}



/************************************  FORMS ****************************/
/************************************  FORMS (narrow 125px labels) ****************************/
#formcontainer {
	margin: 20px 0 20px 0;
}
#formcontainer h2{
	font-size: .8em;
	margin: 5px 10px 5px 20px;
}
#formcontainer p{
	font-size: .75em;
	margin: 10px 10px 15px 20px;
}
#emailPolicy p{
	font-size: .6em;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1em;
	color: #cc0000;
	margin: 5px 20px 10px 155px;
}
#formcontainer form{
	margin: 2px 0 2px 10px;
}
#formcontainer form label{
	width: 125px;
	float: left;
	font-size: .75em;
	margin: 5px 15px 8px 5px;
	text-align: right;
}
#formcontainer input{
	font-size: .75em;
	margin-right: 5px;
	margin-top: 5px;
}
#formcontainer select{
	font-size: .75em;
	margin-right: 5px;
	margin-top: 5px;
}
#formcontainer textarea{
	margin-right: 5px;
	margin-top: 5px;
}
#formcontainer div.buttongroup{
	float: left;
	border: 0;
	padding:0;
}
#formcontainer div.buttongroup div{
	margin-bottom: 5px;
}
#formcontainer div.buttongroup input{
	margin-right: 5px;
	margin-top: 5px;
}
#radio{
	font-size: .7em;
	margin-left: 160px;
}


/************************************  FORMS (wider 165px labels) ****************************/
#formcontainer2 {
	margin: 20px 0 0 0;
}

#formcontainer2 form{
	margin: 2px 0 2px 10px;
}
#formcontainer2 p{
	font-size: .75em;
	margin: 10px 10px 15px 20px;
}
#emailPolicy2 p{
	font-size: .6em;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1em;
	color: #cc0000;
	margin: 0 20px 25px 195px;
}
#formcontainer2 form label{
	font-size: .75em;
	width: 165px;
	float: left;
	margin: 1px 20px 15px 0;
	text-align: right;
}
#formcontainer2 div.buttongroup{
	font-size: .75em;
	float: left;
	border: 0 0 10px 0;
	padding:0;
}
#formcontainer2 div.buttongroup div{
	border: 0 0 10px 0;
}
#formcontainer2 div.buttongroup input{
	margin-right: 5px;
	margin-top: 5px;
}


/********************  GEO-TARGETED CITIES ****************************/
#geoCities {
	width: 975px;
	height: 30px;
	font-size: .75em;
	text-align: center;
	background-color: #ccc;
	padding: 3px 0 3px 0;
	border: 0px solid #999;
	color: #555;
}
#geoCities p{font-size:.9em;}
#geoCities a{}
#geoCities a:hover{color: #000}

/********************  FOOTER BLOCK ****************************/
#footer {
	width: 973px;
	text-align: center;
	background-color: transparent;
	font-size: .8em
}
#footer img {
	margin: 5px;
}
#footer p{
	margin: 5px 50px 10px 50px;
	color: #ddd;
}
#footer a{
	color: #ddd;
	text-decoration:none;
}
#footer a:hover{
	color: #fff;
}
/********************  COP8YRIGHT BLOCK ****************************/
#copyright {
	width: 975px;
	height: 50px;
	font-size: .75em;
	text-align: center;
	background-color: #ccc;
	padding: 3px 0 3px 0;
	border: 0px solid #999;
	color: #555;
}
#copyright p{
	color: #ddd;
	padding: 0;
}
#copyright a{
	color: #ddd;
	text-decoration:none;
}
#copyright a:hover{
	color: #fff;
}

/********************  SMILE GALLERY BLOCK ****************************/
#smileGallery {
                height: 400px;
                margin: 20px 10px 10px 10px;
}
#smileGallery table {width: 445px;}
#smileGallery tr{font-size: .75em;}
#smileGallery td{}
.left {text-align: left; padding: 10px;}
.full {width:210px; height:210px;}
.half {width:210px; height:105px;}

.contentslide{
border: 5px solid #fff;
border-bottom-width: 6px;
padding: 0px;
width: 440px;
height: 300px;
}

.contentslide .contentdiv{
display: none;
}

.pagination{
width: 430px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
background-color: #ccc;
border: 5px solid #ccc;
border-width: 0 5px; /*Left/ right border width of pagination DIV.*/
padding: 0 0 4px 0;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 430px; /*IE5 width*/
w\idth: 430px; /*IE6 width*/
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #333;
background-color: white;
font-size: .8em;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #ffff99;
}


