/* Global CSS */
/* Center Technique */
#wrapper2{width:765px; padding:0; margin: 0 auto; background-color:#ffffff; text-align:left;}/* Center Technique*/
#wrapper{width:765px; padding:0px; margin:0; background-color:#ffffff;} 
#header{width:765px; height:59px; background-color: #ebebeb; margin:0; padding:0; border-bottom:1px solid #ffffff;}
/* Make GCLinks always stick to the bottom. YEAHHHHH */
#bodyStyle{position:relative; z-index:1; width:765px; clear:both; float:left; background: #fff url(/pbj/image/misc/nav_fixed_bar.jpg) repeat-y top left; margin-bottom:5px;}
#first{width:206px; float:left; z-index:1; background-color:#f6f6f6; padding:0 0 810px 0;} /* Make GCLinks always stick to the bottom. height declare to handle the smallest height. YEAHHHHH */
#firstModify{width:206px; float:left; background-color:#f6f6f6;} /* This is for shopping cart style on the left side*/
#second{width:554px; z-index:1; float:right; margin-left:1px;}
#footer{width:765px; clear:both; background-color:#395471;}

html, body{height:100%;}

/*###################
DEFAULT STYLE 
##################*/
	div{margin:0; padding:0;}
	ul{list-style-type:square; margin-top:5px; margin-bottom:5px;}
	form{padding:0; margin:0;}
	.clearFloat{clear:both; padding:0; margin:0;}
	p{margin:10px 0 10px 0; padding:0; text-align:justify;}
	
