
/* -------------------- The Cookie Garden ------------------------ */
/* ----------------------- LAYOUT.CSS ---------------------------- */

		
		body{
			font-family: verdana;
			font-size: 11px;
            color: #000000;
			line-height: 1.3;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			background-color: #4E001D;
			background-image:url(layout_images/bg_flower.gif);
			background-repeat: no-repeat;
			background-position: bottom left;
		}
		
		#container {
			width: 915px;
			height: 100%;
			margin: 0px;
			margin-top: 0px;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 2%;
			padding: 0px;
		}
		
		.containerrahmen {
            width: 100%;
			height: 100%; 
            padding: 0 0 0 0;
			background: url(layout_images/1px_left.gif) 0 0 repeat-y;
          }

		.clear {   
             clear: both;
         }
		  
		  
/* ------------------------ Head ------------------------------ */

				
		#head_flash {
			width: 900px;
			height: 160px;
			margin: 0 0 0 0;
		} 
		
		#head {
			width: 900px;
			height: 160px;
			margin: 0 0 0 0;
			background-image: url(layout_images/logo03.gif);
			background-position: top;
			background-repeat: no-repeat;
		} 
			
		#flashbanner_home {
			height: 160px;
			width: 900px;
		}
		
		#logo {
		    margin: 0 0 0 0;
			float: left;
			position: absolute;
		} 
		 
		 #join {
			margin-left: 710px;
			float: left;
			position: absolute;
		} 
		
		#login_member {
			position:absolute; 
			width:870px; 
			height:12px; 
			margin-left: 0; 
			margin-top: 98px; 
			text-align: right;
			}
			
		#login_member a{
			color: #B061B0;
			}
			
		#login_member_active {
			position: absolute; 
			width: 300px; 
			height: 12px; 
			margin-left: 590px; 
			margin-top: 98px; 
			}
			
		#login_member_active a{
			color: #B061B0;
			}
		
/* ----------------------------- Navi ---------------------------------- */
		 
		 #navi {
			width: 900px;
			height: 37px;
			margin-left: 0px;
			margin-top: 124px;
			padding-top: 8px;
			padding-left: 180px;
			float: left;
			position: absolute;
			background-image: url(layout_images/navi_bg.gif);
			background-position: top left;
			background-repeat: no-repeat;
			top: -4px;
		} 

		#navi a {
			font-family: verdana;
			font-size: 11px;
			font-weight: bold;
			color: #ffffff;
			text-decoration: none;
			word-spacing: 2px;
		}
		
		#navi a:hover{
			font-family: verdana;
			font-size: 11px;
			font-weight: bold;
			color: #D5B4BD;
			text-decoration: none;
		}
		
		#navi .active, #navi a.hrmenu_cur_cookie {
			color: #D5B4BD;
			text-decoration: none;
			font-weight: bold;
		}

		 
/* ------------------------ Subnavi ------------------------------ */ 

		
		/* ------------------------ Subnavi ------------------------------ */ 

		
		#subnavi {
			float: left;
			width: 222px;
			height: auto;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			background-image: url(layout_images/1px_left.gif);
			background-repeat: repeat-y;
			display:block;
		} 
		
		#subnavi a {
			font-family: verdana;
			font-size: 11px;
			color: #30000D;
			font-weight: bold;
			text-decoration: none;
		}
		
		#subnavi a:hover {
			font-family: verdana;
			font-size: 11px;
			color: #AEC139;
			font-weight: bold;
		}		
		
		#subnavi .active {
			color: #AEC139;
			font-weight: bold;
			text-decoration: none;
		}		
		
		#subnavi ul{
			margin: 0 0 0 0;
			padding: 0 0 0 0;
		}
		
	
		
		#subnavi .current a {
			color: #AEC139;
			font-weight: bold;
		}

		#subnavi ul li{
			margin:  0 5px 0 60px;
			margin-bottom: 10px;
			padding: 1px 0 1px 5px;
			list-style: none;
		}
		
		#subnavi ul li ul li{
			margin:  0 0 2px 0;
			padding: 0 0 0 0;
			list-style: none;
		}

		#subnavi ul li ul {
			font-family: verdana;
			font-size: 11px;
			color: #30000D;
			font-weight: normal;
			height: auto;
			margin-top: 5px;
		}

		#subnavi ul li ul a {
			font-family: verdana;
			font-size: 11px;
			color: #30000D !important;
			font-weight: normal !important;
			background-image: url(layout_images/arrow.gif);
			background-repeat: no-repeat;
			background-position: left;
			padding-left: 10px;
		}
		#subnavi ul li ul .current a {
			color: #AEC139 !important;
			font-weight: normal;
			text-decoration: underline;
		}
		#subnavi ul li ul a:hover {
			font-family: verdana;
			font-size: 11px;
			color: #AEC139 !important;
			font-weight: normal;
			text-decoration: underline;
		}	

		#subnavi2 {
			font-family: verdana;
			font-size: 11px;
			color: #30000D;
			font-weight: normal;
			height: auto;
		}
				
		#subnavi2 li{
			margin:  0 0 5px 0;
			padding: 0 0 0 0;
			list-style: none;
		}

		#subnavi2 a {
			font-family: verdana;
			font-size: 11px;
			color: #30000D;
			font-weight: normal;
			background-image: url(layout_images/arrow.gif);
			background-repeat: no-repeat;
			background-position: left;
			padding-left: 10px;
		}
		
		#subnavi2 a:hover {
			font-family: verdana;
			font-size: 11px;
			color: #AEC139;
			font-weight: normal;
			text-decoration: underline;
		}		
		
		#subnavi2 .active {
			color: #AEC139;
			font-weight: normal;
			text-decoration: underline;
		}

		 #left{
		    margin: 0 0 0 0;
			float: left;
			position: absolute;
		} 
	
	 
