/* CSS Document */
body, html {
background-color: #FFF;
color: #666;
margin: 0 1% 1% 1%;
padding:0;
text-align: center;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:.87em;
}
P.rightcolumn {
padding-left:2px;
padding-right:2px;
}
#wrapper {
/*background-color:#c8dfed;*/
width: 762px;
margin: 0  auto;
padding:0;
text-align: left;
}
#top {
margin: 0  auto;
padding:0;
margin-bottom: 5px;
background-color:#fff;
height:200px;
width:760px;
text-align:center;
vertical-align:bottom;
}
#storetop {
background-image:url(medstore/store_images/ccrmed-store-header.jpg);
background-position:center;
background-repeat:no-repeat;
margin: 0  auto;
padding:0;
margin-bottom: 5px;
background-color:#fff;
height:200px;
width:760px;
text-align:center;
vertical-align:bottom;
}

#left {
background-color:#000000;
border: 1px solid #ccc;
padding:0px;
float:left;
width:152px;
color:#FFFFFF;
}
#center {
border:1px solid #ccc;
background-color: #fff;
padding: 0 10px;
margin: 0 155px;
color:#000;
}
#storecenter {
background-color: #ffffff;
padding: 0 10px;
margin: 0px 0px 0px 155px;
color:#000;
}

#right {
background-color:#990000;
padding-right:0px;
float:right;
width:150px;
color:#FFFFFF;
border: 1px solid #ccc;
}
#storeright {
/*background-color:#990000;*/
padding-right:0px;
float:right;
width:2px;
color:#FFFFFF;
/*border: 1px solid #ccc;*/
}

#footer {
margin: 5px  auto;
padding:0;
background-color:#990000;
text-align:center;
color:#FFFFFF;
width:760px;
border: 1px solid #ccc;
}
 #navcontainer
{
margin: 0px 0px 0px /*75px*/140px;
padding: 0 0 0 12px;
}

#navcontainer UL
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer LI
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#navcontainer A
{
color: #444;
display: block;
width: auto;
text-decoration: none;
background: #DDDDDD;
margin: 0;
padding: 2px 10px;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-right: 1px solid #aaa;
}

#navcontainer A:hover, #navcontainer A:active { background: #BBBBBB; }

#navcontainer A.active:link, #navcontainer A.active:visited
{
position: relative;
z-index: 102;
background: #BBBBBB;
font-weight: bold;
}
 #navcontainer2
{
margin: 0px 0px 0px /*75px*/140px;
padding: 0 0 0 12px;
}

#navcontainer2 UL
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer2 LI
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#navcontainer2 A
{
color: #444;
display: block;
width: auto;
text-decoration: none;
background: #DDDDDD;
margin: 0;
padding: 2px 10px;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-right: 1px solid #aaa;
}

#navcontainer2 A:hover, #navcontainer2 A:active { background: #BBBBBB; }

#navcontainer2 A.active:link, #navcontainer2 A.active:visited
{
position: relative;
z-index: 102;
background: #BBBBBB;
font-weight: bold;
}
#subnav
{
position: relative;
top: -1px;
z-index: 101;
margin: 0;
padding: 0px 0 3px 0;
background: #BBBBBB;
border-top: 1px solid #fff;
border-bottom: 1px solid #aaa;
}

#subnav UL
{
list-style: none;
margin: 1px 0 0px 13px;
padding: 0px;
border-right: 1px solid #fff;
border-left: 1px solid #aaa;
}

