/* CSS for Treasured Ink 
   2007 DNA (damianWdailydna.com)
 */
 
html {
 	height: 100%;
}

body {
 	height: 100%;
	background-color: #FFF;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

a {
	color: #000000;
	text-decoration:underline;
}
a:hover {
	color: #5f4b4e;
	text-decoration:none;
}

table {
	font-size: 14px;
}

#wrapper {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 100%;
}
 
#header {
	height: 161px;
	width: auto;
	border-bottom: 1px solid #7f6f72;
}
	#header .logo {
		height: 160px;
		width: 190px;
		margin-left: 15px;
	}
	
	#navigation_curl_row1_col1 {
		width: 163px;
		/*background: #FFF url(../images/elements/header_left_page_curl.gif) top left no-repeat;*/
		height: 161px;
		
		margin-top: -160px;
		margin-left: 224px;
	}
	
#navigation_row1_col2 {
/*	background: #FFF url(../images/backgrounds/header_bg.gif) top left no-repeat;*/
	height: 161px;
	width: 700px;
	margin-top: -161px;
	margin-left: 387px;



}

#navigation_row1_col3 {
	/*background: #FFF url(../images/backgrounds/header_bg_repeat.gif) top left;*/
	height: 161px;
	
	margin-top: -161px;
	margin-left: 1087px;



}

.nav_photo_book {
	background: #000000 url(../images/buttons/nav_button_bg.gif) top left no-repeat;
	height: 41px;
	width: 165px;

	color: #FFF;
	text-align:center;
	vertical-align: middle;
	border-left-color: #000000;
	border-left-style:solid;
	border-left-width:1px;
	line-height: 40px;
	font-size: 14px;


}

.nav_photo_book a {
    color: #FFFFFF;
    text-decoration: none;
}

td.nav_photo_book:hover {
	background: #000000;
}

.nav_photo_cal {
	background: #000000 url(../images/buttons/nav_button_bg.gif) top left;
	height: 41px;
	width: 190px;

	color: #FFF;
	text-align:center;
	vertical-align: middle;
	border-left-color: #000000;
	border-left-style:solid;
	border-left-width:1px;
	line-height: 40px;
	font-size: 14px;


}
.nav_photo_cal a {
    color: #FFFFFF;
    text-decoration: none;
}

td.nav_photo_cal:hover {
	background: #000000;
}

.nav_photo_card {
	background: #000000 url(../images/buttons/nav_button_bg.gif) top left;
	height: 41px;
	width: 165px;

	color: #FFF;
	text-align:center;
	vertical-align: middle;
	border-left-color: #000000;
	border-left-style:solid;
	border-left-width:1px;
	border-right-color: #000000;
	border-right-style:solid;
	border-right-width:1px;
	line-height: 40px;
	font-size: 14px;


}

.nav_photo_card a {
    color: #FFFFFF;
    text-decoration: none;
}

td.nav_photo_card:hover {
	background: #000000;
}

.nav_end {
	background: url(../images/buttons/nav_button_right_bg.gif) top left no-repeat;
	height: 41px;
	width: 45px;

	


}
	