/* --------------------- Content Text ---------------------------- */ 		
		
		.contenttext, #catalogue_pagination {
			font-family: verdana;
			font-size: 11px;
			color: #000000;
			font-weight: normal;
			line-height: 1.3;
		}
		
		.contenttext a:link, #catalogue_pagination a:link,
		.contenttext a:visited, #catalogue_pagination a:visited{
			font-family: verdana;
			font-size: 11px;
			color: #000000;
			font-weight: normal;
			line-height: 1.2;
			text-decoration: none;
			background-image: url(layout_images/list_icon.gif);
			background-repeat: no-repeat;
			padding-left: 8px;
		}
		
		.contenttext a:hover, #catalogue_pagination a:hover {
			font-family: verdana;
			font-size: 11px;
			color: #B5C93C;
			font-weight: normal;
			line-height: 1.2;
			text-decoration: underline;
		}

		#table_addons a, #table_addons a:hover {
			background-image: none;
			padding-left: 0; }
	
	
		.text_quicklinks {
			font-family: verdana;
			font-size: 11px;
			color: #000000;
			font-weight: normal;
			line-height: 1.4;
			margin: 35px 20px 0 20px;
		}
		
		.text_quicklinks a {
			font-family: verdana;
			font-size: 11px;
			color: #B5C93C;
			font-weight: normal;
			line-height: 1.4;
			text-decoration: none;
		}
		 
		.text_white {
			font-family: verdana;
			font-size: 11px;
			color: #ffffff;
			font-weight: bold;
		}
 
/* --------------------- Personal details ---------------------------- */ 		

		 #personaldetails {
		    margin: 0 0 20px 0;
			padding-top: 40px;
			float: left;
			position: absolute;
			background-image: url(layout_images/login_head.gif);
			background-repeat: no-repeat;
		}

 
/* ------------------------ Content Home ------------------------------ */ 

		#content_home {
			float: left;
			width: 433px;
			height: auto;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			background-color: #FFFFFF;			
		} 

		#link_design_home {
			float: left;
			width: 210px;
			height: 142px;
			margin: 0 0 0 0;
			background-color: #FFFFFF;
		}
		
		#link_offer_home {
			width: 210px;
			height: 142px;
			margin: 0 0 0 219px;
			background-color: #FFFFFF;	
		}

		#link_helping_home {
			float: left;
			width: 210px;
			height: 142px;
			margin: 0 0 0 0;
			background-color: #FFFFFF;
		}
		
		#link_freegift_home {
			width: 210px;
			height: 142px;
			margin: 0 0 0 219px;
			background-color: #FFFFFF;
		}

/* ------------------------ Content Text ------------------------------ */ 

		#content_text {
			float: left;
			width: 548px;
			height: auto;
			margin: 20px 0 0 0;
			padding: 0 80px 0 30px;
			background-color: #FFFFFF;			
		} 
		
/* ------------------------ Shopping cart ------------------------------ */ 

		#shopping_cart {
			float: left;
			width: 548px;
			height: auto;
			margin: 20px 0 0 0;
			padding: 0 20px 0 30px;
			background-color: #FFFFFF;			
		} 
		
