/*======================================

1 Priority Biocidal ---- stylesheet_2011.css
Author: The Idea Man Interactive

COLORS

Red #ec1c24 - 
DK Blue #1968b3 - 
Lt Blue #8cb8e4 - 
Dk Gray #2d2d2d - Body Text

======================================*/

/********** reset **********/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

:focus { outline: 0; }
body { line-height: 1; color: black; background: white;}
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/********** global **********/

body { width:100%; height: 100%; background: #fff; font-family: 'DroidSansRegular', arial, helvetica, sans-serif; font-size: 12px; color: #2d2d2d; line-height: 1.5em; }
a { text-decoration: none; color: #1968b3; outline: none; }
a:hover { text-decoration: none; color: #333; }

h1 { font-size: 20px; line-height: 24px; color: #666; padding 0; margin-bottom: 16px; font-weight: bold; }
h1.gendocsPageTitle { font-size: 20px; line-height: 24px; color: #1968b3; padding 0; margin-bottom: 16px; font-weight: bold; text-transform: uppercase; text-align: center; }
h1.nodisplay { height: 1px; text-indent: -9999em; text-transform: capitalize; margin: 0; padding: 0; }
h2 { font-size: 16px; color: #1968b3; padding-bottom: 14px; margin: 0; font-weight: bold; }
h2.black { font-size: 16px; color: #000; padding-bottom: 8px; margin: 0; font-weight: bold; }
h3 { font-size: 14px; font-weight: bold; color: #1968b3; margin-bottom: 6px; }
h1.ptitle { font-size: 24px; line-height: 24px; color: #1968b3; padding 0; margin-bottom: 8px; font-weight: bold; text-align: center; text-transform: uppercase; }
strong, b { font-weight: bold; }
p { margin-bottom: 16px;}
p.alignleft { text-align: left; padding: 12px; }
p.aligncenter { text-align: center; padding: 12px; }
em { font-style: italic; }
.padleft { padding-left: 19px; }
.padtop { padding-left: 40px; }
.hidden { visibility: hidden; }
.tiny { font-style: italic; font-size: 9px; color: #666; }
.left { float: left; text-align: left; vertical-align: top; }
.right { float: right; text-align: right; vertical-align: top; }

img.border { border: 1px solid #ccc; }

.center { width: 800px; margin: 0 auto; }
.rightarrow { font-size: 0px; line-height: 0%; width: 0px; border-top: 5px solid #ccc; border-left: 10px solid #ccc; border-bottom: 5px solid #ccc; }
.redtxt { color: #ec1c24; }

.breakline { border-top: 2px solid #ccc; margin: 12px 0; }

sup { font-size: 75%; position: relative; bottom: 0.4em; }
sub { font-size: 75%; position: relative; bottom: -0.2em; }

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
* html .clearfix {height: 1%;}
*:first-child+html .clearfix {min-height: 1px;}
.clear {clear:both;}

.wrapper { width: 960px; padding:0; margin:0 auto; position: relative; }


/********** fonts **********/

@font-face {
    font-family: 'DroidSansRegular';
    src: url('graphics/fonts/DroidSans-webfont.eot?') format('eot'),
         url('graphics/fonts/DroidSans-webfont.woff') format('woff'),
         url('graphics/fonts/DroidSans-webfont.ttf') format('truetype'),
         url('graphics/fonts/DroidSans-webfont.svg#webfontw7zqO19G') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DroidSansBold';
    src: url('graphics/fonts/DroidSans-Bold-webfont.eot?') format('eot'),
         url('graphics/fonts/DroidSans-Bold-webfont.woff') format('woff'),
         url('graphics/fonts/DroidSans-Bold-webfont.ttf') format('truetype'),
         url('graphics/fonts/DroidSans-Bold-webfont.svg#webfontSOhoM6aS') format('svg');
    font-weight: normal;
    font-style: normal;

}



/********** header **********/

#header { width: 960px; height: 131px; background: transparent url('graphics/2011/headerBG.jpg') no-repeat 0 0; margin: 0 auto; position: relative; border-bottom: 6px solid #ec1c24; }
.logo h1 { float: left;  padding: 0; margin: 27px 0 0 32px; border-bottom: 0; }
* html .logo h1 { margin: 27px 0 0 32px; }
.logo h1 a { text-indent: -9999px; width: 255px; height: 68px; background: transparent url('graphics/2011/ipb_logo.png') no-repeat 0 0; display: block; }

#nav { position: absolute; bottom: 0; right: 0; height: 23px; background: #afafaf url('graphics/2011/navbox.gif') top left no-repeat; }

.leftcap { background:url('graphics/2011/navbox_left.gif') top left no-repeat; width: 19px; height: 23px; }

ul.menu { margin: 3px 0 0 17px; padding: 0; height: 14px; position: relative; }
.menu li { display: inline; float: left; list-style: none; margin: 0; position: relative; height: auto; }
.menu li a { display: block; float: left; color: #000; font-size: 11px; text-decoration: none; padding: 0 7px; margin: 0; border-right: 1px solid #fff; }
.menu li a.last { border-right: 0px; }
.menu li a:hover { color: #fff; }
.menu li a.current { color: #666; }

/*secondary nav*/
div.dropmenu { position: relative; }
ul.menu ul { list-style-type: none; position: relative; padding: 0; margin: 0; }
.menu li ul { position: absolute; display: none; width: 220px; top: 18px; left: 0; border: 1px solid #292929; z-index: 99; }
.menu li ul li { background: 0; border-top: 1px solid #ccc; }
.menu li ul li a { padding: 4px 10px; width: 200px; background: #fff; height: auto; float: left; text-align: left; font-size: 10px; line-height: 30px; color: #333; border-right: 0; float: none; }
.menu li ul li a:hover { color: #1968b3; }
.menu li ul li:hover { background: transparent; }	
.menu li:hover ul { display: block; }


/******* distributor header logos ********/

.dist-advantech { width: 960px; height: 300px; background: transparent url('graphics/2011/dist_header_advantech.jpg') no-repeat 0 0; margin: 0 auto; position: relative; }
.dist-afs { width: 960px; height: 300px; background: transparent url('graphics/2011/dist_header_afs.jpg') no-repeat 0 0; margin: 0 auto; position: relative; }
.dist-cbm { width: 960px; height: 300px; background: transparent url('graphics/2011/dist_header_cbm.jpg') no-repeat 0 0; margin: 0 auto; position: relative; }
.dist-cleanenvironments { width: 960px; height: 300px; background: transparent url('graphics/2011/dist_header_cleanenvironments.jpg') no-repeat 0 0; margin: 0 auto; position: relative; }
.dist-ess { width: 960px; height: 300px; background: transparent url('graphics/2011/dist_header_ess.jpg') no-repeat 0 0; margin: 0 auto; position: relative; }
.dist-fast { width: 960px; height: 300px; background: transparent url('graphics/2011/dist_header_fast.jpg') no-repeat 0 0; margin: 0 auto; position: relative; }
.dist-germblast { width: 960px; height: 300px; background: transparent url('graphics/2011/dist_header_germblast.jpg') no-repeat 0 0; margin: 0 auto; position: relative; }
.dist-hawaii { width: 960px; height: 300px; background: transparent url('graphics/2011/dist_header_hawaii.jpg') no-repeat 0 0; margin: 0 auto; position: relative; }
.dist-ict { width: 960px; height: 300px; background: transparent url('graphics/2011/dist_header_ict.jpg') no-repeat 0 0; margin: 0 auto; position: relative; }
.dist-randmark { width: 960px; height: 300px; background: transparent url('graphics/2011/dist_header_randmark.jpg') no-repeat 0 0; margin: 0 auto; position: relative; }
.dist-tyss { width: 960px; height: 300px; background: transparent url('graphics/2011/dist_header_tyss.jpg') no-repeat 0 0; margin: 0 auto; position: relative; }

.dist-box { width: 530px; padding: 30px 0 0 30px; font-size: 13px; }
.dist-box a { color: #333; }
.dist-box a:hover { color: #666; }
table#dist-table td { padding-right: 22px; }
.dist-prod-btn { position: absolute; bottom: 40px; right: 40px; width: 174px; height: 35px; }


/********** newsticker/bluebar **********/

.bluebar { height: 28px; background: #1968b3 url('graphics/2011/bluebar_right.jpg') top right no-repeat; margin-bottom: 3px; }
.bluebarthin { height: 3px; }
.cartbtn { padding-left: 825px; }
.cartbtn a { text-indent: -9999px; width: 60px; height: 28px; background: transparent url('graphics/2011/bluebar_cart_btn.jpg') no-repeat 0 2px; display: block; }

/********** slideshow **********/

#slideshow { width: 960px; height: 300px; margin: 0 auto; background: #8cb8e4; margin-bottom: 4px; position: relative; overflow: hidden; }
.headline { color: #fff; padding: 24px 0 0 30px; font-size: 20px; line-height: 22px; font-weight: bold; z-index: 100; }
.bullets { color: #fff; padding: 16px 0 0 30px; font-size: 16px; font-style:italic; line-height: 16px; z-index: 100; }

.fd { width: 960px; height: 300px; background: transparent url('graphics/2011/ss_food_bg.jpg') no-repeat top right; z-index: 50; }
.sd { width: 960px; height: 300px; background: transparent url('graphics/2011/ss_healthcare_bg.jpg') no-repeat top right; z-index: 50; }
.hc { width: 960px; height: 300px; background: transparent url('graphics/2011/ss_foodqa_bg.jpg') no-repeat top right; z-index: 50; }
.cs { width: 960px; height: 300px; background: transparent url('graphics/2011/ss_shower_bg.jpg') no-repeat top right; z-index: 50; }
.bt { width: 960px; height: 300px; background: transparent url('graphics/2011/ss_bioterror_bg.jpg') no-repeat top right; z-index: 50; }
.md { width: 960px; height: 300px; background: transparent url('graphics/2011/ss_mold_bg.jpg') no-repeat top right; z-index: 50; }
.bs { width: 960px; height: 300px; background: transparent url('graphics/2011/ss_biospray_bg.jpg') no-repeat top right; z-index: 50; }

.morelinks { padding: 0 0 0 30px; line-height: 13px; text-transform: uppercase; position: absolute; top: 260px; left: 0; z-index: 10; }
.moreinfo { color: #fff; float: left; padding: 0 40px 0 22px; background: transparent url('graphics/2011/arrow.png') no-repeat 0 50%; }
.notsure { color: #fff; float: left; padding: 0 22px; background: transparent url('graphics/2011/arrow.png') no-repeat 0 50%; }

#sscontainer { width: 960px; height: 300px; margin: 0; position: relative; overflow: hidden; }
#ssnav { margin: 0; padding: 0; position: absolute; left: 740px; bottom: 0; font-size: .92em; line-height: 23px; width: 950px; float: left; z-index: 1000; }
#ssnav li { margin: 0 0 12px 0; padding: 0; list-style: none; float: left; display: inline; }
#ssnav li a { border: 0; display: block; background: url('graphics/2011/control_box_off.jpg') center no-repeat; width: 23px; height: 23px; color: #4f626f; text-align: center; }
#ssnav li a.activeSlide { border: 0; display: block; background: url('graphics/2011/control_box_on.jpg') center no-repeat; width: 23px; height: 23px; color: #fff; text-align: center; }
#ssnav li a#pbtn { cursor:pointer; margin: 0; padding: 0; }
#ssnav li a.pause { background: #fff url('graphics/2011/control_box_pause.jpg') center no-repeat; width: 24px; height: 23px; }
#ssnav li a.play { background: #fff url('graphics/2011/control_box_play.jpg') center no-repeat; width: 24px; height: 23px; }


/********** hm cta boxes **********/

#ctaboxes { margin: 4px 0; }
.box { float: left; display: block; width: 155px; height: 201px; text-align: center; margin: 0 2px; position: relative; }
.overlay { position: absolute; top: 0; left: 0; z-index: 100; color: #000; }
.overlay a { color: #000; }
.overlay a:hover { color: #333; }
.overlay h1 { text-indent: -9999em; }
.overlay p { font-size: 9px; width: 150px; line-height: 13px; text-align: center; padding: 6px 4px 0 4px; position: absolute; top: 40px; left: 0; z-index: 10; color: #000; }
.btn { width: 84px; height: 22px; position: absolute; bottom: 32px; left: 4px; }
.bio .btn { width: 84px; height: 22px; position: absolute; bottom: 6px; left: 34px; }

.rdcorners { -moz-border-radius: 9px 9px 0 0; -webkit-border-top-left-radius: 9px; -webkit-border-top-right-radius: 9px; border-radius: 9px 9px 0 0; }

.box7 { float: left; display: block; width: 137px; height: 207px; text-align: center; margin: 0; position: relative; }
.overlay7 { position: absolute; top: 0; left: 0; z-index: 100; color: #000; text-align: center; }
.overlay7 a { color: #000; }
.overlay7 a:hover { color: #333; }
.overlay7 h1 { text-indent: -9999em; }
.overlay7 p { font-size: 9px; width: 130px; line-height: 13px; text-align: center; padding-top: 6px; position: absolute; top: 36px; left: 3px; z-index: 10; color: #000; }
.btn7 { width: 74px; height: 20px; position: absolute; bottom: 32px; left: 4px; }
.bio7 .btn7 { width: 84px; height: 22px; position: absolute; bottom: 6px; left: 28px; }

/********** body **********/

.content { width: 900px; margin: 30px; text-align: left; }
.content-center { width: 800px; margin: 0 auto; text-align: left; padding: 30px 0; position: relative; }

.content-center h1 { text-transform: uppercase; font-size: 20px; color: #1968b3; text-align: center; }

div.columnwrapper { display: block; width: 100%; }
div.colL { width: 620px; float: left; padding: 0; margin-right: 50px; }
div.colR { width: 240px; float: left; padding: 0; }

.column-left { width: 620px; float: left; padding: 0; margin-right: 50px; }
.column-left-alt { width: 670px; float: left; padding: 0; }
.tb-box { width: 405px; height: 460px; font-size: 11px; float: left; margin-top: 24px; border: 1px solid #b5b5b5; }
.tb-box h2 { font-size: 14px; font-weight: bold; text-transform: uppercase; text-align: center; color: #fff; margin: 0; padding: 9px 0; background: #b5b5b5; }
.pad14 { padding: 14px; }
.box-last { margin-left: 30px; }

.column-left-boxfull { width: 600px; background: #fff; border: 1px solid #b5b5b5; margin: 30px 0; position: relative; text-align: center; font-size: 10px; line-height: 14px; color: #808184; }
.column-left-boxfull h2 { font-size: 14px; font-weight: bold; text-transform: uppercase; text-align: center; color: #fff; margin-bottom: 4px; padding: 7px 0; background: #b5b5b5; }
.column-left-boxfull img { padding: 12px 0; }

.column-left-boxhalf { float: left; width: 290px; height: 176px; background: #fff; border: 1px solid #b5b5b5; margin: 10px 4px 0 4px; position: relative; text-align: center; font-size: 10px; line-height: 14px; color: #808184; }
.column-left-boxhalf h2 { font-size: 14px; font-weight: bold; text-transform: uppercase; text-align: center; color: #fff; margin-bottom: 4px; padding: 7px 0; background: #b5b5b5; }

.column-right { width: 230px; float: left; padding: 0; }
.column-right img { margin-right: 14px; }
ul.twocolumn { width: 350px; margin: 14px; padding: 0; }
ul.twocolumn li { width: 175px; float: left; list-style: none; }

.column-right-box { width: 230px; background: #fff; border: 1px solid #b5b5b5; margin: 30px 0; position: relative; text-align: center; font-size: 9px; line-height: 14px; color: #808184; }
.column-right-box-lg { width: 230px; background: #fff; border: 1px solid #b5b5b5; margin: 30px 0; position: relative; text-align: center; font-size: 10px; font-weight: bold; color: #333; }
.column-right-box-sm { width: 230px; background: #fff; border: 1px solid #b5b5b5; margin: 20px 0; position: relative; text-align: center; font-size: 9px; line-height: 11px; color: #808184; }
.column-right-box h2, .column-right-box-sm h2 { font-size: 14px; line-height: 15px; font-weight: bold; text-transform: uppercase; text-align: center; color: #fff; margin-bottom: 4px; padding: 7px 0; background: #b5b5b5; }
.column-right-box-lg h2.bluebg { font-size: 14px; line-height: 15px; font-weight: bold; text-transform: uppercase; text-align: center; color: #fff; margin-bottom: 4px; padding: 7px 0; background: #81b3e8 !important; }
.column-right-box-sm h2.redbg { background: #ee3b33 !important; }
.column-right-box-sm h2.bluebg { background: #1868b2 !important; }
.pdflinktitle { color: #1968b3; font-size: 115%; }
.pdfdownloadbtn { clear: left; padding: 20px 0; }

.spot-box { width: 230px; background: #fff; border: 1px solid #ee3b33; margin: 0; position: relative; text-align: center; font-size: 10px; line-height: 14px; color: #808184; }
.spot-box h2 { font-size: 14px; font-weight: bold; text-transform: uppercase; text-align: center; color: #fff; margin-bottom: 0px; padding: 7px 0; background: #ee3b33; }

ul.twocol-list { width: 210px; text-align: left; margin: -40px 0 0 12px; padding: 0; }
ul.twocol-list li.title { float: left; width: 70px; list-style: none; }
ul.twocol-list li.desc { float: left; width: 140px; list-style: none; }

.column-right-box-lg ul { padding: 0; margin: 20px 12px 20px 30px; }
.column-right-box-lg li { text-align: left; margin-bottom: 6px; font-size: 11px; font-style: italic; }


#sublinks { margin: 20px 0 20px 0px; padding: 0; }
#sublinks ul { margin: 0; padding: 0; height: 34px; border-bottom: 1px solid #666; }
#sublinks ul li { display: inline; float: left; margin: 0 2px 0 2px; list-style: none; background: #ccc; }
#sublinks ul li a { display: block; float: left; width: 130px; height: 30px; font-size: 9px; line-height: 13px; text-transform: uppercase; text-align: center; text-decoration: none; padding: 3px 0 0 0; border: 1px solid #666; }
#sublinks ul li a.last {}
#sublinks ul li a:hover { color: #333; }
#sublinks li.item4 a, #sublinks li.item5 a, #sublinks li.item6 a { line-height: 26px; }
#sublinks li a.current { background: #fff; border-bottom: 1px solid #fff; }

ul.prod_powerpack_menu { width: 952px; }
ul.prod_d2_menu { width: 822px; margin-left: 62px !important; }

#sublinks ul.portal_menu li.item1 a, #sublinks ul.portal_menu li.item3 a, #sublinks ul.portal_menu li.item4 a { line-height: 26px; }

.test-title { color: #1968b3; margin-bottom: 14px; }
.test-saralee { width: 370px; background: url('graphics/2011/testimonial_logo_saralee.jpg') top right no-repeat; margin-bottom: 14px; }
.test-seminole { width: 640px; background: url('graphics/2011/testimonial_logo_seminole.jpg') top right no-repeat; margin-bottom: 14px;  }

/*************interior header**********/

#pheader { width: 960px; height: 270px; margin: 0 auto; background: #8cb8e4; margin-bottom: 4px; position: relative; overflow: hidden; border-top: 6px solid #1968b3; border-bottom: 6px solid #1968b3; }
#pheader-145 { width: 960px; height: 145px; margin: 0 auto; background: #8cb8e4; margin-bottom: 4px; position: relative; overflow: hidden; border-top: 6px solid #1968b3; }

.slide-145 { width: 960px; height: 145px; }
.headerchart { width: 960px; height: 145px; background: transparent url('graphics/2011/int_header_chart.jpg') no-repeat top right; }
.headerchart .prodlinks { float: left; width: 160px; padding: 4px 0 0 14px; line-height: 17px; }
.prodlinks a { font-size: 12px; }
.headerchart .callout { float: left; width: 620px; color: #fff; font-size: 13px; line-height: 18px; font-style: italic; text-align: center; padding: 16px 0 0 0; }

.slide-270 { width: 960px; height: 270px; }
.pheadertext { float: left; width: 745px; }
.pheadertext2 { float: left; width: 945px; }
.pheadline { color: #fff; padding: 16px 0 0 380px; font-size: 15px; line-height: 18px; font-weight: bold; }
.pheadline2 { color: #fff; padding: 50px 0 0 450px; font-size: 22px; line-height: 18px; font-weight: bold; }
.pbullets { color: #fff; padding: 12px 0 0 380px; font-size: 12px; line-height: 14px; font-style: italic; }
.pbullets2 { color: #fff; padding: 40px 0 0 380px; font-size: 12px; line-height: 14px; font-style: italic; }
.storebox { float: left; width: 215px; }
.buynow { width: 175px; height: 260px; background: #fff; border: 1px solid #666; margin: 4px 0 0 32px; position: relative; text-align: center; }
.buynow h2 { background: #e7e7e7; color: #666; padding: 6px 12px; font-size: 12px; text-align: center; margin-bottom: 6px; }
.buynowbtn { position: absolute; bottom: 8px; left: 45px; }

.contactline { color: #1968b3; padding: 16px 0 0 380px; font-size: 15px; line-height: 18px; font-weight: bold; }
.contactinfo { color: #fff; padding: 12px 0 0 380px; font-size: 15px; line-height: 18px; z-index: 100; }
.contactinfo span { color: #e8e8e8; font-size: 14px; }
.contactinfo a { color: #fff; text-decoration: underline; }


/***********interior header images*********/

.d2 { width: 960px; height: 270px; background: transparent url('graphics/2011/d2_header_bg.jpg') no-repeat top left; }
.pp { width: 960px; height: 270px; background: transparent url('graphics/2011/powerpack_header_bg.jpg') no-repeat top left; }
.shc { width: 960px; height: 270px; background: transparent url('graphics/2011/steriplexSD_header_bg.jpg') no-repeat top left; }
.ssd { width: 960px; height: 270px; background: transparent url('graphics/2011/steriplexCold_header_bg.jpg') no-repeat top left; }
.cold { width: 960px; height: 270px; background: transparent url('graphics/2011/shower_header_bg.jpg') no-repeat top left; }
.ultra { width: 960px; height: 270px; background: transparent url('graphics/2011/steriplexUltra_header_bg.jpg') no-repeat top left; }
.fab { width: 960px; height: 270px; background: transparent url('graphics/2011/sterifab_header_bg.jpg') no-repeat top left; }
.contact { width: 960px; height: 270px; background: transparent url('graphics/2011/contact_header_bg.jpg') no-repeat top left; }
.store { width: 960px; height: 270px; background: transparent url('graphics/2011/store_header_bg.jpg') no-repeat top left; }
.dist { width: 960px; height: 270px; background: transparent url('graphics/2011/contact_dist_header_bg.jpg') no-repeat top left; }
.member { width: 960px; height: 270px; background: transparent url('graphics/2011/member_header_bg.jpg') no-repeat top left; }
.membernodan { width: 960px; height: 270px; background: transparent url('graphics/2011/membernodan_header_bg.jpg') no-repeat top left; }

/**********background insert images**********/

.d2sprayer { background: transparent url('graphics/2011/d2_sprayerbg.jpg') no-repeat bottom right; }
.glplogo { background: transparent url('graphics/2011/glp_logo.jpg') no-repeat top right; }

ul.d2toplist { margin: 14px 0 24px 32px; }
ul.d2toplist li { font-size: 14px; line-height: 160%; font-weight: bold; font-style: italic; }
ul.steriplextoplist { margin: 14px 0 45px 32px; }
ul.steriplextoplist li { font-size: 14px; line-height: 200%; font-weight: bold; font-style: italic; }

li.doublespace { margin-bottom: 14px; }


/***********product pages*********/ 

.highlite { width: 570px; display: block; margin-bottom: 12px; padding-bottom: 12px; }
.highlite .image { float: left; width: 100px; }
.highlite .desc { float: left; width: 470px; }

.highlite-full { width: 100%; display: block; margin-bottom: 12px; padding-bottom: 12px; }
.highlite-full .image { float: left; width: 200px; text-align: right; margin-right: 20px; }
.highlite-full .desc { float: left; width: 470px; }

#clientswrapper { width: 805px; margin: 0 auto; }
.clients { float: left; width: 120px; height: 120px; margin: 6px; border: 1px solid #ccc; text-align: center; }
.clientsname { font-size: 10px; font-style: italic; line-height: 12px; }

.jumpmenu { font-size: 85%; font-weight: bold; }

/***********news*********/ 

#newswrapper { display: block; border-bottom: 2px solid #666; margin-bottom: 12px; padding-bottom: 12px; }
.newssnapshot { float: left; margin: 0 50px 0 20px; width: 230px; }
.newssnapshot img { margin-right: 14px; }
.newslister { float: left; width: 600px; }
.newsheadline { font-size: 20px; }
.newsblurb { margin: 14px 0 0 0; }
.newsblurb a { font-size: 90%; }

.doccontainer { border-bottom: 3px solid #1968b3; margin: 14px 0; padding-bottom: 14px; }
img.docthumres { border: 1px solid #ccc; vertical-align: middle; }
img.docthum { border: 1px solid #ccc; vertical-align: middle; }
img.docborder { border: 1px solid #ccc; }


/*************table striped**********/ 

table#zebra { border-collapse: collapse; width: 100%; }
table#zebra th { border-right: 1px outset #fff; background-color: #fff; color: #000; padding: 6px 0; font-weight: bold; }
table#zebra th.bluetab { text-align: center; background-color: #1968b3; color: #fff; }
table#zebra th.greytab { text-align: center; background-color: #666; color: #fff; }
table#zebra tr { background-color: white; margin: 1px; }
table#zebra tr.striped { background-color: #d3e7f8; }
table#zebra td { padding: 4px 0px; text-align: center; border-right: 1px outset #333; }
table#zebra tr td.name { text-align: left; padding-left: 8px; }
table#zebra tr.sect-title { text-align: left; background: #e7e7e7; }
table#zebra tr.sect-title td.name { text-align: left; font-weight: bold; }
table#zebra tr.sect-title2 { text-align: left; background: #e0e0e0; font-weight: bold; }
table#zebra tr.sect-title2 td.name { text-align: left; font-weight: bold; }
table#zebra tr.sect-blk { text-align: left; background: #000; font-weight: bold; }
table#zebra tr.sect-blk td.name { text-align: left; font-weight: bold; color: #fff; }
table#zebra tr.blank { background: #fff; }
table#zebra tr.blank td { border-right: 0px; }
.smtext { font-size: 85%; margin-top: 12px; }
.tbltitle { text-transform: uppercase; font-size: 16px; font-weight: bold; color: #1968b3; padding-left: 8px; }

.tablescroll { height: 450px; width: 816px; overflow: auto; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; }
#compareheader { width: 800px; margin-left: 0; border-bottom: 2px solid #ccc; }
#resourceheader { width: 900px; margin-left: 0px; background: #fff; border-bottom: 2px solid #ccc; }

table#zebra tr.sect-nobg { text-align: left; background: #fff; border-top: 1px solid #666; }
table#zebra tr.sect-nobg td.name { text-align: left; font-weight: bold; }
table#zebra td.noborder { padding: 4px 8px; text-align: center; border-right: none; }

.chart { border: 1px solid #ccc; padding: 6px; width: 800px; height: 400px; margin-bottom: 50px; text-align: center; }
.chartsm { border: 1px solid #ccc; padding: 6px; width: 610px; margin: 50px 0 0 0; }


table#ingredients-table { border-collapse: collapse; width: 600px; }
table#request { border-collapse: collapse; width: 100%; }

/*************footer**********/

#footer { width: 960px; height: 72px; background: #1968b3; color: #fff; font-size: 10px; line-height: 13px; margin-top: 4px; }
#footer a { text-decoration: none; color: #fff; }
#footer .left { float: left; margin: 10px; background: #1968b3; }
#footer .right { float: right; margin: 10px; background: #1968b3; }
#footer span { font-size: 9px; }


/*************forms**********/

fieldset { margin: 0px; padding: 0px; border: none; display: block; }
ul.form-list { margin: 0; padding: 0; float: left; }
ul.form-list li { margin: 0 0 5px; list-style: none; display: block; }
ul.form-list .input-box { float: left; width: 280px; }
ul.form-list input[type='text'], .form-list textarea { padding: 4px; width: 280px; border: 1px solid #969696; }
ul.form-list li.add-row { border-top: 1px solid #ddd; margin-top: 10px; }
ul.form-list li.add-row .btn-remove { font-size: 0; line-height: 0; padding: 5px 5px 0 0; text-align: right; }
ul.form-list .range input.input-text { width: 96px; }
.input-box { padding: 0 0 5px 0; text-align: left; }
.buttons-set { clear: both; margin: 5px 0 0; padding: 5px; }
.buttons-set button { margin-left: 0; }
.required { color: #e12e2e; }
p.required { font-size: 11px; text-align: right; }
.formtextRequired { font-weight: bold; }

.recaptchatable .recaptcha_image_cell, #recaptcha_table { background-color:#e7e7e7 !important; }
#recaptcha_table { border-color: #e7e7e7 !important; }
#recaptcha_response_field { border-color: #e7e7e7 !important; background-color:#fff !important; }

input.sub-btn { border: none; background: url('graphics/2011/btn_submit.jpg') no-repeat top left; padding: 0; text-indent: -9999em; width: 99px; height: 19px; text-transform: capitalize; }
.sub-btn:hover { cursor:pointer; }

input.cont-btn { border: none; background: url('graphics/2011/btn_continue.jpg') no-repeat top left; padding: 0; text-indent: -9999em; width: 107px; height: 23px; text-transform: capitalize; }
.cont-btn:hover { cursor:pointer; }

.formcol-L { float: left; width: 325px; margin-right: 25px; text-align: right; }
.formcol-M { float: left; width: 300px; }
.formcol-R { float: left; width: 100px; margin-left: 25px;}

table#request td { vertical-align: top; padding: 4px; }

.lgcheckbox { width: 20px; height: 20px; border: 1px solid #666; }
.lgcheckboxred { width: 20px; height: 20px; border: 1px solid #ee3b33; }

td.formlabel { width: 250px; white-space: nowrap; }
.formButtons { padding: 14px 0 0 150px; }
.formButtons a { background: #666; padding: 6px 12px; margin-right: 12px; color: #fff; }

/***********store/commerce**********/

#storeitem-wrapper { border-top: 1px solid #ccc; margin-top: 8px; padding-top: 8px; }
.col-sku { float: left; width: 55px; display: block; vertical-align: middle; font-weight: bold; }
.col-pimage { float: left; width: 80px; text-align: center; display: block; }
.col-pimage img { border: 1px solid #ccc; }
.col-desc { float: left; width: 465px; display: block; font-size: 110%; line-height: 13px; margin-right: 20px; }
.col-desc span.smdesc { font-size: 10px; line-height: 11px; }
.col-price { float: left; width: 80px; color: #1968b3; font-size: 110%; display: block; visibility: hidden; }
.col-prodbtn { float: left; width: 90px; display: block; }
.col-atcbtn { float: left; width: 90px; margin-left: 10px; display: block; }
.storeheader { margin: 24px 0 4px 0; padding-top: 8px; border-top: 3px solid #1968b3; }

#storedetailwrapper { margin: 8px 0 24px 0; }
.storedetail-image { float: left; width: 250px; }
.storedetail-image img { border: 1px solid #ccc; padding: 10px; }
.storedetail-text { float: left; width: 320px; margin-left: 50px; line-height: 160%; }
.storedetail-text .title { color: #1968b3; font-size: 140%; }
.storedetail-text .price { font-size: 140%; }

div .cart_add_label { float: left; margin-right: 6px; }
div .cart_add_qty  { float: left; }
div .cart_add_select { padding-bottom: 14px; clear: left; }
.cart_add_qty input[type="text"] { width: 15px; }
div .cart_add_submit {}
div .backtostore {}


/**************************************/
/*               CART                 */ 
/**************************************/

table#box { width: 100%; padding: 0; margin-bottom: 14px; border-top: 1px solid #666; border-bottom: 1px solid #666; }
.shoppingCartTableHeader th { border-bottom: 1px solid #333; text-align: center; font-weight: bold; padding: 4px; }
th.itemdesc { width: 500px; text-align: left; }
table#box td { vertical-align: top; padding: 4px; }
.shoppingCartEvenRow { background-color: #e7e7e7;}
.shoppingCartOddRow {}
a.sm { font-size: 85%; }
.cart-cc { float: left; width: 400px; }
.cart-total { float: left; width: 500px; }
.cart-total #totals { text-align: right; margin: 0; padding: 0; border: none; background: none; }
.cart-total #totals dt { list-style: none; float: left; width: 50%; margin: 0; padding: 2px 0; border: none; white-space: nowrap; }
.cart-total #totals dd { margin: 0; padding: 2px 0; width: 49%; float: left; border: none; border-bottom: 1px dotted #333; }
.cart-total #totals dd.total,
.cart-total #totals dt.total { border-bottom: none; font-size: 14px; }
.cart-total #totals dd.last,
.cart-total #totals dt.last { border-bottom: 1px solid #666; margin-bottom: 4px; padding-top: 2px; }
.cart-total #totals dd.total {color: #000;}
.cart-total #totals dt.total {color: #000;}
input.button-update { vertical-align: top; margin-top: 0px; }
.securetext { clear: both; margin-top: 24px; font-size: 85%; }
.cartbox { padding: 4px 4px 4px 8px; -moz-border-radius: 4px; -khtml-border-radius: 4px; background: #e7e7e7; color: #333; margin: 4px 0 12px 0; }
.cart-btn-wrapper { display: block; margin: 6px 0; }

.cartempty { text-transform: uppercase; font-size: 110%; }
.cartcookies { border-top: 1px solid #666; padding-top: 14px; font-size: 90%; }

.shoppingCartTableHeader, .shoppingItemHeading { background: #dedfe0; font-weight: bold; color: #000; padding: 6px 0 6px 6px; }
tr.shoppingCartTableHeader { border: 1px solid #666; }
.shoppingTableBorder { text-transform: capitalize; background: #fff; color: #333; }
.shoppingFormRequired { font-weight: bold; color: #ee3b33; white-space: nowrap; }
td.shoppingFormRequired, td.shoppingForm { text-align: left; }
.shoppingTable td { border-top: 1px dashed #666; padding: 6px; }
.shoppingTable td td { border-top: none; }
.shoppingTable td table td { border-bottom: 1px dashed #666; padding: 6px; }

#shoppingLogin { margin: 24px 0; width: 600px; }
#shoppingNewAccount { width: 600px; }
.shoppingNewCustomerHelp { margin-bottom: 14px; }
.shoppingNewAccountLink { font-size: 110%; }
.orderconfirm p { font-size: 120%; }


/**************************************/
/*              TICKER                */ 
/**************************************/


#newsticker { padding: 0 0 0 10px; height: 24px; }
.marqueetitle { float: left; width: 160px; line-height: 24px; color: #ec1c24; font-weight: bold; }
ul.marquee { display: block; padding: 0; margin: 0; list-style: none; line-height: 24px; position: relative; overflow: hidden; width: 740px; height: 24px; }
ul.marquee li { position: absolute; top: -999em; left: 0; display: block; white-space: nowrap; color: #ec1c24; font-size: 12px; padding: 0; z-index: 10; }


#message a {
display: block;
display: none;
z-index: 999; 
opacity: .8;
filter:alpha(opacity=80);
position: fixed;
top: 100%;
margin-top: -50px;
left: 50%;
margin-left: -100px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
width: 180px;
line-height: 20px;
height: 20px;
padding: 10px;
background-color: #000;
font-size: 13px;
text-transform: uppercase;
text-align: center;
color: #fff;
}

/* ModuleBegin::membership */
#formLogin { margin:0 auto; width:325px; }
.membershipLoginWrapper { }
.memberLoginBox { margin: 0 auto; }
.memberLoginBox td { padding: 2px; }
.memberUser { }
.memberPassword { }
.memberRemember { }
.memberForgot { }
.memberSubmit { }
.myaccountListerBack { text-align:center;width:100%;padding-top:10px; }

a.insertbutton { margin-top: 40px; background: #b60000; border: 1px solid #666; color: #fff; padding: 12px 24px; text-align: center; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; cursor: hand; }
a.insertbutton:visited { color: #fff; }
.insertbutton span { color: #fff; }

.myaccountHeading { font-size: 20px; line-height: 24px; color: #1968b3; padding 0; margin-bottom: 12px; font-weight: bold; text-transform: uppercase; }
.myaccountTitle { font-size: 16px; padding 0; margin-bottom: 8px; font-weight: bold; }
.freedomTable th { background: #e7e7e7; padding: 3px; font-weight: bold; }
.freedomTable td { padding: 3px; }

.myaccountForm table { width: 100%; padding: 3px; text-align: left; }
.myaccountForm table td { text-align: left; }
.myaccountForm input { padding: 3px; width: 200px; }
td.myaccountFormSection { font-weight: bold; padding-bottom: 4px; }
span.myaccountMessage { background: #ccc; padding: 6px; text-align: center; color: #ff0000; font-weight:: bold; }

td.formtext, td.formtextRequired { vertical-align: top; }


/********** Javascript popup calendar for edit controls *************/
#freedom_calendar { position: absolute; left: 100px; top: 100px; width: 175px; z-index: 100; visibility: hidden; clip:rect(0px 175px 145px 0px); height:145px; }
#freedom_calendar td { color:#fff; font: normal 12px Arial,Helvetica,Sans-serif; }
#freedom_calendar select.month { color: #000; width: 85px; }
#freedom_calendar input.year { color: #000; width: 30px; }
#freedom_calendar td.calDaysColor { color: #fff; background-color: #000; font-size:11px; }
#freedom_calendar td.calWeekend { color: #000; background-color: #192d4c; }
#freedom_calendar td.calBgColor { color: #fff; background-color: #d3d3d3; }
#freedom_calendar .calBorderColor { color: #000; background-color: #a9a9a9; }
#freedom_calendar td.calHighlightColor { color: #000; background-color: #ffc; }
#freedom_calendar a.calHighlightColor { color: #000; background-color: #ffc; }
#freedom_calendar a.cal { color: #fff; text-decoration: none; }  
#freedom_calendar a.cal:Hover { color: #000; background-color:#fff; padding:1px; text-decoration: none; } 
.disabled { color: #808080; text-decoration: none; }  
.butClass { border: 1px solid; border-color: #d6d3ce; }
.tdClass { padding-left: 3px; }

.popup { font-size: 9px; }
#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}

/* ModuleBegin::faq */
#faqRoot { margin: 0 auto; padding: 0; }
#faq .faqcontent { margin: 0 10px 0 15px; }
#faq h2.faqopened, #faq h2.faqclosed { cursor: pointer; padding: 0 0 0 15px; margin-bottom: 0; }
#faq h2.faqclosed:hover { color: #004469; }
#faq h2.faqclosed { background: transparent url(graphics/jquery/collapsed.gif) no-repeat scroll 0 5px; margin-bottom: 5px; }
#faq h2.faqopened { background: transparent url(graphics/jquery/expanded.gif)  no-repeat scroll 0 5px; }
/* ModuleEnd::faq */