@IMPORT url("/skin/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:10px 0px 0px 0px; /*trbl*/
    font-size:x-small; 
    f\ont-size:small;
    /*color:#003a8e;dark blue */
    /*color:#003a8e;dark blue */
    color:#7e719d;/*Purple*/
}

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

.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: #b0a2d4;
  margin:12px 20px 0px 20px; /*trbl*/
  padding: 0px;
  line-height:2px;
}
div.hr hr {
  display: none;
}


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: 0px;
    padding: 0px;
     /*
     margin-top: 0.5em;
	 margin-bottom: 0.5em;*/
}

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;
}

#thomServices ul {margin:10px 0 0 0; padding:0; list-style:none;}
#thomServices li {margin:0; padding:2px 0 0 10px; background:url(/tht_skin/i/bull_genericContent.gif) no-repeat left top;}

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

.block-column {
	display:block;
	position:relative;
	color:#003a8e; 
	line-height:100%; 
	font-size:100%;
  padding:10px;  
  margin:0px 5px 0px 0px;  
  /*width: 210px;*/ 
  width:44%;
  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: #8677a5;
    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: #8677a5; 
    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 {
	width: 852px;
}


#rightLogo {
	float: right;
	margin: 10px 10px 0 0; /* trbl */
}

#topLogoHome, #topLogoMale, #topLogoFemale {
	float: left;
	margin: 0px;
	width: 852px;
	height:145px;
}

#topLogoHome {
	/*istockphoto 5332991 */
	background-image: url('/bpas_skin/graphics/online_doctor.png');
}

#topLogoMale {
	background-image: url('/bpas_skin/graphics/header-men.jpg');
}

#topLogoFemale {
	background-image: url('/bpas_skin/graphics/header-women.jpg');
}

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

#headerBottom {
	font-size: 1px;
}

#registerBox {
	display: inline;
	float: left;
	position: relative;
}

#loginBox {
	display: inline;
	float: left;
	position: relative;
}

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

#loginBox fieldset
{
border: none;
}

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

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

#drthomLogo {
	padding: 0px 30px 0px 15px;
}

#payment_frame {
  width:670px;
  height:510px;
  border:none;
  /*border:1px dotted black;*/
  overflow:auto;
}

#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; 
}