/* CSS Document */

@import url("/css/menus/left-menu_v2.css");
@import url("/css/menus/right-menu_v2.css");

/* 
	=============================================
					Dell Pharmacy
	=============================================
	
	Date: May 1, 2007
	Author: Walter.


	COLOR SCHEME
	============
	
	#02488e => Blue Background
	#004890 => Header Background


	GREEN
	#c7eac9 => Light
	#9acc99 => Medium
	#679966 => Dark
*/	

/* Misc. */

	* { margin: 0; padding: 0; z-index: 1; }	/* Removes all padding and margines */
	
	
	a {
		text-decoration: none !important;
	}

	a:hover {
		text-decoration: underline !important;
	}

    /* removes links dotted lines in FireFox */
    a:active
    {
      outline: none;
    }

    hr.clear
    {
        display:block; clear:both; visibility:hidden; height:0; border-width:0; margin:0; padding:0;
    }
    
/* Structure */
	
	body {
		color: #000000;
		background: url(/images/template/backgrounds/site-background.jpg) top left repeat-x #095893;
	
		font-family: Arial !important;
		font-size: 62.5%;	/* Font Re-sizing fix */
		font-size: 0.6em; 
		line-height: 0.8em;
	}
	
	
	/* ------------------->> Page Container -------------------->> */
	div#page-container {
		margin: auto;
		padding: 0px;
		width: 774px;
		background: #02488e;		
	}
	
	/* ------------------->> HEADER STYLES -------------------->> */
	
		div#header-wrapper {
			height: 77px;
			width: 776px;
			
		}

			/* Dell Logo: Position */
			div#header-logo {
				position: absolute;
				margin-left: 40px;
				margin-top: 20px;
			}
			
			/* Dell Logo: Image */
			div#header-logo h1 {
				height: 52px;
				width: 310px;
				background-image: url(/images/template/logos/dell-pharmacy.jpg);
				background-repeat:  no-repeat;
				text-indent:-9999px;		/* Added for SEO */
			}
			
			/* HomeHealth Logo: Position */
			div#header-logo-home-health {
				position: absolute;
				margin-left: 40px;
				margin-top: 20px;
			}
					
			    div#header-logo-home-health h1 {
				    height: 52px;
				    width: 376px;
				    background-image: url(/images/template/logos/dell-homehealth.jpg);
				    background-repeat:  no-repeat;
				    text-indent:-9999px;		/* Added for SEO */
			    }
			

			/* MedSupport Logo: Position */
			div#header-logo-med-support {
				position: absolute;
				margin-left: 40px;
				margin-top: 20px;
			}
					
			    div#header-logo-med-support h1 {
				    height: 52px;
				    width: 376px;
				    background-image: url(/images/template/logos/dell-medsupport.jpg);
				    background-repeat:  no-repeat;
				    text-indent:-9999px;		/* Added for SEO */
			    }
			    
			    		
			/* Home and Contact us */
			div#header-links {
				padding-top: 6px;
				width: 776px;
				text-align:right;
				float:right;
			}

				div#header-links ul {
				
				margin-right:10px;
				
			}

				div#header-links ul li 
				{
				    text-align:right;
				    display:inline;
					list-style: none;					
					
				}
				
				div#header-links ul li a,
				div#header-links ul li {
					color: #5f94c8 !important;				
				}

			/* Dell Pharmacy, Home Health, and Med Support Tab: Position */			
			div#header-tabs {
				position: absolute;
				margin-left: 510px;
				margin-top: 33px;
				width: 266px;
				height: 44px;
				
			}
ul#tabs {
	position: absolute;
	margin-left: -15px;
	width: 280px;
}
ul#tabs li
{
	float: left;
	list-style: none;
}

li#pharmacy a:hover,
li#homehealth a:hover,
li#medsupport a:hover {
	text-decoration: none !important;
}



li#pharmacy
{
	width: 102px;
	height: 44px;
	background: url(/images/template/_header/site-tabs/pharmacy-off.jpg) top left no-repeat;
}

	li#pharmacy a {
		display: block;
		font-weight: bold;
		color: #FFFFFF;
		position: absolute;
		margin-left: 0px;
		margin-top: 1px;
		padding-top: 2px;
		padding-left: 30px;
		width: 68px;
		height: 41px;
	}

li#homehealth
{
	width: 86px;
	height: 44px;
	background: url(/images/template/_header/site-tabs/homehealth-off.jpg) top left no-repeat;
}

	li#homehealth a {
		display: block;
		font-weight: bold;
		color: #FFFFFF;
		position: absolute;
		margin-left: 0px;
		margin-top: 1px;
		padding-top: 2px;
		padding-left: 10px;
		width: 74px;
		height: 42px;
	}


