@charset "utf-8";
/* 
================================
OTTO BOCK C-LEG PRINT CSS
(c)2009 OTTO BOCK
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:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

p {margin:0 0 1.5em; font-family: Arial, Helvetica, sans-serif; color: #999999;}
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:#314998; text-decoration: underline;}
a {color:#314998; text-decoration:none;}
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 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type: square;}
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;}


/*
=================================
II. LAYOUT
---------------------------------
*/
:focus { outline:0; }
body {font-size:75%;color:#666666;background:#fff;font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0;}

#blog {width:980px; margin:4px 0 0 0; padding: 0; display: block; float: left; }
#blog_rightside {width:260px; margin: 0; padding: 0; display: block; float:left; }
#blog_content {width: 680px; margin: 0 40px 0 0; padding: 0; display: block; float: left; text-align: left; }
#blog_content h2 {font-weight: bold; font-size: 1.2em; line-height: 14px; margin: 20px 0 5px 0; padding: 0; color:#314998; }
#blog_content h6 { font-weight: normal; color: #999; font-size: .8em; margin: 0 0 10px 0; padding: 0;}
#blog_content .paginate { width: 680px; text-align:center; margin: 5px 0 5px 0; padding: 0; display:block; float: left; }

#comm_side {width:240px; margin: 0; padding: 0; display: block; float:left; }
#comm_rside {width:240px; margin: 0; padding: 0; display:block; float:left; }
#comm_feature_blog {background:#e6e6e6; width: 710px; border-top: 3px solid white; border-bottom: 3px solid white; margin: 0; padding: 0; display: block; float:left; }
#comm_latest_blog {width: 740px; margin: 0; padding: 0; display: block; float:left; }
#comm_latest_news {width: 740px; margin: 0; padding: 0; display: block; float:left; }
#comm_resources {width: 740px; margin: 0; padding: 0; display: block; float:left; border-top: dotted 1px #314998;}

#contact {width:980px; margin:4px 0 0 0; padding: 0; display: block; float: left; }

#faq_main { width:980px; margin:0; padding:0; display:block; float: left; text-align: left; }
#faq_accord {width:980px; overflow:hidden; margin:0 0 40px 0; padding:0; display:block; float: left; text-align: left;}
#faq_glossary {width:980px; overflow:hidden; margin:0 0 40px 0; padding:0; display:block; float: left; text-align: left;}

#howitworks { width:980px; margin:4px 0 0 0; padding:0; display:block; float: left; text-align: left;  background:url(/web_assets/images/bg_howitworks.png) repeat-x top; }
#howtoget { width:980px; margin:4px 0 0 0; padding:0; display:block; float: left; text-align: left; background:url(/web_assets/images/bg_howtoget.jpg) no-repeat top; }
#hiw_swf { width:400px; margin:0; padding:0; display:block; float:left; }
#hiw_rside { width:400px; margin:40px 30px 0 0; padding:0; display:block; float:left; }

#container {width: 980px; margin: 0; padding: 0; display:block;}
#header {width: 980px; margin: 0; padding: 0; display:block;}
#logo {width: 855px; margin:0; padding: 0; float:left; display:block;}

#pageheader { width: 980px; display:block; float:left; }
#prof_main { width:980px; margin:0; padding:0; display:block; float: left; text-align: left; }
#prof_accord {width:980px; overflow:hidden; margin:0 0 40px 0; padding:0; display:block; float: left; text-align: left;}

#stories { width:980px; margin:4px 0 0 0; padding:0; display:block; float: left; }

#profbutton {width: 125px; margin: 0; padding: 0; float: left; display: block;}
#content {width: 980px; margin: 4px 0 0 0; padding: 0; display:block; float:left;}
#homeflash {width: 980px; height: 540px; margin: 4px 0 0 0; padding: 0; display: block; float:left; } 
#features {width: 980px; height: 140px; background-color: #E6E6E6; margin: 8px 0 0 0; padding: 0; float: left; display: block;}
#blogbox {width: 448px; height: 106px; margin: 17px 60px 17px 30px; padding: 0; display: block; background:url(../images/bg_blogbox448.png) no-repeat bottom; float: left;}
#community_logo {width: 85px; margin: 12px 14px 12px 18px; padding: 0; display: block; float: left;}
#featuredblogs {width: 300px; margin: 0 ; padding: 0; display: block; float: left;}
#featuredblogs h3 {font-weight: bold; font-size: 1.2em; line-height: 14px; margin: 12px 0 5px 0; padding: 0;}
#featuredblogs p {font-size: 12px; font-weight: bold; margin: 0; padding: 0;}
#cycle {width: 100px; margin: 10px 0 0 220px; padding: 0; display: block; float: left;}
#cycle p {font-weight: bold; font-size: 11px; margin: 0; padding: 0;}
#takeaction {width: 200px; margin: 28px 0 0 0; padding: 0; display: block; float: left;}
#takeaction p {font-weight: bold; line-height: 18px; margin: 0 0 4px 0; padding: 0;}
#forpros {width: 200px; margin: 28px 0 0 0; padding: 0; display: block; float: left;}
#forpros p {font-weight: bold; line-height: 18px; margin: 0 0 4px 0; padding: 0;}
#page {width: 720px; margin: 0; padding: 0; display: inline; float: left;}
#footer {width: 980px; height: 34px; margin: 10px 0 0 0; padding: 0; display: block; float:left;}
#footer p {font-weight: bold; font-size: 11px;}
#footer a {color: #999999; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer_contact {width: 700px; margin: 0; padding: 0; float: left; display: block;}
#copyright {width: 280px; margin: 0; padding: 0; float: left; display: block;}
#copyright p {margin: 0; padding: 0; font-weight: bold; font-size: 11px;}
#shareStory {width: 980px; height: 140px; background-color: #E6E6E6; margin: 8px 0 0 0; padding: 0; float: left; display: block;}
#storybox {width: 458px; height: 140px; margin: 0 80px 0 0; padding: 0; display: block; background:url(../images/comm_share.jpg) no-repeat; float: left;}
#alt_storybox {width: 458px; height: 140px; margin: 0 80px 0 0; padding: 0; display: block; background:url(../images/footer_stories.jpg) no-repeat; float: left;}

/*
=================================
III. NAVIGATION
---------------------------------
*/

#nav {width: 980px; height: 58px; margin:0; padding: 0; float:left; display:block;}
ul#main_nav {float: left; height: 58px; list-style: none; margin: 0; padding: 0; width: 980px; background: url(../images/main_nav.png) no-repeat;}
ul#main_nav li {
	float: left;
	display: block;
}
	
