<style type="text/css">

/* - 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: #FFFFFF; background-color: #242424;}

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: 955px; border-collapse: collapse;}
.headerContent { height: 88px; text-align: left; vertical-align: bottom; background: url(header.jpg) no-repeat; border: 0px; padding: 0px 0px 15px 10px;}
.headerTitle { font-size: 24px; color: #FFFFFF;}
.headerSubTitle {	}

/* Sub-Header Styles */
#subHeaderMain { width: 955px; border-collapse: collapse;}
.subHeaderNav { height: 24px; font-size: 11px; text-align: right; background: url(background_nav.gif) repeat-x; border: 0px; 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: #FFFFFF; background-color: #242424;}

/* Body Styles */
#bodyMain { width: 955px; border-collapse: collapse;}


#bodyLeft {
	background-color:#E9E9E9;
	border-left:1px solid #C3C3C3;
	border-right:1px solid #C3C3C3;
	padding:10px 0px 10px 10px;
	text-align:right;
	vertical-align:top;
	width:200px;
}
#bodyRight {
	background-color:#CEDFFF;
	border-left:1px solid #C3C3C3;
	border-right:1px solid #C3C3C3;
	padding:10px 10px 10px 0px;
	text-align:left;
	vertical-align:top;
	width:200px;
}

#bodyCenter { padding: 0px; vertical-align: top;}
/*
#bodyRight { width: 200px; text-align: left; vertical-align: top; background-color: #AAAAAA; border-right: 1px solid #C3C3C3; border-left: 1px solid #C3C3C3; padding: 10px 10px 10px 0px;}
*/

/* Pod Link/List Styles */
#podMainLeft { width: 100%; 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: 100%; 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}
.podHeader  { font-size: 11px; color: #FFFFFF; font-weight: bold; text-transform: uppercase; background-color: #00C300; 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: #FFFFFF; background-color: #242424;}

.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(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}

/* Footer Styles */
#footerMain { width: 955px; border-collapse: collapse;}
.footerContent { height: 24px; font-size: 11px; font-weight: bold; text-align: right; color: #FFFFFF; background-color: #757575; padding: 0px 10px 0px 10px;}
.footerContent a:link { font-weight: normal; text-decoration: none; color: #FFFFFF;}
.footerContent a:active { font-weight: normal; text-decoration: none; color: #FFFFFF;}
.footerContent a:visited { font-weight: normal; text-decoration: none; color: #FFFFFF;}
.footerContent a:hover { font-weight: normal; text-decoration: none; color: #1E77D3; background-color: #FFFFFF;}

/* 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: #FFFFFF; background-color: #000000;}
.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; background-color: #FFFFFF; line-height: 15px; padding: 10px 10px 10px 10px;}

.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: #757575;}
.welcomePromoHero span.priceStrikeThru { font-weight: bold; text-align: right; text-transform: uppercase; color: #CC0000;}

.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: #757575;}
.welcomePromoMain span.priceStrikeThru { font-weight: bold; text-align: right; text-transform: uppercase; color: #CC0000;}

/* 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: #E9E9E9; 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: #757575;}
.catPromoHero span.priceStrikeThru { font-weight: bold; text-transform: uppercase; color: #CC0000;}

.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: #757575;}
.catPromoMain span.priceStrikeThru { font-weight: bold; text-align: right; text-transform: uppercase; color: #CC0000;}

/* 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(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: #757575;}
.prodList span.priceStrikeThru { font-weight: bold; text-transform: uppercase; color: #CC0000;}

/* Generic Page Styles */
.contentHeader { font-size: 11px; text-align: left; color: #FFFFFF; font-weight: bold; text-transform: uppercase; background-color: #00C300; padding: 5px;}
.contentBody { height: 100%; padding: 10px;} /* Leave height to 1 */

.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: #757575;}
.contentMain span.priceStrikeThru { font-weight: bold; text-transform: uppercase; color: #CC0000;}
.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: #FFF; background-color: #757575; padding: 2px 3px 2px 3px;  border: 1px #757575 solid; border-right: 1px #333 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: #757575; padding: 3px 3px 3px 3px; }
.helpText { background-color: #E1E1E1; color: #757575; 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: #00C300; 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: #00C300; 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: #00C300; border: 1px solid #242424; height: 19px; margin: 0px 5px 0px 5px; cursor: hand; cursor: pointer;}

#bodyLeft input.textField { width: 140px; height: 15px; font-family: arial, verdana, sans-serif; font-size: 11px; color: #4D88C1; background-color: #ECF7FD; border: 1px solid #4D88C1;}
#bodyCenter input.textField { width: 140px; height: 15px; font-family: arial, verdana, sans-serif; font-size: 11px; color: #4D88C1; background-color: #ECF7FD; border: 1px solid #4D88C1;}
#bodyRight input.textField { width: 100px; height: 15px; font-family: arial, verdana, sans-serif; font-size: 11px; color: #4D88C1; background-color: #ECF7FD; border: 1px solid #4D88C1;}

#bodyLeft select.dropDown { width: 150px; font-family: arial, verdana, sans-serif; font-size: 11px; color: #242424; background-color: #ECF7FD; border: 1px solid #242424;}
#bodyCenter select.dropDown { width: 150px; font-family: arial, verdana, sans-serif; font-size: 11px; color: #242424; background-color: #ECF7FD; border: 1px solid #242424;}
#bodyRight select.dropDown { width: 150px; font-family: arial, verdana, sans-serif; font-size: 11px; color: #242424; background-color: #ECF7FD7; border: 1px solid #242424;}

#bodyCenter textarea.textField { width: 250px; height: 75px; font-family: arial,verdana,sans-serif; font-size: 11px; background-color: #ECF7FD; border: 1px solid #4D88C1; color: #4D88C1;}

#bodyLeft {
		background-color:#E9E9E9;
		border-left:1px solid #C3C3C3;
		border-right:1px solid #C3C3C3;		
		padding:0px 0px 0px 0px;
		text-align:right;
		vertical-align:top;
		width:120px;
	}
	#bodyRight {
		background-color:#CEDFFF;
		border-left:1px solid #C3C3C3;
		border-right:1px solid #C3C3C3;
		padding:0px 0px 0px 0px;
		text-align:left;
		vertical-align:top;
		width:200px;
	}
	.podHeader {
		background-color:#00C300;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
		padding:5px;
		text-transform:uppercase;
		width:213px;
	}
	.podLinks {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin:0pt;
		padding-left:4px;
		width:140px;
	}
	#podMainLeft {
		background-color:#F8F8F8;
		border-bottom:1px solid #C3C3C3;
		border-left:1px solid #C3C3C3;
		border-top:1px solid #C3C3C3;
		padding:0px 2px 0px 0px;
		text-align:left;
		/*width:100%;*/
	}
	
</style>
