/* CSS Document */

body{
    margin: 0px;
	padding: 0px;
	background-color: #CFA57D;
	background-image: url(images/flowerback.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #023B02;
behavior: url(./csshover.htc);
/* WinIE behavior call */
	}
a {
   font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #023B02;
}
a:hover{
   font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #663300;
}
img {
   border: none;
}
a img {
   border: none;
 }

#flowerbackgradient {
    background-image: url(images/flowerbackgradient.jpg);
	background-repeat: repeat-x;
	}
#leftgradient {
    background-image: url(images/leftgradientslice.png);
	background-repeat: repeat-y;
	width: 830px;
	margin: 0px;
	padding: 0px;
	}
#rightgradient {
    background-image: url(images/rightgradientslice.png);
	background-repeat: repeat-y;
	background-position: right;
	width: 816px;
	margin: 0px;
	padding: 0px;
	
	}
   
#greenfill {
    background-color: #023B02;
	width: 800px;
	margin: 0px;
	padding: 0px;
	}
#sunsetheader {
    background-image: url(images/sunsetheader.jpg);
	height: 230px;
	width: 776px;
	margin: 0px 0px 0px 12px;
	padding: 0px;
	background-repeat: no-repeat;
  	background-position: top;
	overflow: hidden;
	}
#hawaiianlogo {
	margin: 112px 0px 0px 21px;
	padding: 0px;
	}
#flower {
	background-image: url(images/flower.gif);
	display: block;
	float: left;
	background-repeat:no-repeat;
	background-position:top;
	width: 22px;
	height: 20px;
	margin-left: -2px;	
}

#flower2 {
	background-image: url(images/flower.gif);
	display: block;
	float: left;
	background-repeat:no-repeat;
	background-position:top;
	width: 22px;
	height: 20px;
	margin-right: 6px;
}
#menuholder a{
	height: 19px;
	width: 65px;
	display: block;
	float: left; 
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #663300;
	text-decoration: none;
}

#menuholder{
	width: 275px;
	height: 20px;
	overflow: hidden;
	position: relative;
	text-align: center;
	float: right;
	top: -145px;
	right: 130px;

}
#menuholder a:hover{
	color: #023B02;
}

#centertable {
    background-color: #023B02;
	width: 776px;
	margin-left: 12px;
	padding: 0px;
}
	
#centertableleft {
     width: 203px;
	 background-color: #663300;
	 margin: 0px;
	 padding: 0px;
	 }
	 
#centertableright {
	 background-color: #D0D8B1;
	 margin: 0px;
	 padding: 0px;
	 }
	 
.leftcontainer {
     width: 192px;
	 margin: 0px 0px 10px 5px;
	 padding: 0px;
}

ol {
   text-align: left;
   color: #023B02;
   margin: 5px 1px 5px 0px;
   padding: 0px 5px 0px 20px;
   }
   
.sideBoxContent {
   text-align: left;
   color: #023B02;
   margin: 5px 0px 5px 0px;
   padding: 0px 5px 7px 15px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: normal;
}
.sideBoxContent a{
   color: #023B02;
   text-decoration: none;
}
.sideBoxContent a:hover{
     color: #663300;
   font-weight: normal;
}
#catBoxDivider { 
   margin-right: 6px;}

.leftgreenslice {	background-image: url(images/leftgreenslice.gif);
	background-repeat: repeat-y;
	background-position: top;
	margin: 0px;
	padding: 0px;

}
.topsandbar {
     background-image: url(images/topsandbar.png);
	 margin: 0px;
	 padding: 0px;
	 width: 192px;
	 height: 35px;
	 background-repeat: no-repeat;
}

.leftcontainerheading {
     margin: 0px;
	 padding: 8px 0px 5px 15px;
	 }

