﻿
/* Main Product.asp Navigation Formatting */ 
body {margin:0;padding:0;} 
.style2333 {text-align: center;}

/* Header Page Formatting */
#HeaderContainer {width:100%; background-image:url(https://www.pacificgeek.com/images/header_bg_xmas2008.jpg);}
/*#HeaderContainer {width:100%; background-image:url(https://www.pacificgeek.com/images/head_2008_halloween_backgr.jpg);}*/
/*#HeaderContainer {width:100%; background-image:url(https://www.pacificgeek.com/images/header-bg-newyear.jpg);}*/
/*#HeaderContainer {width:100%; background-image:url(https://www.pacificgeek.com/images/header-bg-xmas.jpg);}*/


/*
.TopNavLinks {text-align:right; font-weight:bold;color:#ffffff; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px;padding-right:5px;padding-bottom:2px;}
.TopNavLinks a{text-align:right;font-weight:bold;color:#ffffff;text-decoration: none;font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px;}
.TopNavLinks a:hover{text-align:right;font-weight:bold;color:#ffffff;text-decoration:none;font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px;}
.TopNavLinks a:visited{text-align:right;font-weight:bold;color:#ffffff;text-decoration:none;font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px;}
*/
.TopNavLinks {text-align:right; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px;padding-right:5px;padding-bottom:2px;}
.TopNavLinks a{text-align:right;font-weight:bold;color:#666666;text-decoration: none;font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px;}
.TopNavLinks a:hover{text-align:right;font-weight:bold;color:#666666;text-decoration:none;font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px;}

.navtext { font : 9px verdana; line-height : 11px; color: #c0c0c0; }


.offercircles {border:0px;padding-top:3px;}

/* Left Navigation Formatting */ 
.MainCategoryContent {width:144px;background-color:#F9EFB6;}
#MainCategoryList {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px;padding-left:5px;padding-right:5px;padding-bottom:5px;}
#MainCategoryList a{color:#003399;text-decoration: none;font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px;background-color:#F9EFB6;}
#MainCategoryList a:hover{color:#990000;text-decoration:none;font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px;background-color:#FFFFCC;}
#MainCategoryList a { display:block}
.ClearanceItemsOrangeHeader {background-color:#FFCC00; text-align:center;padding-top:1px;padding-bottom:3px;font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px;color:#666666;}
.ClearanceArrows {width:14px;height:15px;margin:2px;}
.ClearanceListContent {width:144px;background-color:#F9EFB6;}
#ClearanceList {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px;background-color:#FFCC00;padding-left:5px;padding-right:5px;padding-bottom:5px;}
#ClearanceList a{color:#003399;text-decoration: none;font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px;background-color:#FFFFCC;}
#ClearanceList a:hover{color:#990000;text-decoration:none;font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px;background-color:#F9EFB6;}
#ClearanceList {background-color:#FFFFCC;padding-left:3px;}
#ClearanceList a { display:block}
#ProductCategoryList {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px;}
#ProductCategoryList a{color:#666666;text-decoration: none;font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px;background-color:#ffffff;}
#ProductCategoryList a:hover{color:#666666;text-decoration:none;font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px;background-color:#e8d3a2;}
#ProductCategoryList {background-color:#ffffff;padding-left:5px;padding-bottom:3px;}
#ProductCategoryList a { display:block}
.ProductCategoryBox {width:144px;border-style:solid;border-width:1px; border-color:#93181c;}
#CategoryTopper {width:144px;padding-top:5px; padding-bottom:5px;background-color:#EBEBEB;}
#CategoryTopper h2 {font-family:Verdana,Arial,Helvetica,sans-serif; color:black; font-size:12px;font-weight:bold;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
#CategoryTopper h1 {font-family:Verdana,Arial,Helvetica,sans-serif; color:red; font-size:16px;font-weight:bold;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}

/* Right Navigation Formatting */ 
.RecentHistoryContent {background-color:#F9EFB6;color:maroon;border-style:solid;border-width:1px; border-color:silver;}
#RecentHistoryList {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px;padding-left:5px;padding-right:3px;padding-left:3px;padding-bottom:5px;}
#RecentHistoryList a{color:#003399;text-decoration: none;font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px;background-color:#F9EFB6;}
#RecentHistoryList a:hover{color:#990000;text-decoration:none;font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px;background-color:#FFFFCC;}
#RecentHistoryListALT a{color:#003399;text-decoration: none;font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px;background-color:#666666;}
#RecentHistoryListALT a:hover{color:#990000;text-decoration:none;font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px;background-color:#FFFFCC;}
.rssiconclass {border:0px;padding:5px;}
.OurCostForYouBox {width:124px; border:1px solid #6A6A8F;background-color:#FAF4F4;color:#CC0000; font-size:10px;}
.OurCostForYouBox a{color:#003399;text-decoration:none;font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px;}
.OurCostForYouBox a:hover{color:#cc0000;text-decoration:none;font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px;}
.BestSellersBox {width:120px; border:1px solid #6A6A8F;background-color:#F8EFFE;color:#CC0000; font-size:10px;padding:2px;}
.BestSellersBox  a{color:#003399;text-decoration:none;font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px;}
.BestSellersBox  a:hover{color:#cc0000;text-decoration:none;font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px;}
.NewArrivalsBox {width:120px; border-left:1px solid #6A6A8F;border-right:1px solid #6A6A8F;border-bottom:1px solid #6A6A8F;background-color:#FBFCE3;color:#CC0000; font-size:10px;padding:2px;}
.NewArrivalsBox  a{color:#003399;text-decoration:none;font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px;}
.NewArrivalsBox  a:hover{color:#cc0000;text-decoration:none;font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px;}
.AlmostGoneBox {width:120px; border:1px solid #6A6A8F;background-color:#E4E4FF;color:#000000; font-size:10px;padding:2px;}
.AlmostGoneBox  a{color:#003399;text-decoration:none;font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px;}
.AlmostGoneBox  a:hover{color:#cc0000;text-decoration:none;font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px;}
.AlmostGoneBox h1 {font-family:Verdana,Arial,Helvetica,sans-serif; color:red; font-size:12px;font-weight:bold;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.AlmostGoneBox h3 {font-family:Verdana,Arial,Helvetica,sans-serif; color:red; font-size:12px;font-weight:bold;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}

/* Center Navigation Formatting */ 
.ProductTitle h1 {font-family:Verdana,Arial,Helvetica,sans-serif; color:maroon; font-size:18px;font-weight:bold;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.EvenMoreGeekedOut {font-family:Verdana,Arial,Helvetica,sans-serif; color:maroon; font-size:16px;font-weight:bold;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}

/* Footer Formatting */ 
.Footer {text-align:center;width:100%;}
.Footer {color:#333333;font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px;}
.Footer a{color:blue; text-decoration: none;font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px;}
.Footer a:hover{color:red; text-decoration:none;font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px;}

/* Random Testimonial Formatting */ 
#TestimonyHeader{margin:0 auto;width:350px;border:1px;border-color:silver;border-style:solid;}
#TestimonyContent{margin:0 auto;text-align:justify; width:340px;text-align:left; padding:5px;border:1px;border-color:silver;border-style:solid;font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size:11px;}
#TestimonyLink {text-align:center;padding-top:10px;}

/*here*/
/* Main Index.asp Navigation Formatting */ 
#FrontPageSpecialsMaster {width:100%;text-align:center;}
.FrontPageSpecialsBox {width:32%;text-align:center;float:left;min-height:250px;padding-left:3px;padding-right:3px;}
.FrontPageStatusImages {padding:3px;border:0px;}
#FrontPageSpecialsLink {border-style:solid; border-color:#000000; border-width:1px;color:red;font-weight:bold;font-size:larger;text-align:center;padding-top:5px; padding-bottom:5px;}
.redtext {color:red;}
.greentext {color:green;}
#FreeProductBox {border-style:solid; border-color:#000000; border-width:1px;color:#6600cc;font-weight:bold;font-size:large; text-align:center;padding-top:5px; padding-bottom:5px;}



/*  main element styles */
A { color : #0000CC; outline : none;}
A:visited { color : #0000CC; }
A:hover { color: #CC0000; }
A.plain, A.plain:visited { text-decoration : none; color : #0000CC; }
A.plain:hover { color: #CC0000; }

A.nav { color : #333333; outline : none;}
A.nav:visited { color : #333333; }
A.nav:hover { color: #000000; }

INPUT { font-family : Verdana, Helvetica, sans-serif; font-size : 10px; color: #000000; }
TEXTAREA { font-family : Verdana, Helvetica, sans-serif; font-size : 10px; color: #000000; }
OPTION { font-family : Verdana, Helvetica, sans-serif; font-size : 10px; color: #000000; }
.pulldown {
	font-family : Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-align: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	display: inline;
}
.pulldown2 {
	font-family : Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	display: inline;
	width:500px;
	word-spacing:2px;
}
FORM { display : inline; }

.pulldownyellow {
	font-family : Verdana, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFE8;
	line-height: normal;
	height: auto;
	border-top-style: inset;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: inset;
	border-top-width: 1px;
	vertical-align: baseline;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #999999;
	border-left-color: #999999;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

.pulldown {
	font-family : Verdana, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	line-height: normal;
	height: auto;
	border-top-style: none;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: none;
	border-top-width: 1px;
	vertical-align: baseline;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font : 11px verdana; 
}

/*  generic classes */
.bigboldred {
	color: #990000;
	font-weight: bold;
	font-size:16px;
}
.navlink { 
	color : #666666; 
	text-decoration : none; 
	font : 11px verdana; 
}
.bodytext { 
	font : 11px verdana; 
	line-height : 16px; 
	color: #333333; 
}
.checklabel { 
	font : 11px verdana;
	line-height : 16px; 
	color: #333333; 
}
.style1 { font : 11px/16px verdana; color: #C91010; }
.bodytextbold { font : bold 11px/16px verdana; color: #333333; }
.bodytextwhite { font : 11px verdana; line-height : 16px; color: #FFFFFF; }
.bodytextred { font : 11px/16px verdana; color: #C91010; }
.bodytextpurple { font : 11px/16px verdana; color: #623A73; }
.bodytextgreen { font : 11px/16px verdana; color: #009966; }
.bodytextsmall { font : 10px verdana; line-height : 14px; color: #333333; }
.bodytextxsmall { font : 8px verdana; line-height : 14px; color: #333333; }
.headertext { font : 13px verdana; line-height : 16px; color: #B42723; }

.lgtext {
	font-family: Arial, Verdana, Times, serif;
	font-size: 18px;
	line-height: 24px;
}
.bodycopy{ font : 11px verdana; line-height : 16px; color: #666666; }
.innerpageheader { font-family : Verdana, Helvetica, sans-serif; font-size : 14px; line-height: 16px; font-weight : bold; color: #C50F0F; }
.innerpageheadersmall { font-family : Verdana, Helvetica, sans-serif; font-size : 13px; font-weight : bold; color: #C50F0F; }

.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #3E6E95;
	padding-right: 7px;
}
.header-nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	padding-right: 7px;
}
.right-nav-cell {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
	color: #102D43;
	padding: 0px;
}
.body-cell {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #102D43;
	padding: 12px;
}
.body-cell-nopad {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #102D43;
}
.formbutton {
	width: 90px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #F0EEEE;
	border-top-width: 1pt;
	border-right-width: 1pt;
	border-bottom-width: 1pt;
	border-left-width: 1pt;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C9C9C9;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #C9C9C9;
	cursor: hand;
}

.formbuttonpurple {
	width: 90px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #793797;
	border-top-width: 1pt;
	border-right-width: 1pt;
	border-bottom-width: 1pt;
	border-left-width: 1pt;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C9C9C9;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #C9C9C9;
	cursor: hand;
	color: #FFFFFF;
}

.formbuttonexp {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #F0EEEE;
	border-top-width: 1pt;
	border-right-width: 1pt;
	border-bottom-width: 1pt;
	border-left-width: 1pt;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C9C9C9;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #C9C9C9;
	cursor: hand;
}


.formbuttonbig {
	background-color: #f4f4f4;
	border: 1pt solid #333333;
	cursor:hand;
	color: #CC0000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #666666;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #666666;
	
}

.signupbutton {
	background-color: #f4f4f4;
	border: 1pt solid #333333;
	font:10px/11px Verdana, Arial, Helvetica, sans-serif;
	cursor:hand;
	top: auto;
	bottom: auto;
	background-position: bottom;
	vertical-align: bottom;
}

.signupbuttonnav {
	background-color: #FFCC00;
	font:10px/11px Verdana, Arial, Helvetica, sans-serif;
	cursor:hand;
	top: auto;
	background-position: bottom;
	vertical-align: middle;
	height: 16px;
	color: #000000;
	width: 60px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #666666;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #666666;
}

.signupbuttonnav_08 {
	background-color: #93181c;
	font:10px/11px Verdana, Arial, Helvetica, sans-serif;
	cursor:hand;
	top: auto;
	background-position: bottom;
	vertical-align: middle;
	height: 16px;
	color: #ffffff;
	width: 60px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #666666;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #666666;
	padding-bottom:3px;
}
.signupbuttonnav_bigsearch {
	background-color: #93181c;
	font:13px Verdana, Arial, Helvetica, sans-serif;
	cursor:hand;
	vertical-align: middle;
	height: 50x;
	color: #ffffff;
	width: 30px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px; padding-bottom:1px;
}

.octogglebutton {
	background-color: #F2A034;
	font:11px/11px Verdana, Arial, Helvetica, sans-serif;
	cursor:hand;
	top: auto;
	background-position: bottom;
	vertical-align: middle;
	height: 18px;
	color: #000000;
	width: 200px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #666666;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #666666;
}

.formbuttonred {
	background-color: #CC0000;
	border: 1pt solid #666666;
	width: 75px;
	color: #FFFFFF;
	cursor:hand;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #666666;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #666666;
}
.formbuttonco {
	background-color: #CC0000;
	border: 1pt solid #666666;
	color: #FFFFFF;
	cursor:hand;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #666666;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #666666;
}

.submitbuttonsmall {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #F0EEEE;
	width: 60px;
	border-top-width: 1pt;
	border-right-width: 1pt;
	border-bottom-width: 1pt;
	border-left-width: 1pt;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C9C9C9;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #C9C9C9;
	cursor: hand;
}