/* General Settings For All Pages */

body 
{
    margin-left: 0px; margin-top: 0px; 
    font-size: 11px; font-family: verdana, arial, helvetica, sans-serif;
    color: #2b2b2b;  
    background-color: #ffffff;
	text-align: center;    
    
}


/* Primary page div container */
#divPageContainer
{
    width: 738px;
	margin: 0px auto 0px auto; 
	text-align: left;
	padding: 4px;
}

/* standard margin spacing for text blocks */
#divTextMargin
{
    margin-right:5px;margin-left:5px;
} 


img
{
    margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; 
    border-top:  0px; border-left: 0px; border-bottom: 0px; border-right: 0px;
}

hr
{
     color: black; height: 0px;
}


h1 {
	font-size: 1.5em;
    font-family: verdana, arial, helvetica, sans-serif;     
    color: #2F82B8; 
    text-decoration: none;     
	}

h2 {
	font-size: 1.3em;
    color: black;
    font-family: verdana, arial, helvetica, sans-serif;     
    text-decoration: none;     
   }

h3 {
	font-size: 1.1em;
    color: black;
    font-family: verdana, arial, helvetica, sans-serif;     
    text-decoration: none;     
	}


#hrTop
{
     position:absolute;left:8px;top:0px;width:730px;height:0px;
}


/* blog subtitles */
#SubTitleText
{
	font-size: 1.1em;
	font-weight: bold;
    color: black;
    font-family: verdana, arial, helvetica, sans-serif;     
    text-decoration: none;     
}



/* Top banner for all pages */
#divHeadBanner
{
    position: relative; left: 0px; top: 0px; width: 730px; height: 120px;
    background-image:url("https://www.honuhonu.com/createdigitalart/image/HeadBanner.jpg");
    background-repeat:no-repeat;
}


#divLogo 
{
     position: absolute; left: 0px; top: 0px; width: 232px; height: 90px
}

#divMenu
{
     position: absolute; right: 0px; top: 80px; width: 500px; height: 20px;
     font-size: 13px; text-align: center; 
}

#divMenuShop
{
    position: absolute; right:0px; top:0px; width:500px; height:20px; text-align:right;
    font-size: 11px; 
}


/* absolute off of the BOTTOM of the encapsulating DIV */
/* The main JCsWeb copyright that is on the bottom of every page */
#divCopyRight
{
     position: absolute; left:0px; bottom:0px; width:100%;
     text-align: center; vertical-align: bottom;
     font-size: 80%     
}


/* Right Column ads, lays on the right side of page content */
#divAdsRight
{
    position: absolute; right: -200px; top: 100px; width: 200px;
	text-align: left;
	margin-left: 4px;
}



/* The Ads at the bottom of most pages */
#divAds
{
     position: absolute; left: 0px; bottom: 20px; width: 730px; height: 220px;
}

#AdsGoogleBanner
{
    position: absolute; left: 0px; top:80px; width:728px; height:90px;
}

#AdsCJBanner
{
    position: absolute; left: 0px; top:10px; width:480px; height:60px;
    text-align: center; vertical-align: bottom;
}

#AdsGoogleReferral
{
    position: absolute; right: 0px; top:10px;  width:250px; height:60px;  
    text-align: right;
}

/* Main horizontal bar at the bottom of most pages */

#hrBottom
{
    position:relative; width: 730px; height: 0px;
}


/* Main division for left menu\links column */
#divMenuLinksColumn {
    position: absolute; left: 0px; top: 0px; width:200px;
}

#divMenuColumn{
    position: relative; margin-left: 10px; font-size: 1.2em; line-height:1.2em;
}


#divLink
{
     padding-right: 5px; font-weight: 500; color: black; text-decoration: none;
}

#divLink:link
{
     color: black; font-weight: 500; text-decoration: none;
}


#divLink:visited
{
     color: black; font-weight: 500; text-decoration: none;
}

#divLink:hover
{
         color: #22bbee; font-weight: 500; text-decoration: none;
}

#divLink:active
{
     color: #D1059F; font-weight: 500; text-decoration: none;
}

#divLinkActive
{
     padding-right: 5px; font-weight: 500; color: #2F82B8; text-decoration: none;
}

