/* CSS Document */


/* -----------------------------------------------------------------------
GENERIC STUFF
-------------------------------------------------------------------------- */
body {
	font-size: 70%;	font-family: Arial, Verdana, Helvetica, sans-serif; word-wrap: break-word;
	color: #000; background: #fff url(../images/body-bg.gif) left top repeat-x;
        }
.clear { 	
	display: block; clear: both; font-size: 0px; line-height: 0; height: 0; padding: 0; margin: 0;}
.hide {	
	display: none; font-size: 0; line-height: 0; height: 0; padding: 0; margin: 0;}
a {
  outline: none;
}
/*preload button hover images*/
.preload {
    display:none;
}

/* -----------------------------------------------------------------------
TYPOGRAPHY
-------------------------------------------------------------------------- */

h1, 
h2 { 
	font-size: 110%; color: #fff;  font-weight: normal; 
	background: #000; margin: 0 0 1em 0; padding: 2px 3px 2px 0px;}	

h3 {font-size: 100%; font-weight: bold; color: #000; margin: 0 0 0.5em 0;}

#col1 .details h2,
#col2 .calendar h2 {background: #000; padding: 4px 3px; margin: 0 -10px 5px -10px; text-align: center; }

h1.welcome {
	width: 200px;
	font-size: 150%;
	color: #000;
	background: #fff;
        font-weight:bold;
}
h2.find-it-now {
	width: 85px;
	font-size: 130%;
	color: #000;
	background: #fff;
	margin-top: 10px;
        font-weight:bold;
}
h2.patient-emails {
	width: 105px; 
	margin-top: -40px;
	font-weight: normal;
	padding: 2px 3px 2px 3px;
	line-height: 16px;
}
h2.offers-genop {
	width: 200px; 
	margin-top: 30px;
	font-weight: normal;
	padding: 2px 3px 2px 3px;
	line-height: 16px;
}
h2.curved-box-header {
	line-height: 16px;
	font-weight: normal;
}
h2.white-text-black-box {
	margin-top: 0px;
	font-weight: normal;
	padding: 2px 3px 2px 3px;
	line-height: 16px;
}


h2.frame-galleries-title{
	width: 200px;
	font-size: 130%;
	color: #000;
	background: #fff;
       font-weight:bold;
}

p {
	padding: 0 0 1em 0; 
	margin: 0;
	line-height: 16px;
	font-size: 110%;
}

a:link,
a:visited {color: #000; text-decoration: underline; }
a:hover {color: #c00; }

a.bold:link, 
a.bold:visited {color: #c00; font-weight: bold;}
a.bold:hover {color: #000;}
/* -----------------------------------------------------------------------
LAYOUT
-------------------------------------------------------------------------- */

#wrap-all {
	width: 920px; padding: 0 0 40px 0; margin: 0 auto;overflow-x:visible;}

#header {
	width: 920px; height: 93px ;  padding: 7px 0 0 0; margin: 0;}
* html #header {
	width: 920px; height: 93px ;  padding: 4px 0 0 0; margin: 0;}

#header .logo1 {float: left;width:714px; }
#header .logo2 {float: right; text-align: center; font-size: 85%; padding:2px 10px 0 0; }
#header .logo2 img {padding: 0 0 0 0;}


/*vertical alignment of logo1 - see gemop-ie.css for required IE extras*/
.v-outer { 
	display: table; overflow: hidden; height: 85px; width: 300px; }
.v-middle {
	display: table-cell;padding-left:2px; text-align:center;height:80px; width:300px;}
.v-inner {
    height:80px; width:300px;
}


ul#topnav { 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	border-left: 1px solid #c00; }

ul#topnav  li {
	float: left; 
	margin: 0; 
	padding: 0;
	border-right: 1px solid #c00;
	border-top: 1px solid #c00; }


ul#topnav  li.home { border-left: 1px solid #c00; width: 125px;}	
ul#topnav  li.calendar { width: 159px;}
ul#topnav  li.frame-library { width: 191px;}
ul#topnav  li.help-point { width: 180px;}
ul#topnav  li.contact-genop { width: 260px;}

	
ul#topnav  li a {
        display: block;
        text-align: center;
        height: 16px;
        padding: 7px 0 2px 0; 
        margin: 0px 0 2px 0;
        background-color: #000;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none; }
	
ul#topnav  li a:hover {
	background-color: #fff; 
	color: #000;}

#wrap-content {
	padding: 18px 0 40px 0; margin: 0 0 0;}

#wrap-content #col1 {
	float: left; 
	width: 681px; padding: 0 10px 0 0; margin: 0; }
	
	#col1 .visual {
		border:1px solid white;
        float: left; 
		width: 217px; 
        padding: 0 0 0 0; margin: 0;}
		
	#col1 .links {
		float: left; 
		width: 252px; padding: 0 7px 0 6pt; margin: 0;
	}
		
	#col1 .details {
		float: left; 
		width: 170px; padding: 0 10px 15px 10px; margin: 0;
		background: url(../images/details-bg.gif) bottom left repeat-y;
	}
	
