/*--------- zetacap css for selmedica ---------*/ 
/*--------- by: bryan dease ---------*/ 

/*--------- main body and divs ---------*/ 

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
}
 
body {
	background-image:  url(images/pagebg.gif);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #2B6687;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
 
#pagewidth{
	width:763px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFFFFF;
} 
 
#header{
 position:relative; 
  background-color:#FFFFFF; 
 width:100%;
} 
 
#twocols{
	width:763px;
	float:right;
	position:relative;
	padding-top: 10px;
  }
 
#rightcol{
 width:200px; 
 float:right; 
 position:relative; 
 margin-right:9px;
 }
 
#maincol{
	float: left;
	display:inline;
	position: relative;
	width:485px;
	padding-left: 25px;
 }
 
#footer{
	background-color:#666666;
	clear:both;
	color: #FFFFFF;
	font-size: 11px;
	padding: 10px;
 }
 
 #footer2 {
	background-color:#333333;
	clear:both;
	color: #FFFFFF;
	font-size: 11px;
	padding: 10px;
}

#footer2 a {
	color: #FFFFFF;
}
 
 /*--------- headings and font classes ---------*/ 
 
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: #BF0004;
	padding: 0px;
	letter-spacing: -1px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -12px;
	margin-left: 0px;
}

h2 {
	font-size: 26px;
	color: #2B6687;
	margin-top: -5px;
	padding-top: 0px;
}

h3 {
	font-size: 20px;
	color: #2B6687;
}

.greentext {
	color: #006600;
}

#maincol strong {
	color: #245671;
}

.redtext {
	color: #872222;
}

.privacy {
	font-size: 10px;
	text-align: center;
}

.smallgray {
	font-size: 12px;
	color: #666666;
	padding-bottom: 5px;
}

.articlehead {
	color: #35661F;
}

.readmore {
	text-align: center;
	font-size: 11px;
}

.readmore a {
	color: #000066;
	font-weight: bold;
	text-decoration: none;
}

.readmore a:hover {
	color: #99433E;
	font-weight: bold;
	text-decoration: none;
}

.moreheadnews {
	color: #35661F;
}

/*--------- creating a custom horizontal rule with css ---------*/

div.hr {

height: 20px;
padding: 0;
border-top: 1px solid #a5a48c;
margin-top: 20px;
margin-right: 40px;
margin-bottom: 0;
margin-left: 20px;
}

div.hr hr { 
display: none; 
}

div.hrnews {
	height: 15px;
	padding: 0;
	border-top: 1px solid #a5a48c;
	margin-top: 10px;
	margin-right: 40px;
	margin-bottom: 0;
	margin-left: 20px;
}
 
 
 /*--------- navigation bar ---------*/ 
 
#nav {
	height: 37px;
	overflow: hidden;
} 
 
 #nav div {
float:left;
}

#nav h6 {
	display: none;
}

#but_about a {
	display:block;
	width: 126px;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 37px;
	text-align: center;
	background-image:  url(images/but_about.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#but_about a:hover {
	background-position: 0 -37px;
}

#but_how a {
	display:block;
	width: 108px;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 37px;
	text-align: center;
	background-image:  url(images/but_how.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#but_how a:hover {
	background-position: 0 -37px;
}

#but_facts a {
	display:block;
	width: 106px;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 37px;
	text-align: center;
	background-image:  url(images/but_facts.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#but_facts a:hover {
	background-position: 0 -37px;
}

#but_stories a {
	display:block;
	width: 120px;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 37px;
	text-align: center;
	background-image:  url(images/but_stories.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#but_stories a:hover {
	background-position: 0 -37px;
}

#but_our a {
	display:block;
	width: 116px;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 37px;
	text-align: center;
	background-image:  url(images/but_our.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#but_our a:hover {
	background-position: 0 -37px;
}

#but_order a {
	display:block;
	width: 98px;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 37px;
	text-align: center;
	background-image:  url(images/but_order.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#but_order a:hover {
	background-position: 0 -37px;
}

#but_contact a {
	display:block;
	width: 89px;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 37px;
	text-align: center;
	background-image:  url(images/but_contact.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#but_contact a:hover {
	background-position: 0 -37px;
}

/*--------- rounded boxes on the right and sidebar items ---------*/

#optall {
	margin-top: 30px;
}

.optin {
	background-image:  url(images/smallboxmiddle.jpg);
	background-repeat: repeat-y;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
}

.optin p {
	margin: 0px;
	padding: 0px;
}

#articles a {
	color: #85A80C;
	padding-left: 5px;
	text-decoration: none;
	font-weight: normal;
}

#articles {
	margin-top: 30px;
}

#form {
	margin: 0px;
	padding: 0px;
}

#form1 {
	margin: 0px;
	padding: 0px;
}

#shipping {
	margin-top: 35px;
	padding-left:30px;
}

#articles ul {
	list-style-image:  url(images/bullet.gif);
	list-style-type: none;
	list-style-position: inside;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

#articles li {
	font-size: 12px;
	color: #666666;
	padding-bottom: 5px;
}

#ask {
	padding-right: 5px;
	padding-left: 30px;
}

#more {
	margin-top: 30px;
}

#more p {
	font-size: 11px;
}

.morehead {
	font-size: 13px;
	text-align: center;
	padding-bottom: 20px;
	color: #984A35;
	margin-bottom: 15px;
}

.date {
	font-size: 11px;
	text-align: center;
	color: #999999;
}

.bottom {
	background-image: url(background-image:url(images/smallboxmiddle.jpg));
	background-repeat: repeat-y;
}

.bottom img {
	margin: 0px;
	padding: 0px;
}

.top {
	background-image:  url(images/smallboxmiddle.jpg);
	background-repeat: repeat-y;
	height: 12px;
	margin: 0px;
	padding: 0px;
}

#news {
	margin-top: 30px;
}

/* ---------- order area ----------- */

#order {
	padding-top: 10px;
	width: 500px;
	float: left;
	padding-left: 3px;
	margin-bottom: 35px;
}

#order p {
	margin: 0px;
	padding: 0px;
}

#order img {
	padding-bottom: 25px;
}

#order strong {
	color: #333333;
}

#order a {
	color: #990000;
}

#orderdetails {
	margin-bottom: 20px;
	width: 240px;
	float: right;
	margin-right: 5px;
	padding-top: 12px;
}

#orderdetails a {
	color: #2B6687;
}

#orderdetails p {
	padding: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 10px;
}

.phone {
	color: #0161B9;
	font-size: 24px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 0px;
}

/* -------- misc styles --------- */

 .floatleftandpad {
	margin: 10px;
	float: left;
	border: 1px solid #999999;
	padding: 5px;
}

#bigopt {
	background-color: #EFEFEF;
	padding: 6px;
	margin-top: 40px;
}

 /* *** Float containers fix *** */ 
 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 /*printer styles*/ 
 @media print{ 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}