* {
    margin: 0;
    padding: 0;
}

img
{
    border: none;
}

/* src: http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix {display: block;}
/* close commented backslash hack */

.hidetext{overflow:hidden;text-indent:-9000px;}
.center p{margin:0 auto;width:50px;}
.center img{display:block;margin:0 auto;}
.divider{margin:10px 0;text-align:center;}

#container
{
    margin: 0 auto;
    width: 940px;
}

.grid_12
{
    padding:10px 0px;
}

div#lhs{float:left;}


/***************************************
    GLOBAL STYLES
    ------------------------------------
    Style rules with a global effect.
***************************************/
html 
{
    background: #ffa111 url(../Images/mainbg.gif) repeat-x center top;
    background-color: #ffffe2;
}

body
{
    color: #600;
    font: 12px Arial, Helvetica, sans-serif;
}

p {margin:12px 0px;font-size:11px}
p img {margin-left:-5;}

em {font-style:italic;}

strong{font-weight:bold;}

ol {padding:0px 0px 0px 40px;}
ol li {list-style: outside upper-roman;}

h1,h2,h3 {white-space:nowrap;} /*keeps heads on one line*/

h1{font-size:18px; margin:5px 0px 10px 0px;}
h2{font-size:14px; margin:5px 0px 10px 0px;}
h3{font-size:12px; margin:5px 0px 10px 0px;text-transform:uppercase}

h1 em {float:right; margin-top:-32px; text-transform:none; font-weight:normal;}


/*Semi Web Safe Fonts*/
	.myriad  {font-family: Myriad Pro, Trebuchet MS, Arial, Sans-Serif;}
	.garamond {font-family: Garamond, Times New Roman, Serif;}
	.impact {font-family: Impact, Haettenschweiler, Sans-Serif;}
	.century {font-family: Century Gothic, Arial, Sans-Serif;}
	.lucida {font-family: Lucida Sans Unicode, Lucida Grande, Sans-Serif;}
	.baskerville {font-family: Baskerville, Times New Roman, Serif;}
	.cooper {font-family: Cooper Black, Arial Black, Sans-Serif;}
	.rockwell {font-family: Rockwell, Georgia, Serif;}