#wrap-content #col2 {
	float: left; 
	width: 227px; padding: 0; margin: 0; }

	#col2 .calendar {
		width: 207px;  padding: 0 10px 15px 10px; margin: 0;
		background: url(../images/calendar-bg.gif) bottom left repeat-y;}

#top-intro #help-point-visual{
     float: left;
      width: 220px; padding: 0; margin: 0; }
      
#top-intro #help-point-text{
      float: left;
      width: 668px; padding: 10px; margin: 0; }

#help-point-cols .help-point-col{
    float:left;
    width: 208px; padding: 10px; margin: 0; }
    
#help-point-cols .help-point-separator{
    float:left;
    width: 1px; height: 350px; margin-top: 10px;
    background: #777;
}

/*---------------------------------------------
Frame Gallery
---------------------------------------------------*/
#frame-galleries-cols .frame-galleries-col{
    float:left;
    width: 198px; padding: 10px; margin:0;
}

#frame-galleries-cols .frame-galleries-separator{
    float:left;
    width: 1px; height: 350px; margin-top: 10px;
    background: #777;
}

#frame-galleries-cols .frame-search-row {
    width: 600px;
    margin: 1px;
    margin-top: 5px;
    padding: 0;
}
#frame-galleries-cols .frame-search-label {
        width: 160px; float:left;
        margin: 0;
        padding-top: 2px; }
#frame-galleries-cols .frame-search-field {
        width: 400px; float:left;
        margin: 0;
        padding: 0;}

#frame-galleries-cols .dr-table-footercell{
    padding-top:20px;
    background:#FFF;
    border:white;
}

#frame-galleries-product-wapper{
    margin:10px auto; width:580px; height:390px;
}

#frame-galleries-product-wapper #title{
    width:580px; height:60px;
}

#frame-galleries-product-wapper #product-info{
    width:580px;height:210px;
}

#frame-galleries-product-wapper #full-image{
    width:440px; height:210px; float:left;
}

#frame-galleries-product-wapper #color-list{
    padding:10px;height:110px;width:120px;float:left;
}

#frame-galleries-product-wapper #other-info{
    padding:10px;height:60px; width:120px;float:left;
}

#frame-galleries-product-wapper #part-image{
    padding-top:10px;height:62px;width:580px;
}

#footer {
	clear: both; 
	width: 95%; padding-top:19px; margin: 0 auto; 	}

/* -----------------------------------------------------------------------
col 1
-------------------------------------------------------------------------- */
#col1 .visual img {
	border: 2px solid black;
}
#col1 ul.find-it-now li {
	padding: 0 0 7px 0;
}
#col1 ul.find-it-now a:link,
#col1 ul.find-it-now a:visited {
	text-decoration: underline; 
	font-weight: bold; 
	font-size: 110%; 
	padding: 1px; 
	color: #c00;
}	
#col1 ul.find-it-now a:hover {
	text-decoration: none; 
}

#col1 ul.ho-quick-links li {
	padding: 0 0 7px 0;
}
#col1 ul.ho-quick-links a:link,
#col1 ul.ho-quick-links a:visited {
	text-decoration: underline; 
	font-weight: normal; 
	padding: 1px; 
}	
#col1 ul.ho-quick-links a:hover {
	text-decoration: underline; 
	color: #c00;
}


#col1 .details dl {padding-bottom: 20px; }
#col1 .details dt {
	font-weight: bold; padding: 5px 0;}
