/*------------------------------------------------------------------------------------
Copyright Einstein Industries 2006. Used with Permission.                             
May not be duplicated or reproduced.
/*------------------------------------------------------------------------------------*/

/* Additional CSS added by PINT Inc. 2012 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label/*,table*/,tr,td {margin:0;padding:0;}
/*table{border-collapse:collapse;border-spacing:0;}*/
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
/*ol,*/ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
/*q:before,q:after {content:'';}*/

/* ------------------------ type selectors ------------------------ */
body { 
	background:#b4b4b4 url("../images/body.jpg") top repeat-x;
	text-align:center; 
	font:14px/16px Arial, Helvetica, sans-serif; 
	color:#4f4f4f;
	line-height: 100%;
}

blockquote { margin-left:10px; margin-right:10px; }

h1	{ font-size:1.2em; color: #0065A4; }
h2, h2 em { font-size:1.1em; color:#0065A4; }
h3	{ font-size:1.0em; color:#000; }

h1 span,h2 span,h3 span	{ display:none; }

a:link, a:visited { color:#0065a4; text-decoration:none; }
a:hover	{ color:#0065a4; text-decoration:underline; }

sup { font-size:.7em; line-height: 6px; }

.bold{ font-weight: bold;}
.blue { color: #0065A4; }

/* ------------------------ classes ------------------------ */
.clear	{ clear:both; }

div.clear	{ height:.01em; overflow:hidden; }

p.back-to-top {
text-align:right;
display:block;
padding-right:15px;
background:url("../images/bullet-back-to-top.gif") right no-repeat;
}

img.img-left { float:left; margin:2px 10px 10px 0px; }

img.img-right { float:right; margin:5px 0px 10px 10px; }

.small{ font-size: 80%; }

.sideCenter { padding-right: 18px; text-align:center; }




/* ------------------------ form elements ------------------------ */

/*input, textarea, select { 
background-color:#66FFCC !important;
border:1px solid #B4790C;
color:#000;
width:145px;
height:18px;
line-height:18px;
vertical-align: middle;
margin-bottom:4px;
padding:1px 0 0 4px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size:1.0em;
}*/

select { width:150px; padding:0; }

textarea { height:90px; overflow:auto; }

#contact_business { display: none; }

.tblbdr { margin-left: 20px; }
.tblbdr td { border-bottom: 1px #a2a3a5 solid; text-align:left; padding-top: 3px; padding-bottom: 3px; }
li { line-height: 125%; }
ol { padding-left:65px; padding-right: 45px;}

/* ------------------------ main contact form ------------------------ */
#contact-main { margin:20px 0 10px 0; }

#contact-main label { 
width:220px; 
position:relative; 
display:block; 
text-align:right; 
margin-bottom:10px;
font-size:1.0em;
}

#contact-main label input, #contact-main label textarea, #contact-main label select { 
width:170px;
position:absolute; 
left:110%; 
top:-2px;
}

#contact-main label select { width:175px; }

#contact-main label textarea { height:100px; overflow:auto; }

/* ------------------------ submit button form elements ------------------------ */

input.submit, input.submit-contact-main { 
width:60px;
height:20px;
cursor:pointer; 
padding:0; 
}

input.submit-contact-main { margin:95px 0 0 243px; }

input.submit-image, input.submit-contact-main {
background:url("../images/btn-submit.jpg");
width:64px;
height:20px;
border:none;
cursor:pointer;
}

/* ------------------------------- CONTENT FRAMEWORK ------------------------------- */

#wrap {
background:url("../images/wrap.jpg") repeat-y;
width:861px;
margin:0 auto;
text-align:left;
}

#wrap p, #wrap h1, #wrap h2, #wrap h3, #wrap ul, #wrap dl { margin:0px 35px 10px 35px; }

/* ------------------------ masthead framework ------------------------ */
#masthead {
background:url("../images/masthead.jpg") top no-repeat;
background-position:left;
height:28px;
}

/* ------------------------ column-left framework ------------------------ */
#column-left-wrap { background: url("../images/left-col.jpg") 0 0 repeat-y; float: left; }

#column-left { width: 273px; background: url("../images/left-col-btm.jpg") bottom left no-repeat; }

#column-left p, #column-left h1, #column-left h2, #column-left h3, #column-left ul, #column-left dl {
margin:10px 10px 10px 55px;
}

/* ------------------------ vertical sprite nav ------------------------ */
#column-left ul#nav {
background:url("../images/nav.gif") top left no-repeat;					
width:273px;
height:425px;
margin:0;
padding:0;
}

#nav li span { display: none; }

#nav li {
	float:left;
	list-style:none;
	position:relative;
	margin-left:43px;
	display:inline;
	height:23px;
	width:213px;
}