/* ------------------------ Content Products ------------------------------ */ 

		#content_products {
			float: left;
			width: 657px;
			height: auto;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			background-color: #FFFFFF;
		}

		#content_cart {
			float: left;
			width: 622px;
			height: auto;
			margin: 0 0 0 0;
			padding: 0 25px 0 10px;
			background-color: #FFFFFF;
		}
		
		#content_products_body {
			float: left;
			width: 582px;
			height: auto;
			margin: 0;
			padding: 0 0 0 50px;
			background-color: #FFFFFF;
		}

		#content_products_body_details {
			float: left;
			width: 622px;
			height: auto;
			margin: 0;
			padding: 0 0 0 10px;
			background-color: #FFFFFF;
		}
		
		#content_products_head {
			float: left;
			clear: left;
			width: 300px;
			height: 40px;
			margin: 24px 0 0 0;
			padding: 41px 0 0 110px;
			background-color: #FFFFFF;
			background-image: url(layout_images/head_occasion.gif);
			background-repeat: no-repeat;
			font-family: verdana;
			font-size: 12px;
			color: #ffffff;
			font-weight: bold;
		}

		
		#content_additions_head {
			float: left;
			clear: left;
			width: 300px;
			height: 40px;
			margin: 24px 0 0 0;
			padding: 41px 0 0 110px;
			background-color: #FFFFFF;
			background-image: url(layout_images/head_additions.gif);
			background-repeat: no-repeat;
			font-family: verdana;
			font-size: 12px;
			color: #ffffff;
			font-weight: bold;
		}

		#content_specials_head {
			float: left;
			clear: left;
			width: 300px;
			height: 40px;
			margin: 24px 0 0 0;
			padding: 41px 0 0 110px;
			background-color: #FFFFFF;
			background-image: url(layout_images/head_specials.gif);
			background-repeat: no-repeat;
			font-family: verdana;
			font-size: 12px;
			color: #ffffff;
			font-weight: bold;
		}

		#content_bestsellers_head {
			float: left;
			clear: left;
			width: 300px;
			height: 40px;
			margin: 24px 0 0 0;
			padding: 41px 0 0 110px;
			background-color: #FFFFFF;
			background-image: url(layout_images/head_bestsellers.gif);
			background-repeat: no-repeat;
			font-family: verdana;
			font-size: 12px;
			color: #ffffff;
			font-weight: bold;
		}

		#content_for_head {
			float: left;
			clear: left;
			width: 300px;
			height: 40px;
			margin: 24px 0 0 0;
			padding: 41px 0 0 110px;
			background-color: #FFFFFF;
			background-image: url(layout_images/head_for.gif);
			background-repeat: no-repeat;
			font-family: verdana;
			font-size: 12px;
			color: #ffffff;
			font-weight: bold;
		}
		
		#content_products_design {
			float: left;
			clear: left;
			width: 300px;
			height: 40px;
			margin: 24px 0 0 0;
			padding: 41px 0 0 110px;
			background-color: #FFFFFF;
			background-image: url(layout_images/head_design.gif);
			background-repeat: no-repeat;
			font-family: verdana;
			font-size: 12px;
			color: #ffffff;
			font-weight: bold;
		}
		
		#content_products_artist {
			width: 215px;
			height: 95px;
			margin: 0 9px 0 0;
			padding: 0;
			background-color: #FFFFFF;
			float: right; }
		}

		#content_products_artist, {
			margin-right: 0; }
		
		#content_products_details {
			float: left;
			clear: left;
			width: 300px;
			height: 40px;
			margin: 24px 0 0 0;
			padding: 41px 0 0 110px;
			background-color: #FFFFFF;
			background-image: url(layout_images/head_productdetails.gif);
			background-repeat: no-repeat;
			font-family: verdana;
			font-size: 12px;
			color: #ffffff;
			font-weight: bold;
		}
		
		
/* -------------------------- Product Text------------------------------- */

		.product {
			font-family: verdana;
			font-size: 12px;
			color: #4E001D;
			font-weight: bold;
		}
		
		.product_img {
			font-family: verdana;
			font-size: 10px;
			color: #4E001D;
			font-weight: normal;
			font-style: italic;
		}
		

		