a{color:#660000;text-decoration:underline;}

/*correct order of psudeo classes*/
        a:link{color:#660000;}
        a:visited{color:#000000;}
        a:hover{color:#cc6600;}
        a:active {color:#660000;}



address
{
    margin-left:20px;
}


/*
.transparent
{

		opacity: 0.7; /* Firefox and Opera 
		-moz-opacity: 0.7; /* Old Mozilla (Netscape) 
		-webkit-opacity: 0.7; /* Webkit engines 
		-khtml-opacity: 0.7; /* KHTML engines 
		filter: alpha(opacity=7); /* Internet Explorer 

}
*/


/*forces a div with floating image inside
 it to pull down to the end of the image*/
hr.clear {display: block; clear: left;
padding: 0;padding-top:0px;
visibility: hidden;width:1px;}


/***************************************
    HEADER STYLES: #header
    ------------------------------------
    Style rules for the header
    area only.
***************************************/
#header
{
    height: 103px;
    margin: 10px 0;
}

#header .contact
{
    display: inline;
    float: right;
    text-align: right;
}

#header .contact h1
{
    color: #c60;
}

#header .contact span
{
    font-size: 18px;
    font-weight: bold;
}


/***************************************
    GLOBAL NAVIGATION STYLES: #globalnav
    ------------------------------------
***************************************/
#globalnav
{
    background-color: #fff;
    height: 34px;
    margin: 10px 0;
    text-transform: uppercase;
}

#globalnav li
{
    background: url(../Images/nav_divider.jpg) no-repeat right top;
    display: inline;
    float: left;
    list-style: none;
}

#globalnav li.selected,
#globalnav li:hover
{
    background: #c00 url(../Images/head_over.gif) no-repeat;
}

#globalnav li.selected a,
#globalnav li a:hover,
#globalnav li:hover a
{
    color: #fff;
}

#globalnav a
{
    color: #600;
    display: block;
    font-size: 11px;
    line-height: 34px;
    padding: 0 26px;
    text-decoration: none;
}


/* Dropdown */
#globalnav li ul
{
    position: absolute;
    visibility: hidden;
}

#globalnav li:hover ul
{
    visibility: visible;
}

#globalnav li li
{
    background: #c00;
    display: block;
    float: none;
    width: 150px;
}

#globalnav li:hover li,
#globalnav li li:hover
{
    background-image: none;
}

#globalnav li li a
{
    color: #fff;
}

#globalnav li li a:hover
{
    background-color: #ffac4c;
    color: #000;
}


/***************************************
    FEATURE AREA: #feature
***************************************/
#feature
{
    margin: 10px 0;
}

#feature #intro
{
    float: left;
    width: 725px;
}

#feature #intro  h1
{
    font-size:18px;
    font-weight:bold;
    color:#990000;
    background:url(../images/content_label_1.jpg) no-repeat;
    padding:14px 0px 0px 10px;
    min-height:28px;
    text-transform: uppercase;
    margin:0px;
}

#feature #intro .content
{
   background: #fff;
   padding: 10px;
}

#feature #intro .content p
{
    margin: 0;
    padding-bottom: 5px;
    _padding-bottom: 12px;
}

#feature #tdcl
{
    float: right;
    width: 204px;
}


/*cms content styles*/
.cmscontent 
{
    background: #fff url(../images/content_label_1.jpg) no-repeat;
    margin: 10px 0;
}

.cmscontent  .contentwrapper
{
    padding: 1px 10px;
}

.cmscontent h1
{
    color: #900;
    line-height: 30px;
    margin-top: 14px;
    text-transform: uppercase;
}

.cmscontent h2
{
    color: #900;
    margin: 20px 0 10px;
    text-transform: uppercase;
}

.content ul,
.cmscontent ul {margin:10px 0px;padding:0px 15px;}

.cmscontent ul li
{
    background: url(../images/bullet.gif) -3px -1px no-repeat;
    padding-left:15px;
    margin-left:-10px;
    list-style:none;
    font-size:11px;
}

.cmscontent table
{
    margin: 10px 0;
}

.cmscontent table.contact
{
    margin: 0 auto;
    text-align: center;
    width: 750px;
}

.cmscontent table.contact tr,
.cmscontent table.contact td
{
    background: none;
    border: none;
    padding: 0;
}

	#rhs  h2 {
	font-size:14px;
	color:#990000;
	background:url(../images/content_label_1.jpg) no-repeat;
	padding:17px 0px 0px 10px;
	min-height:28px;
	text-transform:uppercase;
	margin:0px;
	}
	
    #headfeature p,#rhsinfo1  p {margin:0px; padding:0px 0px 5px 0px;}
    #rhsinfo2  p {font-style:italic; margin:0px; padding:0px 0px 58px 0px;}
	    
	#rhsinfo1 .content,#rhsinfo2 .content
	{
	    font-size:11px;
	    background:#fff;
	    padding:10px 10px 10px;
	}
	
		
	

				
    .more {
			background:url(../images/arrow.jpg) no-repeat scroll right center;
			float:right;
			text-decoration:none;
			font-size:11px;
			background-position:right;
			text-align:right;
			padding-right:20px;
			font-weight:bold;
			}
				
				
/***************************************
    NEWS AREA: #news
***************************************/
#news
{
    background:#fff none;
    margin: 10px 0;
}

#news h2
{
    background: url(../Images/news_head.gif) repeat-x;
    color: #000;
    font-size: 12px;
    line-height: 35px;
    margin: 0;
    padding: 0 10px;
}

#news ul
{
    margin: 0;
    padding: 20px 0;
}

#news  li
{
    background: none;
    float: left;
    height: 129px;
    list-style: none;
    margin-left: 10px;
    padding: 0;
    position: relative;
    width: 284px;
}

#news li.notlast
{
    background: url(../Images/news_divider.gif) no-repeat 300px 0;
    margin-right: 0;
    padding-right: 24px;
    width: 284px !important;
    width: 308px;
}

#news h3
{
    color: #900;
}

#news p
{
    color: #000;
    font-size: 11px;
}

#news li a.more
{
    bottom: 0; right: 0;
    position: absolute;
}

#news li.notlast a.more
{
    right: 24px;
}


#news_full ul
{
    padding: 0;
}

#news_full li
{
    background: none;
    list-style: none;
}

#news_full h2
{
    text-transform: none;
}

#news_full h2 a
{
    color: #600;
}

#news_full h2 a:hover
{
    color: #c60;
}

#news_full h2 em,
#news_full em.date
{
    color: #666;
    font-size: 12px;
    font-weight: normal;
}

#news_full p
{
    font-size: 12px;
}

/* */

	#news #article3 {padding:0;}
	
			
    .ShortText, .ShortText h2 {display:inline;}
    
    .Date, .ShortText h2 {display:inline;}
    
    .listitem{padding-bottom:10px;}
    
			
	#news div {padding:10px 0 0 20px;}	
/* */


/***************************************
    MAIN AREA STYLES: #main
    ------------------------------------
    Style rules for the main page area
    (all content areas).
***************************************/
#main
{
    margin: 10px 0;
}


/***************************************
    RHS AREA STYLES: #rhs
    ------------------------------------
    Style rules for the RHS column.
***************************************/
#rhs {
    float: right;
    width: 304px;
}

#rhsinfo1 {margin: 0 0 10px 0;}
#rhsinfo2 {}	

#rhsinfo1 .content {
    /*_height:115px;*/
}

#rhsinfo2 .content {
    /*_height:115px;*/
}

#rhsinfo1 h2,
#rhsinfo2 h2
{
    _margin-bottom: 1px;
    _padding-bottom: 10px;
}


/***************************************
    CONTENT STYLES: #content
    ------------------------------------
    Style rules for the primary
    content area only.
***************************************/
#content
{
    display: inline;
    float: left;
    width: 620px;
}

#slideshow
{border: solid 10px #990000; width:602px;zoom:1;font-size:0;}


/*cms fix*/
#content .cms *[style],
#content .cms *[style] *[style],
#content .cms *[style] *[style] *[style],
#content .cms *[style] *[style] *[style] *[style]
{
    color:inherit !important;
    font-size:inherit !important;
}
	
/* Tables */
#content table
{
    
}
    #content table caption
    {
        caption-side:bottom;
    }
    
    #content table thead
    {
        color:#cc6600;
    }
    
    #content table tbody
    {
        
    }

    #content table td
    {
    }

    #content table th
    {
        color:#cc6600;
    }

    #content table .odd
    {
        
    }
    
    .cmscontent #wisewords *
    {
        border:none;
    }
    
    #wisewords
    {
        padding-top:10px;
        width:450px;
        margin:0 auto;
    }
    
.cmscontent table
{
    border-collapse: collapse;
	width: 320px;
	*border-top:1px solid #d4d0c8;
}
    .cmscontent table caption
    {
        
    }
    
    .cmscontent table thead
    {
        padding: 0 0.5em;
	    text-align: left;
    }
    
    .cmscontent table tr
    {
    border-top: 1px solid #cc6600;
	border-bottom: 1px solid #FB7A31;
	background: #FFC;
    }
    
    .cmscontent table tbody
    {
    
    }
    
    .cmscontent table td
    {
        border-bottom: 1px solid #CCC;
	    padding: 4px;
	    border-left: 1px solid #CCC;
	    border-right: 1px solid #CCC;
    }
    
    .cmscontent table tr.yellow td
    {
        border-left:none;
        border-right:none;
        color:#cc6600;
        border-top: 1px solid #cc6600;
	    border-bottom: 1px solid #cc6600;
	    background: #FFC;
    }
    
    .cmscontent table th
    {
        
    }
    
    .cmscontent table.odd
    {
        
    }
    
#drugdetail ul li
    {
        background: url(../images/bullet.gif) no-repeat;
        padding-left:15px;
        margin-left:-10px;
        list-style:none;
        font-size:11px;
    }
    
#drugdetail .druginfo
    {
        margin:-5px 10px;
        padding:5px 10px;
        background-attachment:fixed;
    }
    
#drugdetail {height:550px; overflow-y:scroll;}



/* Bottom: CTA */
#bottomcta
{
    margin: 10px 0;
}

#bottomcta ul .content {background:#fff; height:95px; font-size:11px; padding:10px 10px 15px;}
#bottomcta ul{padding-top:10px; height:auto;}
#bottomcta ul{margin:1 auto; padding:0;}

#bottomcta ul
{
    margin-left: -14px;
}

#bottomcta li
{
    float: left;
    list-style: none;
    margin-left: 14px;
    position: relative;
    width: 304px;
}

#bottomcta  li a
{
    position: absolute;
    bottom: 14px; right: 11px;
}


#bottomcta h3
{
    font-size:12px;
    color:#000;
    background:url(../images/content_label_2.jpg) no-repeat;
    padding:18px 0px 0px 10px;
    min-height:27px;
    text-transform:uppercase;
    margin:0px;
}

#bottomcta p
{
    font-size:11px;
    color:#000;
    padding:0px 0px 0px 10px;
    min-height:25px;
    width:300px;
    margin:0px;		
}


/* Support */
#support
{
    color: #600;
    font-weight: bold;
    margin: 10px 0;
    text-align: center;
    vertical-align: middle;
}

#support a
{
    padding: 0 30px;
}

    
/***************************************
    FOOTER STYLES: #footer
    ------------------------------------
    Style rules for the footer
    area only.
***************************************/
#footer
{
    background: #c00 url(../Images/footer_bar.jpg) no-repeat;
    clear: both;
    font-size: 11px;
    height: 33px;
    line-height: 31px;
    margin: 10px 0;
    padding: 0 10px;
}

#footer,
#footer a
{
    color: #fff;
}

#footer a
{
    text-decoration: none;
}

#footer img
{
    vertical-align: middle;
}

#footer .left
{
    float: left;
    width: 59%;
}

#footer .right
{
    float: right;
    text-align: right;
    width: 39%;
}


/***************************************
    JAVASCRIPT STYLES
    ------------------------------------
    Style rules for specific javascript
    files.

***************************************/
/* root element for the whole scrollable setup */
div.scrollable {  
	position:relative;
	overflow:hidden;	 
	height:200px;	
	width:600px;
	margin:20px auto;
}
 
/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {	
	position:absolute;
	width:20000em;	
	clear:both;
	background:#EAEAEA;
}
 
/* custom positioning for navigational links */
a.prev, a.next {
	cursor:pointer; 
	text-decoration:none;
	font-size:130%;
	font-weight:bold;
	
	
}

 
/* single item */
#thumbs div {
	float:left;
	width:200px;
	height:200px;
	cursor:pointer;
}
 
/* style when mouse is over the item */
#thumbs div.hover {
	background-color:#444;
	color:#fff;
	
}
 