#col1 .details dt.practice-contact {padding-top: 15px;}
#col1 .details dd {
	padding: 0 0 0 20px;}


/* -----------------------------------------------------------------------
col 1 - tables
-------------------------------------------------------------------------- */

table.type01 {
	border: 1px solid #c00; width: 99%;  margin: 0 0 10px 1px;}

table.type01 th {padding: 7px;}
table.type01 th.event {width: 150px;}	

table.type01 thead {
	text-align: left; background-color: #d4c4a2; color: #000; font-size: 110%;}

table.type01 tr.light {background-color: #fff; }
table.type01 tr.dark {background-color: #e9e1d0;}

table.type01 td {padding: 3px 5px;vertical-align:top; }
/* -----------------------------------------------------------------------
col 2 - calendar
-------------------------------------------------------------------------- */
#col2 .calendar h3,
#col2 .calendar ul li { padding: 0 0 4px 35px;}

#col2 .calendar ul {margin-bottom: 15px;}

#col2 .calendar ul .date,
#col2 .calendar ul .event {display: block; float: left;}
#col2 .calendar ul .date {width: 25px;}
#col2 .calendar ul .event {width: 120px;}

#col2 .calendar ul li.new {
	background: url(../images/icon-new.gif) 0 1px no-repeat;} /*see genop-ie.css for IE bug*/
	
#col2 .calendar ul li.tick { zoom: 1; /* to stop background image from disappearing in IE7*/
	background: url(../images/icon-greentick.gif) 12px 2px no-repeat;	}
	
/* inclusion of scrollbar:
#col2 .calendar .content {height: 300px; overflow-y: auto; margin-bottom: 20px;} */	

/* -----------------------------------------------------------------------
buttons
-------------------------------------------------------------------------- */
.submit-btn, .submit-btn-60-wide, .submit-btn-180-wide{margin: 0 0 5px 0;}

.helppoint-btn{
  width:117px;
}

.submit-btn a:link,
.submit-btn a:visited,
.helppoint-btn a:link,
.helppoint-btn a:visited{
	display: block; text-align: center;vertical-align:middle;
	width: 117px; height: 27px; padding: 7px 0 0 0; 
	background: url(../images/button01.gif) no-repeat left top;
	color: #000; font-weight: bold; text-decoration: none;}
.submit-btn a:hover,
.helppoint-btn a:hover{
	color: #000; text-decoration: none;
	background: url(../images/button01-hover.gif) no-repeat left top; }
        
.submit-btn-60-wide a:link,
.submit-btn-60-wide a:visited {
	display: block; text-align: center;vertical-align:middle;
	width: 60px; height: 27px; padding: 7px 0 0 0; 
	background: url(../images/button-60-wide.gif) no-repeat left top;
	color: #000; font-weight: bold; text-decoration: none;}
.submit-btn-60-wide a:hover {
	color: #000; text-decoration: none;
	background: url(../images/button-60-wide-hover.gif) no-repeat left top; }

.submit-btn-180-wide a:link,
.submit-btn-180-wide a:visited {
	display: block; text-align: center;vertical-align:middle;
	width: 180px; height: 27px; padding: 5px 0 0 0; 
	background: url(../images/button-180-wide.gif) no-repeat left top;
	color: #000; font-weight: bold; text-decoration: none;}
.submit-btn-180-wide a:hover {
	color: #000; text-decoration: none;
	background: url(../images/button-180-wide-hover.gif) no-repeat left top; }


.details .submit-btn a,
.details .submit-btn-60-wide a,
.calendar .submit-btn a,
.calendar .submit-btn-60-wide a  {margin: auto;}

#save-button {
}
#wrap-all-links {
}
/* ----------------------------------------------------------------- 
rich:fileUpload button config
----------------------------------------------------------------*/
.rich-fileupload-button {
    font-weight:bold;
    display: block; text-align: center;vertical-align:middle;
    text-decoration: none; 
    width: 180px; height: 27px;
    margin: 0; padding: 0;
    background: url(../images/button-180-wide.gif) no-repeat left top;
}

.rich-fileupload-button-light,
.rich-fileupload-button-press{
    font-weight:bold;
    display: block; text-align: center;vertical-align:middle;
    text-decoration: none;
    border: none;
    width: 180px; height: 27px;
    margin: 0; padding: 0px;
    background: url(../images/button-180-wide-hover.gif) no-repeat left top; 
}

.rich-fileupload-ico-add,
.rich-fileupload-ico-stop,
.rich-fileupload-ico-clear{
    padding: 3px;
    display: block; text-align: center;vertical-align:middle;
    background: none;
}

.rich-fileupload-list-decor,
.rich-fileupload-toolbar-decor,
.rich-fileupload-button-border,
.rich-fileupload-list-overflow{
     background-color: #fff;
     border: none;
}

.email-grid-wrapper .rich-fileupload-list-decor,
.email-grid-wrapper .rich-fileupload-toolbar-decor,
.email-grid-wrapper .rich-fileupload-button-border,
.email-grid-wrapper .rich-fileupload-list-overflow{
     background-color: WhiteSmoke;
     border: none;
}

.rich-tool-tip{
    width:200px;
}
/*------------------------------------------------------
prac_webupdate
---------------------------------------------------------*/
#web-update-details {
	margin-top:10px;
	border:2px solid gray;
	padding:10px;
	width:70%;
}

#web-update-details .web-update-label {
        width: 180px; float:left;
        margin: 0;
        padding-top: 2px; }
#web-update-details .web-update-field {
        width: 210px; float:left;
        margin: 0;
        padding: 0;}
