body { position:absolute; margin:0px;left:50%; margin-left:-512px; width:1024px; height:100%; background-color:#fff; }

.graybkgd { position:absolute; width:1024px; height:100%; background:#3c3c3c;  }

#background { position:absolute; top:0px; left:0px; width:1023px; height:850px; background:#3c3c3c; }

/* ----------------------------------------------------- */
/*                     Masthead                         */
/* ----------------------------------------------------- */


.logo { position:absolute; top:20px; left:1px; width:1022px; height:92px; background:url(../images/header.jpg) no-repeat; border-bottom:1px solid #222; border-right:1px solid #3c3c3c; }

.logo2 { position:absolute; top:20px; left:1px; width:1022px; height:92px; background:url(../images/header2.jpg) no-repeat; border-bottom:1px solid #222; border-right:1px solid #3c3c3c; }

.ghtlogo { position:absolute; top:80px; left:80px; width:1023px; height:92px; background:url(../images/ght_logo.png) no-repeat; z-index:50; }
.ghtlogo-bkgd { position:absolute; top:210px; left:0px; width:1023px; height:200px; background-color:rgba(0, 0, 0, 0.4); border-top:1px solid #888; border-bottom:1px solid #888; }

.altlogo { position:absolute;top:65px; left:75px; width:294px; height:91px;  background:url(../images/logo_fade.png) no-repeat; }
.ghtlogo-bkgd h1 { margin-left:120px; padding:75px 0px; font:normal 28px 'Century Gothic', Arial, sans-serif; color:#fff; }

/*------------------------------------------------------*/
/*December Special*/
/*------------------------------------------------------*/

.decspecialtitle { font:bold 14px 'Century Gothic', 'Myriad Pro', Arial, sans-serif; color:#d2232a; text-align:left; padding-top:0px; margin-left:0px; }

.decspecialcontent { font:normal 12px 'Century Gothic', 'Myriad Pro', Arial, sans-serif; color:#3c3c3c; text-align:left; padding-top:0px; margin-left:0px; }

#showDivText { font:italic 20px 'Century Gothic', Arial, sans-serif; color:#ffffff; padding:25px; }

.simpleTextNav { font:bold 14px 'Century Gothic', Arial, sans-serif; color:#777; }

.simpleTextNav a { font:bold 14px 'Century Gothic', Arial, sans-serif; color:#6c99c7; text-decoration:none;}

.simpleTextNav a:hover { text-decoration:underline; }

.simpleText { font:normal 14px 'Century Gothic', Arial, sans-serif; color:#4d4d4d; }

.simpleText a { font:normal 14px sans-serif; color:#6c99c7; text-decoration:none; }

.simpleText a:hover { text-decoration:underline; }

.footerTextSimp { font:normal 12px 'Century Gothic', Arial, sans-serif; color:#4d4d4d; }

.footerTextSimp a { font:normal 12px 'Century Gothic', Arial, sans-serif; color:#6c99c7; text-decoration:none;}

.footerTextSimp a:hover { text-decoration:underline; }

.titleSecondarySimp { font:bold 16px 'Century Gothic', Arial, sans-serif; color:#000000; }

.titleProdSimp { font:bold 30px 'Century Gothic', Arial, sans-serif; color:#6c99c7; }

.titlePrimDigestive { font:bold 20px 'Century Gothic', Arial, sans-serif; color:#f3c6c6; }

.titleSubDigestive { font:bold 16px 'Century Gothic', Arial, sans-serif; color:#f3c6c6; }

.titlePrimFoundation { font:bold 20px 'Century Gothic', Arial, sans-serif; color:#93de9d; }

.titleAboutSimp { font:bold 20px 'Century Gothic', Arial, sans-serif; color:#618fb9; }


.titleSubFoundation { font:bold 16px 'Century Gothic', Arial, sans-serif; color:#93de9d; }

.dialog-simpleRight {  width:400px; height:auto; overflow:auto; background-color:#fff; padding:10px 10px; margin-left:1px; border-left:1px solid #9a9a9a; }

.dialog-simplLeft { float:left; width:320px; background:#fff; padding:10px; }

td.lineItem { white-space:nowrap; text-align:right; }

#supportSimp { position:relative; top:20px; width:760px; padding:0px 0px; }
#supportSimp h1 { font:bold 20px 'Century Gothic', 'Myriad Pro', Arial, sans-serif; color:#000; margin:0px; padding:0px; }
#supportSimp h2 { font:bold 20px 'Century Gothic', 'Myriad Pro', Arial, sans-serif; color:#000; margin:40px 0px 5px 0px; }
#supportSimp h3 { font:bold 16px 'Century Gothic', 'Myriad Pro', Arial, sans-serif; color:#555; margin-bottom:0px; padding-bottom:0px; }
#supportSimp h4 { font:bold 14px 'Century Gothic', 'Myriad Pro', Arial, sans-serif; color:#686868; margin:0px; padding:0px; }
#supportSimp p { font:normal 14px 'Century Gothic', 'Myriad Pro', Arial, sans-serif; color:#686868; }
#supportSimp li a, #supportSimp a { font:bold 14px 'Century Gothic', 'Myriad Pro', Arial, sans-serif; color:#6c99c7; text-decoration:none; }
#supportSimp li a:hover, #supportSimp a:hover { text-decoration:underline; }
#supportSimp a { font-weight:normal; }
#supportSimp ol.legal li, #supportSimp .supportNav li { list-style:none; font:bold 14px 'Century Gothic', 'Myriad Pro', Arial, sans-serif; color:#777; }
#supportSimp ol.legal li li, #supportSimp li {margin:0px; margin-top:2px; font:normal 14px 'Century Gothic', 'Myriad Pro', Arial, sans-serif; color:#777; }

.imgL_simp { float:left; padding-right:10px; padding-bottom:5px; padding-top:5px; }
.imgR_simp { float:right; padding-left:5px; padding-bottom:5px; padding-top:5px; }






/* ----------------------------------------------------- */
/*                       Content                         */
/* ----------------------------------------------------- */

.dockBannerBkgd { height:279px; width:926px; background:ur(../images/home_banner4_rpt.gif) repeat-x; }
.dockBannerBkgd h1 { margin-top:65px; text-align:center; font:normal 36px 'Century Gothic', Arial, Helvetica, sans-serif; color:#fff; }

/*  PRODUCT INFO BOX  */
#content { position:absolute; top:130px; left:0px; width:1024px; height:670px; background:none; }

.mainContent { position:absolute; top:70px; left:370px; min-height:400px; overflow:hidden; }
.contentTitle { position:relative; top:0px; left:0px; width:576px; height:51px; background:url(../images/buy_box_top.png) no-repeat;  padding:0px; }
.contentTitle h1, .oppTitle h1 { font:normal 24px 'Century Gothic', 'Myriad Pro', Arial, sans-serif; color:#fff; text-align:left; padding-top:12px; margin-left:20px; }
.contentTitle2 h1, .oppTitle2 h1 { font:normal 24px 'Century Gothic', 'Myriad Pro', Arial, sans-serif; color:#fff; text-align:left; padding-top:12px; margin-left:20px; }
.contentActions { position:relative; width:574px; height:43px; margin:0px; background:url(../images/buy_box_blue.gif) repeat-x; border-left:1px solid #3eabc7; border-right:1px solid #3eabc7; }
.contentButtons { float:left; margin:0px; padding-top:3px; padding-left:10px; clear:both; }
.contentButtons img { float:left; margin:0px; padding:0px; }
div.contentButtons a span { display:none; }
div.contentButtons a:hover span { display:block; position:absolute; top:40px; padding:2px 4px; margin:0px 0px 0px 20px; z-index: 100; color: #fff; background: black; font: 10px Verdana, sans-serif; text-align: center; border:1px solid #3eabc7; text-decoration:none; }
.contentMain { position:relative; width:536px; height:auto; background:url(../images/buy_box_rpt.png) repeat-y; padding:20px 20px 1px 20px; text-align:justify;  border-bottom:none; }
/* .contentMain { border-left:1px solid #3eabc7; border-right:1px solid #3eabc7; overflow:hidden; z-index:0; }
.contentMain .contentBkgd { position:absolute; top:310px; left:-10px; width:600px; height:500px; background-color:#3ca6c2; z-index:1; } */
.oppMain { position:relative; width:576px; height:auto; background:url(../images/transparent_box2_mid_rpt.png) repeat-y; padding:20px 20px 0px 0px; text-align:justify; border:none; }
.contentMain h2 { font:normal 28px 'Century Gothic', 'Myriad Pro', Arial, sans-serif; color:#fff; font-style:italic; text-align:left; padding-top:0px; margin:0px 0px 0px 10px; }
.contentMain p { width:500px; font:normal 14px Arial, sans-serif; color:#fff; line-height:18px; padding-left:10px; }
.contentMain ul { float:left; width:240px; font:bold 16px Arial, sans-serif; color:#3eb4d3; margin:10px 0px 0px 0px; padding:0px 10px; }
/* .contentMain p, .contentMain ul { position:relative; z-index:5; }  */
.contentMain li { list-style-type:square; font:normal 14px Arial, sans-serif; color:#fff; text-align:left; letter-spacing:.1px; margin:5px 0px; }
.contentFooter { position:relative; width:576px; height:31px; border:none; }
.list-moreinfo { position:absolute; top:230px; right:150px; }

ul.textLinks { position:absolute; top:-15px; left:0px; width:500px; list-style:none; }
.textLinks li { display:inline; font:normal 10px sans-serif; color:#999; }
.textLinks li a { font:normal 10px sans-serif; color:#3eb4d3; text-decoration:none; }
.textLinks li a:hover { text-decoration:underline; }

#buyNow input, #buyNow label { float:0; margin:0px; padding:0px; }
#buyNow ul { float:right; margin:0px; padding:0px; padding-top:3px; list-style:none; }
#buyNow ul li { display:inline; font:normal 16px Arial, sans-serif; color:#fff; margin:0px; padding:0px; }
#buyNow img { border:none; }
#buyNow select { height:20px; margin:0px; padding:1px; margin-left:5px; }
#buyNow select, #buyNow input  { background-color:#90b5bf; border-top:2px solid #80a1aa; border-left:2px solid #80a1aa; border-right:1px solid #8cb0ba; border-bottom:1px solid #8cb0ba; }
input#price { width:50px; height:15px; margin:0px; padding:1px; }
#buyNow input.qtyBuyBox { width:20px; font:normal 14px Arial, san-serif; color:#333; height:15px; margin:0px; padding:1px; margin-left:5px; background-color:#90b5bf; border-top:2px solid #80a1aa; border-left:2px solid #80a1aa; border-right:1px solid #8cb0ba; border-bottom:1px solid #8cb0ba; }
input#qtyBuyBoxSimp { width:20px; font:normal 12px Arial, san-serif; color:#333; height:15px; margin:0px; padding-left:0px; margin-left:0px; background-color:#ffffff; border-top:2px solid #80a1aa; border-left:2px solid #80a1aa; border-right:1px solid #8cb0ba; border-bottom:1px solid #8cb0ba; }
input#addToCart { position:relative; top:6px; width:80px; height:20px; background:0; padding-top:0px; border:none; }
input#addToCartSimp { top:0px; width:36px; height:39px; background:0; padding:0px; border:none; }
input#addToCartSimpGry { top:0px; width:80px; height:24px; background:0; padding:0px; border:none; }
input#priceSimp { width:40px; font:normal 12px Arial, san-serif; color:#333; height:15px; margin:0px; padding-left:0px; margin-left:0px; background-color:#ffffff; border-top:2px solid #80a1aa; border-left:2px solid #80a1aa; border-right:1px solid #8cb0ba; border-bottom:1px solid #8cb0ba; }


.contentMain2 { position:relative; width:576px; height:auto; background:transparent; padding:20px 20px 0px 20px; text-align:justify; overflow:hidden; }
.contentMain2 .contentBkgd { position:absolute; width:576px; height:400px; background:#40a8c3 url(../images/buy_box_mid_rpt.gif) repeat-x top left; }
.contentMain2 p { width:500px; font:normal 14px Arial, sans-serif; color:#eee; line-height:18px; padding-left:10px; }
.contentMain2 ul { float:left; width:240px; font:bold 16px Arial, sans-serif; color:#3eb4d3; margin:10px 0px 0px 0px; padding:0px 10px; }
.contentMain2 li { list-style-type:square; font:normal 14px Arial, sans-serif; color:#fff; text-align:left; letter-spacing:.1px; margin:5px 0px; }
.contentFooter { position:relative; width:576px; height:31px; border:none; }


.productShot { position:absolute; left:1px; bottom:0px; margin:0px; padding:0px; }

/*  SUPPORT PAGES  */

#support { position:relative; top:130px; width:1024px; padding:0px 20px; }
#support h1 { font:bold 20px 'Century Gothic', 'Myriad Pro', Arial, sans-serif; color:#000; margin:0px; padding:0px; }
#support h2 { font:bold 20px 'Century Gothic', 'Myriad Pro', Arial, sans-serif; color:#000; margin:40px 0px 5px 0px; }
#support h3 { font:bold 16px 'Century Gothic', 'Myriad Pro', Arial, sans-serif; color:#555; margin-bottom:0px; padding-bottom:0px; }
#support h4 { font:bold 14px 'Century Gothic', 'Myriad Pro', Arial, sans-serif; color:#686868; margin:0px; padding:0px; }
#support p { font:normal 14px 'Century Gothic', 'Myriad Pro', Arial, sans-serif; color:#686868; }
.header { position:relative; top:150px; height:300px; margin:20px 40px; }
.header p { float:left; width:500px; font:normal 14px 'Century Gothic', 'Myriad Pro', Arial, sans-serif; color:#000; }
.container  { position:relative; float:left; width:450px; margin:10px 0px 10px 40px; }
.container img { float:left; margin:3px 8px 2px 0px; border:1px solid #ccc; }
/* used on footnote pages */
.supportNav { position:relative; top:80px; float:right; width:500px; }
.supportNav ul { list-style:none; }
#support ol.legal li, #support .supportNav li { list-style:none; font:bold 14px 'Century Gothic', 'Myriad Pro', Arial, sans-serif; color:#777; }
#support ol.legal li li, #support li {margin:0px; margin-top:2px; font:normal 14px 'Century Gothic', 'Myriad Pro', Arial, sans-serif; color:#777; }
.legal li ul { margin:-5px 0px 15px 0px; }

.container td { font:bold 12px 'Century Gothic', 'Myriad Pro', Arial, sans-serif; color:#000; }
.container td { font:normal 12px 'Century Gothic', 'Myriad Pro', Arial, sans-serif; color:#777; }
.container td a { font:normal 12px 'Century Gothic', 'Myriad Pro', Arial, sans-serif; color:#74a9b6; text-decoration:none; }
.container td a:hover { text-decoration:underline; }
.container ul { font:bold 14px 'Century Gothic', 'Myriad Pro', Arial, sans-serif; color:#000; }
.container img { border:none; }
.container tr { border-bottom:1px solid #aaa; }


#support li a, #support a { font:bold 14px 'Century Gothic', 'Myriad Pro', Arial, sans-serif; color:#74a9b6; text-decoration:none; }
#support li a:hover, #support a:hover { text-decoration:underline; }
#support a { font-weight:normal; }

.pagethumbs { float:right; margin:0px; padding-top:0px; padding-left:0px; clear:both; }

ul.sitemap li { position:absolute; top:53px; left:64px; background:none; font:normal 20px Arial, sans-serif; color:#fff; margin:2px 0px; text-align:left; width:132px; line-height:75px; }

ul.sitemap a { text-decoration:underline; color:#fff; }
ul.sitemap a:hover { text-decoration:underline; color:#000; }
ul.sitemap a:visited { text-decoration:none; color:#fff; }

.dialog p, .dialog li { font:normal 14px Arial, sans-serif; color:#4d4d4d; line-height:17px; }
.dialog h3 { font:bold 18px Arial, sans-serif; color:#000; }
.dialog-left { float:left; width:340px; background:#fff; padding:10px; }
.dialog-left p.disclaim, span.normal { font:normal 11px Arial, sans-serif; color:#4d4d4d; line-height:14px; }
.dialog p a, .dialog-left p a, .dialog li a, span.normal a { font-family:Arial, sans-serif; color:#0080bd; }
.dialog-right { float:left; width:400px; height:540px; overflow:auto; background-color:#fff; padding:10px 10px; margin-left:1px; border-left:1px solid #9a9a9a; }
.dialog-right img { float:left; border:1px solid #444; margin-right:10px; margin-bottom:5px; }
.media-right { width:310px; }

/* used on product detail pages and testimonial page for styling the input forms */
#faqform label, #submitTestimonial label { float:left; width:80px; text-align:right; font:normal 12px Arial, sans-serif; color:#13325c; line-height:14px; padding:0px; margin:2px 5px; }
#faqform input, #submitTestimonial input { float:left; width:190px; font:normal 11px Arial, sans-serif; color:#555; line-height:14px; padding:0px; margin:2px 0px; }
#faqform select, #submitTestimonial select { float:left; width:190px; font:normal 11px Arial, sans-serif; color:#555; line-height:14px; padding:0px; margin:2px 0px; }
#faqform textarea, #submitTestimonial textarea { width:190px; height:80px; font:normal 11px Arial, sans-serif; color:#555; margin:2px 0px; }
#faqform input.btnSubmit, #submitTestimonial input.btnSubmit { width:70px; height:20px; font:bold 11px Arial, sans-serif; color:#fff; padding:2px; border:1px solid #999; background-color:#13325c; }
input.checkbox { width:20px; padding-left:65px; }
div#releaseBox { position:absolute; top:240px; left:10px; width:300px; height:130px; overflow:auto; border:1px solid #333; background-color:#fff; padding:2px; margin:2px 5px; display:none; }

p.bold { font-weight:bold; }

/*  OPPORTUNITY PAGE  */

.oppTitle { position:relative; top:0px; left:0px; width:576px; height:51px; background:url(../images/transparent_box2_top.png) no-repeat;  padding:0px; }
.oppActions { position:relative; width:574px; height:43px; margin:0px; background:url(../images/join_bar_rpt.gif) repeat-x; border-left:1px solid #d97237; border-right:1px solid #d97237; }
.oppMain p { width:350px; font:normal 14px Arial, sans-serif; color:#fff; line-height:18px; padding-left:20px; }
.oppMain p a { font:normal 14px Arial, sans-serif; color:#74a9b6; line-height:18px; padding-left:20px; text-decoration:none; }
.oppMain p a:hover { text-decoration:underline; }
ul.contentSideNav {  position:absolute; top:15px; right:10px; width:200px; list-style:none; border:none; }
ul.contentSideNav li { font:normal 14px Arial, sans-serif; color:#d97237; text-decoration:none; margin:5px 0px; }
ul.contentSideNav li a { font:normal 14px Arial, sans-serif; color:#74a9b6; text-decoration:none; margin:5px 0px; }
ul.contentSideNav li a:hover { text-decoration:underline; }
.guyleaning { position:absolute; top:200px; left:255px; width:690px; height:497px; }
.quote { position:absolute; top:200px; left:20px; width:284px; height:96px; }
.compcover { position:absolute; top:150px; left:59px; }

.wrapper .page { position: relative; top:70px; margin:0px auto; width:616px; height:732px; background-color:#fff; }
.wrapper .pagesplit { float:left; width:290px; margin:0px 0px 0px 10px; padding:0px; }
.pullout { background:#b3d1df; border:1px dashed #999; }
div.pagesplit.pullout h2 { width:277px; padding:3px 7px; margin:0px; font:bold 12px Arial, sans-serif; color:#000; text-align:center; background-color:#444; }
div.pagesplit.pullout ol { padding:0px 10px 0px 40px; }
div.pagesplit.pullout p, .pagesplit.pullout li { font:normal 11px Arial, sans-serif; color:#555; }
.wrapper .page img { margin:0px auto; border:none; }
.wrapper .page h1 { font:normal 18px 'Century Gothic', Arial, sans-serif; color:#000; padding:0px 20px; margin-top:20px; }
.wrapper .page p, .page li { font:normal 14px Arial, sans-serif; color:#444; }
.wrapper .page p { padding:0px 20px; line-height:20px; }
.wrapper .page li { margin:5px 0px; }
.wrapper .page ul { padding:0px 20px; }
.wrapper .pageFooter { position:absolute; bottom:0px; }
.return { position:absolute; right:30px; top:113px; width:126px; height:30px; padding:5px 0px; background:url(../images/bkgd-nav2.png) no-repeat; text-align:center; z-index:300; }
.return a { font:bold 14px Arial, sans-serif; color:#74a9b6; text-align:right; text-decoration:underline; }
.return a:hover { text-decoration:none; }

.sendComplete { position:absolute; top:185px; left:520px; font:bold 15px Arial, sans-serif; color:#900; padding:8px; background-color:#fff; border:1px solid #3eabc7; }

/*  FOOTER  */

.footer { position:absolute; top:770px; width:1024px; height:auto; }
.footer ul { list-style:none; width:800px; margin:0px auto; text-align:center; }
.footer ul li, .card p { display:inline; font:normal 12px Arial, sans-serif; color:#aaa; text-align:center; }
.footer ul li a, .card p a { font:normal 12px Arial, sans-serif; color:#74a9b6; text-decoration:none; }
.footer ul li a:hover { text-decoration:underline; }
.card { width:500px; padding:5px; background-color:#323232; padding:10px; text-align:center; margin:0px auto; margin-bottom:10px; }
	
			
/* ----------------------------------------------------- */
/*                     Navigation                        */
/* ----------------------------------------------------- */

.navigation { position:absolute; margin:0px; padding:0px; right:20px; top:112px; width:450px; height:30px; z-index:95; background:url(../images/bkgd-nav.png) no-repeat; }
ul.nav { list-style:none; margin:0px; text-align:center; padding:2px 0px; width:450px; }
ul.nav li, ul.nav li a { display:inline; color:#fff; font:normal 16px 'Century Gothic', Arial, sans-serif; text-decoration:none; }

ul.nav a { text-decoration:none; color:#fff; }
ul.nav a:hover { text-decoration:none; color:#000; }

/*  PRIMARY NAVIGATION DROP DOWNS  */

ul.nav li a[title], ul.nav li ul li a[title] { border:none; }
ul.nav ul { margin:0px; padding:0px; list-style:none; width:150px; background-color:rgba(40, 40, 40, 0.85);  filter:alpha(opacity=85); }
ul.nav li ul { position:absolute; left:93px; top:20px; width:auto; display:none; z-index:600; margin:0px; padding:0px; padding-bottom:3px; }
ul.nav li ul li { padding:0px; margin:0px; width:190px; color:#000; }
ul.nav li ul li a { display:block; background:transparent; color:#fff; border:none; padding:2px 4px; margin:2px 0px; text-align:left; font:normal 14px "Myriad Web", Arial, sans-serif; }
ul.nav li ul.splash li a { color:#fff; }
ul.nav li ul li a:hover { color:#e22293; }
ul.nav li:hover ul, ul.nav li.over ul { display: block; }


			.clear { clear:both; }
			/* div { border:1px dotted red; } */


/* ---------------------------------------------------------------------------------------------- */

/* JQUERY Accordion  */

#about {  position:absolute; top:-1px; left:40px; width:350px; height:400px; padding-top:0px; }
#aboutContent { position:absolute; top:-67px; left:322px; min-height:400px;  }
#aboutContent .contentTitle { background:url(../images/about_us_box_top.png) no-repeat; }
#aboutContent .contentMain { width:534px; min-height:267px; background:url(../images/buy_box_mid_rpt.png) repeat-x;  border-left:1px solid #3eabc7; border-right:1px solid #3eabc7; overflow:hidden; }
.aboutBox { position:relative; top:-10px; left:0px; width:534px; height:auto; display:none; padding:0px; z-index:0; }
.aboutBox .contentBkgd { position:absolute; top:280px; left:-30px; width:600px; height:500px; background-color:#3ca6c2; z-index:1; }
.aboutBox p, .aboutBox ul { position:relative; z-index:5; }  /* to get the text to display above the content background */
.aboutBox p a { float:right; font:bold 16px Arial, sans-serif; color:#74a9b6; text-decoration:none; margin:0px; padding:0px; }
.aboutBox p a:hover { text-decoration:underline; }
.aboutBox ul { list-style:none; margin:0px; padding:0px 0px 0px 20px; width:500px; }
#about, .aboutBox h3 { font:normal 20px 'Century Gothic', 'Myriad Pro', Arial, sans-serif; color:#fff; text-decoration:none; margin:0px; padding:0px; margin-left:0px; }
#about ul { position:absolute; top:-20px; left:22px; list-style:none; width:260px; height:286px; background:url(../images/about_us_nav_rpt.png) repeat-x; padding:30px 0px; }
.aboutBox p, .aboutBox li { font:normal 15px 'Century Gothic', 'Myriad Pro', Arial, sans-serif; color:#fff; }
#about li { margin:6px 0px; }
#about li a { font:bold 14px 'Century Gothic', 'Myriad Pro', Arial, sans-serif; color:#74a9b6; text-decoration:none; }
#about li a:hover { text-decoration:underline; }

/* #aboutContent .contentMain .aboutBox h3 { position:absolute; top:-61px; left:120px; z-index:100; } not used */

h5 { text-align:right; margin:0px; padding:0px; font:normal 12px 'Century Gothic', 'Myriad Pro', Arial, sans-serif; color:#74a9b6; }


/* JQUERY DIALOG POP UP  */

.ui-dialog { border:1px solid #3eabc7; }
.ui-dialog-titlebar-close {  margin:0;  padding:4;  border:0;  outline:0;  text-decoration:none;  list-style:none;  background:url(../images/close.png) 0 0  no-repeat;  position:absolute;  top:3px;  right:0;  width:28px;  height:28px;  float:right;  }  /*resets*/  
.ui-dialog-titlebar-close-hover, .ui-dialog-titlebar-close:hover { background:url(../images/close_on.png) 0 0 no-repeat; }  
.ui-dialog-titlebar-close:active {  background: url(../images/close.png) 0 0 no-repeat;  }  
.ui-dialog-titlebar-close span {  display: none;  }  
.ui-dialog-container { background-color:#fff; }
.ui-dialog-content { padding: 1px;	border-style: none;	border-width: 0px;	background-color:#fff; }
.ui-dialog-titlebar { padding:7px;	background: url(../images/buy_box_blue.gif) 0 0 repeat-x;	font-family:'Century Gothic', Arial, Helvetica, sans-serif;	font-size: 12pt; font-weight: 600; letter-spacing: 2px; color: #FFFFFF; }
.ui-dialog.ui-resizable-disabled .ui-resizable-handle { display: none; }

/* JQUERY CODA SLIDER  */

.wrapper p { font:normal 14px 'Century Gothic', Arial, Helvetica, sans-serif; color:#fff; text-align: left; margin: 15px 0; line-height:18px; }

.wrapper p a, .wrapper li a { color: #39c; text-decoration: none }
.wrapper p a:hover, .wrapper li a:hover { text-decoration:underline; }

.wrapper h3 { font:bold 18px 'Century Gothic', Arial, Helvetica, sans-serif; color:#fff; border-bottom: 1px solid silver; margin-bottom: 5px; padding-bottom: 3px; text-align: left }

.stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; }

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */ margin: 0px 0; 	position: relative; width: 100%; }

/* These 2 lines specify style applied while slider is loading */
#banner .csw {width: 100%; height:290px; background: #fff; overflow: scroll}
#document .csw {width: 100%; height:790px; background: #fff; overflow: scroll;}
.csw .loading {margin: 200px 0 300px 0; text-align: center; }

#banner .stripViewer, #products .stripViewer { /* This is the viewing window */ position: relative; overflow: hidden; 
	border:none; /* this is the border. should have the same value for the links */
	margin: auto; width: 920px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 290px; clear: both; background:transparent; }
#document .stripViewer { /* This is the viewing window */ position: relative; overflow: hidden; 
	border:none; /* this is the border. should have the same value for the links */
	margin: auto; width: 920px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 790px; clear: both; background:transparent; }

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative; left: 0; top: 0; width: 100%; list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy  fools. */ }

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */ float:left; height: 100%; position: relative; z-index:10; width: 920px; /* Also specified in  .stripViewer  above */ }
#document .stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */ float:left; height: 100%; position: relative; z-index:290; width: 920px; /* Also specified in  .stripViewer  above */ }

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 0px; }

#banner .stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	position:absolute; left:50px; top:-47px; margin: auto; padding:0px 22px; }
#document .stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	position:absolute; right:5px; top:57px; margin: auto; padding:0px 10px; background:transparent; z-index:300; }
#products .stripNav { display:none; }

#banner .stripNav ul, #document .stripNav ul { /* The auto-generated set of links */ list-style: none; }
#banner .stripNav ul li, #document .stripNav ul li { float: left; padding:0px; margin-right: 0px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */ }
#banner .stripNav a, #document .stripNav a { /* The nav links */ font:normal 10px 'Century Gothic', Arial, Helvetica, sans-serif; text-align: center; line-height: 32px; background: #c6e3ff; color: #fff; text-decoration: none; display: inline; padding: 3px 5px; }

#banner .stripNav li.tab1 a, #document .stripNav li.tab1 a { background:transparent; }
#banner .stripNav li.tab2 a, #document .stripNav li.tab2 a { background:transparent; }
#banner .stripNav li.tab3 a, #document .stripNav li.tab3 a { background:transparent; }
#banner .stripNav li.tab4 a, #document .stripNav li.tab4 a { background:transparent; }
#banner .stripNav li.tab5 a, #document .stripNav li.tab5 a { background:transparent; }
#banner .stripNav li.tab6 a, #document .stripNav li.tab6 a { background:transparent; }
#banner .stripNav li.tab7 a, #document .stripNav li.tab7 a { background:transparent; }
#banner .stripNav li.tab8 a, #document .stripNav li.tab8 a { background:transparent; }
#banner .stripNav li.tab9 a, #document .stripNav li.tab9 a { background:transparent; }

#banner .stripNav li a:hover, #document .stripNav li a:hover { background-color:rgba(40, 40, 40, 0.25); }
#banner .stripNav li a.current, #document .stripNav li a.current { background-color:rgba(40, 40, 40, 0.45); color: #fff; }

#banner .stripNavL, #banner .stripNavR { /* The left and right arrows */ position: absolute; padding:0px 15px; top: 110px; text-indent: -9000em; z-index:100; }
#products .stripNavL, #products .stripNavR { display:none; }
#document .stripNavL, #document .stripNavR { /* The left and right arrows */ position: absolute; padding:0px 15px; top: 265px; text-indent: -9000em; z-index:100; }
#banner .stripNavL a, #banner .stripNavR a, #document .stripNavL a, #document .stripNavR a { display: block; height: 69px; width: 27px; }
#banner .stripNavL, #document .stripNavL { left: 0; }
#banner .stripNavR, #document .stripNavR { right: 0; }
#banner .stripNavL, #document .stripNavL { background: url("../images/home_arrow_left.gif") no-repeat center; }
#banner .stripNavR, #document .stripNavR { background: url("../images/home_arrow_right.gif") no-repeat center; }
#banner .stripNav, #document .stripNav { display: block; } 

.nobullets { list-style:none; }
div.contentBox { position:relative; padding:10px; z-index:3; margin:0px; min-height:350px;  }
.floatR { float:right; }
.small { width:268px; }

/* -------  REMOVES THE BORDER AROUND LINKS ---------  */
h5, a { user-focus: none; outline : none; -moz-user-focus: none; -moz-outline: none; behavior: url(../includes/userfocus.htc) }
a:focus { user-focus: none; outline : none; -moz-user-focus: none; -moz-outline: none; behavior: url(../includes/userfocus.htc) }

/* -------  IE PNG ALPHA FIX ---------  */
/* img, div { behavior: url(/includes/iepngfix.htc) } */