/*
Import css for tabs
*/
@IMPORT url("ui/ui.all.css");


/* The content of the posts (body of text) */
body{
	font-family: Arial Unicode, Helvetica, sans-serif;
	font-size: 12px;
	padding:0; 
	margin:0px;
	background:#f6f6f6;
}

h1 {
    margin:0px; 
    padding:0px 0px 0px 0px; /*trbl*/
    font-size:x-small; 
    f\ont-size:small;
    /*color:#003a8e;dark blue */
    /*color:#003a8e;dark blue */
    color:#ED3024;/*Its red now*/
}

h2, h3, h4, h5, h6 {
    margin:0; 
    padding:10px 0px 0px 0px; /*trbl*/
    font-size:x-small; 
    f\ont-size:small;
    color:#003a8e;/*dark blue */
}

.product-title {color:#ED3024 !important;}
.red-title {color:#ED3024 !important;}

h1.heading-nospace  {margin:0; padding:0px 0px 0px 0px; } 
h2.heading-nospace  {margin:0; padding:0px 0px 0px 0px; } 
h3.heading-nospace  {margin:0; padding:0px 0px 0px 0px; } 


h1  	{font-size:200%; }
h2		{font-size:150%; }
h3		{font-size:135%;  }
h3 a	{font-size:100%;}
h4		{font-size:125%;  }
h4 a	{font-size:100%;}
h5		{font-size:115%;  }
/*h5 a	{color:black; font-size:100%;}*/
h6		{font-size:110%; }
h6 a	{color:black; font-size:100%;}

a {
	/*color:#003a8e; dark blue */
	color:#005cd1; /*medium blue*/
  font-weight: normal; 
	text-decoration:none;
}
a:hover { 
	text-decoration:underline;
}

p	{margin:4px 0 0 0;}
.box h2	{font-size:140%; color:#C6253D;}

/*target-new: tab ! important;*/
font,th,td,p{
  font-family: Arial Unicode, Helvetica, sans-serif;
  font-size: 12px;
}

hr {
 color: #D7E5F2;
 background-color: #D7E5F2;
 height: 4px;
}

/* Introduced this to do consistance hr's using an image. Usage  <div class="hr"><hr /></div> */
div.hr {
  height: 2px;
  background: #D7E5F2;
  margin:12px 20px 0px 20px; /*trbl*/
  padding: 0px;
  line-height:2px;
}

div.hr hr {
  display: none;
}

.block-column div.hr {
  background: #b0a2d4;
  margin:10px 20px 0px 20px; /*trbl*/
}

.block-column a:hover {
  color: #5050ff;
}



ul.drthom { 
	list-style: square outside url(/dt_skin/graphics/spot_inactive.png);
	/*list-style: square outside url('/graphics/LogoBullet2.gif');*/
    line-height: 1.5;
}
     
ul {
	line-height: 1.5;
	margin: 0 0px 0 10px;
	padding: 0px 6px 0px 6px;
}

table td {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-spacing: 0px;
}

.drthom {
	font-family: Arial Unicode, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}
.smaller {
	font-family: Arial Unicode, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}

.smallred {
	font-family: Arial Unicode, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #CC0000;
}
.redbold {
	font-family: Arial Unicode, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #CC0000;
}

.bigredbold {
	font-family: Arial Unicode, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #CC0000;
}

.bigwhite {
	font-family: Arial Unicode, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
}

.headblue {
	font-family: Arial Unicode, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #406BAA;
}

.headbluelarge {
	font-family: Arial Unicode, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #406BAA;
}

a.headblue:hover    { text-decoration:underline;
                      color: #406BAA;
                    }
a.headblue:link     { color: #406BAA;}
a.headblue:visited  { color: #406BAA;}
a.headblue:active   { color: #406BAA;}

.smallblue {
	font-family: Arial Unicode, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #0000CC;
}
.medblue {
	font-family: Arial Unicode, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #0000CC;
}
.largered {
	font-family: Arial Unicode, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #CC0000;
}
.SiteMap {
	font-family: Arial Unicode, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: CC0000;
}

img {
	border: 0px;
}


input.but_green {background-color: #99ff99;}

/* Category gradients*/
th.blue_table{
font-weight:bold;
background:#d9e2ec url(/graphics/cellpic1.png);
height:29px;text-indent:4px;
}

/* Form styles */
table.blue_table {
 background-color: #FFFFFF;
 color: #000000;
 border: 1px solid #003A8E;
 border-collapse: collapse;
 padding-left: 4px;
}

td.blue_table  {
 border: 1px solid #D7E5F2;
 padding-left: 10px;
 padding-right: 10px;
}

.blueform {
background: #F7F9FB;
border: 1px solid #7B9EBD;
}

.block-container {
	/*height:30em;*/
	display:block;
	position:relative;
	float:left;
	margin:0px;
	width:100%;
	height:32em;
}

.block-column {
	display:block;
	position:relative;
	color:#003a8e; 
	line-height:110%; 
	font-size:90%;
  padding:8px;  
  margin:0px 5px 0px 0px;  
  /*width: 210px;*/ 
  width:45%;
  height:100%; 
  float:left;
}

.block-content {
	padding:10px;
	}

#pink {
	background:#ffe7e7; 
}

.block-column h3 a { 
	color: #8677a5;
  font-weight: bold;
}

.block-column p {
    color:#003a8e; 
}

#block-cell {
	color:#003a8e; 
	line-height:100%; 
	font-size:100%;
  border-right:2px solid #fff;
  border-bottom:2px solid #fff;
  padding:5px 5px 5px 5px;
  height:6em; 
  background:#C2e1fe; 
  margin:0; 
  /*width: 210px;*/ 
  width:45%; 
  float:left;
}

#block-cell h3 a {
    color:#003a8e; 
    font-weight: bold;
}

#block-cell p {
    color:#003a8e; 
}

.block-cell, .block-cell-pink {
	color:#003a8e; 
	line-height:100%; 
	font-size:100%;
  border-right:2px solid #fff;
  border-bottom:2px solid #fff;
  padding:5px 5px 5px 5px;
  height:6em; 
  background:#C2e1fe; 
  margin:0; 
  /*width: 210px;*/ 
  width:45%; 
  float:left;
}

.block-cell h3 a, .block-cell-pink h3 a {
    color:#003a8e; 
    font-weight: bold;
}

.block-cell p, .block-cell-pink p {
    color:#003a8e; 
}

.block-cell-pink {
  background:#ffe7e7; 
}

.block-row {
	margin:2px 0 0 0;
	height: 1%;
}


#topBanner {
	background: #C4E3E5;
	width: 858px;
}

a:hover {background-position: 0 0;}
links a:hover img {
 position: absolute;
}

#headerBottom {
	/*background: #C2E1FE;*/
	font-size: 1px;
}

#registerBox {
	width:200px;
	overflow: hidden;
	display:inline;
}