.palmtrees {	
    background-image: url(images/palmtrees.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0px;
	padding: 0px;

}

#bestsellers {	
	margin: 0px;
	padding: 0px;
	width: 182px;

}
#bestsellers a{	
    display: block;
	margin: 0px;
	padding: 0px 0px 0px 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #023B02;
	line-height: 25px;

}
#bestsellers a:hover{
	color: #663300;


}
#beachfront {
    background-image: url(images/beachfront.jpg);
	height: 234px;
	width: 573px;
	margin: 0px;
	padding:0px;
	background-repeat: no-repeat;
  	background-position: top;
	overflow: hidden;
	}
#optionsmenu {
	margin: 0px;
	padding: 0px; 
	display: inline;
	}
#optionsmenu a{
	margin: 0px;
	padding: 0px 10px 0px 6px;
	font-family: Arial, Helvetica, sans-serif;
	color: #023B02;
	font-size: 13px;
	text-decoration: none;
	}
	
#optionsmenu a:hover{
	color: #663300;
	}
#searchform{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #023B02;
	font-size: 13px;
	display: inline;
	}
#searchinset{
    background-color: #023B02;
	width: 100px;
	height: 17px;
	border: 1px #023B02 solid;
	background-repeat: no-repeat;
	margin-left: 6px;
	padding: 0px;
	color: #fff;
}
.breadcrumb {
    padding: 5px 0px 5px 10px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   color: #023B02;}

.breadcrumb a{
   color: #023B02;
   }
 
 .breadcrumb a:hover{
   color: #663300;
   }
   
.centerBoxWrapper{
   font-family: Arial, Helvetica, sans-serif;}
   
   
.centerBoxWrapper img{
   padding: 10px;}

.centeredContent {
   padding: 0px 1px 10px 1px;}
   
   
 /*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
	vertical-align: top;
	}

/*.content,*/ #productDescription, .shippingEstimatorWrapper {
	/*font-size: 1.2em;*/
	padding: 0.5em;
	}
/*list box contents*/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
	margin: 1em 0em;
	}	
	
/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
	vertical-align: top;
	}

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
	text-align: center;
	}
#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float: left;
	}	
.back {
	float: left;
	}
.clearBoth {
	clear: both;
	}
h2.centerBoxHeading {
	font-size: 18px;
	text-align: center;
	color: #663300;
	border: 0px;
	width: 100%;
	line-height: 32px;
	background-image: url(images/titleback.jpg);
	background-position: top;
	background-repeat: repeat-x;
	padding: 0px;
	margin: 0px 0px 5px 0px;
  }
#productListHeading {
     padding: 0px 10px 0px 10px;
	 }
#categoryImgListing {
     padding: 0px 10px 10px 10px;
	 }
#indexProductListCatDescription {
     padding: 5px 0px 0px 10px;
	 }
#indexCategoriesHeading {
     padding: 0px 10px 0px 10px;
	 }
#categoryDescription {
     padding: 0px 10px 5px 10px;
	 }
.categoryListBoxContents {
     padding-bottom: 5px;
	 }
form {
    padding: 5px 10px 5px 10px;
	}
#productsListingTopNumber {
     padding: 0px 10px 0px 10px;
	 }
productsListingListingTopLinks {
     padding: 0px 10px 0px 10px;
	 }
.productListing-heading {
     padding: 0px 10px 0px 10px;
	 }
.productListing-data {
     padding: 5px 10px 5px 10px;
	 }
#productsListingBottomNumber {
     padding: 7px 10px 20px 10px;
	 }
#productsListingListingBottomLinks {
     padding: 0px 10px 0px 10px;	 
	 }
#productAdditionalImages {
     padding-top: 10px;
}
#productTellFriendLink {
     padding: 10px 0px 10px 0px;
	 }
.navNextPrevList {
     padding-bottom: 5px;
	 }
.optionName {
     margin: 0px 5px -4px 0px;
	 }
#productMainImage {
     padding-right: 0px;
	 }
#specialsListingHeading {
     padding: 0px 10px 0px 10px;
	 }
