/* GLOBAL STYLE */
/* Zero down margin and paddin on all elements */
*{
  margin:0;
  padding:0;
}
/* Center Technique*/
#wrapper{width:805px; padding:0; margin:0 auto; text-align:left;}
#header{width:805px;}
#mainBody{width:785px; float:left; margin:0 0 5px 0; padding:10px; background:#fff url(/image/body-bg.jpg) repeat-y top left; border:1px solid #d4d4d4;}
#first{width:206px; float:left;}
#second{width:554px; float:right;}
#linkArea{width:785px; clear:both; margin:0 0 5px 0; padding:10px; background-color:#ffffff; border:1px solid #d4d4d4;}
#footer{width:785px; clear:both; margin:0 0 15px 0; padding:10px; background-color:#ffffff; border:1px solid #d4d4d4; text-align:center;}
/* BODY STYLE */
body{
	font-size: small;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#464646; 
	text-align:center;
	background-color:#e1e1e1;
}
	a{text-decoration:none;}
	a:hover{text-decoration:underline;}
	div.clearFloat{clear:both;}
p{margin:10px 0;}
h5{margin:10px 0;}

/* HEADER STYLE */
.infoLink a{margin:0 0 0 18px; padding:0; font-size:85%; font-weight:bold; color:#ffffff;}
ul.infoLink{margin:0; padding:0;  list-style-type:none; height:44px;}
li.infoOption{padding:12px 0 2px 0;}

.shoppingCart{width:805px; text-align:right; background-color:#666666;}
.topBanner{background: #97702D url(/image/top.jpg) no-repeat top right; margin:0; padding:0; height:136px;}
.topBanner img.banner{padding-top:15px;}
/* LEFT NAVIGATION */
.siteBanner{background-color:#B5B486; margin:0; padding:0;}
h5.searchTitle{font-size:85%; padding:5px 0 0 0; margin:0;}
h5.catTitle{font-size:90%; padding:15px 0 10px 0; font-weight:bold; text-transform:uppercase; 
			font-family:Verdana, Arial, Helvetica, sans-serif; color:#7B5D29; border-bottom:2px solid #7B5D29;}
.hLine{text-align:center; margin:5px 0 5px 0;}

.leftNavigation{list-style-type:none; font-size:100%; color:#727233; margin:0 0 10px 0; padding-left:30px; padding-top:10px; font-weight:bold; background:#fff url(/image/nav-bg.jpg) repeat-y top left;}
.leftNavigation li{padding:4px 0 4px 0;}
.leftNavigation a{font-size:90%; color:#363636; padding:0; }
.leftNavigation2{list-style-type:none; margin:0; padding-left:10px;}
.leftNavigation2 a{font-size:90%; color:#555555; padding:0; margin:0; font-weight:normal;}
	
/* FORM STYLE - ADVANCE SEARCH */
	form.searchFeature{
			padding:0; margin:0 0 15px 0; 
		}
	input.searchName{margin:0 5px 0 0; padding:2px 0 1px 0; width:160px; background-color:#f6f6f6; font-size:80%; color:#464646; vertical-align:top;}
	select.searchAdvance{width:169px; font-size:80%; margin:0 0 2px 0;}

/* MAIN CONTENT */
h2.welcome{padding:5px 0 5px 0; margin:0; color:#665D45; font-size:120%;}
.introText{padding:0; margin:0 0 5px 0; font-size:90%; color:#555555;}

.breadCrumb{font-size:85%; padding:5px 0; margin:0;}
.breadCrumb a{color:#7d7d7d; text-decoration:underline;}
.breadCrumb a:hover{color:#000; text-decoration:underline;}
.breadCrumb .currentState{color:#636363; font-weight:bold;}
h1.title{font-size:120%; font-family:Verdana, Arial, Helvetica, sans-serif; color:#4E4E00; padding:10px 0 5px 0; margin:0; border-bottom:1px solid #D3D4D6;}
.viewMore{text-align:right;}
.viewMore a{font-size:90%; font-weight:bold; color:#4E4E00; background:#fff url(/image/viewMore.gif) no-repeat 0 50%; padding:5px 0 5px 15px;}

.tableBody td{padding:10px 0 10px 0; margin:0; text-align:center;}
.tableBody a{font-size:85%; color:#555555;}

.anchorLink{background-color:#e0e0e0; border:1px solid #D2d2d2; text-align:center; margin:0; padding:5px; color:#393939;}
.anchorLink a{font-size:85%; font-weight:bold; color:#464646;}

.paging{margin:10px 0; padding:0; font-size:90%;}
.paging a{padding:2px 4px; color:#111106; background-color:#fff; border:1px solid #ACACAC; margin:0 1px;}
.paging a:hover{color:#0053B5; border:1px solid #111106; text-decoration:none;}
.selected{background-color:#111106; padding:2px 4px; font-weight:bold; color:#fff; margin:0 1px; border:1px solid #111106;}

#imageContainer{width:260px; float:left;}
#priceContainer{width:284px; float:right; margin-left:5px; margin-bottom:10px; background:#fff url(/image/price-middle.jpg) repeat-y top left;}
h1.productTitle{font-size:130%; font-family:Verdana, Arial, Helvetica, sans-serif; color:#2b2b2b; padding:10px 0; margin:0;}
.enlargeImage{text-align:center; padding:10px;}
.enlargeImage a{color:#111106; font-size:85%; font-weight:bold; text-decoration:underline;}

.productPricingArea{padding:10px 5px 5px 10px; background:transparent url(/image/price-top.jpg) no-repeat top left;}
.priceTitle{font-weight:bold; color:#2b2b2b; font-size:100%;}
.fontStylePrice{color:#171717; font-weight:normal;}
.salePrice{color:#990000; font-weight:bold; font-size:110%;}
form.priceForm{margin:0; padding:2px 0 10px 0;}
select.productOption{font-size:80%; vertical-align:bottom; width:auto;}
option{padding:0 5px 0 0;}
input.addToCart{padding:1px 2px; margin:0; font-weight:bold; font-size:80%; vertical-align:bottom;}

.shippingInfo{background:transparent url(/image/price-bottom.jpg) no-repeat bottom left; padding:5px 10px 10px 10px; margin:0;}
.shippingInfo h5{font-size:110%; margin:0; padding:10px 0 5px 0;}
.shippingInfo p{padding:0 0 5px 0; margin:0; font-size:90%;}
hr{margin:0; padding:0;}
hr.clearFloat{clear:both;}

.productInfo{font-size:90%;}
.productInfo h5{font-size:120%; margin:0; padding:10px 0 5px 0; color:#393939;}
.productInfo p{padding:0; margin:0; padding-left:18px;}
.productInfo ul{margin-left:30px; padding:0; list-style-type:square;}
.specificationTable{padding:5px 0 20px 0;}
.specification tr.odd{background-color:#f6f6f6;}
.specification td{padding:5px; border:1px solid #e8e8e8;}

/* WEBSITE LINKS */
	.siteLinks{list-style-type:none; margin:0; padding:0; font-size:85%; color:#393939;}
	.siteLinks a{color:#393939; margin:0; padding:0;}
	.siteLinks dl{padding:2px 0 10px 0; margin:2px 0 0 0;}
	.siteLinks dl.noBorder{border-style:none;}
	.siteLinks dl a{background-image:none; padding:0; margin:0; font-weight:normal;}
	.siteLinks a.homeLink{font-weight:bold; font-size:110%;}
	#linkArea h5{font-size:90%; color:#393939; padding-bottom:10px;}
/* FOOTER STYLE */
#footer p{color:#000000; padding:0; margin:0;}
#footer p.copyright{color:#9f9f9f; padding:0; margin:0; font-size:80%;}
#footer a{font-size:85%; color:#393939; font-weight:bold;}

/* SHOPPING CART */
#mainBodySC{width:785px; float:left; background-color:#ffffff; margin:0 0 5px 0; padding:10px; border:1px solid #d4d4d4;}
#mainBodySC h1{font-size:110%; padding:10px 0;}
.tableSC{border:1px solid #d2d2d2; background-color:#ffffff; font-size:90%; margin-bottom:10px;}
.tableSC th{padding:5px; background-color:#dadada; color:#000000;}
.qty{font-size:90%; background-color:#ffffff;}
.tableSC a{font-size:95%; font-weight:bold; color:#464646;}
.size12 {font-size:120%; font-weight:bold;}
.altColor {background-color:#f5f5f5;}
.altColor td{padding:5px;}
.altColor2 {background-color:#fafafa;}
.altColor2 td{padding:5px;}
.cartEmpty{border:1px solid #d2d2d2; background-color:#f6f6f6; padding:5px; text-align:center;}

/*###################
NAVIGATION STYLE AND DROP DOWN OPTION
Technique amd method by HTML Dog and Patrick Griffiths.
##################*/
#topMenu{ /* all lists */
	float:left;	 /* Needed to fixed the background image or color, and text size increase */
	width:100%;
	list-style: none;
	line-height: 1; text-align:left;
	margin:0; padding:0;
	font-size:11px;
}
#topMenu ul { /* all lists */
	list-style: none;
	line-height: 1;
	font-size:11px;
	padding:0; margin:0; text-align:left;
}

#topMenu a.mainCat {
	display: block;
	width: auto;
	margin:0; padding:10px 10px 10px 10px;
	/* background:url(/henry/icandy/image/vertical-bar.jpg) no-repeat center left; */
	font-family:sans-serif; color:#000000; font-weight:bold;
}
#topMenu a.firstSelect{display:block; background-image:none; font-weight:bold;}
#topMenu a.subCat {
	display: block;
	width: auto;
	margin:0; padding:5px 10px 5px 19px;
	background-image:none; font-family:sans-serif; color:#000000; font-size:11px; font-weight:normal;
}
/* #topMenu a.subCat:hover{background-color:#ebebeb;} */
#topMenu li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
}

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