/* style when element is active (clicked) */
#content_inside #thumbs div.active {
	background-color:#767676;
	cursor:default;
	color:#fff;
}
 
#thumbs h3, #thumbs p, #thumbs span {
	margin:13px;		
	font-family:"bitstream vera sans";
	font-size:13px;
	color:#000;	
}


#thumbs h3 em {
	font-style:normal;


/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;		
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
        -moz-background-clip:border;
        -moz-background-inline-policy:continuous;
        -moz-background-origin:padding;
        background:transparent url(../images/left.png) no-repeat scroll 0 0;
        cursor:pointer;
        display:block;
        float:left;
        height:18px;
        margin:43px 10px;
        width:18px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../images/right.png);
	clear:right;	
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	margin-left:328px;
	width:200px;
	height:20px;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/navigator.png) 0 0 no-repeat;     
	cursor:pointer;	
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 	


/***************************************
    FUTURE CSS
    ------------------------------------
    For testing css2/css3 selectors
    that don't work with all browsers.
***************************************/
/* E.g. This style rule will place an north east arrow after any link on your site to an external site. */
/*a[href^="http://"]:not([href*="smashingmagazine.com"])::after {content: "\2197";content: "\2197";*/

.rounded {-moz-border-radius:5px;-webkit-border-radius:5px;} /* Rounded Corners */
/* Drop Shadow On Text.textshadow {text-shadow: 1px 2px #333;} Currently only Safari Supports This */