#specialsListingTopNumber {
     padding: 0px 10px 0px 10px;
	 }
.specialsListBoxContents {
     padding: 10px 0px 10px 5px;
	 }
#specialsListingBottomNumber {
     padding: 5px 10px 3px 10px;
	 }
#specialsListingBottomLinks {
     padding: 2px 10px 2px 10px;
	 }
.buttonRow{
     padding: 2px 10px 5px 10px;
	 }
#newProductsDefaultHeading {
     padding: 0px 10px 0px 10px;
	 }
#sorter {
     padding-left: 10px;
	 }
#featuredDefaultHeading {
     padding: 0px 10px 0px 10px;
	 }
#allProductsDefaultHeading {
     padding: 0px 10px 0px 10px;
	 }
#productReviewLink	{
     padding-left: 0px;
	 } 
	 
fieldset {
    border: none;
	margin-bottom: 10px;
	} 
legend {
    font-weight: bold;
	font-size: 15px;
	}
#loginDefaultHeading 
    { 
	padding: 10px 10px 1px 10px;
	}
#loginDefault form {
       padding: 5px 10px 10px 10px;
	   }
.messageStackError {
       padding: 10px 10px 10px 10px;
	   }
#siteMap
    {padding: 10px 13px 10px 10px
	}
#shippingInfo
    {padding: 10px 13px 10px 10px
	}	
#privacy
    {padding: 10px 13px 10px 10px
	}
#conditions {
   padding: 10px 13px 10px 10px
	}
#gvFaqDefault {
   padding: 10px 13px 10px 10px
	}	
#discountcouponInfo	{
   padding: 10px 13px 10px 10px
	}	
#createAcctSuccess {
   padding: 10px 13px 10px 10px
    }
#addressBookProcessDefault {
   padding: 10px 13px 10px 10px
    }	
#addressBookDefault	 {
   padding: 10px 13px 10px 10px
    }
#cartDefaultHeading {
   padding: 10px 13px 10px 10px;
		}
#cartContentsDisplay {
   padding: 10px 13px 0px 10px;
		}
#timeoutDefault	{
   padding: 10px 13px 0px 10px;
		}
#accountDefault {
   padding: 10px 13px 0px 10px;
		}
#accountEditDefault {
   padding: 10px 13px 0px 10px;
		}
#accountPassword {
   padding: 10px 13px 0px 10px;
		}
#acctNewslettersDefault {
   padding: 10px 13px 0px 10px;
		}
#accountNotifications {
   padding: 10px 13px 0px 10px;
		}
#productGeneral	{
   padding-right: 13px;
   }
#ezPageDefault
     {
    padding: 10px
	}		 
#newProductsDefaultListingTopNumber{
   padding: 1px 5px 1px 10px;
    }	
#newProductsDefaultListingBottomNumber{
   padding: 1px 5px 1px 10px;
    }		 
#allProductsListingTopNumber{
   padding: 1px 5px 1px 10px;
    }	
#allProductsListingBottomNumber	{
   padding: 1px 5px 1px 10px;
    }

#phoneorders {
    padding: 10px 0px 0px 0px;
	font-size: 14px;
	margin: 0px;
	}
	
#shippingmenuholder a{
	margin-top: 0px;
	padding: 8px;
}

#shippingmenuholder{
	padding: 15px 0px 10px 0px;
}
.advisory {
    padding: 10px;
	}
	

#footer{
    padding: 0px 0px 40px 0px;
	margin: 0px 0px 0px 12px;
	width: 776px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #D0D8B1;
}
#footerkeoni{
    padding: 12px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	
}
#footermenu{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: right;
	position: relative;
	top: -15px;
	color: #D0D8B1;
	padding: 0px 5px 5px 0px;
	}
#footermenu a{
    color: #D0D8B1;
    text-decoration: none;
	}
#footermenu a:hover{
    color: #FFB81E;
    text-decoration: none;
	}