#nav a { 
height:23px;
width:213px;
display:block;
}


/* margin-top to set where the nav should begin */
#nav-01 { margin-top:134px; }
#nav-02, #nav-03, #nav-04, #nav-05, #nav-06, #nav-07, #nav-08, #nav-09, #nav-10 { margin-top:1px; }

#nav li#nav-11 { margin-top:3px; }
#nav li#nav-11, #nav li#nav-11 a { height:34px; }
#nav li#nav-12 { height:40px; margin-top:0; }
#nav li#nav-13 { height:42px; margin-top:0; }
#nav li#nav-14 { height:28px; margin-top:0; }
#nav li#nav-15, #nav li#nav-15 a, #nav li#nav-16, #nav li#nav-16 a { height:46px; margin-top:0; }


li#nav-01 a:hover { background:url("../images/nav.gif") -316px -134px no-repeat; }
li#nav-02 a:hover { background:url("../images/nav.gif") -316px -158px no-repeat; }
li#nav-03 a:hover { background:url("../images/nav.gif") -316px -182px no-repeat; }
li#nav-04 a:hover { background:url("../images/nav.gif") -316px -206px no-repeat; }
li#nav-05 a:hover { background:url("../images/nav.gif") -316px -230px no-repeat; }
li#nav-06 a:hover { background:url("../images/nav.gif") -316px -254px no-repeat; }
li#nav-07 a:hover { background:url("../images/nav.gif") -316px -278px no-repeat; }
li#nav-08 a:hover { background:url("../images/nav.gif") -316px -302px no-repeat; }
li#nav-09 a:hover { background:url("../images/nav.gif") -316px -326px no-repeat; }
li#nav-10 a:hover { background:url("../images/nav.gif") -316px -350px no-repeat; }
li#nav-11 a:hover { background:url("../images/nav.gif") -316px -376px no-repeat; }
li#nav-14 a:hover { background:url("../images/nav.gif") -316px -492px no-repeat; }
li#nav-15 a:hover { background:url("../images/nav.gif") -316px -520px no-repeat; }
li#nav-16 a:hover { background:url("../images/nav.gif") -316px -566px no-repeat; }

/*-------------- OPTIONAL - Keeps the hover state on each page based on body #id ------------- */
body#site-home #nav-01 { background:url("../images/nav.gif") -316px -134px no-repeat; }
body#patient-information #nav-02 { background:url("../images/nav.gif") -316px -158px no-repeat; }
body#high-cholesterol #nav-03 { background:url("../images/nav.gif") -316px -182px no-repeat; }
body#faqs #nav-04 { background:url("../images/nav.gif") -316px -206px no-repeat; }
body#safety #nav-05 { background:url("../images/nav.gif") -316px -230px no-repeat; }
body#for-healthcare-professionals #nav-06 { background:url("../images/nav.gif") -316px -254px no-repeat; }
body#dosing #nav-07 { background:url("../images/nav.gif") -316px -278px no-repeat; }
/*body#discount #nav-08 { background:url("../images/nav.gif") -316px -302px no-repeat; }
body#links #nav-08 { background:url("../images/nav.gif") -316px -326px no-repeat; }
body#contact #nav-09 { background:url("../images/nav.gif") -316px -350px no-repeat; }*/
body#links #nav-08 { background:url("../images/nav.gif") -316px -302px no-repeat; }
body#contact #nav-09 { background:url("../images/nav.gif") -316px -326px no-repeat; }