/* ------------------------ Content Text+Links left ------------------------------ */ 

		#content {
			float: left;
			width: 383px;
			height: auto;
			margin: 20px 0 0 0;
			padding: 0 25px 0 25px;
			background-color: #FFFFFF;		
		}

		#content_cart_step_1 {
			float: left;
			width: 483px;
			height: auto;
			margin: 20px 0 0 0;
			padding: 0 25px 0 25px;
			background-color: #FFFFFF;		
		}

		#content ul li{
			margin:  0 0 0 0;
			padding: 0 0 0 0;

		}

		#right{
			float: left;
			width: 225px;
		}
		
		#right_cart_step_1 {
			float: left;
			width: 100px;
			margin-right: 15px;
			padding-top: 20px; 
		}	
		
		#link_artist {
			float: left;
			width: 225px;
			height: 95px;
			margin: 0 0 0 0;
			background-color: #FFFFFF;
			background-image: url(layout_images/bg_artist.gif);
			background-repeat: no-repeat;		
		}
		
		.login {
			width: 30px;
			height: 30px;
		}
		
		.loginbox {
			width: 125px;
			height: 14px;
			font-family: verdana;
			font-size: 10px;
			font-style: italic;
			color: #410013;
			background: #B2B1B1;
			border: 1px solid #410013;
			background-color: #ffffff;
			margin-left: 15px;
			padding: 0 0 0 0;
		}	
		
		#link_helping {
			float: left;
			width: 225px;
			height: 145px;
			margin: 0 0 0 0;
			background-color: #FFFFFF;
			background-image: url(layout_images/link_helping.gif);
			background-repeat: no-repeat;		
		}	
		
		#link_news {
			float: left;
			width: 225px;
			height: 105px;
			margin: 0 0 0 0;
			background-color: #FFFFFF;
			background-image: url(layout_images/link_news.gif);
			background-repeat: no-repeat;		
		}		
		
		#link_customers {
			float: left;
			width: 225px;
			height: 105px;
			margin: 0 0 0 0;
			background-color: #FFFFFF;
			background-image: url(layout_images/link_customers.gif);
			background-repeat: no-repeat;		
		}		
				
		#link_famous {
			float: left;
			width: 225px;
			height: 105px;
			margin: 0 0 0 0;
			background-color: #FFFFFF;
			background-image: url(layout_images/link_famous.gif);
			background-repeat: no-repeat;		
		}	


		#link_birthday {
			float: left;
			width: 229px;
			height: 200px;
			margin: 0 0 0 0;
			background-color: #FFFFFF;	
		}
		
		#link_cart {
			float: left;
			width: 229px;
			height: 130px;
			margin: 0 0 0 0;
			background-color: #FFFFFF;
		}

		#link_friend {
			float: left;
			width: 225px;
			height: 112px;
			margin: 0 0 0 0;
			background-color: #FFFFFF;
		}
		
		#link_design {
			float: left;
			width: 225px;
			height: 180px;
			margin: 0 0 0 0;
			background-color: #FFFFFF;
		}
		
		#link_ecard {
			float: left;
			width: 210px;
			height: 110px;
			margin: 0 0 0 5px;
			background-color: #FFFFFF;
		}
		
		#link_trythese {
			float: left;
			width: 245px;
			height: 200px;
			margin: 0 0 0 0;
			padding-top: 35px;
			background-image: url(layout_images/head_trythese.gif);
			background-position: top;
			background-repeat: no-repeat;	
		}

/* ------------------------ Foot ------------------------------ */ 

		#foot {
		    float: right;
			width: 915px;
			height: 66px;
			padding: 0 0 0 0;
			background-image: url(layout_images/foot.gif);
			background-repeat: no-repeat;
			background-position: bottom right;
		} 

/* -------------------------- Foot ------------------------------- */		
	
		.foot {
			font-family: verdana;
			font-size: 10px;
			color: #9C6171;
			font-weight: normal;
			margin-top: 32px;
			text-align:right;
			padding-right: 115px;
		}
		
		.foot a {
			font-family: verdana;
			font-size: 10px;
			color: #9C6171;
			font-weight: normal;
			text-decoration: none;
		}	
		
		.foot a:hover {
			font-family: verdana;
			font-size: 10px;
			color: #D6A6B3;
			font-weight: normal;
			margin-top: 32px;
			text-decoration: none;
		}
			
		.foot_email {
			font-family: verdana;
			font-size: 10px;
			color: #4A0018;
			padding: 10px; 
			border-top: 1px solid #4A0018; }
		
		.foot_email a {
			font-family: verdana;
			font-size: 10px;
			color: #4A0018;
			font-weight: normal;
			text-decoration: none;
			border-bottom: 1px solid #9C6171; }

		.foot_email a:hover {
			color: #D6A6B3;
			font-weight: normal;
			margin-top: 32px;
			text-decoration: none;
			border-bottom: 1px solid #4A0018;
			background-color: #4A0018; }