#footermenu p{
    line-height: 7px;
	}
#trailimageid {
  position: absolute;
  visibility: hidden;
  left: 0px;
  top: 0px;
  width: 220px;
  height: 0px;
  z-index: 1000;
}

#trailimageid div {
  padding: 5px;
  background-color: #FFF;
  border: 1px solid #888;
  text-align: center;
}

#trailimageid h1 {
  font-size: 100%;
  font-weight: normal;
  margin: 0;
  padding: 2px 0px;
  text-align: left;
  width: 100%;
}

#trailimageid img {
  margin: 2px;
  border: none;
}
hr {
  border: 0;
  width: 80%;
  background-color: #023B02;
  height: 1px;
}
.catDivide{
	border-top: 1px solid #023B02; margin: 10px 0px 10px 0px; width: 90%;
}
.navNextPrevCounter {
	margin: 0em;
	font-size: 0.9em;
	}
.navNextPrevList {
	display: inline;
	white-space: nowrap;
	margin: 0;
	padding: 0.5em 0em;
	list-style-type: none;
	}
.back {
	float: left;
	}

.forward, #shoppingCartDefault #PPECbutton {
	float: right;
	}
#cartAdd {
	float: right;
	text-align: center;
	margin: 1em;
	border: 1px solid #000000;
	padding: 1em;
	}


div#nav-cat {width: 150px; margin: -1px 0 0 -1px;
  background-color: transparent; font-weight:bold;
  text-align: left;
  line-height: 23px;
  
	}
div#nav-cat ul {margin: 0; padding: 0; padding-top: 0; width: 150px; background-color: transparent;
  background-repeat: no-repeat;
	}

div#nav-cat ul.level2 {margin: 10; padding: 2; width: 150px; 
  background-color: transparent;
  border: none;
	}
div#nav-cat ul.level2 {background-color: transparent; 
}
div#nav-cat ul.level3 {background-color: transparent;
}
div#nav-cat ul.level4 {background-color: transparent;
}
div#nav-cat ul.level5 {background-color: transparent;
}
div#nav-cat ul.level6 {background-color: transparent;
}
div#nav-cat li {
 position: relative;
 list-style: none; 
 margin: -2px;
 margin-top: 6px;
 z-index: 20; 
 height: 23px;
 width: 150px;
border: 1px solid #023B02;
/* change it to whatever space you want to put space between buttons*/}
/* <---this line may help or hinder IE menu shifting issues */
div#nav-cat li li {
  margin: 0px; 
/* this overrides the margin-top in the declaration above */
} 
div#nav-cat li:hover {
}
div#nav-cat li.submenu {

background-color: transparent;


}
div#nav-cat li.submenu:hover {background-color: transparent; 


	}
div#nav-cat ul {background-color: transparent;
	}
div#nav-cat li a {display: block; padding: 0.25em 0 0.25em 0.5em;
  text-decoration: none; width: 150px;}
/*border-left: 0.5em solid #BBB;}
div#nav li a:hover {border-left-color: red;}*/
	}
div#nav li a:hover {border: none;
}
div#nav-cat>ul a {width: 150px;
}
div#nav-cat ul ul {position: absolute; top: 0; left: 152px;
  display: none;
	}
div#nav-cat ul.level1 li.submenu:hover ul.level2, 
div#nav-cat ul.level2 li.submenu:hover ul.level3,
div#nav-cat ul.level3 li.submenu:hover ul.level4,
div#nav-cat ul.level4 li.submenu:hover ul.level5,
div#nav-cat ul.level5 li.submenu:hover ul.level6 {display:block; background-color: #D0D8B1; 
}
.centerBoxContentsProducts h3.itemTitle{
	margin: 0px;
}
.centerBoxContentsProducts div.listingDescription{
	height: 0px; width: 0px; overflow: hidden; display: inline;
}
.centerBoxContentsProducts{
	line-height: 12px;
}