#divLinkActive:link
{
     color: #D1059F; font-weight: 500; text-decoration: none;
}

#divLinkActive:visited
{
     color: #D1059F; font-weight: 500; text-decoration: none;

}

#divLinkActive:hover
{
     color: #22bbee; font-weight: 500; text-decoration: none;
}

#divLinkActive:active
{
     color: #D1059F; font-weight: 500; text-decoration: none;
}

/*
#divHighLink:link
{
     padding-right: 5px; font-weight: normal; color: #22bbee; text-decoration: none;

}

#divHighLink:visited
{
     color: #22bbee; font-weight: bold; text-decoration: none;
}

#divHighLink:hover
{
     color: #2F82B8; font-weight: bold; text-decoration: none;
}

#divHighLink:active
{
     color: #22bbee; font-weight: bold; text-decoration: none;
}
*/

a:link
{
     padding-right: 5px; font-weight: normal; color: #22bbee; text-decoration: none;

}

a:visited
{
     color: #22bbee; font-weight: bold; text-decoration: none;
}

a:hover
{
     color: #2F82B8; font-weight: bold; text-decoration: none;
}

a:active
{
     color: #22bbee; font-weight: bold; text-decoration: none;
}





/* Welcome Page Settings */

#divWelcomeContent 
{
     position: relative; left: 0px; top: 0px; width: 738px; height: 800px;
}

#divWelcomeMessage
{
    position: absolute; left: 8px; top: 0px; width: 285px; height: 460px;
	text-align:left;
	font-size: 1.2em;
}

#divBirdieImg
{
     position: absolute; left: 0px; bottom: 0px; width: 285px; height: 360px;

}

#divBirdieColumn
{
     position: absolute; right: 20px; top: 115px; width: 130px; height: 300px;     
   	text-align:right;     
}  


#divWelcomeMore
{
    position: absolute; left: 8px; top: 460px; width: 285px; height: 250px;
}


#divWelcomeText
{
     position: absolute; left: 300px; top: 0px; width:370px; height:675px;

}


#divWelcomeSlides
{
     position: absolute; left: 0px; top: 80px; width:390px;

}

#divWelcomeCaption
{
     position: absolute; left: 20px; top: 460px; width:330px;

}


/* Group Page Settings */

#divGroupContent 
{
     position: relative; left: 0px; top: 0px; width: 738px; height: 820px;
}

#divGroupText
{
     position: absolute; left: 232px; top: 0px; width: 500px; height: 400px;
}


/* Group Member Page Settings */

#divGroupMemberContent 
{
     position: relative; left: 0px; top: 0px; width: 738px; height: 750px;
}

#divGroupMemberText
{
     position: absolute; left: 232px; top: 0px; width: 500px; height: 400px;
}


/* Group Page Settings */

#divRetailContent 
{
     position: relative; left: 0px; top: 0px; width: 738px; height: 900px;
}

#divRetailText
{
     position: absolute; left: 230px; top: 0px; width: 500px; height: 640px;
     border-top: 1px inset;  border-left: 1px inset; border-right: 2px outset; border-bottom: 2px outset;     
}




/* Designers Page Settings */

#divDesignContent 
{
     position: relative; left: 0px; top: 0px; width: 738px; height: 840px;
}

#divDesignText
{
     position: absolute; left: 230px; top: 0px; width: 500px; height: 580px;
     border-top: 1px inset;  border-left: 1px inset; border-right: 2px outset; border-bottom: 2px outset;     
}


/* Artist Page Settings */


#divArtistContent 
{
     position: relative; left: 0px; top: 0px; width: 738px; height: 860px;
}


#divArtistText
{
     position: absolute; right: 0px; top: 0px; width: 420px; height: 300px;
}

#divArtistContact
{
     position: absolute; left: 10px; top: 210px; width: 290px;
}

#divArtistArt
{
     position: absolute; left: 8px; top: 340px; width: 730px; height: 300px;
}

#divArtistNextSample
{
     position: absolute; bottom: 0px; right: 0px; width: 100px; height: 30px; text-align:right;
}


#divArtistProducts
{
     position: absolute; left: 8px; bottom: 20px; width: 730px; height: 160px;
     border-top: 2px #acacac solid;
}