/*###################
HEADER STYLE
##################*/
	.companyLogo{float:left;}
	.topInfo{float:right; text-align:right;}
	.itemNumber{font-weight:bold; font-size:85%; padding-right:30px;}
	.leftNavigation{list-style-type:none; font-size:100%; color:#4B7CA4; font-weight:bold; margin:12px 0 10px 0; padding-left:26px; background-color:#f6f6f6;}
	.leftNavigation li{padding:2px 0 2px 0;}
	.leftNavigation a{font-size:90%; color:#737373; background:#f6f6f6 url(/pbj/image/icon/arrow.gif) no-repeat 0 50%; padding: 0 0 0 18px;}

	.leftNavigation2{list-style-type:none; margin:0 0 0 30px; padding:0px; background-color:#f6f6f6;}
	.leftNavigation2 a{font-size:90%; color:#35ac34; background-image:none; padding:0; margin:0;}

	.subCategoryTile{font-size:120%; color:#395471; padding:10px 0 0 10px; font-weight:bold;}
	.greenColor{color:#0e830e;}
	
	.infoLink a{background:#ebebeb url(/pbj/image/icon/arrow.gif) no-repeat 0 50%; margin:0 5px 0 2px; padding:0 0 0 14px; font-size:85%; font-weight:bold; color:#214b7d;}
	ul.infoLink{list-style-type:none; margin:0; padding:0; background:#ebebeb; border-bottom:1px solid #C2C2C2;}
	li.infoOption{padding:2px 0 2px 0;}
/*###################
FOOTER STYLE
##################*/
	.footnote{text-align:left; color:#35ac34; font-size:90%; font-weight:normal; padding:3px 2px 4px 2px; margin:0;}
	.footnote a{color:#FFFFFF; font-size:90%;}
	.aboutUs{text-align:righ; background-color:#35ac34; font-size:90%; padding:4px 0 4px 0;}
	.aboutUs a{color:#ffffff; font-size:90%;}
/*###################
BODY STYLE
##################*/
body{
		font-size: small;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		color:#464646; 
		text-align:left;
	}
	a{text-decoration:none;}
	a:hover{text-decoration:underline;}
	
	h1.productTitle{font-size:140%; color:#0e830e; margin:0; padding:2px 0 2px 0;}
	h1.categoryTitle{font-size:120%; color:#0e830e; margin:0; padding:2px 0 2px 0; float:left;}
	.pagingDisplay{text-align:right; background:#EEEEEE url(/pbj/image/misc/verticalfade-bg.jpg) repeat-x bottom left; border-top:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2; padding:2px; margin:0;}
	.pagingDisplay a{font-weight:bold; color:#555555; padding:0; margin:2px;}
	.currentPage{padding:2px 4px 2px 4px; margin:0 2px 0 2px; color:#ffffff; font-weight:bold; background-color:#555555;}
	.subCategoryName{margin:2px 0 2px 0; padding:2px; border-top:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2; 
		background-color: #35ac34; text-align:center; font-size:110%; color:#ffffff; font-weight:bold;}
        h1.subCategoryName2{margin:2px 0 2px 0; padding:2px; border-top:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2;
                background-color: #35ac34; text-align:center; font-size:110%; color:#ffffff; font-weight:bold;}
	
	.viewMoreCat{text-align:right; margin:10px 0 10px 0; font-size:110%; font-weight:bold;}
	.viewMoreCat a{padding:0 0 30px 10px; color:#4A5768;}
	
	.anchorLink{background:#EEEEEE url(/pbj/image/misc/verticalfade-bg.jpg) repeat-x bottom left; border:1px solid #c2c2c2; border-left:0; border-right:0; border-top:0;text-align:center; margin:5px 0 2px 0; padding:0 0 2px 0; color:#35ac34;}
	.anchorLink a{font-size:85%; font-weight:bold; color:#6D6D6D;}
	.priceAreaStyle{ border:1px solid #395471; background-color:#BCD2EA;}
	.centerStyle{text-align:center; vertical-align:middle; margin-top:2px;}
	.titleName{font-weight:bold; color:#214b7d; clear:both; margin:0 0 4px 0; text-decoration:underline;}
	.specName{font-size:110%; font-weight:bold; color:#35ac34;}
	ul.specification{list-style: none; margin:5px 0 5px 0; padding:0;}
	li.specification{margin-left:25px; padding:0;}
	.breadCrumb{font-weight:bold; font-size:85%; color:#0e830e; margin:2px 0 2px 0;}
	.breadCrumb a{font-size:100%; color:#6D6D6D;}
	.categoryImage{margin:1px 0 1px 0;}
	
	.customLink{font-size:85%; font-weight:bold; color:#6D6D6D;}
	.customLink a{font-size:85%; font-weight:bold; color:#6D6D6D;}

	.tableBody{background-color:#ffffff;}
	.tableBody td{padding:5px 0px 5px 0px; margin:0; text-align:center;}
	.tableBody a{font-size:85%; font-weight:bold; color:#40515B;}
	
	.addImageTable{background-color:#ffffff;}
	.addImageTable td{padding:5px 0px 5px 0px; margin:0; text-align:center;}
	.addImageTable a{font-size:80%; color:#464646;}

	.hackerSafe{padding:2px 0 2px 0; text-align:center;}
/*###################
FORM STYLE
##################*/
	#beautyShot{width:260px; margin-top:5px; float:left;}
	#productPrice{width:289px; margin:5px 0 0 5px; float:right; background-color:#395471;}
	form.priceForm{margin:0; padding:2px 0 8px 0;}
	.productSearch{font-size:85%; font-weight:bold; color:#0e830e;}
	.priceTitle{font-weight:bold; color: #ffffff; font-size:90%;}
	select.productOption{margin:0 0 2px 0; font-size:80%; vertical-align:top;}
	.fontStylePrice{font-size:110%; font-weight:bold; color:#35ac34;}
	.shippingInfo{margin:5px 0 0 0; padding:0; background-color:#35ac34;}
	.shippingInfo h2{font-size:100%; font-weight:bold; COLOR:#ffffff; padding:5px 0 5px 5px; margin:0; background-color:#0e830e;}
	.shippingInfo p{font-size:90%; padding:5px 0 5px 5px; margin:0; color: #ffffff;}
	.topPriceInfo{color:#ffffff; background-color:#203B58; padding:5px 0 5px 5px; font-size:90%; font-weight:bold;}
	.productPricingArea{padding:5px;}

	form.pagingForm{margin:0; padding:0; float:right;}
	.pagingForm input{font-size:80%;}
/* FORM STYLE - ADVANCE SEARCH */
	form.searchFeature{
			padding:5px 10px 10px 10px; margin:0;
			background-color:#EBEBEB;
			border-bottom:1px solid #959595; 
		}
	.searchFeature input{font-size:80%;}
	input.searchName{margin:0 0 2px 0; padding:0; width:182px; background-color:#FCFCFC;}
	select.searchAdvance{width:186px; font-size:80%; margin:0 0 2px 0;}

/* SIGN IN and OUT STYLE  */
	form.customerLogin{padding:10px; margin:0; font-size:85%; background-color:#ffffff;}
	.customerLogin input{width:85px; margin:2px 2px 2px 0; font-size:95%;}

/*ALL OTHER PAGE STYLE*/
.otherPageTitle{font-size:120%; color:#214b7d; padding:5px 0 5px 0; border-bottom:2px dotted #D7D7D7; font-weight:bold;}

/*SHOPPING CART STYLE */
#bodyStyleShop{width:765px; clear:both; float:left; margin-bottom:5px;}
h1.shopTitle{font-size:140%; color:#35AC34; margin:0; padding:5px 0 5px 0;}
.shoppingCartTable{clear:both; padding-top:1px;}
.tableHeading{background-color:#35AC34;}
.tableHeading th{margin:2px 0 2px 0; padding:5px 4px 5px 4px; color:#ffffff; font-size:90%; text-align:center;}
.tableBodyShop{background-color:#ffffff;}
.tableBodyShop td{padding:5px 4px 5px 4px; margin:0; color:#000000; text-align:center;}
.removeLinkStyle{font-size:85%; color:#395471; font-weight:bold;}
.odd{background-color:#f6f6f6;}
.subTotal{margin:2px 0 2px 0; padding:10px 5px 10px 5px;  
		background-color: #35ac34; font-size:90%; color:#ffffff; font-weight:bold;}
.subAmount{font-size:140%;}

/*HOMEPAGE STYLE */
	h1.welcome{padding:5px 0 5px 0; margin:0; color:#395471; font-size:120%;}
	.welcome2{color:#4B7CA4; font-size:140%;}
	.introText{padding:0; margin:0 0 5px 0; font-size:85%; color:#555555;}
	.tableBodyHome{background-color:#ffffff;}
	.tableBodyHome td{padding:15px 0px 15px 0px; margin:0; text-align:center;}
	.tableBodyHome a{font-size:85%; font-weight:bold; color:#40515B;}
	.categoryLink a{color:#555555; font-size:85%; font-weight:normal;  padding:2px;}
	.viewMore{color:#4B7CA4; font-size:130%; font-weight:bold; text-align:right;}
	.viewMore a{color:#4B7CA4; font-size:80%; font-weight:bold;}

	#GCLink{position:absolute; bottom:0; clear:both; width:206px;} /* Make GCLinks always stick to the bottom. YEAHHHHH */
	.gcLinkImage{margin:0;}
	.gcLinks{list-style-type:none; margin:0; padding:0 10px 0 10px; font-size:85%; background-color:#35ac34; color:#86CD85;}
	.gcLinks dt{padding:0; margin:0; font-weight:bold;}
	.gcLinks a{color:#ffffff; margin:0; padding:0;}
	.gcLinks dl{padding:2px 0 10px 10px; margin:2px 0 0 0; border-top:1px solid #86CD85;}
	.gcLinks dl a{background-image:none; padding:0; margin:0; font-weight:normal;}
    #GCLink h5{font-size:120%; color:#4B7CA4; border-bottom:1px solid #d7d7d7; padding:2px 2px 3px 5px; margin:0;}
    #GCLink p{padding:2px 0 0 0; margin:0;}	
/*###################
NAVIGATION STYLE AND DROP DOWN OPTION
Technique amd method by HTML Dog and Patrick Griffiths.
##################*/
#topMenu{ /* all lists */
	clear:both;
	float:left;	 /* Needed to fixed the background image or color, and text size increase */
	width:127px;
	list-style: none;
	line-height: 1; border:0;
	margin:0; padding:0;
	background-color: #ebebeb;  
	font-family:Verdana, Arial, Helvetica, sans-serif; z-index:90;
}
#topMenu ul { /* all lists */
	list-style: none;
	line-height: 1;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	padding:0; margin:0; z-index:90;
}

#topMenu a.mainCat {
	display: block; 
	width: auto;
	margin:0; padding:0;
	color:#ffffff; font-weight:bold; 
}

#topMenu a.subCat {
	display:block;
	width:201px;
	margin:0; padding:2px 0 4px 5px;
	background-color:#0D820D; text-transform:capitalize; color:#ffffff; font-size:75%;
}
a.subCat:hover{text-decoration:none; background-color:none;}
#topMenu a.checkOut {
	display:block; margin:0;
	padding:5px 0 5px 0;
	text-transform:capitalize; color:#000000; font-size:90%; font-weight:bold; text-align:right; background-color:#ffffff;
}
#topMenu li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */ 
}

#topMenu li ul { /* second-level lists */
	position: absolute;
	background: transparent none no-repeat bottom left;
	 
	padding:0;
	width:206px; margin:0 0 0 -5.8em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#topMenu li ul li{ 
	float: left;
	width: 206px; /* width needed or else Opera goes nuts */
}
#topMenu li:hover ul, #topMenu li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}