#body_wrapper {
	width: 1050px;
	height: 100%;
	background-color:#FFF;

}

	#navigation {
		width: 219px;
		height: auto;
		margin: 20px 0 0 0;
		color: #FFF;
		float: left;
	}
	
		#navigation .top {
			width: 209px;
			height: 26px;
			background: #FFF url(../images/backgrounds/navigation_background.gif) top left repeat-x;
			border-bottom: 2px solid #d5d0d1;
			margin: 0 0 5px 0;
			padding: 5px 0 0 15px;
			font-size:18px;
		}
		
		#navigation .menu_arrow, #teaser .menu_arrow {
			width: 22px;
			height: 20px;
			background: #FFF url(../images/buttons/menu_button_arrow.gif) top left;
			margin-left: 170px;
			margin-top: -20px;
		}
		
		#navigation .nav_content {
			background-color: #f3f2eb;
			border-bottom: 4px solid #666666;
			color: #000;
			padding-top: 5px;
			width: 224px;
			
		}
		
		.nav_content a {
			color: #5f4b4e;
			text-decoration: underline;	
		}
		.nav_content a:hover {
			text-decoration: none;
		}
		#navigation .nav_content ul	{
			list-style-type: none;		
			text-align: left;
			padding-bottom: 20px;
			
		}
	
		#navigation .nav_content li {
			font-weight:bold;
			width: 100%;
			font-size: 14px;
			text-align: left;
			margin: 8px 0 0 -20px;
			
		}

		#navigation a {
			
		}
		
		#navigation .saved_project_btn {
			margin: 15px 0 0 10px;
		}
	
	#content {
		width: 550px;
		color: #000;
		float: left;
		margin: 20px;
	}
	
	#content .weather_special {
		height: 285px;
		background-color: #CCCCCC;
		background-image: url('../images/backgrounds/weather_special.jpg');
		background-repeat: no-repeat;
		border-bottom: 4px solid #666666;
	}
	
	#content .product_view {
		height: 485px;
		background-color: #FFFFFF;
		
	}
	
	#content .featured_items_title {
			height: auto;
			color: #000000;
			font-size:18px;
			margin: 5px 0 5px 0;
			
		}
		
	#content .featured_items {
		height: auto;
		background-color: #f2f0f0;
	}
	
	.featured_items .item {
		background-color: #ffffff;
		height: 200px;
	}
	
	#content .also_like_title {
		width: 640px;
			height: auto;
			color: #9b9b66;
			font-size:18px;
			margin: 5px 0 5px 0;
			border-top: 4px solid #666666;
			padding-top:10px;
		}
		
	#content .also_like_items {
		height: 235px;
		background-color: #f2f0f0;
		width: 550px;
	}
	
	.also_like_items .item {
		background-color: #ffffff;
		height: 100px;
		font-size: 12px;
	}
	
	
	
	
	.item .previous_price {
		text-decoration: line-through;
		color: #000000;
		font-size:14px;
		text-align: center;
	}
	
	.item .current_price {
		color: #9b9b66;
		font-size:18px;
		text-align: center;
	}
	
	.product_view .previous_price {
		color: #000000;
		font-size:14px;
		text-align: left;
	}
	
	.previous_price .old_price {
		text-decoration: line-through;
	}
	
	.product_view .current_price {
		color: #9b9b66;
		font-size:18px;
		text-align: left;
	}
	
	.product_view .shipping {
		font-weight: bold;
	}
	
	.item {
		color: #9b9b66;
		font-size:18px;
		text-align: left;
		text-decoration:underline;
	}
	
	.item_name {
		color: #9b9b66;
		font-size:18px;
		text-align: left;
		text-decoration:none;
	}	
	
	.product_view .item_name {
		color: #9b9b66;
		font-size:22px;
		text-align: left;
	}
	
    .item_name a {
        color:#9B9B66;
		text-decoration:underline;
    }	
	
	.item_name a:hover {
		text-decoration: none;
	}
	
	.item ul	{
			list-style-image: url('../images/elements/arrow.gif');
			list-style-type: circle;
			
			list-style-position: inside;
			width: 110px;
			padding-left:0px;
			margin-left:0px;
			color: #000;
			
		}
	
		.item li {
			font-size:10px;
			font-height:12px;
			margin: 0 0 2px 0;
		}
				
		.product_view ul	{
			list-style-image: url('../images/elements/arrow.gif');
			list-style-type: circle;
			
			list-style-position: inside;
			width: 110px;
			padding-left:0px;
			margin-left:20px;
			
		}
	
		.product_view li {
			font-size:10px;
			font-height:12px;
			margin: 0 0 2px 0;
		}

#footer {
	margin-top: 15px;
	height: 50px;
	width: 100%;
	color: #9b9b66;
	position: relative;
	bottom: 0;
}		

#footer .top_text {
	color: #9b9b66;
	padding-left: 5px;
}
#footer .green_bg {
	background-color: #9b9b66;
	height: 20px;
	color: #FFF;
	font-size: 12px;
	padding: 5px;
}

	.green_bg a {
		color: #FFF;
		text-decoration: none;
	}
	.green_bg a:hover {
		color: #FFF;
		text-decoration: underline;
	}	


h1,h2,h3,h4,h5,h6,body { padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; }