li#medsupport
{
	width: 86px;
	height: 44px;
	background: url(/images/template/_header/site-tabs/medsupport-off.jpg) top left no-repeat;
}

	li#medsupport a {
		display: block;
		font-weight: bold;
		color: #FFFFFF;
		position: absolute;
		margin-left: 0px;
		margin-top: 1px;
		padding-top: 1px;
		padding-left: 10px;
		width: 75px;
		height: 42px;
	}

	/* ------------------->> BODY STYLES -------------------->> */
		
		/* Changed width to fit blue header - Frank (May 5th, 2009) */
		
		div#body-wrapper {
			background: #FFFFFF;
			display: inline;
			width: 774px;   
			margin: 0px;
			padding: 0px;
			float: right;
		}
		
			/* Left Column: Used for Menu */
			div#left-column {
				width: 144px;						
				float: left;	
				background:#FFFFFF;
			}		
				
				div.hr-break {
					padding: 0px;
					margin: 0px;
					background: url(/images/template/_body/_left-menu/hr-break.gif) top left no-repeat;
					width: 144px;
					height: 5px;
					font-size: 0px;
				}
				
				div#left-col-bottom-links 
				{
				    display: block;
				    height: 160px;
				}

					div.left-col-bottom-item-wrapper
					{
						width: 128px;
						padding-left: 10px;
						padding-top: 3px;
						padding-bottom: 3px;						
						font-size: 11px;
						line-height: 12px;
					}

					div.left-col-bottom-item-wrapper a
					{
						color: #629b68;
						font-weight: bold;
					}
					
				input.emailTextBox {
					width: 120px;
					margin-top: 4px;
					margin-bottom: 4px;
				}
				
				input.emailButton {
					width: 63px;
					height: 26px;
					background: url(/images/template/backgrounds/form-button-bg.jpg) top left no-repeat;
					border: 0px none;
				}
				
				
				
			/* Right Column: Used for Content --> Changed width to fit blue header - Frank (May 5th, 2009) */
			div#right-column {
				width: 630px;
				background: #FFFFFF;
				float: left;
			}
			
			div#main-left-column
			{
				float: left;
				width: 425px;									
			}
			
			div#main-left-column a
			{
                color: #7EBB42;         
			}
	        	        
			    div#main-left-column a:visited
			    {
                    color: #2855bb;             
                    text-decoration: underline;
			    }

	        /* Sub Content Heading */
	        div#main-left-column h2,
			div#main-left-column h3
			{                
                font-size: 14px !Important;
                line-height: 16px !Important;
                display: block;
                color: #2855bb;
                
            }
            
            div#main-left-column h3
            {
				margin-top: 25px;
				margin-bottom: 15px;
            }
         
			div#main-left-column strong
			{
                color: #2855bb;
			}

	        div#main-left-column ul
	        {
	            margin-left: 30px;
	            padding-right: 10px;	            
	        }

	            div#main-left-column ul
	            {
                    line-height: 16px;
                    margin-bottom: 10px;
                }
                div#main-left-column li
	            {
                    line-height: 16px;
                }
                
				div#page-title {
					border-top: 1px solid #FFFFFF;
					border-left: 1px solid #FFFFFF;
					width: 95%;
					margin:10px 0 20px 0;
				}
		
				div#page-title h1 
				{
				    /* 
                        Oct 22, 2007 Removed:
            					"position: absolute;"

                        Reason: To allow left nav to float OVER top of the page title, instead
                                of behind it.
                    */
				    
				    
				    border-bottom:1px solid #D1D1D1;
                    color:#64CD2B;
                    font-size:20px;
                    line-height:20px;
                    margin:18px 0 0 10px;
                    padding:0 0 10px;
				    
				    
										
				}
				
				div#page-content 
				{
					font-family: Arial;
					margin-left: 10px;
					margin-right: 5px;
					margin-top: 5px;
					font-size: 12px;
					line-height: 16px;
				}

				div#page-content p {
					margin-bottom: 10px;
				}
				
				div#page-content a,
				div#page-content a:visited
				{
					outline: none !Important;
					color: #2B5ED1;
					text-decoration: underline !Important;					
				}
				
					div#page-content a:hover
					{
						text-decoration: none !Important;	
					}
				
				div#page-content img
				{
					border: 0px solid white;
					margin: 10px;
				}
				
					div#page-content img.noMargin
					{
						margin: 0px !Important;
					}
					
				div#page-content ul li
				{
					margin-bottom: 5px;
				}
				
			div#main-right-column
			{
				float: left;
				width: 200px;
				
			}



/* Related Products found on Internal Right Nav */
/* Created: October 24, 2007 */
div#relatedProductWrapper
{
    margin: 0px;
    padding: 0px;

    margin-top: 20px;
    float: right;

    width: 200px;

    text-align: right;
    font-size: 12px;
    line-height: 14px;
}

    div#relatedProductWrapper h2
    {
        color: #0f4979;
        padding-top: 2px;
        padding-right: 5px;
        font-size: 12px;
        line-height: 16px;
        text-align: right;
        background: url(/images/template/_body/_right-menu/greenRelatedProducts-bg.jpg) top left repeat-y;
        height: 20px;
        margin-bottom: 5px;
    }
    
    div#relatedProductWrapper div.product
    {
        font-size: 12px;
    }
    
    div#relatedProductWrapper div.product div.productDivider
    {
        margin: 0px;
        padding: 0px;
        margin-top: 5px;
        margin-bottom: 5px;
        width: 220px;
        display: block;
        height: 5px;
        background: url(/images/template/_body/_right-menu/greenRelatedProducts-bg.jpg) top left repeat-y;
    }
    
    