#loginBox {
	width:300px;
	overflow: hidden;
	float: left;
}

#loginBox label
{
width: 8em;
text-align: right;
margin-right: 1.5em;
}

#loginBox fieldset
{
border: none;
}

#loginBox .submit input
{
margin-left: 8.5em;
}

#loginBox legend
{
background: #d0d0ff;
color: #000000;
border: 1px solid #781351;
padding: 2px 6px
}

#loginMessage div {
	clear: both;
}

.info_box {
	border: 1px solid #6593B8;
	background-color: #F1F5FA;
	padding: 2px;
	margin: 2px;
	-moz-border-radius: 7px;
}

.info_box_pink{
	border: 1px solid #FFA7A7;
	background-color: #FFEFEF;
	padding: 2px;
	margin: 2px;
	-moz-border-radius: 7px;
}

.info_box td, .info_box_pink td {
	f\ont-size: 100%;
	padding: 3px;
}

.info_box a:link, .info_box a:visited, .info_box a:active , .info_box_pink a:link, .info_box_pink a:visited, .info_box_pink a:active {
	f\ont-size: 100%;
	font-weight: bold;
	color: #527CB4;
}

.info_box h2 , .info_box_pink h2 {
	margin-left: 3px;
	font-weight: bold;
	margin-top: 2px;
}