#web-update-details .web-update-row {
       width: 680px;
       margin: 1px;
       padding: 0;
}

/*----------------------------------------------------
css for tinymce headings
-----------------------------------------------------*/

#help-point-cols h1,
#prac-description h1,
#mini-site-description-details h1,
#form-event-response-viewer h1,
#html-image-wrapper h1{
    font-size: 2em;margin: .67em 0;
}
#help-point-cols h2,
#prac-description h2,
#mini-site-description-details h2,
#form-event-response-viewer h2,
#html-image-wrapper h2{
    font-size: 1.5em; margin: .75em 0;
}

#help-point-cols h3,
#prac-description h3,
#mini-site-description-details h3,
#form-event-response-viewer h3,
#html-image-wrapper h3{
    font-size: 1.17em; margin: .83em 0; 
}
#help-point-cols h4,
#prac-description h4,
#mini-site-description-details h4,
#form-event-response-viewer h4,
#html-image-wrapper h4{
    margin: 1.12em 0
}
#help-point-cols h5,
#prac-description h5,
#mini-site-description-details h5,
#form-event-response-viewer h5,
#html-image-wrapper h5{
    font-size: .83em;margin: 1.5em 0 
}
#help-point-cols h6,
#prac-description h6,
#mini-site-description-details h6,
#form-event-response-viewer h6,
#html-image-wrapper h6{
    font-size: .75em; margin: 1.67em 0
}
#help-point-cols p,
#prac-description p{
    margin:0; padding:0;
}
#mini-site-description-details p{
    margin:0 0 1em 0; padding:0;
}
#help-point-cols h1,
#help-point-cols h2,
#help-point-cols h3,
#help-point-cols h4,
#help-point-cols h5,
#help-point-cols h6,
#prac-description h1,
#prac-description h2,
#prac-description h3,
#prac-description h4,
#prac-description h5
#prac-description h6,
#mini-site-description-details h1,
#mini-site-description-details h2,
#mini-site-description-details h3,
#mini-site-description-details h4,
#mini-site-description-details h5,
#mini-site-description-details h6,
#html-image-wrapper h1,
#html-image-wrapper h2,
#html-image-wrapper h3,
#html-image-wrapper h4,
#html-image-wrapper h5,
#html-image-wrapper h6{   
    color: #000;
    background: #fff;
    display: block;
    padding: 0;
}

#html-image-wrapper h1,
#html-image-wrapper h2,
#html-image-wrapper h3,
#html-image-wrapper h4,
#html-image-wrapper h5,
#html-image-wrapper h6{   
    color: #000;
    background: #D4C4A2;
    display: block;
    padding: 0;
}

