@charset "utf-8";
/* CSS Document */
body
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
}
#div-container
{
	background:url(http://www.patientfairy.com/resources/images/bg-container.gif) repeat-y;
	width:1012px;
	margin:auto;
}
#div-insidecontainer
{
	background:url(http://www.patientfairy.com/resources/images/bg-clouds.jpg) no-repeat top;

}
#div-left
{
	padding-left:35px;
	width:590px;
	float:left;
	
}
#div-left #logo
{
	margin-top:22px;
	margin-left:11px;
}
#div-mainmenu
{
	width:585px;
	height:24px;
	background:url(http://www.patientfairy.com/resources/images/bg-mainmenu.png) no-repeat top left;
	padding:18px 15px 15px 25px;
	margin-top:22px;
	margin-bottom:10px;
}
#div-mainmenu a
{
	font-size:12px;
	/*color:#FFF;*/
	text-transform:uppercase;
	text-decoration:none;
	padding-right:15px;
}
#div-maincontent
{
	padding-left:11px;	
}
#div-right
{
	width:357px;
	float:left;
	margin-left:30px;
}
.clear
{
	clear:both;	
}
#div-whosusing, #div-facts, #div-newsletter
{
	background:url(http://www.patientfairy.com/resources/images/box-bg.gif) repeat-y #FFF;
	width:282px;
	padding:5px 20px 5px 20px;
}
#div-whosusing-container, #div-newsletter-container
{
	margin-bottom:20px;	
	margin-top:20px;
}
#div-whosusing h6, #div-facts h6, #div-newsletter h6
{
	margin:0; padding:0;
	color:#861d84;
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
	display:block;
	margin-bottom:10px;
}
#div-whosusing img
{
	float:left;	
}
#div-whosusing-details
{
	float:left;
	width:190px;
	margin-left:10px;
}
#div-whosusing-details h3, #div-facts-details h3, #div-newsletter-details h3
{
	font-size:11px;
	color:#8ebfe7;
	font-weight:normal;
	margin:0;
}
#div-whosusing-details h4, #div-facts-details h4,  #div-newsletter-details h4
{
	font-size:15px;
	color:#1b8be9;
	font-weight:normal;
	text-transform:uppercase;
	margin:0;
}
#div-whosusing-details span, #div-facts-details span,  #div-newsletter-details span
{
	font-size:11px;
	color:#999;
	font-weight:normal;
	margin:0;
}
#div-whosusing-address
{
	border-top:1px solid #eaeaea;
	margin-top:8px;
	padding-top:8px;
}
#div-whosusing-address a
{
	display:block;
	color:#861d84;
	text-decoration:none;
	margin-bottom:3px;
	font-size:11px; 
}
#div-whosusing-address span
{
	color:#1b8be9;
	text-decoration:none;
	margin-bottom:3px;
	font-size:11px;
}
#div-facts img,  #div-newsletter img
{
	float:left;	
	margin-left:-19px;
	margin-right:10px;
}
#div-facts-details, #div-newsletter-details
{
	float:left;
	width:281px;
	padding-bottom:5px;
}
#div-facts-details a
{
	color:#861d84;
	text-decoration:none;
	margin-bottom:3px;
	font-size:11px; 	
}
#div-facts-container
{
	margin-bottom:30px;	
}
#div-bottom
{
	font-size:10px;
	color:#999;
	line-height:12px;
	margin:20px 26px 20px 26px;
	padding:20px 0 0 21px;
	border-top:1px solid #eeeeee;
}
#div-bottom div
{
	margin-bottom:15px;	
}
#div-bottom a
{
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	color:#757575;
	margin-right:10px;
}
#div-bottom img
{
	float:left;
	margin-right:15px;
	margin-top:-2px;
}
#div-web-design-request-form
{
	width:339px;
	background:url(http://www.patientfairy.com/resources/images/form-bg.gif) repeat-y;
}
#div-requestform
{
	background:url(http://www.patientfairy.com/resources/images/form-bg2.gif) no-repeat top left;	
	padding:12px 20px 20px 20px;
}
#div-form-bottom
{
	background:url(http://www.patientfairy.com/resources/images/form-bottom.gif) no-repeat;
	height:139px;
	width:322px;
}
#form-button
{
	margin:5px 0 0 23px;	
}
#div-topmenu
{
	text-align:right;
	height:30px;
	padding-top:10px;
	padding-right:50px;
}
#div-topmenu a
{
	text-transform:uppercase;
	color:#085271;
	text-decoration:none;
	text-decoration:none;
	font-size:10px;
}
.request-form
{
	color:#FFF;
	font-size:12px;
}
.request-input
{
	font-size:11px;
	width:132px;
} 
.request-form 
{
	color:#FFF;
	font-size:12px;
	width:276px;
	font-weight:bold;
}
.request-form td
{
	padding:2px 0 2px 0;
}
.request-input
{
	font-size:11px;
	width:129px;
	background:#d2deea;
	border:1px solid #1c476c;
	color:#1c476c;
	height:15px;
	padding:3px;
}
.request-textarea
{
	font-size:11px;
	width:276px;
	background:#d2deea;
	border:1px solid #1c476c;	
}
.request-form-column1
{	
	width:147px;
}
.request-listbox
{
	background:#d2deea;
	border:1px solid #1c476c;
	padding:2px;
	width:280px;
	font-size:11px;
	color:#1c476c;
}

.request-form-problems
{
	font-size:10px;
	color:#b5cee5;
	font-weight:normal;
	padding-top:0px!important;
}
#div-subscribe
{
	margin:0;	
}
#div-subscribe form
{
	margin:0;	
}


#div-submenu
{
	float:right;
	width:220px;
	padding:0 0 35px 30px;
	background:url(http://www.patientfairy.com/resources/images/bg-submenu.gif) bottom left no-repeat;
}
#div-submenu a
{
	display:block;
	border-bottom:1px solid #f2f2f2;
	color:#861d84;
	font-size:14px;
	padding:3px 3px 3px 10px;
	text-decoration:none;
}
#div-submenu .active
{
	display:block;
	border-bottom:1px solid #f2f2f2;
	color:#1b8be9;
	font-size:14px;
	padding:3px 3px 3px 10px;
	text-decoration:none;
}

.of-top
{
	background:url(http://www.patientfairy.com/resources/images/of-bg.gif) top repeat-x;
}
.of-right
{
	background:url(http://www.patientfairy.com/resources/images/of-bg.gif) right repeat-y;
}
.of-bottom
{
	background:url(http://www.patientfairy.com/resources/images/of-bg.gif) bottom repeat-x;
}
.of-left
{
	background:url(http://www.patientfairy.com/resources/images/of-bg.gif) left repeat-y;
}
.of-center
{
	padding:15px;	
}
.of-step
{
	font-size:12px;
	color:#1b8be9;
	text-transform:uppercase;
	display:block;
	margin:0;
}
.of-stepdescription
{
	font-size:24px;
	color:#1b8be9;
	font-weight:bold;
	line-height:18px;
	text-transform:uppercase;	
}
.of-description
{
	color:#999;
	font-size:12px;
	line-height:16px;
	padding:10px 0 10px 0;
}
.of-textarea
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.of-checkboxfield
{
	white-space:nowrap;
}
.of-checkboxfield span
{
	white-space:nowrap;
}
.of-checkboxfield label
{
	line-height:28px;
	white-space:nowrap;
	padding-right:20px;
}
.of-checkboxfield em
{
	display:block;
	font-style:normal;
	margin-top:-5px;
	font-size:11px;
	color:#999
}
.of-checkboxfield a
{
	color:#1b8be9;
	text-decoration:none;
}


.of-line1
{
	text-transform:uppercase; padding:2px;	width:250px; font-weight:bold;
}
.of-line2
{
	padding:2px;	
}
.of-line3
{
	padding:2px; text-transform:uppercase;  font-weight:bold;	
}
.of-line4
{
	padding:2px;
	padding-bottom:10px;
}
.of-choosestyle
{
	width:250px;	
}
.op-steptable
{
	border-bottom:1px solid #f2f2f2;
	margin-bottom:13px;
}
.of-ordertotal
{
	font-size:20px;
	color:#861d84;
	font-weight:bold;
}
.error
{
	text-transform:none;
	font-size:11px;
	font-weight:normal;
	color:#F00;
}
.of-title
{
	color:#bb4eb9;	
}




span.checkbox {
width: 19px;
height: 25px;
padding: 0 5px 0 0;
background: url(http://www.patientfairy.com/resources/images/of-checkbox.gif) no-repeat;
display: block;
clear: left;
float: left;
}
span.radio {
width: 19px;
height: 25px;
padding: 0 5px 0 0;
background: url(http://www.patientfairy.com/resources/images/of-radiobox.gif) no-repeat;
display: block;
clear: left;
float: left;
}
span.select {
position: absolute;
width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
height: 21px;
padding: 0 24px 0 8px;
color: #fff;
font: 12px/21px arial,sans-serif;
background: url(select.gif) no-repeat;
overflow: hidden;
}


.div-gallery
{
	float:left;
	margin-right:20px;
}	

.div-gallery img
{
	border:6px solid #FFF;
}	
.div-gallery h3
{
	font-size:13px;
	color:#FFF;
	text-decoration:none;
	font-weight:normal;
	margin:0;
	padding:5px 10px 0px 10px;
}
.div-gallery span
{
	font-size:10px;
	color:#edc7c8;
	width:260px;
	line-height:normal;
	display:block;
	padding:4px 10px 10px 10px;
}

