@charset "utf-8";
/* 
================================
ROCHESTER MEDICAL :: FEMSOFT DIRECT TO CONSUMER :: SCREEN CSS
(c)2009 ROCHESTER MEDICAL
Created by: StoneArch Creative
================================
*/

/*
================================
TABLE OF CONTENTS
--------------------------------

I.   TYPOGRAPHY
II.  LAYOUT
III. NAVIGATION
IV.  CLASSES

=================================
*/

/*
=================================
I. TYPOGRAPHY
---------------------------------
*/



h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111; font-family:Arial, Helvetica, sans-serif;}
h1 {font-size:2.4em;line-height:1;margin-bottom:0.5em; font-weight: bold; color:#1E6E83;}
h2 {font-size:1.55em;margin-bottom:0.75em; font-weight:bold;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1.55em;margin-bottom:0.75em; font-weight:bold; color:#8b4a30; font-family:Arial, Helvetica, sans-serif;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
h1 { color:#8b4a30; }
p {margin:0 0 1.5em; font-family: Arial, Helvetica, sans-serif; color: #666;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
p.list{margin: 0 0 0;}

a:focus, a:hover {color:#0000FF; text-decoration: underline;}
a {color:#0000FF; text-decoration:none;}
h2 a, h2 a:hover, h2 a:focus, h3 a ,h3 a:hover, h3 a:focus { color:#314998; }
a:hover {text-decoration: underline;}
a img{ border:0; }

/*blockquote {margin:1.5em;color:#666;font-style:italic;}*/
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 0;}
/*ul, ol {margin:0 1.5em 1.5em 1.5em;}*/
ul {list-style-type: square; padding:0; list-style-position:inside;}
ul ul li {list-style-type:circle;}
ul ul ul li {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
th,tr,td,thead {text-align:left;}
ul{margin:0; padding:0;  list-style-type:square; list-style-position:inside;}

/*
=================================
II. LAYOUT
---------------------------------
*/
:focus { outline:0; }
#container {width: 980px; margin: 0; padding: 0; display:block; }
body {font-size:75%;color:#666666;background:#fff;font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; background:url(../images/univ_bg.png) no-repeat top center;}
body.mainBG { background: url(../images/body_bg.png) no-repeat; background-position: center top; }
#content {width: 980px; margin: 4px 0 0 0; padding: 0; display:block; float:left; text-align:left;}
#content_b {width: 620px; margin: 4px 0 0 0; padding: 0; display:block; float:left; text-align:left;}
#header {width: 980px; margin: 0; padding: 0; display:block; float:left; height:80px; }

h4{
	 color:#50345c;..
	 font-size:16px;
	 font-weight:normal;
	 font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#head_logo,#head_social,#head_social_mirror{
	display:block;
	float:right;
	margin:0;
	padding:0;
	height:80px;
}
#head_logo{
	width:400px;
	float:right;
	margin:0;
	padding:0;
}
#head_social,#head_social_mirror{
	width:290px;
	display:block;
	float:right;
}
#head_social_mirror{
	text-align:left;
}
#head_social_mirror h5{
	color:#7C5797;/*50345C;*/
	font-size:10px;
	font-weight:bold;
	display:block;
	float:left;
	margin-top:32px;
}


#footer {width: 980px; margin: 0 0 20px 0; padding: 0; display: block; float:left;  }

#reorderForm .qtyField,
.qtyField input{ width:50px; }
.practiceInfoText,
.leftFormCol { display:block; float:left; width:160px; }
.longInput{ display:block; float:left; width:500px; }
#reorderForm th { color:#8b4a30; height:35px;}
.clinicianRegistration h3 { color:#8b4a30; }
.closeLink { display:block; float:right; text-align:right; width:100%; }
.closeLink a { color:#c28459; }
.closeLink a:hover { color:#8c4b31;}


#home_content{
	display:block;
	float:left;
	width:980px;
	height:510px;
	border-bottom:1px dotted #D1D0AD;
	background:url(../images/crouchingLady.png) no-repeat center bottom;
}
#content{
	display:block;
	float:left;
	width:980px;
	
	border-bottom:1px dotted #D1D0AD;
}
/*
=================================
III. NAVIGATION
---------------------------------
*/

#nav {width: 790px; height: 30px; margin:0; padding: 0; float:left; display:block;}
ul#main_nav {float: left; height: 30px; list-style: none; margin: 0; padding: 0; width: 790px; background: url(../images/nav_Bar.png) no-repeat;}
ul#main_nav li {
	float: left;
	display: block;
}
	
ul#main_nav li a#what-is-sui,
ul#main_nav li a#about-femsoft,
ul#main_nav li a#testimonials,
ul#main_nav li a#faq,
ul#main_nav li a#try-femsoft,
ul#main_nav li a#resources{
	background: url(../images/nav_Bar.png) no-repeat;
	float: left;
	display:block;
	height: 30px;
	margin: 0px;
	position: relative;
	z-index: 100;
}



ul#main_nav li a#what-is-sui {background-position: -100px 0px; width: 117px; margin-left:100px; display: inline; }
ul#main_nav li a#about-femsoft {background-position: -216px 0px;width: 142px;}
ul#main_nav li a#testimonials {background-position: -360px 0px;width: 130px;}
ul#main_nav li a#faq {background-position: -495px 0px;width: 55px;}
ul#main_nav li a#try-femsoft {background-position: -550px 0px;width: 127px;}
ul#main_nav li a#resources {background-position: -670px 0px;width: 110px;}

ul#main_nav li a:hover#what-is-sui {background-position: -100px -30px; width: 117px; }
ul#main_nav li a:hover#about-femsoft {background-position: -216px -30px;width: 142px;}
ul#main_nav li a:hover#testimonials {background-position: -360px -30px;width: 130px;}
ul#main_nav li a:hover#faq {background-position: -495px -30px;width: 55px;}
ul#main_nav li a:hover#try-femsoft {background-position: -550px -30px;width: 127px;}
ul#main_nav li a:hover#resources {background-position: -670px -30px;width: 110px;}

ul#main_nav li a.selected#what-is-sui {background-position: -100px -60px; width: 117px; }
ul#main_nav li a.selected#about-femsoft {background-position: -216px -60px;width: 142px;}
ul#main_nav li a.selected#testimonials {background-position: -360px -60px;width: 130px;}
ul#main_nav li a.selected#faq {background-position: -495px -60px;width: 55px;}
ul#main_nav li a.selected#try-femsoft {background-position: -550px -60px;width: 127px;}
ul#main_nav li a.selected#resources {background-position: -670px -60px;width: 110px;}
/*
ul#main_nav li a.selected:hover#what-is-sui {background-position: 0px -74px; width: 41px; }
ul#main_nav li a.selected:hover#about-femsoft {background-position: -41px -74px;width: 188px;}
ul#main_nav li a.selected:hover#testimonials {background-position: -227px -74px;width: 189px;}
ul#main_nav li a.selected:hover#faq {background-position: -416px -74px;width: 105px;}
ul#main_nav li a.selected:hover#try-femsoft {background-position: -521px -74px;width: 103px;}
*/

#main_nav strong {display:block; text-indent:-9999px; overflow:hidden; }


#indications {display:block; float:left;  position:relative;}
#indications a{ display:block; width:190px; padding-top:8px; color:#FFFFFF; height:22px; font-size:11px; text-transform:uppercase; text-align:right; font-family:Arial, Helvetica, sans-serif;}
#indications a:hover {text-decoration:underline;}
/*
*/
/*



/*<![CDATA[*/
.spacer{
padding:30px;
}

.main_header{
font-family:Lucida Grande,Verdana, Arial, Helvetica, sans-serif; 
font-size:24px; 
color:#50345c; 
 
text-align:left; 
padding:10px;
margin-top:70px;
}

.main_header_b{
font-family:Lucida Grande,Verdana, Arial, Helvetica, sans-serif; 
font-size:24px; 
color:#50345c; 
 
text-align:left; 
padding:10px;
}

.purple_content{
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:12px; 
color:#50345c; 
width:324px; 
text-align:left; 
padding:10px;
}

.purple_header{
font-family:Lucida Grande,Verdana, Arial, Helvetica, sans-serif; 
font-size:16px; 
font-weight:heavy;
color:#50345c; 
text-align:left; 
padding-left:10px;
padding-bottom:12px;
}


.content_txt{
font-family: Arial, Helvetica, sans-serif; 
font-size:12px; 
color:#666666; 
text-align:left; 
padding-left:10px;
line-height:18px;
}

.content_testimonial{
font-family: Arial, Helvetica, sans-serif; 
font-size:16px; 
color:#50345c; 
text-align:left; 
padding-left:14px;
line-height:18px;
}


a.content_link{

font-size:12px;

color:#999999;

text-decoration: none;

}

a.content_link:link {color:#8d8c47;}

a.content_link:visited {color:#8d8c47;}

a.content_link:hover {text-decoration:none; color:#7c5797;}

a.content_link:active {color:#50345c;}

a.btm_nav{

font-size:11px;

color:#999999;

text-decoration: none;

}

a.btm_right_nav{

font-size:12px;

color:#999999;

text-decoration:underline;

}




a.btm_nav:link {color:#8d8c47;}

a.btm_nav:visited {color:#8d8c47;}

a.btm_nav:hover {text-decoration:none; color:#7c5797;}

a.btm_nav:active {color:#50345c;}


a.buttonlink{

font-size:14px;

color:#ffffff;

text-decoration: none;

}


a.buttonlink:link {color:#ffffff;}

a.buttonlink:visited {color:#ffffff;}

a.buttonlink:hover,a.buttonlink:hover b {text-decoration:none; color:#c3c859;}

a.buttonlink:active, a.buttonlink:active b {color:#777637;}






a.top_nav{

font-size:10px;

color:#7c5797;

text-decoration: none;

}


a.top_nav:link {color:#7c5797;}

a.top_nav:visited {color:#7c5797;}

a.top_nav:hover {text-decoration:none; color:#50345c;}

a.top_nav:active {color:#50345c;}

.footer{

float:left;

color:#8d8c47;

text-align:left;

padding:12px;

}

.footerlink,
.footerimage{

float:right;

padding:12px;

}

.testTryLink{display:block; float:left; }
.greentop {background: url(../images/greentop.png) 100%  no-repeat; height:10px;}

.purpletop {background: url(../images/purpletop.png) 100%  no-repeat; height:10px;}

.whitebtm {background: url(../images/btmwhitecurve.png) 100%  no-repeat; height:10px;}
.greenbtm {background: url(../images/lightgreenlong.png) 100%  no-repeat; height:10px;}

.btn_top {background: url(../images/dkpurplebtn_top.png) 100%  no-repeat; width:274px; height:10px;}

.btn_btm {background: url(../images/dkpurplebtn_btm.png) 100%  no-repeat; width:274px; height:10px;}

.btngreen_top {background: url(../images/dkgreenbtn_top.png) 100%  no-repeat; width:274px; height:10px;}

.btngreen_btm {background: url(../images/dkgreenbtn_btm.png) 100%  no-repeat; width:274px; height:10px;}

.btngreen_top_short {background: url(../images/dkgreenbtn_top_short.png) 100%  no-repeat; width:164px; height:10px;}

.btngreen_btm_short {background: url(../images/dkgreenbtn_btm_short.png) 100%  no-repeat; width:164px; height:10px;}

.whitebg {background: url(../images/whitebg.png) 100%  no-repeat; width:615px; }
.whitetop {background: url(../images/whitetop.png) 100%  no-repeat; width:615px; height:12px;}

.purplebox_btn {

background-color: #50345c;

color:#ffffff;

text-align:left;

font-size:14px;

letter-spacing:1px;

width:274px;

}

.greenbox_btn {

background-color: #8d8c47;

color:#ffffff;

text-align:left;

font-size:14px;

letter-spacing:1px;

width:274px;

}
.greenbox_btn_short {

background-color: #8d8c47;

color:#ffffff;

text-align:center;

font-size:14px;

letter-spacing:1px;

width:164px;

}



#seminarLink{
	display:block;
	width:322px;
	height:99px;
	background:url(../images/tanBox.png) no-repeat top left;
	text-align:left;
	overflow:hidden;

}
#seminarLink h3,
#seminarLink p{
	display:block;
	margin-left:24px;
	color:#50345C;
}
#seminarLink h3{
	font-size:14px;
	font-weight:bold;
	margin-top:20px;
}
#seminarLink p{
	font-size:13px;
	margin-top:13px;
}
	


a#greenBoxFormLink{
	display:block;
	width:322px;
	height:145px;
	overflow:hidden;
	background:url(../images/greenpod_a_sprite.png) no-repeat top left;
}
a#greenBoxFormLink:hover{
	background-position:0px -145px;
}
a#greenBoxFormLink strong{
	display:block;
	text-indent:-9999px;
}

.purplebox {

background-color: #7c5797;

color:#ffffff;

text-align:left;

font-size:12px;

font-weight:heavy;

padding-left:24px;

padding-bottom:12px;

letter-spacing:1px;

}


.purplebox_b{

background-color: #7c5797;

color:#ffffff;

text-align:left;

font-size:14px;

font-weight:heavy;

padding-left:24px;

padding-bottom:12px;

letter-spacing:1px;

}


.whitebox{

font-family:Arial,Verdana, Helvetica, sans-serif; 

background-image:url('../images/bg2.jpg'); 

background-repeat: no-repeat;
background-color: #ffffff;
color:#674277;

text-align:left;

font-size:14px;

font-weight:heavy;

padding-left:24px;

padding-bottom:12px;

padding-top:12px;


}


.whitebox_b{
font-family:Arial,Verdana, Helvetica, sans-serif; 


background-image:url('../images/bg2.jpg'); 

background-repeat: no-repeat;
background-color: #ffffff;

color:#674277;

text-align:left;

font-size:12px;

font-weight:normal;

padding-left:24px;

padding-right:24px;

padding-bottom:12px;

padding-top:12px;
line-height:18px;


}




.clear {font-size: 1px; height: 1px}

.blltgreen {

  background: url(../images/1trltgreenlong.png);

  background-repeat:no-repeat; 

  width: 322px;  

  height:10px;

}
.bldkgreen {

  background: url(../images/1trdkgreenlong.png);

  background-repeat:no-repeat; 

  width: 322px;  

  height:10px;

}

.dkpurple {

  background: url(../images/1trdkgreenlong.png);

  background-repeat:no-repeat; 

  width: 322px;  

  height:10px;

}


.greenbox{

background-image:url('../images/bg1.jpg'); 

background-repeat: no-repeat;

color:#ffffff;

font-size:12px;

text-align:left;
background-color:#b1b469;

letter-spacing:1px;

}

.dkgreenbox{
font-family:Lucida Grande,Arial,Verdana, Helvetica, sans-serif;;

background-repeat: no-repeat;

background-color: #8d8c47;

color:#ffffff;

font-size:18px;

text-align:left;

padding-top:12px;
padding-bottom:12px;

padding-left:24px;



}

.margin14{

padding-top:14px;

padding-left:16px;

}

.margin12{

padding-left:12px;

}


blockquote {
margin: 0px;
padding: 14px;
}

ul.faq {
font-family: Arial,Verdana,  Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 1.2em;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
text-indent: 1px;
list-style-position: outside;
list-style-type: disc;
padding: 6px;
margin: 10px;
}	


/*]]>*/



=================================
IV. CLASSES
---------------------------------
*/

/*
=================================
V.  THIRD-PARTY REQ (PLUG-IN)
---------------------------------
*/

/** {padding-left:0; margin-left:0; background:none; background-color:none; border:1px solid red;}*/