#mainProductBox {
	margin: 0px 0px 30px 10px;
	padding: 0;
}
h1#productName {
margin:0;
padding:0;
font-weight:700;
text-align:center;
}
#imagebox {
margin:0 auto;
padding:0;
}

#productMainImage {
margin:1.5em 1em 1em 0;
}

#productbox {
margin:0 auto;
padding:0;
color:#000;
}

#productDescription {
margin: 0;
padding: 0 0 2px 0;
line-height:1.3em;
text-align: left;
}
#productPrices {
margin:0;
padding: 2px 0 2px 40px;
font-weight: 700;
text-align: center;
}
#productDetailsList {
margin: 0px;
padding: 0px;
list-style: none;
}
#productDetailsList ul {
margin: 0;
padding: 0;
list-style: none;
}
#productDetailsList ul li {
padding:3px 0 3px 3px;
}

#freeShippingIcon {
width:50%;
height:54px;
background:#F9F4EC;
}
#productPurchaseBox {
	margin: 0 auto;
}
#buybox {
margin:0;
padding:0;
width:40%;
float:right;
}
#cartAdd {
margin:1em;
padding:3px;
font-size:1em;
}
#cartImage {
margin:0.5em 1em;
}
#attributesBox {
margin:0;
padding:0;
width:45%;
float:left;	
}
.optionName {
padding: 0 5px 0 0;
font-size: 1.1em;
font-weight: 700;
}

.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay   {
	padding: 0.5em 0em;
	}

.cartUnitDisplay, .cartTotalDisplay {
	text-align: right;
	padding-right: 0.2em;
	}

#scUpdateQuantity {
	width: 2em;
	}

.cartQuantity {
	width: 4.7em;
	}

.cartNewItem {
	color: #33CC33;
	position: relative;  /*do not remove-fixes stupid IEbug*/
	}

.cartOldItem {
	color: #660099;
	position: relative;   /*do not remove-fixes stupid IEbug*/
	}

.cartBoxTotal {
	text-align: right;
	font-weight: bold;
	}

.cartRemoveItemDisplay {
	width: 3.5em;
	}

.cartAttribsList {
	margin-left: 1em;
	}
	.rowOdd {
	background-color: none;
	height: 1.5em;
	vertical-align: top;
	}

.rowEven {
	background-color: #E0E5CC;
	height: 1.5em;
	vertical-align: top;
	}
	
.productPopper{
position: relative;
z-index: 0;
overflow: visible;
color: #ff0000;
text-decoration: none;
font-size: 14px;
}
.productPopper:hover{
position: relative;
z-index: 0;
overflow: visible;
color: #ff0000;
text-decoration: none;
font-size: 14px;
}


.productPopper:hover{
background-color: transparent;
z-index: 5000;
}

.productPopper span{
position: absolute;
background-color: #fff;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
width: 350px;
}
.productPopper span h3{
	color: #ff0000;
}
.productPopper:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -100px;
left: -100px; /*position where enlarged image should offset horizontally */

}

.sizePopper{
position: relative;
z-index: 0;
overflow: visible;
color: #ff0000;
text-decoration: none;
font-size: 14px;
}
.sizePopper:hover{
position: relative;
z-index: 0;
overflow: visible;
color: #ff0000;
text-decoration: none;
font-size: 14px;
}


.sizePopper:hover{
background-color: transparent;
z-index: 5000;
}

.sizePopper span{
position: absolute;
background-color: #fff;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
width: 350px;
}
.sizePopper span h3{
	color: #ff0000;
}
.sizePopper:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -100px;
left: -100px; /*position where enlarged image should offset horizontally */

}
.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
	margin: 0;
	width: 45%;
	}
.back {
	float: left;
	}

.forward, #shoppingCartDefault #PPECbutton {
	float: right;
	}
#shippingEstimatorContent{
	background-color: #D0D8B1;
}
.larger{
	font-size: 16px;
	font-weight: 700;
	text-align: center; 
}