/* Forms */
textarea:focus, input:focus {
	background-color: #eff;
}

label {
width: 8em;
float: left;
text-align: right;
margin-right: 1.5em;
display: block;
}

#payment_frame {
  width:668px;
  height:380px;
  border:none;
  /*border:1px dotted black;*/
  overflow:hidden;
}

#waiting_gateway {
  width:664px;
}

#protx_body {
  clear: both;
  /*padding-left: 10px;*/
  /*padding-right: 5px;*/
  /*padding-bottom: 2px;*/
  /*border-bottom: 2px solid #cedcdd;*/
  /*margin-bottom: 15px;*/
  /*height: 400px;*/
  /*height: auto !important;*/
  /*min-height: 400px;*/
  /*background: #EDF7F7;*/
  background: #ffffff;
  
  margin: 10px auto;
  padding: 0px;
   
}
#protx_content_centered {
  width: 664px;
  margin: 0px auto;
  text-align: center; 
}

#protx_content_left {
  /*float: left;*/  
  width: 649px;/*Allows room for right hand vert scrollbar*/
  margin: 0px auto;
  text-align: left; 
}

div.protx_line {
  width: 634px;
  padding: 20px 10px 20px 10px;
  float: right; 
}

#session {
float:right;
text-align:right;
width:220px;
font-weight:700;
margin:10px 10px 0 0;
}

#basket {
float:left;
text-align:right;
background:url(/graphics/baskettop.gif) no-repeat top right;
width:196px;
font-weight:400;
margin:10px;
}

#basket p {
padding:10px 10px 0 0;
margin:0px;
}

#checkout {
background:url(/graphics/basketbottom.gif) no-repeat bottom right;
height:24px;
text-align:right;
margin-top:5px;
}

#hacker-safe {
	float:right;
}

/* Used to set the height of a container to the height of its contained floated elements
*/
.clear {
  clear:both;
  height:1px;
  overflow:hidden;
}

/**************
CSS Classes for use on 
drthom home page text
**************/
.dt-cell, 
.dt-cell-women, 
.dt-cell-men
{
	margin-bottom:2px;
	margin-right:1px;	
	color:#05519c;
  padding-left:5px;
  padding-right: 5px;
  padding-bottom: 3px;  
  padding-top: 2px;
  width:47%; 
  float:left;  
  font-size: 8pt;      
}

.dt-cell-men {
	background-color:#C2e1fe;
}

.dt-cell-women {
	background-color:#ffe7e7;
}

.dt-cell h3,
.dt-cell-women h3,
.dt-cell-men h3 {
	font-size: 12pt;
	margin-top:0;
	margin-bottom:0;
	padding:0;
	color:#003a8e; 
	font-weight: bold;
}

.dt-cell h3 a, 
.dt-cell-women h3 a, 
.dt-cell-men h3 a {		
	font-size: 11pt;	
	color:#003a8e; 
	font-weight: bold;
}

#questionnaire select {
	font-family:Arial Unicode,Helvetica,sans-serif;
	font-size:12px;	
}

/*
-------------------
	Tab formatting
-------------------
*/

.tab-a-span {
	font-size:8pt;	
}

.previous-tab, .next-tab {
	font-size: 8pt;
}

.previous-tab:hover, .next-tab:hover{
	font-size: 8pt;
	text-decoration: none;
	color: #CCCCCC;
}

/*
-------------------------
Patient record formatting
-------------------------
*/

.pr-col-one {
	text-align: right;
	vertical-align: top;	
}

.pr-col-two {
	text-align: left;
	vertical-align: top;	
	font-weight: bold;
}

h1.drthom-product-title {
	margin:0; 
  padding:10px 0px 0px 0px; 
  font-size:medium;     
	color: #ED3024;
	
}