/* ------------------------ Text Size sprite nav ------------------------ */

li#fontSize-01, li#fontSize-01 a, li#fontSize-03, li#fontSize-03 a{ height:39px; width: 40px; }
li#fontSize-02, li#fontSize-02 a{ height:39px; width: 85px; }

li#fontSize-01 { margin-top:27px; margin-left: 65px; display: inline; }
li#fontSize-02 { margin-top:27px; margin-left: 0px; display: inline;}
li#fontSize-03 { margin-top:27px; margin-left: 0px; display: inline;}

li#fontSize-01 a:hover { background:url("../images/nav.gif") -334px -400px no-repeat; }
li#fontSize-03 a:hover { background:url("../images/nav.gif") -459px -400px no-repeat; }

/* ------------------------ column-right framework ------------------------ */
#column-right {
	width:585px;
	float:left;
	background:transparent url("../images/right-col.jpg") 0 0 no-repeat;
}

#column-right p, #column-right h1, #column-right h2, #column-right h3, #column-right ul, #column-right dl {margin:0px 37px 10px 18px; }

#column-right li {
margin:0 0 5px 15px;
padding-left:10px;
background:url("../images/bullet.gif") 0 4px no-repeat;
}

#column-right a:hover { color:#0065a4; text-decoration:underline; outline:none; }
#column-right a:link, a:active, a:visited { color:#0065a4; text-decoration:none; outline:none; }


/* ------------------------ horizontal sprite nav ------------------------ */
#column-right ul#sub-nav { 
background:url("../images/sub-nav.jpg") no-repeat; 
width:585px; 
height:37px; 
margin:0;
padding:0; 
}

#sub-nav span { display: none; }

#sub-nav li, #sub-nav a { height:28px; display:block; }

#sub-nav li { 
float:left; 
list-style:none; 
display:inline; 
position:relative;
margin:9px 7px 0 0;
background:none;
padding:0;
}

li#sub-nav-01 { width: 197px; margin-left:3px;}
#sub-nav-02 { width: 160px;}
#sub-nav-03 { width: 186px;}

#sub-nav-01 a:hover { background:url("../images/sub-nav.jpg") -3px -46px no-repeat; }
#sub-nav-02 a:hover { background:url("../images/sub-nav.jpg") -207px -46px no-repeat; }
#sub-nav-03 a:hover { background:url("../images/sub-nav.jpg") -374px -46px no-repeat; }


/* ------------------------ header framework ------------------------ */

#header-graphic { height:405px; background:url("../images/header-index.jpg"); }

/* ------------------------ subhead framework ------------------------ */
h1#subhead { height:47px; margin-bottom:0; } /* sets height for all subheads */
body#site-home h1#subhead { background:url("../images/subhead-index.jpg"); }
body#patient-information h1#subhead { background:url("../images/subhead-patient.jpg"); }
body#contact h1#subhead { background:url("../images/subhead-contact.jpg"); }
body#thankyou h1#subhead { background:url("../images/subhead-thankyou.jpg"); }
body#high-cholesterol h1#subhead { background:url("../images/subhead-cholesterol.jpg"); }
body#safety h1#subhead { background:url("../images/subhead-safety.jpg"); }
/*body#discount h1#subhead { background:url("../images/subhead-discount.jpg"); }*/
body#dosing h1#subhead { background:url("../images/subhead-dosing.jpg"); }
body#links h1#subhead { background:url("../images/subhead-links.jpg"); }
body#faqs h1#subhead { background:url("../images/subhead-faq.jpg"); }
body#for-healthcare-professionals h1#subhead { background:url("../images/subhead-hcp.jpg"); }


/* ------------------------ bottom-wrap framework ------------------------ */

