/* Base Styles */
em { font-style: italic; }
strong { font-weight: bold; }
a { color: #336699; }
a:hover { color: #3F99C5; }

.clear { clear: both; }
.clearLeft { clear: left; height: 5px; }
.clearRight { clear: right; }

/* Document Styles */
html { background-color: #909EA6; background-repeat: no-repeat; background-image: url('../images/bg_footer.png'); background-position: bottom center; }
body { margin-bottom: 48px; background-color: #909EA6; background-repeat: repeat-y; background-image: url('../images/bg_page_new.png'); background-position: center; }

/* Header Styles */
#hd { border-right: 1px solid #a2a3a5; border-left: 1px solid #a2a3a5; }

#hd #header { background-repeat: repeat-x; background-image: url('../images/header.jpg'); height: 92px; }
#hd #header #cartNav { font-size: 93%; float: right; width: auto; text-align: right; background-color: #37B6D6; border-bottom: 1px solid black; border-left: 1px solid black; padding: 3px 10px 3px 10px; }
#hd #header #cartNav a { color: white; text-decoration: none; border-left: 1px solid white; padding: 0px 7px; }
#hd #header #cartNav a:hover { color: white; text-decoration: underline; }
#hd #header #cartNav a.firstLink { border-left: none; padding-left: 0px; }
#hd #header #cartNav a.lastLink { padding-right: 0px; }

#hd #header h1#logo { margin-left: 20px; width: 272px; height: 92px; text-indent: -1000px; }

#hd #searchBox { position: absolute; top: 1px; right: 5px; width: 200px; height: 23px; text-align: right; visibility: hidden; }
#hd #searchBox form { margin: 0px; padding: 0px; }
#hd #searchBox form input#searchText { width: 150px; border: 1px; padding: 0px; height: 15px; margin-top: 4px; }
*:first-child+html #hd #searchBox form input#searchText { margin-top: 2px; }

#hd #navigation { background-color: #154f7a; background-image: url('../images/bg_menu_alt_2.gif'); border-color: #9db3c3; border-left: none; border-right: none; position: relative; }
#hd #navigation li.yuimenubaritem { cursor: pointer; border-right: 1px solid #8da8bc; }
#hd #navigation li.yuimenubaritem-selected { background: transparent url('../images/bg_menu_selected.gif') repeat-x scroll top left; }
#hd #navigation a.yuimenubaritemlabel { color: white; cursor: pointer; border-color: #9db3c3; padding-left: 15px; padding-right: 15px; }
#hd #navigation a.yuimenubaritemlabel-selected { color: white; cursor: pointer; }

/* Body Styles */
#bd { padding-bottom: 20px; background-color: white; border-right: 1px solid #a2a3a5; border-left: 1px solid #a2a3a5; }

/* Front Page Styles */
#bd div.frontPage { margin-right: -26em; }

#bd div.frontPage div#frontPageHeaderLeft { height: 215px; background: transparent url('../images/bg_fp_below_banners.gif') repeat-x scroll 0px 199px; }

#bd div.frontPage h1 { font-size: 153.9%; font-weight: bold; color: #333366; margin: 10px 10px 10px 10px; }
#bd div.frontPage h2 { font-size: 116%; font-weight: bold; color: #333366; height: 29px; line-height: 29px; margin: 10px 10px 7px 10px; }

#bd div.frontPage h2.orange { color: white; background: transparent url('../images/bg_title_orange.gif'); padding: 0px 10px; text-transform: uppercase; }
#bd div.frontPage h2.blue { color: white; background: transparent url('../images/bg_title_blue.gif'); padding: 0px 10px; text-transform: uppercase; }
#bd div.frontPage h2.gray { color: white; background: transparent url('../images/bg_title_gray.gif'); padding: 0px 10px; text-transform: uppercase; }
#bd div.frontPage h2.green { color: white; background: transparent url('../images/bg_title_green.gif'); padding: 0px 10px; text-transform: uppercase; }
#bd div.frontPage h3 { font-size: 108%; margin: 10px 10px 7px 10px; color: #000000; font-weight: bold; }
#bd div.frontPage p { margin: 5px 15px; }

#bd div.frontPage ul { margin: 1em 1em 1em 40px; }
#bd div.frontPage ul li { list-style: disc outside; margin: 1px 0px 2px 0px; }
#bd div.frontPage ul li strong { display: block; }

#bd div.frontPage table { border-collapse: separate; margin: 10px 20px; border: 1px solid #666; width: 400px; font-family: verdana; font-size: 93%; }
#bd div.frontPage table caption { margin-left: -5px; font-weight: bold; margin-bottom: 5px; }
#bd div.frontPage tr td, #bd div.frontPage tr th { font-size: 93%; padding: 3px 8px; background: #fff; }
#bd div.frontPage thead td, #bd div.frontPage tbody th { color: #000; background-color: #CDEAFE; font-weight: bold;border-bottom: 1px solid #999; border-top: 1px solid #999; border-left: 1px solid #D9D9D9; }
#bd div.frontPage thead.first-of-type td, #bd div.frontPage tbody.first-of-type th { border-top: none; }
#bd div.frontPage tbody td { border-left: 1px solid #D9D9D9; }
#bd div.frontPage tbody tr.even td { background: #eee; }
#bd div.frontPage tbody tr.selected td { background: #3d80df; color: #ffffff; font-weight: bold; border-left: 1px solid #346DBE; border-bottom: 1px solid #7DAAEA; }
#bd div.frontPage tbody tr.ruled td { color: #fff; background-color: #FF850D; }

#bd #sidebarFront { width: 24.0769em; }

#bd #sidebarFront div#frontPageHeaderRight { text-align: right; height: 215px; background: transparent url('../images/bg_fp_below_banners.gif') repeat-x scroll 0px 199px; }

#bd #sidebarFront h2 { font-size: 116%; font-weight: bold; color: #333366; height: 29px; line-height: 29px; padding: 0px 10px; text-transform: uppercase; margin-right: 10px; margin-left: 10px; }
#bd #sidebarFront h2.orange { color: white; background: transparent url('../images/bg_title_orange.gif'); }

#bd #sidebarFront ul { margin: 1em 1em 1em 35px; }
#bd #sidebarFront ul li { list-style: disc outside; margin: 0px 0px 10px 0px; }
#bd #sidebarFront ul li strong { display: block; }
#bd #sidebarFront ul.orange li { list-style-image: url('../images/arrow_orange.gif'); }
#bd #sidebarFront ul.orange li strong { color: #ff850d; }

/* Cart Page Styles */
#bd div.cart { padding-top: 15px; background: transparent url('../images/bg_fp_below_banners.gif') repeat-x scroll 0px 0px; }

#bd div.cart div#breadcrumb { font-size: 85%; margin-left: 10px; }

#bd div.cart h1 { font-size: 153.9%; font-weight: bold; color: #333366; margin: 10px 10px 10px 10px; }
#bd div.cart h2 { font-size: 116%; font-weight: bold; color: #333366; height: 29px; line-height: 29px; margin: 10px 10px 7px 10px; }

#bd div.cart h2.first { margin: 10px 0px 7px 10px; }
#bd div.cart h2.middle { margin: 10px 5px 7px 5px; }
#bd div.cart h2.last { margin: 10px 10px 7px 0px; }

#bd div.cart h2.orange { color: white; background: transparent url('../images/bg_title_orange.gif'); padding: 0px 10px; text-transform: uppercase; }
#bd div.cart h2.blue { color: white; background: transparent url('../images/bg_title_blue.gif'); padding: 0px 10px; text-transform: uppercase; }
#bd div.cart h2.gray { color: white; background: transparent url('../images/bg_title_gray.gif'); padding: 0px 10px; text-transform: uppercase; }
#bd div.cart h2.green { color: white; background: transparent url('../images/bg_title_green.gif'); padding: 0px 10px; text-transform: uppercase; }

#bd div.cart p { margin: 10px 15px; font-size: 93%; }

#bd div.cart p#bulkDiscountInfo { font-size: 93%; background-color: #F4F7F7; border: 1px solid #DADDDD; line-height: 146.5%; margin: 10px 5px 5px; padding: 3px 5px; width: 250px; }

#bd div.cart ul { margin: 1em 1em 1em 40px; }
#bd div.cart ul li { list-style: disc outside; margin: 1px 0px 2px 0px; }
#bd div.cart ul li strong { display: block; }

#bd div.cart div.productPhoto { float: right; margin: 10px 5px 10px 10px; text-align: center; }
#bd div.cart div.productPhoto img.product { padding: 1px; border: 1px solid gray; }
#bd div.cart div.productPhoto img.addToCart { margin-top: 10px; }


/* Inside Page Styles */
#bd div.insidePage { padding-top: 15px; background: transparent url('../images/bg_fp_below_banners.gif') repeat-x scroll 0px 0px; }

#bd div.insidePage div#breadcrumb { font-size: 85%; margin-left: 10px; }

#bd div.insidePage h1 { font-size: 174%; font-weight: bold; color: #333366; margin: 10px 10px 10px 10px; }
#bd div.insidePage h2 { font-size: 116%; font-weight: bold; color: #333366; height: 29px; line-height: 29px; margin: 10px 10px 7px 10px; }

#bd div.insidePage h2.first { margin: 10px 0px 7px 10px; }
#bd div.insidePage h2.middle { margin: 10px 5px 7px 5px; }
#bd div.insidePage h2.last { margin: 10px 10px 7px 0px; }

#bd div.insidePage h2.orange { color: white; background: transparent url('../images/bg_title_orange.gif'); padding: 0px 10px; text-transform: uppercase; }
#bd div.insidePage h2.blue { color: white; background: transparent url('../images/bg_title_blue.gif'); padding: 0px 10px; text-transform: uppercase; }
#bd div.insidePage h2.gray { color: white; background: transparent url('../images/bg_title_gray.gif'); padding: 0px 10px; text-transform: uppercase; }
#bd div.insidePage h2.green { color: white; background: transparent url('../images/bg_title_green.gif'); padding: 0px 10px; text-transform: uppercase; }

#bd div.insidePage p { margin: 10px 15px; font-size: 93%; }

#bd div.insidePage ul.list { margin: 0px 10px 15px 45px; }
#bd div.insidePage ul.list li { list-style: disc outside; margin: 1px 0px 2px 0px; }
#bd div.insidePage ul.list li strong { display: block; }

#bd div.insidePage table { border-collapse: separate; margin: 10px 5px; border: 1px solid #666; } /* 11-05: right and left margin used to be 20px */
#bd div.insidePage table caption { font-size: 116%; color: #333366; margin-left: -5px; font-weight: bold; margin-bottom: 5px; margin-top: 10px; }
#bd div.insidePage tr td, #bd div.insidePage tr th { font-size: 85%; padding: 3px 8px; background: #fff; }
#bd div.insidePage thead td, #bd div.insidePage tbody th { vertical-align: top; color: #000; background-color: #CDEAFE; font-weight: bold; border-bottom: 1px solid #999; border-top: 1px solid #999; border-left: 1px solid #D9D9D9; }
#bd div.insidePage thead.first-of-type td, #bd div.insidePage tbody.first-of-type th { border-top: none; }
#bd div.insidePage tbody td { border-left: 1px solid #D9D9D9; }

#bd div.insidePage tbody tr.even td { background: #eee; }
#bd div.insidePage tbody tr.selected td { background: #3d80df; color: #ffffff; font-weight: bold; border-left: 1px solid #346DBE; border-bottom: 1px solid #7DAAEA; }
#bd div.insidePage tbody tr.ruled td { color: #fff; background-color: #FF850D; }

/* Category Page Boxes */
#bd div.insidePage div.productBox div.productSummary { min-height: 95px; clear: left; }
#bd div.insidePage div.productBox div.productSummary img { margin-right: 8px; margin-bottom: 2px; padding: 1px; float: left; }
#bd div.insidePage div.productBox div.productSummary p.title { font-size: 108%; margin-top: 0px; font-weight: bold; margin-bottom: 5px; }
#bd div.insidePage div.productBox div.productSummary p.title a { text-decoration: none; }
#bd div.insidePage div.productBox div.productSummary p.details { font-size: 85%; margin: 0px 5px 0px 5px; padding-bottom: 14px; }

/* Inside Page Right Hand News Block */
#bd div.insidePage div#innerNewsBlock p { margin: 15px 25px 10px 0px; padding: 10px;  border: 1px solid #D9D9D9; background: #F8F8F8; }
#bd div.insidePage div#innerNewsBlock p strong { color: #FF850D; display: block; margin-bottom: 5px; font-size: 107.5%; }

/* Product Page */
#bd div.insidePage div.productPhoto { float: right; margin: 10px 5px 10px 10px; text-align: center; }
#bd div.insidePage div.productPhoto img.product { padding: 1px; border: 1px solid gray; }
#bd div.insidePage div.productPhoto img.addToCart { margin-top: 10px; }

#bd div.insidePage #infoTabs { margin: 0px 10px; clear: right; }

/* Sidebar Styles */
#bd #sidebarInside { margin-top: 25px; }

#bd #sidebarInside div.tabularData { margin-right: 20px; }

#bd #sidebarInside table { border-collapse: separate; margin: 0px 0px 10px 0px; border: 1px solid #666; border-top: none; width: 100%; }
#bd #sidebarInside table caption { font-size: 116%; color: #333366; margin-left: -5px; font-weight: bold; margin-bottom: 5px; }
#bd #sidebarInside tr td, #bd #sidebarInside tr th { font-size: 85%; padding: 3px 8px; background: #fff; }
#bd #sidebarInside thead td, #bd #sidebarInside tbody th { vertical-align: top; color: #000; background-color: #CDEAFE; font-weight: bold; border-bottom: 1px solid #999; border-top: 1px solid #999; border-left: 1px solid #D9D9D9; }
#bd #sidebarInside thead.first-of-type td, #bd #sidebarInside tbody.first-of-type th { border-top: none; }
#bd #sidebarInside tbody td { border-left: 1px solid #D9D9D9; }
#bd #sidebarInside tbody tr.even td { background: #eee; }
#bd #sidebarInside tbody tr.selected td { background: #3d80df; color: #ffffff; font-weight: bold; border-left: 1px solid #346DBE; border-bottom: 1px solid #7DAAEA; }
#bd #sidebarInside tbody tr.ruled td { color: #fff; background-color: #FF850D; }

#bd #sidebarInside h2 { font-size: 123.1%; height: 29px; line-height: 29px; padding: 0px 10px; text-transform: uppercase; margin-right: 20px; }
#bd #sidebarInside h2.orange { color: white; background: transparent url('../images/bg_title_orange.gif'); }
#bd #sidebarInside h2.green { color: white; background: transparent url('../images/bg_title_green.gif'); }
#bd #sidebarInside h2.gray { color: white; background: transparent url('../images/bg_title_gray.gif'); }
#bd #sidebarInside h2.blue { color: white; background: transparent url('../images/bg_title_blue.gif'); }

#bd #sidebarInside div.options ul { margin: 0px 20px 10px 0px; border: 1px solid #d9d9d9; border-bottom: none; }
#bd #sidebarInside div.options ul li { list-style: none; border-bottom: 1px solid #d9d9d9; text-indent: -10px; }
#bd #sidebarInside div.options ul.green li a { color: #43857C; display: block; background-color: #f8f8f8; padding: 3px 10px 3px 20px; text-decoration: none; }
#bd #sidebarInside div.options ul.green li a:hover { color: #000000; font-weight: normal; background-color: #EEEEEE; }
#bd #sidebarInside div.options ul.blue li a { color: #065F9E; display: block; background-color: #f8f8f8; padding: 3px 10px 3px 20px; text-decoration: none; }
#bd #sidebarInside div.options ul.blue li a:hover { color: #000000; font-weight: normal; background-color: #EEEEEE; }
#bd #sidebarInside div.options ul.orange li a { color: #FF850D; display: block; background-color: #f8f8f8; padding: 3px 10px 3px 20px; text-decoration: none; }
#bd #sidebarInside div.options ul.orange li a:hover { color: #000000; font-weight: normal; background-color: #EEEEEE; }
#bd #sidebarInside div.options ul.gray li a { color: #969696; display: block; background-color: #f8f8f8; padding: 3px 10px 3px 20px; text-decoration: none; }
#bd #sidebarInside div.options ul.gray li a:hover { color: #000000; font-weight: normal; background-color: #EEEEEE; }

#bd #sidebarInside div.news ul { margin: 1em 1em 1em 25px; }
#bd #sidebarInside div.news ul li { list-style: disc outside; margin: 0px 0px 10px 0px; }
#bd #sidebarInside div.news ul li strong { display: block; }
#bd #sidebarInside div.news ul.orange li { list-style-image: url('../images/arrow_orange.gif'); }
#bd #sidebarInside div.news ul.orange li strong { color: #ff850d; }

#bd #sidebarInside div.ordering { padding: 0px 5px 5px 5px; border-top: 1px solid white; border-right: 1px solid #A0A0A0; border-left: 1px solid #A0A0A0; border-bottom: 1px solid #A0A0A0; margin-right: 20px; margin-bottom: 10px; }
#bd #sidebarInside div.ordering form { margin-top: 0px; padding-top: 0px; }
#bd #sidebarInside div.ordering p { padding: 0px; margin: 5px 0px 2px 0px; vertical-align: middle; }
#bd #sidebarInside div.ordering p.topNotes { font-size: 93%; margin: 7px 0px 8px 0px; line-height: 138.5%; }
#bd #sidebarInside div.ordering p.notes { font-size: 93%; margin-top: 10px; }

#bd #sidebarInside div.ordering div#priceContainer { font-weight: bold; width: 110px; margin: 3px 30px 5px 0px; float: right; text-align: right; }


#bd #sidebarInside div.ordering p#bulkDiscountInfo { line-height: 146.5%; font-size: 93%; background-color: #F4F7F7; border: 1px solid #DADDDD; margin: 10px 5px 5px 5px; padding: 3px 5px; display: none; }

#bd #sidebarInside div.ordering button { width: 225px; text-align: left; }
#bd #sidebarInside div.ordering button em { width: 190px; display: block; overflow: hidden; text-overflow: ellipsis; font-style: normal; white-space: nowrap; }
#bd #sidebarInside div.ordering #buttonContainerQuantity button { width: 100px; text-align: left; }
#bd #sidebarInside div.ordering #buttonContainerQuantity button em { width: 65px; }

#menuMembrane, #menuPoreSize, #menuPackSize { width: 225px; }
#menuQuantity { width: 100px; }

#buttonContainerMembrane { background: transparent url('../images/checkmark-green.png') no-repeat -250px; }
#buttonContainerPoreSize { background: transparent url('../images/checkmark-green.png') no-repeat -250px; }
#buttonContainerPackSize { background: transparent url('../images/checkmark-green.png') no-repeat -250px; }
#buttonContainerQuantity { background: transparent url('../images/checkmark-green.png') no-repeat -250px; }
p.buttonContainer { background: transparent url('../images/checkmark-green.png') no-repeat -250px; }

#bd #sidebarInside div.ordering #buttonSubmit.yui-button { background: transparent url(http://yui.yahooapis.com/2.6.0/build/assets/skins/sam/sprite.png) repeat-x scroll 0 -1700px; }
#bd #sidebarInside div.ordering #buttonSubmit.yui-button-hover { background: transparent url(http://yui.yahooapis.com/2.6.0/build/assets/skins/sam/sprite.png) repeat-x scroll 0 -1400px; }
#bd #sidebarInside div.ordering #buttonSubmit.yui-button-hover button { color: white; }
#bd #sidebarInside div.ordering #buttonSubmit.yui-button-disabled { background: transparent url(http://yui.yahooapis.com/2.6.0/build/assets/skins/sam/sprite.png) repeat-x scroll 0 -1500px; }

#bd #sidebarInside div.ordering button#buttonSubmit-button { width: auto; text-align: left; font-weight: bold; padding: 6px 5px 6px 23px; background: url(../images/add_to_cart_icon_16_16.png) 5px 50% no-repeat; }





/* Content Styles */
div.productBox { border: 1px solid #AEAEAE; margin: 0px 0px 0px 0px; background-color: #E8E8E8; background-repeat: repeat-x; background-image: url('http://www.vivaproducts.com/images/bg_box_gray_gradient.gif'); }

div.productBox.only { margin: 0px 10px 0px 10px; }
div.productBox.middle { margin: 0px 5px 0px 5px; }
div.productBox.last { margin: 0px 10px 0px 0px; }
div.productBox.first { margin: 0px 0px 0px 10px; float: none; }

div.productBox a img { border: 1px solid #000000; }
div.productBox a:hover img { border: 1px solid #FF850D; }

/* Footer Styles */
#ft { font-size: 93%; padding: 5px 10px; background-color: #bcbcbc; border-right: 1px solid #a2a3a5; border-left: 1px solid #a2a3a5; border-bottom: 1px solid #a2a3a5; }