/* ========================================================= */
/* == ELEMENT ATTRIBUTES FOR SCREENS - PRIMARY PAGE RULES == */
/* ========================================================= */

/* ----------------- */
/* GENERAL SELECTORS */
/* ----------------- */

body {	
	background-image: url(../../images/backgrounds/bg-body-primary.gif);	
	}	

/* ------------------ */
/* SPECIFIC SELECTORS */
/* ------------------ */
		
/* ~~~~~~ */
/* Header */
/* ~~~~~~~*/
div#header {	
	height: 229px;
	background: #0061a1 url(../../images/backgrounds/bg-header.gif) repeat-y;	
	}
	div#logo {		
		background-color: #191919;
		}
		div#logo a {
			left: 58px;		
			width: 172px;
			height: 32px;
			background: transparent url(../../images/logos/standard-register-reversed.gif) no-repeat; /* Replace regular logo with reverse logo for this page - but LEAVE REGULAR LOGO ON PAGE for printability */
			}
			div#logo img {
				display: none; /* Replace regular logo with reverse logo for this page - but LEAVE REGULAR LOGO ON PAGE for printability */
				}
	div#description {
		width: 666px;
		height: 178px;
		margin-left: 50px;
		background: transparent url(../../images/photos/rx-100mg.jpg) no-repeat;
		}
		div#description h1 {
			position: relative; /* Use positioning instead of margins - using margins here causes buggy behavior in Firefox and Opera */
			top: 65px;
			left: 333px;
			width: 308px;
			height: 58px;				
			text-indent: -10000px; /* Hide text from most browsers - still displays for print and for non-CSS browsers (for better accessibility) */
			background: transparent url(../../images/text/header-the-online-source.gif) no-repeat;
			}
			
	/* ~~~~~~~~~~~~ */
	/* Log In Form  */
	/* ~~~~~~~~~~~~ */
	div#log-in {
		display: none; /* Log In form disabled TEMPORARILY */
		}
		
/* ~~~~~~~~~~~~~~~ */	
/* Main navigation */
/* ~~~~~~~~~~~~~~~ */
a#nav-home { 
	display: none !important; /* Hide "home" link when on home page */
	}
	
/* ~~~~~~~~~~~~ */											
/* Main Content */
/* ~~~~~~~~~~~~ */		
div#content {
	width: inherit;
	}
		
	/* ~~~~~~~~~~~~~~~~~~~ */
	/* Introduction column */
	/* ~~~~~~~~~~~~~~~~~~~ */
	div#col-intro {
		position: relative; /* Need to use relative positioning rather than margins due to Internet Explorer 6 bug */
		top: 20px;
		left: 70px;
		float: left;
		width: 300px;			
		margin-bottom: 20px;
		border-bottom: 1px solid #ececec;
		}
		div#col-intro p {
			line-height: 2.0em; 
			font-size: 1.1em;
			}	

	/* ~~~~~~~~~~~~~~~~ */
	/* Order Now column */
	/* ~~~~~~~~~~~~~~~~ */
	div#col-order-now {
		position: relative; /* Need to use relative positioning rather than margins due to Internet Explorer 6 bug */
		top: 7px;
		right: 65px;
		float: right;
		width: 319px;
		height: auto;
		margin-bottom: 20px;
		}			

		div#col-order-now div.header {
			width: inherit; 
			height: 54px;				
			overflow: hidden; /* Increase in size breaks design - not best solution */
			background: #171716 url(../../images/backgrounds/bg-col-319-header.jpg) no-repeat;
			}

			div#col-order-now div.header * {
				margin: 0;
				padding: 23px 21px;
				color: #fff;
				}

		div#col-order-now div.body {			
			padding: 13px 21px;
			background: #f8f7f5 url(../../images/backgrounds/bg-col-319-body.gif) repeat-y;
			}

			div#col-order-now div.body ul {
				clear: both;
				list-style-type: none;
				margin: 0;
				padding: 0;
				}

		div#col-order-now div.footer {
			width: inherit;
			height: 9px;
			overflow: hidden;
			background: #f8f7f5 url(../../images/backgrounds/bg-col-319-footer.gif) no-repeat;
			}

		
	/* ~~~~~~~~~~~~~ */	
	/* Lower columns */
	/* ~~~~~~~~~~~~~ */
	div#columns-second-set {
		clear: both;		
		background: transparent url(../../images/backgrounds/bg-content-3-columns.png) repeat-y; /* EDITED IN IE 6 CSS */
		}
		
		/* ~~~~~~~~~~~~~~~~~~~~~~ */
		/* Resource Center column */
		/* ~~~~~~~~~~~~~~~~~~~~~~ */
		div#col-resource-center {
			position: relative; /* Need to use relative positioning rather than margins due to Internet Explorer 6 bug */
			left: 70px;
			float: left;
			width: 178px;
			/* Updated - commented out while doctors image is part of the ScripPlus Advantage
			margin-bottom: 6em;*/ /* Use margin to create space for doctors image - specify margin in relative units so that the space expands as text size increases to prevent text from running beneath photo */
			}
			
		/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
		/* ScripPlus For Your State column */
		/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
		div#col-scripplus-for-your-state {
			position: relative; /* Need to use relative positioning rather than margins due to Internet Explorer 6 bug */
			left: 96px;
			float: left;
			width: 199px;			
			/* color: #0061a1; same color as rest of site, per Christine */		
			}
			div#col-scripplus-for-your-state div#pseudoselect {							
				z-index: 10; /* Required so that pseudo-select appears on top of footer */
				margin-top: 15px;
				margin-left: 40px;
				}
				
		/* ~~~~~~~~~~~~~~~~~ */
		/* What's New column */
		/* ~~~~~~~~~~~~~~~~~ */
		div#col-whats-new {
			position: relative; /* Need to use relative positioning rather than margins due to Internet Explorer 6 bug */
			left: 130px;
			float: left;
			width: 190px;
			/* Updated - commented out while doctors image is part of the ScripPlus Advantage
			margin-bottom: 90px;*/ /* Need margin to allow space for pseudo-select to fill when expanded */						
			}
			div.wn-item {
				margin-bottom: 15px;
				padding-top: 15px;
				border-top: 1px dotted #777;
				}					
			/* First What's New item */
			div#col-whats-new div.first {
				padding: 0;
				border: none;
				}
				div.wn-item p {
					margin: 0;
					}				
				div.wn-item img.f1 {
					border: 3px double #e1e0de;
					}