/* GLOBAL STYLE */
/* Zero down margin and paddin on all elements */
*{
  margin:0;
  padding:0;
}
/* Center Technique*/
#wrapper2{width:100%; background-color:#f6f6f6; clear:both; float:left;}
#wrapper{width:780px; padding:0; margin:0 auto; text-align:left;}
#bodyStyle{width:100%; float:left; background: #fff url(/image/body-bg.jpg) repeat-y top left; padding:10px; margin:0; border:1px solid #d2d2d2; border-top:none; border-bottom:none;}
#logo{width:780px; padding:0; margin:0 auto; text-align:left;}
#headerOuter{width:100%; float:left; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
#header{width:780px; padding:0; margin:0 auto; text-align:left;}
#first{width:206px; float:left;} 
#second{width:554px; float:right; padding-left:10px;}
#linkArea{width:778px; margin-top:10px; border:1px solid #d2d2d2; background-color:#f6f6f6;}
#footer{width:100%; clear:both; text-align:center; border-top:1px solid #d2d2d2; background-color:#ffffff;}

/* BODY STYLE */
body{
	font-size: small;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#393939; 
	text-align:center;
}
	a{text-decoration:none;}
	a:hover{text-decoration:underline;}
	div.clearFloat{clear:both;}

p{margin:10px 0;}
h5{margin:10px 0;}
#logo p{padding-top:20px; margin-left:20px; float:left; font-weight:bold;}
.promoText{color:#C00000; font-weight:bold;}

/* LEFT NAVIGATION */
.topLeftBanner{ padding:0 0 10px 0; text-align:center;}
h5.catTitle{font-size:100%; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; color:#393939; padding:12px 5px 10px 0; border-bottom:1px solid #d2d2d2;}
.leftNavigation{list-style-type:none; font-size:100%; color:#393939; margin:0 0 10px 0; padding:5px 0 0 20px;}
.leftNavigation li{padding:4px 0 4px 0;}
.leftNavigation a{font-size:90%; color:#393939; padding: 0; font-weight:bold;}
.leftNavigation2{list-style-type:none; margin:0 0 0 10px; padding:0;}
.leftNavigation2 a{font-size:90%; color:#393939; padding:0; margin:0; font-weight:normal;}

.productSearch{font-size:85%; font-weight:bold; color:#5C543F;}
/* FORM STYLE - ADVANCE SEARCH */
        form.searchFeature{
                        padding:8px; margin:0 0 15px 0;
                        border:1px solid #d2d2d2;
                }
        input.searchName{margin:0 0 2px 0; padding:2px 0 1px 0; width:182px; background-color:#f6f6f6; font-size:80%; color:#464646; vertical-align:top;}
        select.searchAdvance{width:186px; font-size:80%; margin:0 0 2px 0;}
        .searchFeature input{font-size:80%;}

/* 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;}
.otherPageTitle{margin:2px 0 2px 0; padding:2px; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;
                background-color: #e0e0e0; text-align:center; font-size:110%; color:#393939; font-weight:bold;}

.subCategoryName{margin:2px 0 2px 0; padding:2px; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;
                background-color: #e0e0e0; text-align:center; font-size:110%; color:#393939; font-weight:bold;}

.breadCrumb{font-size:85%; padding:5px 0; margin:0;}
.breadCrumb a{color:#7c7c7c; text-decoration:underline;}
.breadCrumb a:hover{color:#000; text-decoration:underline;}
.breadCrumb .currentState{color:#393939; font-weight:bold;}

.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;}
h1.title{font-size:85%; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; color:#393939; padding:5px 0 5px 10px; margin-top:15px; background-color:#e0e0e0;}
.viewMore{text-align:right;}
.viewMore a{font-size:90%; font-weight:bold; color:#B52F3A; background:#fff url(/image/viewMore.gif) no-repeat 0 50%; padding:5px 0 5px 15px;}
.tableBody td{padding:10px 0px 10px 0px; margin:0; text-align:center;}
.tableBody a{font-size:85%; color:#393939;}

.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;}
#imageContainer p{padding:0; margin:0; text-align:center; font-size:85%;}


.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;}
a.viewCollection{color:#111106; font-size:100%; font-weight:bold; text-decoration:underline;}


/* WEBSITE LINKS */
	.siteLinks{list-style-type:none; margin:0; padding:0 10px 0 10px; 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:10px;}
/* FOOTER STYLE */
#footer p{color:#000000; padding-top:10px; margin:0;}
#footer p.copyright{color:#9f9f9f; padding-bottom:20px; margin:0; font-size:80%;}
#footer a{font-size:85%; color:#393939; font-weight:bold;}

/* SHOPPING CART */
#bodyStyleSC{width:100%; float:left; background-color: #ffffff; padding:10px; margin:0; border:1px solid #d2d2d2; border-top:none; border-bottom:none;}
#bodyStyleSC 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:#e8e8e8; 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:center;
	margin:0; padding:0;
	font-size:11px; min-width:780px;
}
#topMenu ul { /* all lists */
	list-style: none;
	line-height: 1;
	font-size:11px;
	padding:0; margin:0; text-align:left;
	background-color:#ffffff;
}

#topMenu a.mainCat {
	display: block;
	width: auto;
	margin:0; padding:10px 20px 10px 20px;
	/* background:url(/henry/icandy/image/vertical-bar.jpg) no-repeat center left; */
	font-family:sans-serif; color:#8a8a8a; font-weight:bold;
}
#topMenu a.mainCat:hover{color:#393939;}
#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:#8a8a8a; font-size:11px; font-weight:normal;
}
#topMenu a.subCat:hover{color:#393939;}
/* #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 */
}
#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;
}