ul#main_nav li a#howitworks,
ul#main_nav li a#howtoget,
ul#main_nav li a#stories,
ul#main_nav li a#community,
ul#main_nav li a#faqs,
ul#main_nav li a#contact {
	background: url(/cleg/web_assets/images/main_nav.png) no-repeat;
	float: left;
	display:block;
	height: 58px;
	margin: 0px;
	position: relative;
	z-index: 100;
}

ul#main_nav li a#howitworks {background-position: -20px 0px;width: 187px; margin-left: 20px; display: inline;}
ul#main_nav li a#howtoget {background-position: -207px 0px;width: 171px;}
ul#main_nav li a#stories {background-position: -378px 0px;width: 134px;}
ul#main_nav li a#community {background-position: -512px 0px;width: 159px; margin-right: 173px;}
ul#main_nav li a#faqs {background-position: -844px 0px;width: 43px;}
ul#main_nav li a#contact {background-position: -887px 0px;width: 70px;}

ul#main_nav li a:hover#howitworks {background-position: -20px -58px;width: 187px;}
ul#main_nav li a:hover#howtoget {background-position: -207px -58px;width: 171px;}
ul#main_nav li a:hover#stories {background-position: -378px -58px;width: 134px;}
ul#main_nav li a:hover#community {background-position: -512px -58px;width: 159px;}
ul#main_nav li a:hover#faqs {background-position: -844px -58px;width: 43px;}
ul#main_nav li a:hover#contact {background-position: -887px -58px;width: 70px;}