#subnav LI
{
position: relative;
z-index: 102;
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#subnav A
{
color: #fff;
display: block;
width: auto;
text-decoration: none;
margin: 0;
padding: 2px 12px 2px 10px;
}

#subnav A:hover, #subnav A:active { color: #444; }
#subnav A.active:link, #subnav A.active:visited { color: #444; }
#subnav BR, #navcontainer BR { clear: both; }

H1,H2,H3,H4 {
font-size:18px;
}
#clear {
clear:both;
}
a.columnlink:link {font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #FFFF00;}
a.columnlink:visited {font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color:#FFFFFF;}
a.columnlink:hover {font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color:#FFCC00; text-decoration: undeline;}
a.columnlink:active {font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #FFFFFF;}
P.columnpad {
font-size:1.1em;
font-style:italic;
margin-left:.5em;
margin-right:.5em;
}
P.columnpadr {
font-size:1.1em;
margin-left:.5em;
margin-right:.5em;
font-weight:600;
}

/*form {
width:20%;
}
form p {
width:400px;
clear:both;
}
form p label {
float:left;
}
form p input, form p textarea, form p select {
float:right;
}
/* Container for the Menu */
#p7swapmenu {
	background-color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	border: 0px solid;
	border-color: #E4E9D8 #99A189 #99A189 #E4E9D8;
	left: 0px;
	padding: 6px;
	position: inherit;
	top:300px; /* Moves container up or down from top margin */
	width: 140px;
}

/* Turns off Margin, Padding, and Bullets for the Menu List */
#p7swapmenu ul {margin: 0px; padding: 0px;}
#p7swapmenu li {margin: 0px; padding: 0px; list-style-type: none;}

/* Link Styles for the Menu */
.closed a, .open a, .closednosub a, .opennosub a {
	background-repeat: no-repeat;
	background-position: 1px 50%;
	background-color: #990000;
	border: 1px solid;
	border-color: #C9D0AD #848C71 #848C71 #C9D0AD;
	color: #EEF0E3;
	display: block;
	font-size: 0.9em;
	padding: 2px 0px 2px 12px;
	text-decoration: none;
}

/* Hover and Active styles for the menu */
.closed a:hover, .open a:hover, .closed a:active, .open a:active .closednosub a:hover, opennosub a:hover, .closednosub a:active, opennosub a:active
{background-color: #999999;	color: #FFFFFF;}

/* Plus Sign for Trigger Links in Closed State */
.closed a {background-image:  url(images/arrowminus.gif);}
/* No Plus Sign for Trigger Links without sub menu */
.closednosub a {background-image:  none;}
/* Minus Sign for Trigger Links in Open State */
.open a {background-image:  url(images/arrowplus.gif);}
/* Minus Sign for Trigger Links in Open State */
.opennosub a {background-image:  none;}
/* Link Styles for the Submenus */
.closed ul a, .open ul a, .open ul a:hover {
	background-color: transparent;
	background-image:  url(images/pagemarker.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	border: 0;
	color:#000000;
	font-size: .9em;
	font-weight:normal;
	padding: 0 0 0 12px;
	margin: 0 0 0 16px;
}
/* Optional ID to assign the <a> to highlight a "Current Page" link */
#p7current {font-weight: bold;}
.style1 {color: #99a189}
.style2 {color: #000066; }
a.textnav:link {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.9em; 
color: #cc0000; 
}
a.textnav:visited {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.9em; 
color: #666666;
}
a.textnav:hover {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.9em; 
color: #000000; 
text-decoration: none;
}
a.textnav:active {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.9em; 
color: #ff9900;
}
#page1 {
	background-color:#ffffff;
	position:absolute;
	margin-top:125px;
	width: 608px;
	height:400px;
	padding:0px;
	margin-left: 150px;
	margin-right: auto;
	float:left;
	visibility:hidden;
	border: 1px solid #000000;
	overflow:scroll;
	z-index:20;
	}
#page1res {
	background-color:#ffffff;
	position:absolute;
	margin-top:125px;
	width: 608px;
	height:400px;
	padding:0px;
	margin-left: 150px;
	margin-right: auto;
	float:left;
	visibility:hidden;
	border: 1px solid #000000;
	overflow:scroll;
	z-index:20;
}

#page2 {
	background-color:#ffffff;
	position:absolute;
	margin-top:125px;
	width: 608px;
	height:400px;
	padding:0px;
	margin-left: 150px;
	margin-right: auto;
	float:left;
	visibility:hidden;
	border: 1px solid #000000;
	overflow:scroll;
	z-index:20;
}
#page2res {
	background-color:#ffffff;
	position:absolute;
	margin-top:125px;
	width: 608px;
	height:400px;
	padding:0px;
	margin-left: 150px;
	margin-right: auto;
	float:left;
	visibility:hidden;
	border: 1px solid #000000;
	overflow:scroll;
	z-index:20;
}
#page3 {
	background-color:#ffffff;
	position:absolute;
	margin-top:125px;
	width: 608px;
	height:400px;
	padding:0px;
	margin-left: 150px;
	margin-right: auto;
	float:left;
	visibility:hidden;
	border: 1px solid #000000;
	overflow:scroll;
	z-index:20;
}
#page3res {
	background-color:#ffffff;
	position:absolute;
	margin-top:125px;
	width: 608px;
	height:400px;
	padding:0px;
	margin-left: 150px;
	margin-right: auto;
	float:left;
	visibility:hidden;
	border: 1px solid #000000;
	overflow:scroll;
	z-index:20;
}
#page4res {
	background-color:#ffffff;
	position:absolute;
	margin-top:125px;
	width: 608px;
	height:400px;
	padding:0px;
	margin-left: 150px;
	margin-right: auto;
	float:left;
	visibility:hidden;
	border: 1px solid #000000;
	overflow:scroll;
	z-index:20;
}

#page4 {
	background-color:#ffffff;
	position:absolute;
	margin-top:125px;
	width: 608px;
	height:400px;
	padding:0px;
	margin-left: 150px;
	margin-right: auto;
	float:left;
	visibility:hidden;
	border: 1px solid #000000;
	overflow:scroll;
	z-index:20;
}
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none;}

a.info:hover{z-index:25; background-color:#fff;}

a.info span{display: none;}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
	padding-left:1em;
    top:-7em; left:2em; width:25em;
    border:1px solid #000;
    background-color:#cff; color:#000;
    text-align: left;}