#divArtistProductsRow
{
     position: relative; left: 0px; top: 10px; width: 738px; height: 150px;
     padding-top: 10px;
     padding-left:10px; 

}

#divArtistCd1
{
     position:absolute;left: 0px; top: 0px; width: 172px; height: 140px;
     padding-top: 10px;
     padding-left:10px; 
}

#divArtistCd2
{
     position:absolute;left: 182px; top: 0px; width: 172px; height: 140px;
     padding-top: 10px;
     padding-left:10px; 
}

#divArtistCd3
{
     position:absolute;left: 380px; top: 0px; width: 172px; height: 140px;
     padding-top: 10px;
     padding-left:10px; 
}

#divArtistCd4
{
     position:absolute;left: 562px; top: 0px; width: 172px; height: 140px;
     padding-top: 10px;
     padding-left:10px; 
}


/* Products Page Settings */

#divProductsContent 
{
     position: relative; left: 0px; top: 0px; width: 738px; height: 920px;
}

#divProductsText
{
     position: absolute; left: 190px; top: 0px; width: 540px; height: 670px;
     border-top: 1px inset;  border-left: 1px inset; border-right: 2px outset; border-bottom: 2px outset;
}

/* shopping cart, the rest is in shop css files */
#divFeaturing {
    width:200px;
    position: relative;
    border-bottom: 1px solid gray;
}

#divShopContent {
    position: relative; left: 0px; top: 0px; width: 738px; 
    /*height: 900px; */
}



/* Details Page Settings */

#divDetailContent 
{
     position: relative; left: 0px; top: 0px; width: 738px; height: 1050px;
}

#divDetailCategoryTitle
{
     position: relative; left: 0px; top: 0px; width: 350px;  height: 110px; text-align:center;
}
#divDetailTitle
{
     position: relative; left: 0px; top: 10px; width: 350px;  height: 110px;  text-align:center;
}

#divDetailCategoryDescp
{
     position: relative; left: 8px; width: 342px;  text-align:left;
}


#divDetailSlideDiv
{
     position: relative; width: 350px; height: 490px; text-align:center;
            
}

#divDetailSlideShow 
{
     width: 324px; height: 454px;
}

#divDetailNextSample
{
     position: absolute; bottom: 0px; right: 0px; width: 350px; height: 30px; text-align:center;
}


/* right column */
#divDetailText
{
     position: absolute; right: 0px; top: 20px; width: 373px; height:610px;
     padding: 5px;
     border-top: 1px inset;
     border-left: 1px inset;
     border-right: 2px outset;
     border-bottom: 2px outset;
}

/* product info from the shop db */
#divDetailShopInfo
{
     position: relative; left: 0px; top: 0px; width: 100%; height:400px;
}

#divDetailAddtoCart
{
     position: absolute; left: 0px; bottom: 0px; width: 130px; height:70px; text-align: left;
}

#divDetailProductImage
{
     position: absolute; right: 0px; bottom: 0px; width: 240px; height:120px; text-align: center; vertical-align: bottom; 
}

#divDetailCdShip
{
     position: absolute; left: 0px; bottom: -20px; width: 370px;height:20px; text-align: left;vertical-align: bottom; 
}

#divDetailArtistImage
{
     position: absolute; left: 5px; bottom: 5px; width: 200px; height: 133px;
}

#divDetailPayPalBut
{
     position: absolute; right: 0px; bottom: 0px; width: 140px; height: 160px; 
}



/* Collection sample pages */
#divCollectContent 
{
     position: relative; left: 0px; top: 0px; width: 738px; height: 900px;
}

#divCollectText
{
     position: absolute; left: 220px; top: 8px; width: 510px; height: 500px;
     border-top: 1px inset;  border-left: 1px inset; border-right: 2px outset; border-bottom: 2px outset;          
}

#divCollectTitleImage
{
     width: 500px; height: 110px; vertical-align: middle; text-align:center;
}

#divCollectSamples
{
     position: absolute; top: 110px; left: 5px; width: 500px; height: 285px; text-align:center;
}

#divCollectSamplesInner
{
     position: absolute; top: 0px; left: 0px; width: 500px; height: 285px; text-align:center;
}

