@charset "utf-8";
/* Stylesheet for index_production_new_2.cfm */

/*controls the strip of color under the verticals for medical*/
#verticalcolorlinemedical
{
width:961px;height:8px;
display:block;
background-color:#34b69e;
}


/*makes is so that in ie the strip of color under the verticals is the same height for medical*/
#verticallineiefixmedical
{
overflow:hidden;
}



/*controls the entire choose your target area section*/
#topHeaderPan ul
{
width:961px; 
padding:0px; 
margin:0px; 
list-style:none;
}


/*controls the entire choose your target area section*/
#topHeaderPan ul li
{
float:left;

}


/*this makes it so certain images will work correctly in i.e*/
.imageblock
{
display: block;
}


/*controls the entire banner and customer access position*/
#bannerandcustomeraccess
{
width:961px;
height:210px;
display:block;
clear:both;
}


/*Controls the banner on the left side*/
#leftisbanner 
{
float:left;
display:inline; /*required by IE6*/
width:724px;
margin:0 0px 0 0px;
height:210px;
}
 

/*controls customer access on right side*/
#rightiscustomeraccess 
{
float:left;
display:inline; /*required by IE6*/
width:237px;
margin:0 0px 0 0px;
} 


/*controls the background for the customer access (the white box with blue stroke on right side)*/
/*#whitebox
{
background-image: url(
<cfif trim(client.newquote) contains "intranet">/order/core</cfif>/images/indexnew/box.gif);
height:210px;
width:237px;
}*/


/*controls the image customer access*/
.wordscustacc
{
margin-top:2px;
width:233px;
height:40px;
}


/*controls the customer access form*/
#LogonForm
{
padding:0px;
border:0px;
margin:0px;
}


/*controls the area where the person will type there username*/
#username
{
vertical-align:middle;
width:178px;
height:25px;
border-style: hidden;
border-width: 0px;
/*color: #000000;*/
padding-top:6px;
padding-left:15px;
padding-right:7px;
/*font-size:8pt;*/
/*background-image: url(
<cfif trim(client.newquote) contains "intranet">/order/core</cfif>/images/indexnew/username.png);*/
margin-left:31px;
}


/*controls the area where the person will type there password*/
.input
{
vertical-align:middle;
width:178px;
height:25px;
border-style: hidden;
border-width: 0px;
/*color: #000000;*/
padding-top:6px;
padding-left:15px;
padding-right:7px;
/*font-size:8pt;*/
/*background-image: url(
<cfif trim(client.newquote) contains "intranet">/order/core</cfif>/images/indexnew/username.png);*/
margin-left:31px;
margin-top:10px;
}


/*controls the words forgot your username | password?*/
#forgot
{
margin-left:38px;
margin-top:8px;
}


/*controls the entire checkbox and remember me section for customer access*/
#thecheckbox
{
padding:0px;
white-space: nowrap;
margin-left:78px;
margin-top:8px;
}


/*controls the checkbox for remember me*/
#rememberme
{
display: block;
float: left;
clear: left;
height: 11px;
padding: 0;
margin: 0;
}


/*controls the word remember me*/
#remembermediv
{
display: block;
clear: none;
margin-left: 20px;
}


/*controls the button login*/
#login
{
margin-top:10px;
margin-left:79px;
}


/*controls the link need an account?*/
#needaaccount
{
padding-top:5px;
margin-left:83px;
}


/*Controls the entire subscribe and share area*/
#emailandshare
{
width:961px;
height:32px;
padding:0px 0;
display:block;
margin:auto;
clear:both;
}


/*controls the subscribe area*/
#leftisemail 
{
float:left;
display:inline; /*required by IE6*/
width:724px;
margin:0 0px 0 0px;
}
 

/*controls the background image for the subscribe area*/
#emailbackground
{
/*background-image: url(
<cfif trim(client.newquote) contains "intranet">/order/core</cfif>/images/indexnew/subscribebar.png); */   
width:961px;
height:32px;	 
}



/*controls the background image for the subscribe area*/
#emailbackground2
{
/*background-image: url(
<cfif trim(client.newquote) contains "intranet">/order/core</cfif>/images/indexnew/subscribebar.png); */   
background-color:#747373;
width:961px;
height:36px;
border-bottom:1px solid #6b6a6a;	 
}
 

/*controls the width for the area where you will put your email address at*/
.emailTextbox
{
margin-left:7px;
position:absolute;
margin-top:8px;
width:267px;
/*height:21px;*/
height:14px;
}

/*Controls the button subscribe*/
.Subscribe2
{
position:absolute;
margin-top:8px;
margin-left:285px;
}
 
 
/*Controls the button subscribe*/
.Subscribe
{
position:absolute;
margin-top:6px;
margin-left:285px;
}


/*Controls the view promotions button*/
.promotion2
{
position:absolute;
margin-top:8px;
margin-left:702px;
/*-originaly was applied when you have downloads*/
}


/*Controls the view promotions button*/
.promotion
{
position:absolute;
margin-top:6px;
margin-left:472px;
/*-originaly was applied when you have downloads*/
}


/*Controls the downloads button*/
.downloads2
{
position:absolute;
margin-top:6px;
margin-left:592px;
}

/*Controls the downloads button*/
.downloadscenter
{
position:absolute;
margin-top:8px;
margin-left:822px;
}


/*controls the entire follow us area*/
#followus
{
margin-left:720px;
}


/*controls the follow us the words*/
#followuswords
{
float:left;
display:inline; /*required by IE6*/
margin-top:-25px;
width:90px;
}


/*controls the follow us images*/
#followusimages
{
float:left;
display:inline; /*required by IE6*/
margin-top:-30px;
margin-left:95px;
width:135px;
}


/*controls the entire background for medical it professionals and healthcare professionals*/
#professionals
{
width:961px;
height:171px;
}

/*controls the entire background for medical it professionals and healthcare professionals*/
#professionals2
{
width:961px;
height:171px;
background-color:#b8b7b7;
}


/*controls the medical it professionals image*/
#itprofessionalsmedical
{
padding-top:10px;
margin-left:8px;
}


/*controls the healthcare professionals image*/
#healthcareprofessionalsmedical
{
margin-left:10px;
}


/*controls the 4 little medical images at the bottom*/
#littlemedicalimages
{
margin-top:4px;
height:87px;
}


/*this controls the first banner in the 4 banners in a row section*/
.image1
{
float:left;
width:240px; 
height:87px;
}


/*this controls the second banner in the 4 banners in a row section*/
.image2
{
float:left;
width:235px; 
height:87px;
}


/*this controls the third banner in the 4 banners in a row section*/
.image3
{
float:left;
width:236px; 
height:87px;
}


/*this controls the fourth banner in the 4 banners in a row section*/
.image4
{
float:left;
width:250px;
height:87px;
}