#help-point-cols h1,
#help-point-cols h2,
#help-point-cols h3,
#help-point-cols h4,
#prac-description h1,
#prac-description h2,
#prac-description h3
#prac-description h4,
#mini-site-description-details h1,
#mini-site-description-details h2,
#mini-site-description-details h3,
#mini-site-description-details h4,
#html-image-wrapper h1,
#html-image-wrapper h2,
#html-image-wrapper h3,
#html-image-wrapper h4{
    font-weight: bolder;
}

#help-point-cols ul.landing {
    list-style: none;
    width:725px;
    margin:20px auto;
}
#help-point-cols ul.landing li {
    float:left;
    padding:0 40px 40px 0;
}

#help-point-cols ul.landing li.last{
    padding-right:0px;
}

#top-intro #help-point-text #title-textarea{
    width:100%;
    height:50px;
    display:none;
}

#top-intro #help-point-text #title-btns{
    float:right;
}

.helppoint-btn{
    float:left;
}
#top-intro #help-point-text #title-btns #save-title,
#top-intro #help-point-text #title-btns #cancel-title{
    display:none;
}
#help-point-cols #main-buttons #save-main,
#help-point-cols #main-buttons #cancel-main{
    display:none;
}
#top-intro #help-point-text #title-btns #back-btn{
    padding:5px 0 0 10px;
    float:left;
}

#help-point-cols #main-content{
    width:700px;
    float:left;
    margin-right:20px;
    display:inline;
}
#help-point-cols #main-content #main-text{
    padding:10px 0 0 0;
}
#help-point-cols #main-content #main-buttons{
    margin-top:10px;
}
#help-point-cols #main-content #main-textarea{
    width:100%;
    height:400px;
    display:none;
}
#help-point-cols #main-content ul{
    list-style-type: disc;
  list-style-position: inside;
  padding-left:10px;
}
#help-point-cols #main-content ol{
    list-style-type: decimal ;
  list-style-position: inside;
  padding-left:10px;
}
#help-point-cols #main-content td{
    vertical-align:middle;
}
#help-point-cols #rhs-content{
    float:left;
    width:200px;
}
#help-point-cols #rhs-content #rhs-text{
    padding-top:10px;
}
#help-point-cols #rhs-content .lightbox{
    border: 1px solid #000000;
    padding:10px;
    background:#dddddd;
}
#help-point-cols #rhs-content h2{
    margin:0;
    padding:0;
    background:none;
}
#help-point-cols #rhs-content ul{
    margin:0;
    padding:0;
    width:180px;
    display:block;
}
#help-point-cols #rhs-content li{
    margin:0;
    padding:3px;
    float:none;
    display:block;
    font-size:12px;
}
#help-point-cols #rhs-content #rhs-textarea{
    width:100%;
    height:200px;
    display:none;
}
#help-point-cols #rhs-content #rhs-buttons{
    margin-top:10px;
}
#help-point-cols #rhs-buttons #save-rhs,
#help-point-cols #rhs-buttons #cancel-rhs{
    display:none;
}

.upload-image{
    text-align:center;
}

.help-icon{
    float:left;padding-top:5px;padding-left:2px;
}

/* ------------------------------------------------------
reviw order popup
--------------------------------------------------------- */
#order_container{
    width:650px;
    height:300px;
    margin:10px auto;
}
#order_container .fieldname{
    font-weight:bold;
    padding-bottom:5px;
}
#print{
    width:650px;
    height:20px;
    text-align:right;
}

#acceptedoffertitle{
  width:650px;
  height:23px;
  background:black;
  color:white;
  font-size:150%;
  font-weight:bold;
  text-align:center;
  padding-top:5px;
}

#acceptedoffercontent{
    width:650px;
    height:auto;
    line-height:18px;
}
#acceptedoffercontent table{
    border-width:1px;
    border-style:dotted;
    border-color:Gainsboro;
    border-spacing:0px;
    border-collapse:collapse;
    background-color:GhostWhite;
}
#acceptedoffercontent table td{
    border-width:1px;
    border-style:dotted;
    border-color:Gainsboro;
    padding:2px;
}

#acceptedoffercontent .offerbox{
  padding-bottom:5px;
}

.privacy-wrapper{
    width:750px;
    margin:20px auto;
}

.privacy-wrapper li{
    font-size:100%;
    list-style:disc;
    margin-left:18px;
}