#divCollectDD
{
     position: absolute; top: 255px; left: 0px; width: 100px; height: 30px; text-align:left;
}

#CollectCaption
{
     width: 300px; text-align:center; margin:4px;
}

#divCollectNextSample
{
     position: absolute; top: 255px; right: 0px; width: 100px; height: 30px; text-align:right;
}

#divCollectDescription
{
     position: absolute; bottom: 0px; left: 5px; width: 500px; height: 70px; text-align:left;
}



/* About Page Settings, Warranty pages share page layout */

#divAboutContent 
{
     position: relative; left: 0px; top: 0px; width: 738px; height: 880px;
}

#divAboutText
{
     position: absolute; left: 230px; top: 0px; width: 500px; height: 620px;     
     border-top: 1px inset;  border-left: 1px inset; border-right: 2px outset; border-bottom: 2px outset;          
}


/* Licensing  */

#divLicensingContent 
{
     position: relative; left: 0px; top: 0px; width: 738px; height: 920px;
}

#divLicensingText
{
     position: absolute; left: 230px; top: 0px; width: 500px; height: 660px;
     border-top: 1px inset;  border-left: 1px inset; border-right: 2px outset; border-bottom: 2px outset;                    
}




/* Search page settings, search page is wider than the rest cause of google */
#divSearchContent 
{
     position: relative; left: 0px; top: 0px; width: 890px; height: 1600px;
}

#divSearchGoogle
{
     position: absolute; right: 0px; top: 8px; width: 650px; height: 1500px;
}

#googleSearchUnitIframe 
{
     position: absolute; left: 0px; top: 80px; width: 650px; height: 1500px;
}


/* Category Page Settings, category product listin at bottom of page */


#divCategory
{
     position: absolute; left: 8px; bottom: 20px; width: 730px; height: 340px;
}


#divCategoryNavTop
{
     position: relative; top: 0px; width:730px; height:20px;
     text-align: right; font-size: 1.2em;
     border-bottom: 1px #bcbcbc solid;
}


#divCategoryRow
{
     position: relative;width:730px; height:150px;
}

#divCategoryItem0
{
     position:absolute;left: 0px; top: 0px; width: 172px; height: 140px;
     padding-top: 10px;
     padding-left:10px; 
     border-right: 1px solid #bcbcbc;
     border-left: 1px solid #bcbcbc;
     border-bottom: 1px solid #bcbcbc;
}

#divCategoryItem1
{
     position:absolute;left: 182px; top: 0px; width: 172px; height: 140px;
     padding-top: 10px;
     padding-left:10px; 
     border-right: 1px solid #bcbcbc;
     border-bottom: 1px solid #bcbcbc;
}

#divCategoryItem2
{
    position:absolute;left: 364px; top: 0px; width: 172px; height: 140px;
    padding-top: 10px;
    padding-left:10px; 
    border-right: 1px solid #bcbcbc;
    border-bottom: 1px solid #bcbcbc;
}

#divCategoryItem3
{
    position:absolute;left: 546px; top: 0px; width: 172px; height: 140px;
    padding-top: 10px;
    padding-left:10px; 
    border-right: 1px solid #bcbcbc;
    border-bottom: 1px solid #bcbcbc;
}



/* NewsInfo Page Settings */

#divNewsContent
{
     position: relative; left: 0px; top: 0px; width: 730px; height: 1200px;
     font-size: 11px;
}

#divNewsBlog
{
    position: absolute; right: 0px; top: 10px; width:500px;  height: 950px;
}


#divNewsEntry
{
    margin-bottom: 8px;
}


#divNewsSmall 
{
    display: block;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica;
    margin-top: 6px;
}


#blog_list_container {
    position: absolute;
    bottom:0px;
    width:500px;
    border-top: 1px inset;
    border-left: 1px inset;
    border-right: 2px outset;
    border-bottom: 2px outset;
    position:absolute;
    font-size: 11px;
    height: 860px;
    overflow:auto;
}

#blog_list {
    position: absolute;
    left:0px;
    top:8px;
    width:475px;
    margin-left: 8px;    
    margin-right: 8px;        
    font-size: 11px;
}