/* ======================================== Generic elements =================================================================  */

body{ margin:0px; padding:0px;font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#555;  background:#a5b6a4}

h1, h2, h3, h4, h5, h6, h7, p, form, input, ul, li,dl,dt,dd{padding:0px; margin:0px; font-weight:normal}
ul,ol { list-style: none; }
input, select, textarea{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#726051}
textarea:focus, input:focus, select:focus {background: #e2e2e2}
a{color:#b45364; text-decoration:none; outline:none}
a:hover{color:#4c787c; text-decoration:none}
a img{border:0}
*:focus{outline-width:0}
*{outline:none; outline:0}

.clear{ clear:both;}


#header:after,#middle:after, #footer:after, .content:after, .data:after{ content: "."; display: block; height:0; font-size:0px; clear: both; visibility: hidden; }

/* \*/ * html #header{height:1px} /* */
/* \*/ * html #middle{height:1px} /* */
/* \*/ * html #footer{height:1px} /* */
/* \*/ * html .content{height:1px} /* */
/* \*/ * html .data{height:1px} /* */

.colleft{float:left; width:auto }
.colright{float:right;width:auto}

.right{text-align:right}
.center{text-align:center}

.content{width:100%;}
.data{width:auto}


h1{font-size:22px;font-weight:bold; padding:0px; margin:0px 0 8px;}
h2{font-size:20px; color:#b45364; padding:0 0 8px; font-weight:bold}
h3{font-size:16px;padding:0 0 5px; font-weight:bold }
h4{font-size:15px; font-weight:bold }
h5{font-size:13px; font-weight:bold;}
p{padding:0 0 8px}


h3.heading{color:#b45364;}

.more{ background:url(../images/more-icon.gif) no-repeat 100% 4px; font-size:12px; padding:0 10px 0 0; font-weight:bold; }


/* ======================================== Wrapper ========================================================  */

#wrapper{  width:980px;padding:0px 10px; margin:0 auto; background:url(../images/outer-bg.png) repeat-y left top }

/* ======================================== Header ==========================================================  */

#header-container{ width:980px; padding-top:10px; background:#a5b6a4; }
#header{ width:980px; padding:0px; background:#bdcabd url(../images/header-bg.gif) repeat-x left -18px  }


/* ---------------- navigation -------------- */

#navigation { clear:both;width:980px; height: 44px; padding:7px 0 0px; background: url(../images/navigation.gif) repeat-x left top; }
#navigation ul { font-size: 14px; line-height: 35px; text-transform: capitalize; }
#navigation ul li { float: left; display: inline; }
#navigation ul li a { float: left; display: inline; color: #fff; text-decoration: none; }
#navigation ul li a span { float: left; display: inline; padding:0px 20px 0 20px; font-weight:bold; background: url(../images/menu-bg.gif) no-repeat 100% 0; cursor:pointer }

#navigation ul li a:hover, #navigation ul li a.selected,#navigation ul li a.selected:hover{ background-position:0 -35px!important; }
#navigation ul li a:hover span,#navigation ul li a.selected span,#navigation ul li a.selected:hover span{background-position:100% -35px; color:#fff;}


/* ---------------- Drop Down Menu -------------- */

.dropmenudiv{position:absolute;top: 0;border:0;line-height:18px;z-index:200;width:200px;visibility: hidden;background:#4d797d}
.dropmenudiv a{width: auto;display: block;text-indent: 8px;border-top: 1px solid #8ba498;
padding:4px 0;text-decoration: none;color:#fff}
* html .dropmenudiv a{ /*IE only hack*/
width: 100%;}
.dropmenudiv a:hover{ background-color: #7e9b93;color:#fff;}


/* ---------------- social links -------------- */
#navigation .facebook{ display:block; float:right; margin:8px 0px 0 0; background:url(../images/icon-facebook.gif) no-repeat 0 0; height:22px!important; width:22px; font-size:0px; line-height:22px }
#navigation .twitter{ display:block; float:right; margin:8px 0px 0 3px; background:url(../images/icon-twitter.gif) no-repeat 0 0; height:22px!important; width:22px; font-size:0px; line-height:22px }

#navigation a.home{ display:block; float:right; margin:8px 0px 0 0; padding:0px 18px; color:#fff; font-weight:bold; background:url(../images/icon-home.gif) no-repeat 0 3px; height:22px!important; line-height:22px }
#navigation a.cart{ display:block;float:right; width:auto;margin:8px 0px 0 0; padding:0px 14px 0 25px; font-weight:bold; color:#fff; background:url(../images/view-cart.gif) no-repeat left top;  height:22px!important; line-height:22px}

#navigation a.home:hover,#navigation a.cart:hover{color:#555}





/* ---------------- Header Logo -------------- */
#logo{float: left; display: inline; width:302px; font-size: 0; line-height: 0; padding:15px 0px 0px 30px; margin:0 }
#logo a { display: block; height:158px; text-indent: -4000px; background: url(../images/biosyntrx-logo.png) no-repeat left top; }

#logo.inner{float: left; display: inline; width:205px; font-size: 0; line-height: 0; padding:15px 0px 10px 30px; margin:0 }
#logo.inner a{ display: block; height:105px; text-indent: -4000px; background: url(../images/biosyntrx-logo-inner.png) no-repeat left top; }

/* ---------------- Slogan -------------- */
#slogan{float:left; display: inline; font-size:35px; color:#fff; width:510px; padding:0px; margin:19px 0 0 15px; letter-spacing:-1px;text-shadow:0 1px 0px #4c787c; }

/* ---------------- Slogan -------------- */
#slogan.inner{float:right; text-align:right; display: inline; font-size:30px; color:#fff; width:510px; padding:0px 25px 0 0; margin:25px 0 0 15px; letter-spacing:-1px;text-shadow:0 1px 0px #4c787c; }

/* ---------------- topbar -------------- */

#topbar{width:430px; float:right;margin-top:20px; color:#fff; font-size:16px; font-weight:bold}

#topbar span.phone{float:left;font-size:24px; letter-spacing:-1px;text-shadow:0 1px 0px #4c787c; display:inline; width:auto; }

/* ---------------- search -------------- */

#search { float: right; display: inline; padding:0px 20px 0 0; width: 238px;}
#search .field-holder { float: left; display: inline; width: 140px; background: url(../images/search-field.gif) no-repeat 0 0; padding: 1px 1px 1px 26px; }
#search .field { width: 140px; border: 0; background: none;  height:23px; padding:2px 0}
#search .button { float: left; display: inline; width: 70px; height: 29px; font-size: 0; line-height: 0; text-indent: -4000px; }
#search .button { background: url(../images/search-button.gif) no-repeat 0 0; border:0;cursor:pointer }





/* ==============================================  middle  ===========================================================  */

#main-banner{width:980px; padding:10px 0px; margin:0 auto; background:#bdcabd url(../images/middle-bg.gif) no-repeat left top }
#main-banner img{ display:block; margin:o auto}


/* ==============================================  middle  ===========================================================  */

#middle{ width:920px; padding:5px 30px 0px; margin:0 auto; background:#bdcabd url(../images/middle-bg.gif) no-repeat left top  }
#main{ float:left;width:675px}
#right-sidebar{ float:left;width:245px;margin-top:00px }

.pagecontent{ float:left; width:625px!important; }
.tabcontent{ float:left; width:625px!important; padding-left:35px!important}

.checkout-pagecontent{ float:left; width:660px!important; }


/* ---------------- top-btns -------------- */

#top-btns{ position:absolute!important;width:350px; margin:-30px 0 0 255px;  font-size:11px; font-weight:bold;}
#top-btns a{float:left; color:#555; display:block; width:auto; padding:0 0px 0 20px;margin:0px 6px 0 0}
#top-btns a:hover{ color:#b45364;}
#top-btns a.print{ background:url(../images/icon-print.gif) no-repeat left top;}
#top-btns a.email{ background:url(../images/icon-email.gif) no-repeat left top;}
#top-btns a.facebook{ background:url(../images/icon-facebook-small.gif) no-repeat left top;}
#top-btns a.twitter{ background:url(../images/icon-twitter-small.gif) no-repeat left top;}
#top-btns a.digg{ background:url(../images/icon-digg.gif) no-repeat left top;}


/* ---------------- page-headings -------------- */

.page-heading{float:left; width:35px; text-align:left; text-indent:-9999px; font-size:0px; height:240px}
.page-heading.friday-pearl{ background:url(../images/heading_friday-pearl.png) no-repeat left top}
.page-heading.education-library{ background:url(../images/heading_education-library.png) no-repeat left top}
.page-heading.BioTears{ background:url(../images/heading_BioTears.png) no-repeat left top}
.page-heading.MaculaComplete{ background:url(../images/heading_Macula-Complete.png) no-repeat left top}
.page-heading.Oculair{ background:url(../images/heading_Oculair.png) no-repeat left top}
.page-heading.ZoOmega-3{ background:url(../images/heading_ZoOmega-3.png) no-repeat left top}
.page-heading.Zeaxanthin4{ background:url(../images/heading_Zeaxanthin-4.png) no-repeat left top}
.page-heading.EpiCor{ background:url(../images/heading_Epicor.png) no-repeat left top}
.page-heading.AboutUs{ background:url(../images/heading_AboutUs.png) no-repeat left top}
.page-heading.Products{ background:url(../images/heading_Products.png) no-repeat left top}
.page-heading.News-Events{ background:url(../images/heading_News-Events.png) no-repeat left top}
.page-heading.ContactUs{ background:url(../images/heading_ContactUs.png) no-repeat left top}
.page-heading.PrivacyPolicy{ background:url(../images/heading_PrivacyPolicy.png) no-repeat left top}
.page-heading.OurGuarantee{ background:url(../images/heading_OurGuarantee.png) no-repeat left top}
.page-heading.Management{ background:url(../images/heading_Management.png) no-repeat left top}
.page-heading.FAQs{ background:url(../images/heading_FAQs.png) no-repeat left top}

.page-heading.ProfessionalEndorsements{ background:url(../images/heading_ProfessionalEndorsements.png) no-repeat left top}
.page-heading.ScientificAdvisoryBoard{ background:url(../images/heading_ScientificAdvisoryBoard.png) no-repeat left top}
.page-heading.UpcomingEvents{ background:url(../images/heading_UpcomingEvents.png) no-repeat left top}
.page-heading.ProductInformationVideos{ background:url(../images/heading_ProductInformationVideos.png) no-repeat left top}
.page-heading.PressReleases{ background:url(../images/heading_PressReleases.png) no-repeat left top}
.page-heading.GlossaryOfTerms{ background:url(../images/heading_Glossary-of-Terms.png) no-repeat left top}

.page-heading.BiosyntrxArticleLibrary{ background:url(../images/heading_BiosyntrxArticleLibrary.png) no-repeat left top}
.page-heading.Educational-Podcasts{ background:url(../images/heading_Educational-Podcasts.png) no-repeat left top}
.page-heading.Employment{ background:url(../images/heading_Employment.png) no-repeat left top}
.page-heading.OurGuarantee{ background:url(../images/heading_OurGuarantee.png) no-repeat left top}



/* ---------------- page-banner -------------- */
.page-banner{ width:100%; height:145px}
.page-banner p{ position:absolute;width:605px!important; margin:-7px 0px 10px -11px; padding:0}
.page-banner img{display:block;}





/* ----------------  widget -------------- */

.widget{width:auto;margin:0px 0px 12px; padding:0px;}
.widget .top{position:relative; background:url(../images/widget-tbg.gif) repeat-x 0 0; width:auto; display:block}
.widget .top .tl{background:url(../images/widget-tl.gif) no-repeat 0 0; width:auto;height:4px; display:block}
.widget .top .tr{background:url(../images/widget-tr.gif) no-repeat 100% 0; width:auto; height:4px;display:block; font-size:0px; line-height:0px; }

.widget .greentop{position:relative; background:url(../images/widget-green-tbg.gif) repeat-x 0 0; width:auto; display:block}
.widget .greentop .tl{background:url(../images/widget-green-tl.gif) no-repeat 0 0; width:auto;height:5px; display:block}
.widget .greentop .tr{background:url(../images/widget-green-tr.gif) no-repeat 100% 0; width:auto; height:5px;display:block; font-size:0px; line-height:0px; }

.widget .redhead{position:relative; background:url(../images/widget-redhead-tbg.gif) repeat-x 0 0; width:auto; display:block}
.widget .redhead .tl{background:url(../images/widget-redhead-tl.gif) no-repeat 0 0; width:auto; display:block}
.widget .redhead .tr{background:url(../images/widget-redhead-tr.gif) no-repeat 100% 0; width:auto; height:49px;display:block; }

.widget .greenhead{position:relative; background:url(../images/widget-greenhead-tbg.gif) repeat-x 0 0; width:auto; display:block}
.widget .greenhead .tl{background:url(../images/widget-greenhead-tl.gif) no-repeat 0 0; width:auto; display:block}
.widget .greenhead .tr{background:url(../images/widget-greenhead-tr.gif) no-repeat 100% 0; width:auto; height:49px;display:block; }

.widget .grayhead{position:relative; background:url(../images/widget-grayhead-tbg.gif) repeat-x 0 0; width:auto; display:block}
.widget .grayhead .tl{background:url(../images/widget-grayhead-tl.gif) no-repeat 0 0; width:auto; display:block}
.widget .grayhead .tr{background:url(../images/widget-grayhead-tr.gif) no-repeat 100% 0; width:auto; height:49px;display:block;  }

.widget h2.head{color:#fff; font-size:22px; font-weight:bold; padding:10px 0 0 18px; margin:0px }


.widget .bot{background:url(../images/widget-bbg.gif) repeat-x 0 0!important; width:auto; display:block}
.widget .bot .bl{background:url(../images/widget-bl.gif) no-repeat 0 0; width:auto;display:block}
.widget .bot .br{background:url(../images/widget-br.gif) no-repeat 100% 0; width:auto; height:4px; display:block;font-size:0px; line-height:0}

.widget .container{ padding:15px 20px;width:auto;background:#fff; border-left:1px solid #e5eae4; border-right:1px solid #e5eae4}

.widget .content{width:100%;}


/* ----------------  widget -------------- */

.widget-green{width:100%;padding:0px 0 10px;}
.widget-green .top{position:relative; background:url(../images/widget-green-tbg.gif) repeat-x 0 0; width:auto; display:block}
.widget-green .top .tl{background:url(../images/widget-green-tl.gif) no-repeat 0 0; width:auto;height:5px; display:block}
.widget-green .top .tr{background:url(../images/widget-green-tr.gif) no-repeat 100% 0; width:auto; height:5px;display:block; font-size:0px; line-height:0px; }

.widget-green .bot{background:url(../images/widget-green-bbg.gif) repeat-x 0 0!important; width:auto; display:block}
.widget-green .bot .bl{background:url(../images/widget-green-bl.gif) no-repeat 0 0; width:auto;display:block}
.widget-green .bot .br{background:url(../images/widget-green-br.gif) no-repeat 100% 0; width:auto; height:5px; display:block;font-size:0px; line-height:0}

.widget-green .container{ padding:0px 8px 8px;width:auto;background:#859c96; border-left:1px solid #adbdb9; border-right:1px solid #adbdb9}

.widget-green h3{color:#fff; margin:0 0 0px; padding:0}
.widget-green h5{color:#B45364}

.widget-green .box{ padding:8px;background:#fff; margin-top:8px}
.widget-green .price{padding-right:18px}
.widget-green .btns{padding-left:50px}
.widget-green .btns img{ vertical-align:middle}

/* ===================================  Product page  ==================================================  */

.product-image{ float:left;width:210px;}
.product-image img{width:170px}

.product-details{ float:left;width:362px;}
.note{font-size:11px; color:#888!important; font-style:normal; letter-spacing:1px; line-height:14px}


.purchase-info{ float:left;width:210px; margin-top:-30px; }
.feature-list{ float:left; width:auto}
.feature-list li{ width:354px; float:left;background:url(../images/list-bullet.gif) no-repeat 0 4px; padding:0px 0px 5px 12px;  }
.feature-list li a{ float:left; width:auto; font-weight:bold }
.product-details li{ width:354px; float:left;background:url(../images/list-bullet.gif) no-repeat 0 4px; padding:0px 0px 5px 12px;  }

.facts{ float:left; width:137px; height:21px; background:url(../images/facts-bg.gif) no-repeat 0 0px; font-weight:bold; line-height:16px; padding:4px 0px 0px 9px; margin-top:10px; font-size:11px;  margin-left:20px; }


/*-------------- Tabs --------------------------- */

#tabs {width:625px; margin:-15px 0 0 -21px; }
.tabs{ width:auto;height:36px; padding:5px 0px 0px 8px; background:#859c96 }
.tabs li{float:left;width:auto; margin-right:3px}
.tabs li a{float:left; width:auto; padding:0 0 0 6px;background:url(../images/tabs-left.gif) no-repeat 0 0px; }
.tabs li a span{float:left;display:block; width:auto;padding:0px 10px 0px 4px; line-height:35px; text-transform:uppercase;font-size:14px; height:36px;background:url(../images/tabs-right.gif) no-repeat 100% 0px; font-weight:bold;color:#fff;white-space:nowrap;cursor:pointer; }

.tabs li a:hover,.tabs li a:hover span{color:#333!important;}

.tabs li.selected a{color:#b45364!important;background:url(../images/tabs-left.gif) no-repeat 0 -36px}
.tabs li.selected a span{color:#b45364!important;background:url(../images/tabs-right.gif) no-repeat 100% -36px}


/* ---------------- tab-container -------------- */

#tab-container{ float:left; margin-top:0px}
.yui-content{background:#fff; border-top-width:0px; padding:15px }
#tab-container li{width:auto;padding:0px 0px 8px 12px;  background:url(../images/list-bullet.gif) no-repeat 0px 4px; }

.review-data{width:auto;padding:10px 10px 10px 45px; margin-bottom:8px; background:#eff4f3 url(../images/quotes.gif) no-repeat 10px 10px; }



/* ===================================  FAQ page  ==================================================  */

.faq a.menuitem,.faq a.menuitemup{display: block;position: relative; width: auto;padding: 8px 0px;background:#e7e7e7 url(../images/head-bg.gif) repeat-x 0 0}

.faq a.menuitem span{display:block;padding:0 10px 0 22px;font-size:18px;background: url(../images/plus.gif) no-repeat 5px 8px;color:#444}

.faq a.menuitemup span{display:block;padding:0 10px 0 22px; font-size:18px;background: url(../images/minus.gif) no-repeat 5px 10px;color:#444}
.faq a.menuitem:hover{}
.faq div.submenu{ border:none;}
.faq div.submenu ul{margin: 0;padding: 0;}
.faq div.submenu ul li{ margin:0 0px 1px; padding:0; width:100%}
.faq .ques-icon{font-size:18px; padding:5px 5px 0 0; font-weight:bold; }

.faq div.submenu ul li span{display:block;font-size:13px;font-weight:bolder; padding:2px 5px 5px 10px;cursor: pointer;color:#555;background:#f8f8f8 url(../images/list-bg.gif) repeat-x 0px -20px; }
.faq div.submenu ul li span:hover{}
.faq div.submenu ul li span.active{color:#444;background:#f8f8f8 url(../images/list-bg.gif) repeat-x 0px 0px;}

.faq div.submenu ul li p{font-style:normal;color:#555; background:#f8f8f8; padding:5px 10px }





/* ---------------- team-listing -------------- */
.team-listing{width:100%;padding:10px 0px;margin-bottom:10px; background:#eff4f3}
.team-listing:after{font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both}
/* \*/ * html .team-listing{height:1px} /* */

.team-listing .team-pic{ float:left;width:160px; padding-left:10px}
.team-listing .team-desc{float:left;width:395px; }
.team-listing .team-pic img{ display:block; width:100px; background:#fff; padding:6px; border-bottom:1px solid #e8e9e8;border-right:1px solid #e8e9e8}


/* ---------------- team-listing -------------- */
.event-listing{width:100%;padding:10px 0px;margin-bottom:10px; background:#eff4f3}
.event-listing:after{font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both}
/* \*/ * html .event-listing{height:1px} /* */

.event-listing .heading{padding-left:10px }
.event-listing .event-pic{ float:right;width:160px;}
.event-listing .event-desc{width:auto; padding-left:10px }
.event-listing .event-pic img{ display:block; width:136px; background:#fff; padding:6px; border-bottom:1px solid #e8e9e8;border-right:1px solid #e8e9e8}
.event-listing .event-desc span{color:#888}

/* ---------------- Photo widget -------------- */

 .image-widget{width:155px; height:auto; text-align:center; float:right; padding:10px;  margin:0px 0px 10px 10px;}
 .image-widget img{ border:1px solid #e8e9e8; background:#fff; padding:5px; margin:0px 0px 5px 0px}


/* ==============================================  Glossary Page   ===========================================================  */

.alpha-list{ padding:10px 0 10px 0px;color:#192f52; color:#888; margin-bottom:10px}
.alpha-list a{ font-weight:bold; font-size:14px;text-transform:uppercase; padding:0px 5px 2px; border-bottom:1px solid #dddddd; margin-right:3px}
.alpha-list a:hover{ border-bottom:2px solid #b45364;}

/* ---------------- glossaryList  -------------- */

.glossaryList{ width:100%}
.glossaryList dl{ text-align:left;  width:100%;padding:0px 0 15px 0; }
.glossaryList dt{font-weight:bold;font-size:15px;margin-bottom:6px; padding:3px 5px 3px 8px; background:#ededed}

.movetop{background:url(../images/top.gif) no-repeat left top; width:44px; height:11px; text-indent:-9999px; font-size:0px; display:block; float:right}





/* ==============================================  Right Sidebar   ===========================================================  */

h1.heading{color:#000; padding-bottom:3px;border-bottom:1px solid #f1f1f1}
h1.heading-checkout{color:#b45364; padding-bottom:3px;border-bottom:3px solid #eff4f3}

/* ---------------- listing -------------- */
.listing {width:100%;}
.listing li{ background:url(../images/bullet.gif) no-repeat 0 4px; padding:0px 0px 0px 14px; margin-bottom:10px; border-bottom:1px solid #c8d0c8 }
.listing li a{ float:left; width:auto; font-weight:bold }

.follow-links{float:right; background:#ecf2ec;height:19px; padding:2px 1px 2px 3px}
.follow-links li{display:inline; font-size:10px; }
.follow-links li img{ vertical-align:middle; margin-right:2px; width:15px}
.follow-links li a{color:#333}

/* ---------------- friday pearl widget -------------- */

.fr-widget{ position:absolute; width:194px; margin:-100px 0 0 770px; z-index:100 }
.fr-widget .ftop{position:relative; height:32px;padding:0px; font-size:0px; text-indent:-9999px; background:url(../images/fp-widget-top.png) no-repeat left top}
.fr-widget .fbot{position:relative; height:36px;padding:0px; font-size:0px; background:url(../images/fp-widget-bot.png) no-repeat left top}
.fr-widget .content{ color:#fff; width:144px; padding:0 25px 0px; background:url(../images/fp-widget-bg.png) no-repeat left top!important}
.signup-form{ margin:0; padding:0; }
.signup-form .text{ padding:2px; border:1px solid #bfc4c2; width:142px; margin-bottom:4px}
.signup-form p{padding:0 0 5px;}
.signup-form p input{ float:left}
.signup-form em{ font-style:normal;font-size:10px; line-height:14px; float:left; width:145px}
.signup-form .checkbox{ float:left; margin:0px; margin-right:3px}
.signup-form span{float:left; display:block; width:120px }

/* ---------------- contact -------------- */
.contact{width:auto; margin-top:10px;  padding:15px 15px 20px;background:#ededed; }
.contact form{margin:10px auto 0px;width:475px; display:block ;}
.contact label {display:block;float:left;width:85px;margin:0px 0px 0px 0px;padding:2px 0px 0px 0px;  height:20px;font-weight:bolder}
.contact input.text{display:block;float:left;width:380px;height:22px; background:#fff; border:1px solid #d8d8d8;margin:0px 0px 5px;overflow:hidden;padding:6px 0px 0px 4px;}
.contact input.text.small{width:152px}
.contact textarea.text {display:block; float:left;width:380px;height:115px; background:#fff;border:1px solid #d8d8d8;margin:0px 0px 5px;overflow:hidden;padding:3px 0px 0px 4px;}
.contact br{clear:both;}
.contact .btn{background:url(../images/btn.gif) no-repeat left top; width:87px; height:30px; text-align:center; border:0; color:#fff; font-weight:bold; font-size:14px}

/* ==============================================  Product Page   ===========================================================  */

#products-page{ width:980px;padding:240px 0px 0; margin:0 auto; background:#bdcabd url(../images/middle-bg.gif) no-repeat left top; height:130px; }


/* dock2 - bottom */
#dock2 {
position:relative;
	width: 980px; margin:0 auto;
}
.dock-container2 {
	position: absolute;
	height: 100px;
	padding:0px;
	width:980px;
	margin:0;
	z-index:1000
}
a.dock-item2 {
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 150px;
	color: #000;
	bottom: 0px;
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item2 h3 {
	display: none;
	padding-left:0px;
	color:#fff;
	text-align:center
}

.dock-item2 h3 strong{
	display:block;
	font-size:16px;
	color:#b45364;
	padding-bottom:6px;
	text-align:center
}
.dock-item2 h3 b{
	display:block;
	color:#000;
	padding-top:10px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
.dock-item2 h3 i{color:#809992; }
.dock-item2 h3 em{
	display:block;
	color:#000;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	font-style:normal
}
.dock-item2 img {
	border: none;
	margin: 5px 0px 0px;
	width: 100%;
}


/* ----------------  thumb-grid -------------- */

#thumb-grid { padding:0px 0 0px 0px }
#thumb-grid ul{margin:0; padding-left:8px}
#thumb-grid li{float:left;display:block;position:relative;width:79px;height:79px;padding:0px 0px 0 0px; margin:0px}
#thumb-grid a img{float:left;display:block;width:65px;border:3px solid #bdcabd;padding:1px; margin:0px; background:#fff }
#thumb-grid a:hover img{ border:3px solid #ddd;padding:1px; margin:0px; background:#859c96 }


/* ============================== slideshow =========================================  */

#slideshow {list-style:none; color:#fff; font-family:Arial, Helvetica, sans-serif}
#slideshow span {display:none}
#wrapper-slider {width:242px; margin:10px auto; display:none}
#wrapper-slider * {margin:0; padding:0}
#fullsize {position:relative; width:238px; height:270px; padding:2px; }
#information {position:absolute; text-align:center; bottom:0; width:242px; height:0; font-size:14px; font-family:Arial, Helvetica, sans-serif; background:#cad5ca; color:#fff; overflow:hidden; z-index:35; }
#information h3 {padding:4px 8px 3px; font-size:18px; color:#b45364}
#information p {padding:0 8px 8px; display:none}
#image {width:180px; margin:0 auto}
#image img {position:absolute; z-index:25; width:180px; background-color:#bdcabd}
.imgnav {position:absolute; width:20%; height:306px; cursor:pointer; z-index:20}
#imgprev {left:0; background:#bdcabd url(../images/left.png) left center no-repeat}
#imgnext {right:0; background:#bdcabd url(../images/right.png) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:30; opacity:.4; filter:alpha(opacity=40)}
#imglink_fix {width:100%; height:100%; background-image:url(images/fix.gif);}
#thumbnails {margin-top:8px}
#slideleft {float:left; width:20px; height:65px; background:url(../images/scroll-left.gif) center center no-repeat;}
#slideleft:hover {background-color:#bac7ba}
#slideright {float:right; width:20px; height:65px; background:url(../images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#bac7ba}
#slidearea {float:left; position:relative; width:192px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:70px}
#slider img {cursor:pointer; border:1px solid #fff; padding:2px 1px; width:40px; background:#fff}



/* ==============================================  Footer   ===========================================================  */

#footer { clear:both; width:980px;padding:18px 0 20px;background:#869d97; border-top:2px solid #c6d7d0}
#footer ul{text-align:center; }
#footer ul li{display:inline; color:#fff }
#footer ul li a{ color:#fff; padding:0px 6px; font-weight:bold }
#footer ul li a:hover{ text-decoration:underline}
#footer p{ padding:10px 0px 0px 0px; text-align:center; color:#cbd8ca;font-size:11px}
#footer p span.usa{ font-weight:bold; background:url(../images/USA.gif) no-repeat 100% 0; padding:0 27px 0 0; height:22px}



/* ---------------- ad-widget -------------- */

.ad-widget{ width:100%;  margin:0px; padding:0px 0px 15px;}
.ad-widget .tophead{background:url(../images/ad-widget-tbg.gif) repeat-x 0 0!important; width:auto; display:block}
.ad-widget .tophead .tl{background:url(../images/ad-widget-tl.gif) no-repeat 0 0; width:auto;display:block}
.ad-widget .tophead .tr{background:url(../images/ad-widget-tr.gif) no-repeat 100% 0; width:auto; height:54px; display:block;}
.ad-widget .tophead .tr h2.head{color:#fff; font-size:22px; font-weight:bold; padding:15px 0 0 18px; }

.ad-widget .bot{background:url(../images/ad-widget-bbg.gif) repeat-x 0 0!important; width:auto; display:block}
.ad-widget .bl{background:url(../images/ad-widget-bl.gif) no-repeat 0 0; width:auto; display:block}
.ad-widget .br{background:url(../images/ad-widget-br.gif) no-repeat 100% 0; width:auto; height:12px; display:block;font-size:0px}
.ad-widget .container{padding:0px 7px;width:auto; background:url(../images/ad-widget-cbg.gif) repeat-y 0 0;}
.ad-widget .content{background:url(../images/ad-widget-bg.gif) repeat-x left bottom}
.widget-data{padding:10px; height:120px}


.col{width:470px; float:left;}
.col.last{margin-left:8px}


/* ============================== Homepage =========================================  */

.products-container{ height:350px; padding-top:0px;  padding-left:40px; background:url(../images/product-banner.gif) no-repeat left top}
.plist{ display:inline; float:left;margin:0 16px 0 0; cursor:pointer}
.plist img{width:120px; }
.plist h1{ text-indent:-9999px}

._ZoOmega{ width:114px; height:205px; margin-top:50px;}
._Avantrx{width:104px; height:197px; margin-top:20px; }
._Macula_Complete{width:130px; height:254px; margin-top:50px;}

._BioTears{width:125px; height:230px; margin-top:98px;}
._Oculair{width:125px; height:240px;}
._Epicor{width:110px; height:200px; margin-top:85px;}
._Zeaxanthin{width:100px; height:185px; margin-top:65px;}


/* tooltip styling */
.tooltip {
	display:none;
	height:275px;
	padding:25px 26px 10px 50px;
	width:240px;
	font-size:14px;
}

.tooltip.tipleft{background:url(../images/tooltip-left.png);}
.tooltip.tipright{background:url(../images/tooltip-right.png); padding:25px 50px 10px 26px;!important }

.tooltip .tip-head{height:72px}
.tooltip h1{color:#fff; margin-bottom:5px}
.tooltip h3{color:#fff; font-size:12px;}


.tooltip .list{ width:auto;}
.tooltip .list li{float:left; width:220px;background:url(../images/list-bullet.gif) no-repeat 0 4px; padding:0px 0px 3px 12px;  }

.tooltip .btn{ position:absolute; margin:230px 0 0 0px;display:block;background:url(../images/price-btn.gif) no-repeat left top; width:101px; height:32px; font-size:24px; font-weight:bold; padding:0px; color:#333; text-align:center}

.tooltip .availability{position:absolute; width:80px; text-align:right;  margin:230px 0 0 160px;}
.tooltip h5.yes{color:#3f7a21}
.tooltip h5.no{color:#cc0000}


/* ============================== Homepage Boxes =========================================  */

#bottom-section{padding:100px 15px 5px; }

.boxes{float:left; width:237px; height:237px; margin:0; padding:0; font-size:12px; background: url(../images/section-bg.gif) repeat-x 0 0}
.boxes:hover{float:left; width:237px; height:237px; margin:0; padding:0; font-size:12px; background:url(../images/section-bg.gif) repeat-x 0 -237px}




.boxes .info{float:left; width:213px; padding:15px 7px 10px 12px;}
.boxes ul li{padding:0; margin:0px}
.boxes h1{color:#222; font-size:20px; margin-bottom:5px}


.boxes h3{font-size:16px; color:#b45364}
.boxes h5{font-size:12px; padding:0 0 5px 0px}
.boxes h5 em{ font-weight:normal}

.boxes a{color:#555}

.boxes.first{float:left; width:237px; height:237px; margin:0; padding:0; font-size:12px; background: url(../images/section-bg-left.gif) no-repeat 0 0}
.boxes.first:hover{float:left; width:237px; height:237px; margin:0; padding:0; font-size:12px; background:url(../images/section-bg-left.gif) no-repeat 0 -237px}


.boxes.last{float:left; width:237px; height:237px; margin:0; padding:0; font-size:12px; background: url(../images/section-bg-right.gif) no-repeat 0 0}
.boxes.last:hover{float:left; width:237px; height:237px; margin:0; padding:0; font-size:12px; background:url(../images/section-bg-right.gif) no-repeat 0 -237px}

#partners img{width:215px;}


.featured-product .product-pic{ float:left; width:65px;}
.featured-product img{ width:70px; margin-right:8px}
.featured-product .image{ float:left; width:55px; margin:0px}
.featured-product .product-info{ float:left; width:180px;}





/* ----------------  checkout ------------- */

table.checkout {margin:0; color:#000 }
table.checkout tr .head {font-weight:bold; padding:5px;  background:url(../images/table-head.gif) repeat-x left bottom; border-bottom:1px solid #e2e9e4}
table.checkout tr .head a:hover{ text-decoration:underline; }

table.checkout tr .bottom {font-weight:bold; padding:5px; background:#eff4f3; border-bottom:1px solid #e2e9e4}

table.checkout td{background:#fff;padding:6px 5px 5px 0px; font-size:18px;font-weight:bold;border-top: 1px solid #e2e9e4;}

table.checkout td.col1{width:375px; }
table.checkout td.col2{width:70px;}
table.checkout td.price{width:80px; padding-left:10px; text-align:right; background:url(../images/multiply.gif) no-repeat 0 16px}
table.checkout td.total{width:100px; padding-left:20px; text-align:right; background:url(../images/equal.gif) no-repeat 5px 16px}
table.checkout tr.odd td {background-color: #fafafa; border-bottom: 1px solid #fafafa;}

table.checkout td.spacer{ height:40px}


table.checkout td a{ color:#000}
table.checkout td a:hover{ color:#b45364}
table.checkout .inbox{width:56px;border:1px solid #d3dce4; padding:2px 2px 2px 3px;font-size:18px; text-align:center; color:#000; font-weight:bold}

/* ----------------Our Products widget-------------- */


.product-container{position:relative;padding:10px 0px;margin:0;z-index:2}
.product-item{display: block;float:left;width:102px;text-align:center;}
.product-item img{display: block; width:102px;}
img.btn-addtocart{width:90px!important; margin:0 auto}


#right-sidebar h1.head{color:#fff; font-size:24px; margin-bottom:5px}

/* ---------------- FAQ widget-------------- */

.accordion {width: 210px;}
.accordion h3 {
	background:url(../images/arrow-square.gif) no-repeat left -45px;
	padding: 7px 15px;margin: 0;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-bottom: solid 1px #eff4f3;
	color:#000;
	cursor: pointer;
}
.accordion h3:hover {
	background-color: #eff4f3;
}
.accordion h3.active {
	background-position: left 12px;
}
.accordion p {
	margin: 0;
	padding: 0px 15px 0px;
}



/* ---------------- checkout-form -------------- */

h2.heading{color:#000; font-size:18px; padding-bottom:3px; font-weight:bold}

.checkout-form{width:auto;}
.checkout-form .top-right{float:right; text-align:right}
.checkout-form .info{padding:5px 0 0}
.checkout-form label {display:block;float:left;width:145px;margin:0px;padding:5px 0px 0px 0px;  height:20px; color:#000}
.checkout-form input.text{display:block;float:left;width:300px;height:22px; line-height:22px; border:1px solid #d5d5d5;margin:0px 0px 5px;overflow:hidden;padding:0px 0px 0px 4px;}
.checkout-form input.text.small{width:142px}


.checkout-form select.select{display:block;float:left;width:276px; border:1px solid #d5d5d5;margin:0px 0px 5px;overflow:hidden;padding:2px 2px 2px 4px;}
.checkout-form select.select.small{width:130px;}
.checkout-form select.select.date{width:80px;}

.checkout-form br{clear:both;}
.left-space{margin-left:10px!important}
.checkout-form .btn{ border:1px solid #d19797; cursor:pointer; width:80px; background:#820000; color:#FFFFFF; font-weight:bold; padding:2px 10px; margin:10px 18px 0 0}

.msgbox{background:#eff3dc;padding:10px 10px 2px;color:#666;border:1px solid #dfe6bc;margin-bottom:10px}
.msgbox h4{ color:#74890d}
.errbox{background:#f7e9e9; padding:10px 10px 2px; color:#666; border:1px solid #e9d6d6; margin-bottom:10px}
.errbox h4{ color:#cc0000}
.green-txt{ color:#74890d}

.checkbtns{padding:6px 0 0; margin-bottom:6px}
.checkbtns span{margin-right:12px}

hr.line{ margin:0px 0px 15px; border-spacing:none; padding:0px; font-size:0px; line-height:0px; height:1px; border:0px; border-bottom:2px solid #eff4f3 }


/* ---------------- btn-green -------------- */

.btn-green{cursor:pointer; padding:0px 20px 0 0;background:url(../images/btn-green.gif) no-repeat right top; vertical-align:middle;height:36px;display:block;float:left;width:auto}
.btn-green span { padding:0px 0px 0 20px;background:url(../images/btn-green.gif) no-repeat left top; height:36px;color:#FFFFFF;font-weight:bold;font-size:18px; display:block;display:inline-block;line-height:35px; white-space:nowrap}
a.btn-green:hover {background:url(../images/btn-green.gif) no-repeat 100% -36px;}
a.btn-green:hover span {background:url(../images/btn-green.gif) no-repeat 0 -36px; color:#fff}

.btn-green-dim{cursor:default; padding:0px 20px 0 0;background:url(../images/btn-green.gif) no-repeat 100% -72px; vertical-align:middle;height:36px;display:block;float:left;width:auto}
.btn-green-dim span { padding:0px 0px 0 20px;background:url(../images/btn-green.gif) no-repeat 0 -72px; height:36px;color:#e5eae1;font-weight:bold;font-size:18px; display:block;display:inline-block;line-height:35px; white-space:nowrap}


/* ---------------- signin-form -------------- */

.loginbox{width:410px; height:217px; margin:60px auto 0px; padding:0; font-size:12px; background: url(../images/loginbox-bg.gif) repeat-x 0 0}
.loginbox h1{ padding:8px 12px 6px; border-bottom:1px solid #d6d6d6; margin-bottom:16px}
.loginbox label{display:block;float:left;width:135px;margin:0px;padding:5px 10px 0px 0px;  height:20px; color:#000; text-align:right;font-size:14px;}
.loginbox input.text{display:block;float:left; width:220px;height:22px; line-height:22px; border:1px solid #d5d5d5;margin:0px 0px 5px;overflow:hidden;padding:0px 0px 0px 4px; font-family:Verdana, Arial, Helvetica, sans-serif}
.loginbox .indent{padding-left:145px; margin-bottom:6px}

/* ---------------- product-widget -------------- */

.product-widget{ width:260px;  margin:0px 0px 0px -5px; padding:0px 0px 15px;}
.product-widget .tophead{background:url(../images/product-widget-top.png) no-repeat 0 0; width:260px; height:95px; display:block}
.product-widget .tophead h2.head{color:#fff; font-size:24px; font-weight:bold; padding:18px 10px 0 20px; }
.product-widget .tophead h3{color:#fff; font-size:15px; font-weight:bold; padding:5px 15px 0 20px;}

.product-widget .bot{ width:260px; height:21px; display:block}
.product-widget .container{padding:0px 13px 0px 12px;width:236px; background:url(../images/product-widget-brd.png) no-repeat 0 0;}
.product-widget .content{ padding:10px 0 0;background:#e8ecec url(../images/product-widget-grad.gif) repeat-x left bottom}


.product-widget .list{ width:auto; padding:0px 8px}
.product-widget .list li{float:left; width:136px;background:url(../images/list-bullet.gif) no-repeat 0 4px; padding:0px 0px 3px 12px;  }


/* ---------------- ECP Login page -------------- */

.login-page-heading{text-align:center; color:#000; font-size:33px; margin-top:20px}


.ecp-loginbox{ float:right;width:316px; height:167px; margin:50px 110px 0px 0px; padding:0; font-size:14px; background: url(../images/ecp-loginbox-bg.gif) no-repeat 0 0}
.ecp-loginbox h1{ padding:10px 12px 0px; font-size:18px; color:#000;}
.ecp-loginbox label{display:block;float:left;width:80px;margin:0px;padding:5px 0px 0px 15px;  height:20px; color:#000; text-align:left;font-size:14px;}
.ecp-loginbox input.text{display:block;float:left; width:190px;height:22px; line-height:22px; border:1px solid #d5d5d5;margin:0px 0px 5px;overflow:hidden;padding:0px 0px 0px 4px; font-family:Verdana, Arial, Helvetica, sans-serif}
.ecp-loginbox .indent{padding-left:95px; margin-bottom:6px}

.ecp-loginbox-captcha{ float:right;width:316px; height:300px; margin:50px 110px 0px 0px; padding:0; font-size:14px; background: url(../images/ecp-loginbox-bg-captcha.gif) no-repeat 0 0}
.ecp-loginbox-captcha h1{ padding:10px 12px 0px; font-size:18px; color:#000;}
.ecp-loginbox-captcha label{display:block;float:left;width:80px;margin:0px;padding:5px 0px 0px 15px;  height:20px; color:#000; text-align:left;font-size:14px;}
.ecp-loginbox-captcha input.text{display:block;float:left; width:190px;height:22px; line-height:22px; border:1px solid #d5d5d5;margin:0px 0px 5px;overflow:hidden;padding:0px 0px 0px 4px; font-family:Verdana, Arial, Helvetica, sans-serif}
.ecp-loginbox-captcha .indent{padding-left:95px; margin-bottom:6px}

.ecp-changebox{ float:right;width:316px; height:250px; margin:50px 110px 0px 0px; padding:0; font-size:14px; background: url(../images/ecp-changebox-bg.gif) no-repeat 0 0}
.ecp-changebox h1{ padding:10px 12px 0px; font-size:18px; color:#000;}
.ecp-changebox label{display:block;float:left;width:80px;margin:0px;padding:5px 0px 0px 15px;  height:20px; color:#000; text-align:left;font-size:14px;}
.ecp-changebox input.text{display:block;float:left; width:190px;height:22px; line-height:22px; border:1px solid #d5d5d5;margin:0px 0px 5px;overflow:hidden;padding:0px 0px 0px 4px; font-family:Verdana, Arial, Helvetica, sans-serif}
.ecp-changebox .indent{padding-left:95px; margin-bottom:6px}

.ecp_login_failed {color: #d97264; text-align: center;}

.captcha-box{
  width: 280px; float: left; height: 90px; margin:0px 0px 0px 30px;
}

.registerhere{ display:block; float:left;font-size:20px; color:#fff; text-align:center;width:316px; height:75px; padding:25px 0 0 0px;margin:80px 0 0px 110px;background: url(../images/registerhere.gif) no-repeat 0 0;}

.registerhere:hover{background: url(../images/registerhere.gif) no-repeat 0 -100px; color:#fff}

/* ---------------- ECP Ads page -------------- */

table.ECP-ads{}

table.ECP-ads th{ background:#f6f6f6; color:#555; border-bottom:1px solid #e9e9e9; padding:5px 5px; text-transform:uppercase; font-size:14px}
table.ECP-ads th span{text-transform:lowercase; font-weight:normal}
table.ECP-ads .texttable{padding:8px 5px; border-bottom:1px solid #e9e9e9; vertical-align:top}
table.ECP-ads .texttable.preview img{ margin-bottom:4px}
table.ECP-ads textarea{width:190px; height:80px; padding:2px; background:#f8f8f8; color:#000; border:1px solid #ddd; font-size:11px}
table.ECP-ads .product-pic img{width:50px}
table.ECP-ads .nlbutton{border:1px solid #999999;color:#000000;font-weight:bold;background:#ece9d8; font-family:Arial, Helvetica, sans-serif; padding:3px 6px; margin:0px; }

.ad-container{ padding:10px;}
.ad-container h2{ border-bottom:1px solid #ddd; margin-bottom:10px; padding-bottom:5px}
.ad-container h5{  margin:0px 0px 8px; font-size:14px}
.ad-container h5 span{ font-weight:normal;}
.ad-container h5 textarea{width:400px; height:80px; padding:2px;background:#f8f8f8; color:#000; border:1px solid #ddd; font-size:14px}
.ad-container .banner-ad{ float:right; margin:0px 0px 10px 0px}

.ad-container.skyscrapper img{ float:right; margin:0px}
.ad-container.skyscrapper .content{float:left; width:410px;}

.ad-container.banner img{ float:left; margin:0px 0px 15px}
.ad-container.banner .content{float:left; width:410px;}

/* ---------------- popup window -------------- */

div#nyroModalFull {
	font-size: 12px;
	color: #777;
}
div#nyroModalLoading {
	border: 4px solid #777;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(../images/ajaxLoader.gif) no-repeat;
	background-position: center;
}
div#nyroModalWrapper {
	background: #fff;
	border: 4px solid #777;
}
a#closeBut {
	position: absolute;
	display: block;
	top: -21px;
	right: -21px;
	width: 30px;
	height: 30px;
	text-indent: -9999em;
	background: url(../images/close.png) no-repeat;
	outline: 0;
}
div#nyroModalContent {
	overflow: auto;
}
div.wrapper div#nyroModalContent {
	padding: 5px;
}
div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div.wrapperImg img {
	vertical-align: baseline;
}
div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background:#588387;
	padding: 10px;
	margin: 10px;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}

/* ---------------- popup window -------------- */

div#nyroModalFull {
	font-size: 12px;
	color: #777;
}
div#nyroModalLoading {
	border: 4px solid #777;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(../images/ajaxLoader.gif) no-repeat;
	background-position: center;
}
div#nyroModalWrapper {
	background: #fff;
	border: 4px solid #777;
}
a#closeBut {
	position: absolute;
	display: block;
	top: -21px;
	right: -21px;
	width: 30px;
	height: 30px;
	text-indent: -9999em;
	background: url(../images/close.png) no-repeat;
	outline: 0;
}
div#nyroModalContent {
	overflow: auto;
}
div.wrapper div#nyroModalContent {
	padding: 5px;
}
div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div.wrapperImg img {
	vertical-align: baseline;
}
div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background:#588387;
	padding: 10px;
	margin: 10px;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}

.nolist{padding:0px; margin:0px}
.nolist li{padding:2px 0px; margin:0px}

h5.heading{color:#b45364;}