ul#main_nav li a.selected#howitworks {background-position: -20px -116px;width: 187px;}
ul#main_nav li a.selected#howtoget {background-position: -207px -116px;width: 171px;}
ul#main_nav li a.selected#stories {background-position: -378px -116px;width: 134px;}
ul#main_nav li a.selected#community {background-position: -512px -116px;width: 159px;}
ul#main_nav li a.selected#faqs {background-position: -844px 0px;width: 43px;}
ul#main_nav li a.selected#contact {background-position: -887px 0px;width: 70px;}

ul#main_nav li a.selected:hover#howitworks {background-position: -20px -116px;width: 187px;}
ul#main_nav li a.selected:hover#howtoget {background-position: -207px -116px;width: 171px;}
ul#main_nav li a.selected:hover#stories {background-position: -378px -116px;width: 134px;}
ul#main_nav li a.selected:hover#community {background-position: -512px -116px;width: 159px;}
ul#main_nav li a.selected:hover#faqs {background-position: -844px -58px;width: 43px;}
ul#main_nav li a.selected:hover#contact {background-position: -887px -58px;width: 70px;}


#main_nav strong {display: none;}

#sidebar {width: 220px; margin: 0 0 0 20px; padding: 0; float: left; display: block;}

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

.blog { background:url(../images/bg_commrightbar.png); border-bottom: 6px solid #314998;}
.community { background:url(../images/comm_content_bg.png); border-bottom: 6px solid #314998;}
.commContent { text-align:left; width:610px; margin: 0 ; padding: 0; display: block; float: left;}
.commContent h3 {font-weight: bold; font-size: 1.2em; line-height: 14px; margin: 20px 0 5px 13px; padding: 0; color:#314998; }
.commContent h6 { font-weight: normal; color: #999; font-size: .8em; margin: 0 0 10px 13px; padding: 0;}
.commContent p {font-size: 12px; font-weight: bold; margin: 0 30px 0 13px; padding: 0;}
.commContentAlt { text-align:left; width:580px; margin: 0 ; padding: 0; display: block; float: left;}
.commContentAlt h3 {font-weight: bold; font-size: 1.2em; line-height: 14px; margin: 12px 0 5px 13px; padding: 0; color:#314998; }
.commContentAlt p {font-size: 12px; font-weight: bold; margin: 0 15px 0 13px; padding: 0;}
.commCycle { text-align: right; height: 22px; background: url(../images/comm_viewall.png) no-repeat; width: 160px; margin: 10px 0 20px 550px; padding: 0; display: block; float: left;}
.commCycle p {font-weight: bold; font-size: 12px; margin:5px 0 0 0; padding:0;}
.commBlog { text-align: right; height: 22px; background: url(../images/comm_viewall.png) no-repeat; width: 144px; margin: 10px 0 20px 566px; padding: 0; display: block; float: left;}
.commBlog p {font-weight: bold; font-size: 12px; margin:5px 0 0 0; padding:0;}
.commNews { text-align: right; height: 22px; background: url(../images/comm_viewall.png) no-repeat; width: 152px; margin: 10px 0 20px 558px; padding: 0; display: block; float: left;}
.commNews p {font-weight: bold; font-size: 12px; margin:5px 0 0 0; padding:0;}
.commCycleAlt { text-align: right; width: 100px; margin: 5px 10px 10px 470px; padding: 0; display: block; float: left;}
.commCycleAlt p {font-weight: bold; font-size: 11px; margin: 0; padding: 0; color:#314998}

.commResources { text-align:left; width:610px; margin: 0 0 30px 0 ; padding: 0; display: block; float: left; }
.commResources h3 {font-weight: bold; font-size: 1.2em; line-height: 14px; margin: 20px 0 5px 13px; padding: 0; color:#314998; }
.commResources h6 { font-weight: normal; color: #999; font-size: .8em; margin: 0 0 10px 13px; padding: 0;}
.commResources p {font-size: 12px; font-weight: bold; margin: 0 30px 0 13px; padding: 0;}


.comm_shareText { text-align: left; height: 22px; width: 160px; margin: 70px 0 0 298px; padding: 0; display: block; float: left;}
.comm_shareText p {font-weight: bold; font-size: 12px; margin:5px 0 0 0; padding:0;}
.stories_shareText { text-align: left; height: 22px; width: 160px; margin: 48px 0 0 298px; padding: 0; display: block; float: left;}
.stories_shareText p {font-weight: bold; line-height:18px; font-size: 12px; margin:5px 0 0 0; padding:0;}

.contact { border-bottom: 6px solid #314998; text-align: left; }
.contact h2 {font-weight: bold; font-size: 1.2em; line-height: 14px; margin: 20px 0 5px 0; padding: 0; color:#314998; }
.contact h3 {font-weight: bold; font-size: 1.2em; line-height: 14px; margin: 20px 0 5px 0; padding: 0; color:#314998; }
.contact h6 { font-weight: normal; color: #999; font-size: .8em; margin: 0 0 10px 0; padding: 0;}
.contact p {font-size: 12px; font-weight: bold; margin: 0 30px 0 0; padding: 0;}
.contact_mid {width:240px; margin: 0 0 0 240px; padding: 0; display:block; float:left; }
.contact_rside {width:720px; margin: 0 72px 0 72px; padding: 0; display:block; float:left; }

.faq { border-bottom: 6px solid #314998;}
.faq h2 {font-weight: bold; font-size: 1.2em; line-height: 14px; margin: 20px 0 5px 13px; padding: 0; color:#314998; }
.faq h6 { font-weight: normal; color: #999; font-size: .8em; margin: 0 0 10px 13px; padding: 0;}
.faq h4 { color:#314998; font-size: 12px; font-weight: bold; margin: 0 30px 20px 13px; padding: 0;}
.faq p { font-size: 12px; font-weight: bold; margin: 0 30px 20px 13px; padding: 0;}
.faq_accord_head { background-color: #e6e6e6; width:980px; margin:2px 0 0 0; padding:0; display:block; float: left; text-align: left; }
.faq_accord_head img{margin:7px; padding:0; display:block; float:left; }
.faq_accord_head h3 {font-weight: bold; font-size: 1.2em; line-height: 14px; margin: 12px 0 0 9px; padding: 0; color:#314998; display:block; float:left; }
.faq_accord_body { background-color: #efefef; width:980px; margin:0; padding:0; display:block; float: left; text-align: left; }
.faq_accord_body h2 {margin: 10px 10px 10px 20px;}
.faq_accord_body p {margin: 10px 10px 10px 20px;}
.faq_glossary_head { background-color: #e6e6e6; width:980px; margin:2px 0 0 0; padding:0; display:block; float: left; text-align: left; }
.faq_glossary_head img{margin:7px; padding:0; display:block; float:left; }
.faq_glossary_head h3 {font-weight: bold; font-size: 1.2em; line-height: 14px; margin: 12px 0 0 9px; padding: 0; color:#314998; display:block; float:left; }
.faq_glossary_body { background-color: #efefef; width:980px; margin:0; padding:0; display:block; float: left; text-align: left; }
.glossary_600w { width:600px; display:block; float:left; }
.faq_glossary_body h2 {margin: 20px 10px 0 20px;}
.faq_glossary_body p {margin: 0 10px 20px 20px;}

.howitworks { }
.hiw_text { width:520px; margin: 40px 0 0 30px; padding:0; display:block; float:left; }
.hiw_text h2 {font-weight: bold; font-size: 1.2em; line-height: 14px; margin: 0 0 5px 0; padding: 0; color:#314998; }
.hiw_text h6 { font-weight: normal; color: #999; font-size: .8em; margin: 0 0 10px 0; padding: 0;}
.hiw_text h4 { color:#314998; font-size: 12px; font-weight: bold; margin: 0 30px 20px 0; padding: 0;}
.hiw_text p { color:#333; font-size: 12px; font-weight: normal; margin: 0 30px 20px 0; padding: 0;}

.howtoget {  border-bottom: 6px solid #314998; }

.img_90 { margin: 0 90px 0 90px; padding:0; }

.professionals { border-bottom: 6px solid #314998;}
.professionals h2 {font-weight: bold; font-size: 1.2em; line-height: 14px; margin: 20px 0 5px 13px; padding: 0; color:#314998; }
.professionals h6 { font-weight: normal; color: #999; font-size: .8em; margin: 0 0 10px 13px; padding: 0;}
.professionals h4 { color:#314998; font-size: 12px; font-weight: bold; margin: 0 30px 20px 13px; padding: 0;}
.professionals p { font-size: 12px; font-weight: bold; margin: 0 30px 20px 13px; padding: 0;}
.prof_accord_head { background-color: #e6e6e6; width:980px; margin:2px 0 0 0; padding:0; display:block; float: left; text-align: left; }
.prof_accord_head img{margin:7px; padding:0; display:block; float:left; }
.prof_accord_head h3 {font-weight: bold; font-size: 1.2em; line-height: 14px; margin: 12px 0 0 9px; padding: 0; color:#314998; display:block; float:left; }
.prof_accord_body { background-color: #efefef; width:980px; margin:0; padding:0; display:block; float: left; text-align: left; }
.prof_accord_body h2 {margin: 10px 10px 10px 20px;}
.prof_accord_body p {margin: 10px 10px 10px 20px;}
.prof_dl_box { margin: 10px 0 10px 40px; padding: 0; width: 430px; display:block; float:left;}
.prof_dl_box p { margin: 10px 0 10px 0; padding: 0; }
.prof_dl_box h4 { margin: 10px 0 10px 0; padding: 0; }
.prof_dl_box_wide { margin: 10px 0 10px 40px; padding: 0; width: 900px; display:block; float:left;}
.prof_dl_box_wide p { margin: 10px 0 10px 0; padding: 0; }
.prof_dl_box_wide h4 { margin: 10px 0 10px 0; padding: 0; }
.prof_dl_box2 { margin: 10px 40px 10px 0; padding: 0; width: 430px; display:block; float:right; }
.prof_download { margin: 0 0 4px 0; padding: 0; width: 430px; background: url(/web_assets/images/bg_download.png) repeat-y; display:block; float:left; }
.prof_download p { font-weight: bold; color: #314998; line-height: 14px; font-size: 11px; margin: 4px 0 0 8px; padding: 0; display:block; float:left;}
.prof_download h4 { font-weight: bold; color: #FFF; font-size: 14px; margin: 3px 6px 3px 0; padding: 0; display:block; float:right;}
.prof_download:hover { background: none; background-color:#263e73; }
.prof_download:hover p {color:#FFF; text-decoration: none; }
.pagecount {font-size: 12px; font-weight: bold; }

.stories { border-bottom: 6px solid #314998;}

.noMP {margin: 0; padding: 0; float:left; display:block; }
.sizeme { overflow:hidden; width: 980px; height: 384px; display:block; float:left; margin:0; padding:0;}
.w130 {width:130px;}

/*
=================================
V.  THIRD-PARTY REQ (PLUG-IN)
---------------------------------
*/
/***********************************************
* Step Carousel Viewer script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: hidden;
/*overflow: scroll; /*leave this value alone*/
width: 300px; /*Width of Carousel Viewer itself*/
height: 59px; /*Height should enough to fit largest content's height*/
display:block;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 300px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.commcarousel {
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: hidden;
/*overflow: scroll; /*leave this value alone*/
width: 580px; /*Width of Carousel Viewer itself*/
height: 64px; /*Height should enough to fit largest content's height*/
display:block;
}

.commcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}.commcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 580px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}