h1 {
	font-size: 20px;
	font-weight: normal;
	color: #989865;
	letter-spacing: -1pt;
}
h2 {
	font-size: 20px;
	font-weight: normal;
	color: #5C474B;
	letter-spacing: -1pt;
}
h3 { font-size: 15px; font-weight: bold; color: #989865; }

#teaser {
		width: 219px;
		height: auto;
		margin: 20px 0 0 -5px;
		color: #FFF;
		float: left;
	}
	
		#teaser .top {
			width: 209px;
			height: 26px;
			background: #FFF url(../images/backgrounds/navigation_background.gif) top left repeat-x;
			border-bottom: 2px solid #d5d0d1;
			margin: 0 0 5px 0;
			padding: 5px 0 0 15px;
			font-size:18px;
		}
		
		#teaser .nav_teaser {
			background-color: #f3f2eb;
			border-bottom: 4px solid #666666;
			color: #000;
			padding-top: 5px;
			width: 224px;
			padding-bottom: 5px;
		}
		
		.nav_teaser .section {
			color: #9b9b66;
			font-size:18px;
			padding: 0px 0 5px 15px;
		}
		
		.nav_teaser .section_links {
			padding: 0 0 0 25px;
		}
		
		.section_links a {
			color: #000000;
			font-size:12px;
			text-decoration:underline;
		}

		.section_links a:hover {
			text-decoration: none;
		}
		
		#teaser .samples_title {
			height: auto;
			color: #000000;
			font-size:18px;
			margin: 5px 0 5px 0;
		}
		
		#teaser .samples {
			height: 242px;
			background-color: #f3f2eb;
			color: #000;
			padding-top: 5px;
			width: 224px;
			
		}
		
		#teaser .book_sample {
			background: #f3f2eb url(../images/backgrounds/book_sample.jpg) top center no-repeat;
			color: #FFFFFF;
			width: 224px;
			height: 100px;
		
		}
		
		#teaser .cal_sample {
			background: #f3f2eb url(../images/backgrounds/calendar_sample.jpg) top center no-repeat;
			color: #FFFFFF;
			width: 224px;
			height: 100px;
		
		}
		
		#teaser .card_sample {
			background: #f3f2eb url(../images/backgrounds/card_sample.jpg) top center no-repeat;
			color: #FFFFFF;
			width: 224px;
			height: 100px;
			
		}
		
		#teaser .poster_sample {
			background: #f3f2eb url(../images/backgrounds/poster_sample.jpg) top center no-repeat;
			color: #FFFFFF;
			width: 224px;
			height: 100px;
			
		}		
		
		.samples .single_sample_title {
			color: #FFFFFF;
			font-size:16px;
			font-weight:bold;
			padding-top:25px;
			margin: 0 0 0 75px;
		}
		
		.samples ul	{
			list-style-image: url('../images/elements/arrow_black.gif');
			list-style-type: circle;
			
			list-style-position: inside;
			padding-top 0px;
			margin-top: 0px;
			padding-left:0px;
			margin-left:75px;
			
		}
	
		.samples li {
			font-size:10px;
			color: #FFFFFF;
			margin: 0 0 2px 0;
		}
		
		.samples a {
			font-size:10px;
			color: #FFFFFF;
			text-decoration: underline;
		}
		
		.samples a:hover {
			text-decoration: none;
		}
		.weather_title {
			color: #FFFFFF;
			font-size:25px;
			font-weight:bold;
			text-align: right;
			padding-top: 15px;
			padding-right: 10px;
		}
		
		.weather_subtitle {
			
			font-size:20px;
			
			text-align: right;
			padding-top: 15px;
			padding-right: 10px;
		}
		
		.weather_text {
			font-size: 14px;
			font-weight: bold;
			width: 200px;
			text-align: right;
			padding-top: 15px;
			padding-right: 10px;
			padding-left:340px;
		}
		
		.sale_button {
			width:169px;
			height:24px;
			left: 375px;
			top: 70px;
			position: relative;
			background: #f3f2eb url(../images/buttons/view_sale.gif) top center no-repeat;
		}
		
		.sale_button td {
			color: #ffffff;
			font-size: 12px;
			text-decoration: none;
		}
		
		.sale_button a {
			text-decoration: none;
			color: #ffffff;
		}
		
		.header_link a {
			color: #000000;
			font-size: 14px;
			text-decoration: underline;
		}

		.header_link a:hover {
			color: #000000;
			font-size: 14px;
			text-decoration: none;
		}
				
		.create_button {
			width:169px;
			height:24px;
			position: relative;
			background: #f3f2eb url(../images/buttons/view_sale.gif) top center no-repeat;
		}
		
		.create_button td {
			color: #ffffff;
			font-size: 10px;
			text-decoration: none;
		}
		
		.create_button a {
			text-decoration: none;
			color: #ffffff;
		}
		
		.breadcrumb a {
			color: #000000;
			font-size:10px;
		}
		
		.breadcrumb {
			color: #000000;
			font-size:10px;
		}
		
		.product_view {
			font-size: 12px;
		}


#body_wrapper #gallery_align {
	display: table;
	position: relative;
	overflow: hidden;
}
#gallery_align {
	height: 130px;
	width: 135px;
	background-color: #f2f0f0;
	float: left;
	margin: 1px;
	padding: auto;
	text-align:center;
	position: relative;
	vertical-align: middle;
}

#gallery_align div {
	position: absolute;
	top: 50%;
}
#gallery_align>div {
	display: table-cell;
	vertical-align: middle;
	position: relative;
}
#gallery_align div div{
	position: relative;
	top: -50%;
}
.gallery_image {
	height: 130px;
	width: 135px;
	background-color: #f2f0f0;
	float: left;
	margin: 1px;
	padding: auto;
	text-align:center;
	vertical-align: middle;
	line-height:130px;
}
.gallery_image img {
	verticle-align: bottom;
}
#hidden_gallery {
	position: absolute;
	left: -1000px;
}
/* blah, can't use the styles for price, so here's a tweak to the old style */

.sale {
    color:#9B9B66;
    text-align:left;
    font-weight: bold;
}
.sale strike {
    color:#000000;
    font-size:14px;
    font-weight: normal;
}		

.cartHead {	
	font-weight: bold;
}

.faqbullet {
	list-style-type:circle;
	list-style-image:url(../images/elements/arrow_black.gif);
}


#bycat ul {
	margin-top: 0px;
}

#bycat ul li {
 margin-left: -30px; 
}

#bycatidx ul {
	margin-top: 0px;
}

#bycatix ul li {
 margin-left: 5px; 
}
.catbullet {
	list-style-type:circle;
	list-style-image:url(../images/elements/arrow_black.gif);
	padding-bottom: 5px;
	
}