#bottom-wrap {
background:url("../images/bottom-wrap.jpg");
width:100%;
height:20px;
clear:both; /* important */
}

/* ------------------------footer framework ------------------------ */
#footer {
	width:858px;
	text-align:center;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#footer p { color:#000; margin-left:10px; }

#footer a:link, #footer a:visited { color:#0065a4; text-decoration:none; }
#footer a:hover, #footer a:active {	color:#0065a4; text-decoration:underline; }

#footer ul {margin:0 0 10px;}
#footer li {
padding:0 5px 0 7px;
display: inline;
border-left: 1px solid #000;
line-height:1.5em;
}
#footer ul#footernav1 { margin:0; }
#footer li.first { border: none; clear:left; }

#footer hr {color: #666666; width: 90%;  }

#required { color: #FF6600; }



/* [ PWP SYSTEM STYLES ] */
/* -- Overwrite the contentblock starting and hover border colors. .editor-highlight is when you click on the 'column' item in the left-sidebar */
.editableLayoutBlockColumnContainer { min-height:20px !important; border:1px dashed #ccc !important; }
.editableLayoutBlockColumnContainer:hover, .editor-highlight { border:1px dashed #376f89 !important; }
/* -- isEditing wrap code to add instruction 'label'(span) to editing page. Not visible on publish */
.cb-hint { position:relative; padding:16px 0 0;  }
.cb-hint-label { position:absolute; top:0; left:0; padding:2px 5px !important; display:inline-block; color:#fff !important; font-size:10px !important; line-height:12px !important; background:#838383 !important; border-radius:3px 3px 0 0 !important; -moz-border-radius:3px 3px 0 0 !important; -webkit-border-radius:3px 3px 0 0 !important; }
.cb-hint-banner { width:100%; } 
.cb-hint-banner .editableLayoutBlockColumnContainer { min-height:205px !important; } 


/* CLEARFIX */
.clearfix:after { content:''; display:block; clear:both; }
.clearfix { *display:inline-block; }

/* OVERLAY
------------------------------------------------------------------------------------- */
#overlay { padding:20px; background:#fff; text-align:left; }
#overlay #wrap, #overlay #wrap p, #overlay #wrap h1, #overlay #wrap h2, #overlay #wrap h3, #overlay #wrap ul, #overlay #wrap dl { margin:0; width:auto; background:none; }
#overlay #wrap h2 { margin:0 0 10px; padding-top:10px; }
#overlay #wrap p { margin:0 0 10px; }
#overlay #wrap ul { margin:0 0 10px 25px; }
#overlay #wrap ul li { list-style-type:disc; margin-bottom:5px; }
#overlay .top { margin:25px 0 10px; font-size:10px; }
#overlay .font-sizer { margin:0 0 20px; padding:0 0 5px; border-bottom:1px solid #ccc; }
#overlay .font-sizer li { margin:0 10px 0 0; float:left; display:inline; font-size:.9em; }
#overlay .font-sizer .divider { padding:0 0 0 7px; display:inline-block; }


/* FANCYBOX (JQUERY) OVERLAY CONTROL
------------------------------------------------------------------------------------- */
#fancybox-loading { position:fixed; top:50%; left:50%; margin-top:-20px; margin-left:-20px; width:40px; height:40px; display:none; cursor:pointer; overflow:hidden; z-index:1104; }
* html #fancybox-loading { position:absolute; margin-top:0; }

#fancybox-loading div { position:absolute; top:0; left:0; width:40px; height:480px; background-image:url(../images/fancybox.png); }

#fancybox-overlay { position:fixed; top:0; left:0; bottom:0; right:0; display:none; background:#000; z-index:1100; }
* html #fancybox-overlay { position:absolute; width:100%; }

#fancybox-tmp { padding:0; margin:0; border:0; display:none; overflow:auto; }

#fancybox-wrap { position:absolute; top:0; left:0; margin:0; padding:0 0 25px; display:none; background:#fff; z-index:1101; }

#fancybox-outer { position:relative; width:100%; height:100%; background:#fff; }
#fancybox-inner { position:absolute; top:0; left:0; margin:0; padding:0; width:1px; height:1px; outline:none; overflow:hidden; }

#fancybox-hide-sel-frame { position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; }

#fancybox-close { position:absolute; top:-15px; right:-15px; width:30px; height:30px; display:none; background-image:url(../images/fancybox.png); background-position:-40px 0; cursor:pointer; z-index:1103; }

#fancybox_error { margin:0; padding:7px; color:#444; font:normal 12px/20px arial,sans-serif; }

#fancybox-content { padding:0; margin:0; height:auto; width:100% !important; }
#fancybox-img { margin:0; padding:0; width:100%; height:100%; line-height:0; vertical-align:top; outline:none; border:none; -ms-interpolation-mode:bicubic; }
#fancybox-frame { position:relative; width:100%; height:100%; display:block; border:none; }
#fancybox-title { position:absolute; bottom:6px; left:0; color:#0065a4; font-size:11px; font-weight:bold; }

.fancybox-title-inside { padding:10px 0; color:#333; text-align:center; }
.fancybox-title-outside { padding-top:5px; color:#fff; text-align:center; font-weight:bold; }
.fancybox-title-over { color:#fff; text-align:left; }
#fancybox-title-over { padding:10px; display:block; background-image:url(../images/fancy_title_over.png); }
#fancybox-title-wrap { display:inline-block; }
#fancybox-title-wrap span { height:32px; float:left; }

#fancybox-title-left { padding-left:15px; background:url(../images/fancybox.png) no-repeat -40px -90px; }
#fancybox-title-main { color:#fff; font-weight:bold; line-height:29px; background-image:url(../images/fancybox-x.png); background-position:0 -40px; }
#fancybox-title-right { padding-left:15px; background:url(../images/fancybox.png) no-repeat -55px -90px; }

#fancybox-left, #fancybox-right { position:absolute; bottom:0; width:35%; height:100%; display:none; cursor:pointer; outline:none; background-image:url(../images/blank.gif); z-index:1102; }
#fancybox-left { left:0; }
#fancybox-right { right:0; }

#fancybox-left-ico, #fancybox-right-ico { position:absolute; top:50%; left:-9999px; margin-top:-15px; width:30px; height:30px; display:block; cursor:pointer; z-index:1102;}
#fancybox-left-ico { background-image:url(../images/fancybox.png); background-position:-40px -30px; }
#fancybox-right-ico { background-image:url(../images/fancybox.png); background-position:-40px -60px; }

#fancybox-left:hover, #fancybox-right:hover { visibility:visible; }
#fancybox-left:hover span { left:20px; }
#fancybox-right:hover span { left:auto; right:20px; }

.fancy-bg { position:absolute; padding:0; margin:0; border:0; width:20px; height:20px; z-index:1001; }
#fancy-bg-n { top:-20px; left:0; width:100%; background-image:url(../images/fancybox-x.png); }
#fancy-bg-ne { top:-20px; right:-20px; background-image:url(../images/fancybox.png); background-position:-40px -162px; }
#fancy-bg-e { top:0; right:-20px; height:100%; background-image:url(../images/fancybox-y.png); background-position:-20px 0; }
#fancy-bg-se { bottom:-20px; right:-20px; background-image:url(../images/fancybox.png); background-position:-40px -182px; }
#fancy-bg-s { bottom:-20px; left:0; width:100%; background-image:url(../images/fancybox-x.png); background-position:0 -20px; }
#fancy-bg-sw { bottom:-20px; left:-20px; background-image:url(../images/fancybox.png); background-position:-40px -142px; }
#fancy-bg-w { top:0; left:-20px; height:100%; background-image:url(../images/fancybox-y.png); }
#fancy-bg-nw { top:-20px; left:-20px; background-image:url(../images/fancybox.png); background-position:-40px -122px; }