div.right-nav-product-list 
{
    background: url(/images/template/_body/_right-menu/product-bg.jpg) top left no-repeat;
    width: 250px;
    float: right;
    
}


    div.right-nav-product-list div.right-nav-product-desc
    {
        padding-left: 5px;
        float: left;
        padding-top: 12px;
    }
    
        div.right-nav-product-desc h3 
        {
            font-size: 13px;    
        }
        
    div.right-nav-product-list img
    {
        float: right;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-right: 3px;
    }





span.hide-submenu
{
    background: orange;
}
					
span.show-submenu 
{
    background: yellow;
}					
					
	/* ------------------->> FOOTER STYLES -------------------->> */
				
	div#footer {
		height: 100px;
		width: 780px;
		background: #004990;
		font-size: 1.6em;
		display: block;

		
		clear: left;
	}

	ul#footer-stores
	{
		padding-top: 30px;
		text-align: center;
		list-style: none;
		width: 760px;
	}

		ul#footer-stores li
		{
			font-size: 15px;
			line-height: 1.0em;
			color: #72b947;
			display: inline;
			font-weight: bold;
		}

		ul#footer-stores li a
		{
			color: #72b947;		
		}
		
	ul#footer-links
	{
		padding-top: 10px;
		text-align: center;
		list-style: none;
		width: 760px;
	}

		ul#footer-links li
		{
			display: inline;
			font-size: 0.6em;
			line-height: 1.6em;
			color: #FFFFFF;
		}
				
		ul#footer-links li a 
		{
			color: #FFFFFF;
		}
				
				
				
				
			
			
			
	/* Pushs buttom down so nav doesn't overlap girl in bottom right corner */
	div#right-sub-navigation
	{
	    position: relative;
        display: block;
	}
	
	.CTA_holder
{   
    padding:4px 0 0 4px;
    
}

	div#page-content h2
{   
    color:#006699;
    font-size:18px;
    line-height:20px;
    padding:0 0 10px;		    
				    
}

.bottom-notes
{   
    font-size:10px !important; 
				    
}

.services-box-title
{   
    font-size:12px;
    font-weight:bold;
    color:white;
	padding-left:10px;
	text-align:left;			    
}

.img-people
{   
	padding-right:5px;   
}
 		
			
			
div.locationWrapper
{
	display: block;
	padding-bottom: 20px;
	padding-top: 20px;
}	

	div.availableLocations
	{
		display: block;
		background: url('/images/template/backgrounds/main-content/location-box.jpg') top left no-repeat;
		width: 400px; 
		padding-top: 5px;
		margin-top: 10px;
		margin-bottom: 10px;
	}	
	
		div.servicesBoxTitle
		{
			background: url('/images/template/backgrounds/main-content/location-bg.jpg') top left repeat-x;
			width: 170px;
			height: 19px;
			color: #FFF;
			padding-left: 5px;
			padding-top: 3px;
			font-weight: bold;
		}
			div.locationListWrapper
			{
				display: block;
				border: 2px solid #86b74a;
			}
			
			ul.locationList
			{		
				background: none;
				width: 190px;
				float: left;
				position: relative;
				margin-left: 0px !Important;
				margin-right: 0px;
				padding-top: 5px;
				
			}
		
				ul.locationList li
				{				
					list-style-image: url('/images/template/icons/green-bullet.jpg');
					list-style-position: inside;
					padding: 0px;
				}

				ul.locationList li a
				{
					color: #2855bb !Important;
					margin-left: -6px !Important;
					#margin-left: 0px !Important;
				}
				

/* Video heading styles */
	h3.videoHeading
	{
		background:url('/images/template/icons/video-icon.jpg') no-repeat left top;
		padding:17px 0 0 65px;
		margin:15px 0px;
		height:33px;
		font-size: 14px !Important;
        line-height: 16px !Important;
        display: block;
        color: #2855bb;
        font-weight:bold;}
        
/* Video channel styles */

div#youtubeDiv
{
	width:90%;
	margin:25px 0 30px 15px;
	line-height:1.6em !important;
}

div#youtubeDiv ul#youtubelist li {
border-bottom:1px dotted #CCCCCC;
margin-bottom:20px;
padding-bottom:10px;
list-style:none;
list-style-image:none;
}

table.youtubeTable h3 a
{
	color:#2855BB !important;
	display:block;
	font-size:14px !important;
	line-height:16px !important;		 
}

 table.youtubeTable span.youtubeDesc
{
	font-family:Arial!important;
	font-size:12px!important;
	line-height:16px!important;
}
		 
table.youtubeTable img
{
	border-color:#7EBB42 !important;
}