<p align="left">/* - Page Diagram 
---------------------  
| Header |   
| |  | |  
--------------------- 
| Sub-Header | 
--------------------- 
| Body |
| |  | |  
| |  | |  
| |  | |  
---------------------  
| Footer |  
---------------------
*/  
  
  
/* SITE WIDE TEMPLETE CONTROLS */
  
  
/* Element Styles */ 
bug_fix {} /*Do not Remove*/
body { font-family: helvetica, arial, verdana, sans-serif; font-size: 11px; background-color: #FFFFFF; margin: 0px;}
p, br, font, tr, td, ol, { font-family: helvetica, arial, verdana, sans-serif; font-size: 11px;}
ul, ol { padding: 0px; margin: 0px 0px 0px 28px;}
hr { height: 1px; border-top: 1px #999999 solid;}  
  
a:link { text-decoration: underline; color: #242424;}
a:active { text-decoration: underline; color: #242424;}
a:visited { text-decoration: underline; color: #242424;}
a:hover { text-decoration: none; color: #003399;}  
  
span.image a:link { text-decoration: none; background-color: #FFFFFF;} 
span.image a:active { text-decoration: none; background-color: #FFFFFF;}
span.image a:visited { text-decoration: none; background-color: #FFFFFF;}
span.image a:hover { text-decoration: none; background-color: #FFFFFF;}
  
/* Header Styles */
#headerMain { width: 755px; padding: 0px 0px 0px 0px; border-collapse: collapse; background: url(/v2.0-img/operations/vnunet/images/v7_bg_vnunet.gif) repeat-x; border: 0px; height: 162px;}  
.headerTitle { font-size: 24px; color: #FFFFFF;}
.headerSubTitle { }
  
/* Sub-Header Styles */ 
#subHeaderMain { width: 755px; border-collapse: collapse;}  
.subHeaderNav { height: 24px; font-size: 11px; text-align: center; padding: 0px 10px 0px 0px;}
.subHeaderNav a:link { text-decoration: none; color: #242424;}
.subHeaderNav a:active { text-decoration: none; color: #242424;}
.subHeaderNav a:visited { text-decoration: none; color: #242424;} 
.subHeaderNav a:hover { text-decoration: none; color: #003399;}  
  
/* Body Styles */  
#bodyMain { width: 700px; border-collapse: collapse; align: left}
#bodyLeft { width: 100px; text-align: right; vertical-align: top; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 0px 1px 0px 0px;}
#bodyCenter { padding: 0px; vertical-align: top;}
#bodyRight { width: 100px; text-align: left; vertical-align: top; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 0px 0px 0px 0px;}
  
/* Pod Link/List Styles */
#podMainLeft { width: 130px; text-align: left; background-color: #F8F8F8; border-top: 1px solid #C3C3C3; border-bottom: 1px solid #C3C3C3; border-left: 1px solid #C3C3C3; padding: 0px 2px 0px 0px}  
#podMainRight { width: 150px; text-align: left; background-color: #F8F8F8; border-top: 1px solid #C3C3C3; border-bottom: 1px solid #C3C3C3; border-right: 1px solid #C3C3C3; padding: 0px 2px 0px 0px}
</p>
.podHeader { font-size: 11px; color: #000000; font-weight: bold; text-transform: uppercase; background-color: #F5F5F5; padding: 5px;}  
.podBody { font-size: 11px; color: #242424; line-height: 15px; padding: 5px;}
  
.podLinks a:link { text-decoration: none; color: #242424; }
.podLinks a:active { text-decoration: none; color: #242424;}
.podLinks a:visited { text-decoration: none; color: #242424;}
.podLinks a:hover { text-decoration: none; color: #003399;}
  
  
.podLinks { margin: 0; padding-left: 4; list-style: none;}
.podLinks ul { list-style: none; margin: 0px;}
.podLinks ol { list-style: none; margin: 0px;}
.podLinks li { background-image: url(/v2.0-img/operations/sstore/site/diab/styles/Blue/bullet.gif); background-repeat: no-repeat; background-position: 0 .5em; margin: 0px; padding-left: 10px;}

/* Show/Hide Pods */
#podCatPullDown {}
#podFeaturedProd {}
#podSearch {} 
#podMailList {}
#podLastItem {}
#podCatTree {}
#podVendors {}
#podShopConf {}
#podShopConf div.podBody { text-align: center}
#podWhyDownload {}
#podRelatedItem {} 
#podCartFAQ {} 
#podCartFAQ .podLinks a { font-Weight: bold;}
#podAuthFAQ {}
#podAuthFAQ .podLinks a { font-Weight: bold;} 
#podPaymentOpt {}
#podGoogle {}
#podFlash {}
#podFlash div.podBody { text-align: center}
#podCustomLeftNone { display: none;} 
#podCustomRightNone { display: none;} 
#podCustomLeftDisplay {} 
#podCustomRightDisplay {} 
  
/* Footer Styles */  
#footerMain { width: 755px; border-collapse: collapse; align: left}
.footerContent { height: 24px; font-size: 11px; font-weight: bold; text-align: left; color: #000000; padding: 0px 10px 0px 10px;} 
.footerContent a:link { font-weight: normal; text-decoration: none; color: #242424;}
.footerContent a:active { font-weight: normal; text-decoration: none; color: #242424;}
.footerContent a:visited { font-weight: normal; text-decoration: none; color: #242424;}
.footerContent a:hover { font-weight: normal; text-decoration: none; color: #003399;}
  
/* PAGE LEVEL CONTROLS */
  
/* Welcome Page/Promo Styles */
.welcomeMain { border-collapse: collapse;}
.welcomeMain td { vertical-align: top; padding: 0px;}
.welcomeMain td.main { border-right: 1px solid #EDEDED;}

.welcomeMain a:link { font-weight: bold; text-decoration: underline; text-transform: capitalize; color: #000000;}
.welcomeMain a:active { font-weight: bold; text-decoration: underline; text-transform: capitalize; color: #000000;}
.welcomeMain a:visited { font-weight: bold; text-decoration: underline; text-transform: capitalize; color: #000000;}
.welcomeMain a:hover { font-weight: bold; text-decoration: none; text-transform: capitalize; color: #003399;}
.welcomeMain font { font-weight: bold; color: #CC0000;}
/* Fomatting fix for red Specials text on the welcome page */  
  
  
.welcomeMsg { font-size: 11px; color: 757575; line-height: 15px;} 
.welcomeBody { font-size: 11px; color: #848376; line-height: 15px; padding: 10px 10px 10px 10px; width: 100%;}
  
/* For FireFox only */   
.welcomeBody, x:-moz-any-link{ width:592px;}
.welcomePromoHero { border-collapse: collapse;}
.welcomePromoHero td { vertical-align: top; color: #848376; line-height: 15px; padding: 0px 5px 0px 5px;}
.welcomePromoHero span.image { padding: 0px 5px 0px 0px;}
.welcomePromoHero span.prodName { font-weight: bold;}
.welcomePromoHero span.price { font-weight: bold; text-align: right; text-transform: uppercase; color: #CC0000;}
.welcomePromoHero span.priceStrikeThru { font-weight: bold; text-align: right; text-transform: uppercase; color: #757575;}  
  
.welcomePromoMain { border-collapse: collapse; margin: 0px 2px 0px 2px;}
.welcomePromoMain td { vertical-align: top; color: #848376; line-height: 15px; padding: 0px 5px 0px 5px;}
.welcomePromoMain span.image { border: 0px}
.welcomePromoMain span.prodName { font-weight: bold;}
.welcomePromoMain span.vendor { font-size: 10px; color: #999999;}
.welcomePromoMain span.price { font-weight: bold; text-align: right; text-transform: uppercase; color: #CC0000;}
.welcomePromoMain span.priceStrikeThru { font-weight: bold; text-align: right; text-transform: uppercase; color: #757575;}  
  
/* Sub-Category Page/Promo Styles */   
.subCatMain { width: 100%; border-collapse: collapse;}
.subCatMain td { border: 0px;} 
.subCatMain td.main { border-right: 1px #EDEDED solid; vertical-align: top;}
.subCatList { width: 100%; border-collapse: collapse;}
.subCatList td { width: 25%; font-weight: bold; vertical-align: top; background: #F5F5F5; border: 1px #757575 solid; padding: 5px;}  
  
.catPromoHero { width: 100%; border-collapse: collapse;}
.catPromoHero td { vertical-align: top; color: #848376; border: 0px; line-height: 15px; padding: 0px;}
.catPromoHero span.image { margin: 0px 5px 0px 0px; background: #FFFFFF;}
.catPromoHero span.prodName { font-weight: bold;} 
.catPromoHero span.price { font-weight: bold; text-transform: uppercase; color: #CC0000;}
.catPromoHero span.priceStrikeThru { font-weight: bold; text-transform: uppercase; color: #757575;}  
  
.catPromoMain { width: 100%; border-collapse: collapse; margin: 0px 2px 0px 2px;}
.catPromoMain td { vertical-align: top; line-height: 15px; padding: 0px 5px 0px 5px; color: #848376;}
.catPromoMain span.image { border: 0px;} 
.catPromoMain span.prodName { font-weight: bold; text-align: center;}
.catPromoMain span.price { font-weight: bold; text-align: right; text-transform: uppercase; color: #CC0000;}
.catPromoMain span.priceStrikeThru { font-weight: bold; text-align: right; text-transform: uppercase; color: #757575;}  
  
/* Product Listing Page Styles */  
.prodList { width: 100%; border-collapse: collapse;}
.prodList td { border: 0px; vertical-align: top; color: #848376; line-height: 15px; padding: 0px;}
.prodListVendor { height: 22px; font-weight: bold; background: url(/v2.0-img/operations/sstore/site/diab/styles/Blue/magGlass.gif) top left no-repeat; padding: 0px 0px 0px 36px;} 

/*Vendor List Search Feature*/  
.prodListNext { text-align: right;}
.prodList span.image { margin: 0px 5px 0px 0px;}
.prodList span.prodName { font-weight: bold;}
.prodList span.vendor { text-align: left; font-size: 10px; color: #999999;}
.prodList span.salesPitch { font-size: 11px; color: #848376; line-height: 15px;}
.prodList span.price { font-weight: bold; text-transform: uppercase; color: #CC0000;}
.prodList span.priceStrikeThru { font-weight: bold; text-transform: uppercase; color: #757575;}
  
/* Generic Page Styles */
.contentHeader { font-size: 11px; text-align: left; color: #FFFFFF; font-weight: bold; text-transform: uppercase; background-color: #0063C7; padding: 5px;} 
.contentBody { height: 100%; padding: 10px;} /* Leave height to 1 */ 

/* For FireFox only */   
.contentBody, x:-moz-any-link{ width:630px;}   
.contentBody, x:-moz-any-link, x:default{ width:630px;}   
/* For FireFox only */  


.contentMain { width: 100%; border-collapse: collapse; text-align: left;}
.contentMain td { font-size: 11px; vertical-align: top;}

.contentMain span.image { margin: 0px 10px 0px 0px; border: 0px}
.contentMain span.prodName { font-weight: bold; text-align: left;}
.contentMain span.vendor { font-size: 10px; color: #999999;}
.contentMain span.osName { font-size: 10px; color: #757575;}
.contentMain span.price { font-weight: bold; text-transform: uppercase; color: #CC0000;}
.contentMain span.priceStrikeThru { font-weight: bold; text-transform: uppercase; color: #757575;}
.contentMain span.fullDesc { color: #848376; line-height: 15px;}
.contentMain span.salesPitch { color: #848376; line-height: 15px;}  
  
/* Shopping Cart & Confirm Page Styles*/
.cartMain { border-collapse: collapse; border: 0px;}
.cartMain { padding: 0px;} 
.currencySelect { width: 50%; text-align: right;}
.cartHeader { font-weight: bold; text-align: center; color: #FFFFFF; background-color: #0063C7; padding: 2px 3px 2px 3px; border: 1px #0063C7 solid; border-right: 1px #CCCCCC solid;}
.lineItem { font-weight: normal; color: #000; padding: 2px 3px 2px 3px; border: 1px #CCCCCC solid; empty-cells: show;}
.totalsHeader { text-align: right; color: #000; padding: 2px 3px 2px 3px;}
.totals { text-align: right; border: 1px #CCCCCC solid; color: #000000; padding: 2px 3px 2px 3px;}
.totalsBoldHeader { font-weight: bold; text-align: right; color: #000000; padding: 2px 3px 2px 3px;}
.totalsBold { font-weight: bold; text-align: right; border: 1px #CCCCCC solid; color: #000; padding: 2px 3px 2px 3px;}
.totalsSpecialHeader { text-align: right; color: #CC0000; padding: 2px 3px 2px 3px;}
.totalsSpecial { text-align: right; color: #CC0000; border: 1px #CCCCCC solid; padding: 2px 3px 2px 3px;}
  
/* Misc Styles */
.breadcrumb { width: 100%; font-size: 11px; font-weight: bold; text-transform: capitalize; text-align: left; margin: 0px 0px 10px 0px}  
.breadcrumbOn { color: #666666;}
.breadcrumbOff { color: #C8C8C8;}
.tableHeader { font-weight: bold; text-align: left; text-transform: capitalize; color: #FFFFFF; background-color: #0063C7; padding: 3px 3px 3px 3px; } 
.helpText { background-color: #0063C7; color: #FFFFFF; padding: 5px 5px 5px 5px;}
.cartMain font { font-size: 11px;}
  
  
/* Form Widgets (Buttons, Inputs, Selects)*/ 
#bodyLeft input.button { font-family: arial, verdana, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; background-color: #007FC9; border: 1px solid #242424; height: 19px; margin: 0px 5px 0px 5px; cursor: hand; cursor: pointer;}
#bodyCenter input.button { font-family: arial, verdana, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; background-color: #007FC9; border: 1px solid #242424; height: 19px; margin: 0px; cursor: hand; cursor: pointer;}
#bodyRight input.button { font-family: arial, verdana, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; background-color: #007FC9; border: 1px solid #242424; height: 19px; margin: 0px 5px 0px 5px; cursor: hand; cursor: pointer;}  
  
#bodyLeft input.textField { width: 80px; height: 15px; font-family: arial, verdana, sans-serif; font-size: 11px; color: #242424; border: 1px solid #B2B2B3;}
#bodyCenter input.textField { width: 100px; height: 15px; font-family: arial, verdana, sans-serif; font-size: 11px; color: #242424; background-color: #FFFFFF; border: 1px solid #B2B2B3;}
#bodyRight input.textField { width: 100px; height: 15px; font-family: arial, verdana, sans-serif; font-size: 11px; color: #242424; background-color: #FFFFFF; border: 1px solid #B2B2B3;}  
  
#bodyLeft select.dropDown { width: 100px; font-family: arial, verdana, sans-serif; font-size: 11px; color: #242424; background-color: #0063C7; border: 1px solid #242424;}
#bodyCenter select.dropDown { width: 100px; font-family: arial, verdana, sans-serif; font-size: 11px; color: #242424; background-color: #0063C7; border: 1px solid #242424;} 
#bodyRight select.dropDown { width: 100px; font-family: arial, verdana, sans-serif; font-size: 11px; color: #242424; background-color: #0063C7; border: 1px solid #242424;}
  
#bodyCenter textarea.textField { width: 400px; height: 75px; font-family: arial,verdana,sans-serif; font-size: 11px; background-color: #0063C7; border: 1px solid #B2B2B3; color: #242424;}