@charset "utf-8";
/* CSS Document */
* { margin:0px; padding:0px; }
body {
	background:#000000 url(../images/body_bg.jpg) top left fixed no-repeat;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	cursor:default;
}
input, select, textarea {
	font-size:12px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
}
a {
	-moz-outline:0px none;
	outline:0px none;
}
a img {
	border:0px none;
}
p {
	margin:10px 0px;
}
ul, ol {
	margin:5px 0px 10px 20px;
}
h1 { font-size:24px; }
h2 { font-size:20px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h6 { font-size:12px; }

#fWrapper {
	width:1000px;
	height:100%; overflow:hidden;
}
#fHeader {
	padding:35px 0px 0px 0px;
	width:648px; float:left;
	background:url(../images/header_bg_right.jpg) right top no-repeat;
}
#fHeader h1 {
	height:106px; width:500px; overflow:hidden;
	background:url(../images/header_shadow.jpg) bottom right no-repeat;
}
#fHeader h1 a {
	display:block;
	padding-top:200px;
	background:url(../images/personalized-funda-header.jpg) top left no-repeat;
}

#fSidebar {
	float:right;
}

#fNav {
	float:left; clear:left;
	margin:10px 0px 0px 30px;
	width:160px; display:inline;
}
#fNav ul.menu {
	float:right;
	clear:left;
	width:110px;
	margin:0px 0px 20px 30px;
}
#fNav ul,
#fNav ul li {
	list-style:none;
	margin:0px; padding:0px;
	height:100%; overflow:hidden;
}
#fNav ul.menu li {
	float:left;
	margin:0px 0px 0px 12px;
}
#fNav ul.menu li a {
	opacity:.25;
	filter:aplha(opacity=25);
}
#fNav ul.menu li a:hover {
	opacity:.4;
	filter:aplha(opacity=40);
}

#fNav h3,
#fNav h4 {
	font-size:16px;
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	color:#2892e3;
	text-align:right;
	margin:10px 0px 5px 5px;
}
#fNav ul.shop_categories {
	border-right:1px solid #000000;
	padding:10px 0px;
}
#fNav ul.shop_categories li {
	height:100%; overflow:hidden;
	text-align:right;
}
#fNav ul.shop_categories li a {
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#aaa;
	font-size:13px;
	text-decoration:none;
	padding:2px 6px 2px 5px; display:block;
	float:right;
	background:#000000;
	margin:3px 0px;
}
#fNav ul.shop_categories li a span {
	display:none;
	font-size:11px;
}
#fNav ul.shop_categories li a:hover {
	color:#FFFFFF;
	background:#a60000;
	padding-left:0px;
}
#fNav ul.shop_categories li a:hover span {
	display:inline; 
	padding:3px 5px;
	background:#000; color:#666666;
	margin:-2px 0px;
	margin-right:5px;
	float:left;
}
#fContent {
	height:100%; overflow:hidden;
	background:url(../images/footer_bg.gif) bottom center no-repeat;
	padding-bottom:25px;
}
ul.scramble {
	margin:0px; padding:0px;
	height:229px; width:352px; overflow:hidden;
	background:url(../images/scramble_bg.png) top left no-repeat;
}
ul.scramble li {
	margin:0px; padding:0px;
	width:300px; height:198px; overflow:hidden;
	margin:25px 0px 0px 8px;
	background:url(../images/product_demo.jpg) no-repeat center;
	position:relative; z-index:1;
}
ul.scramble li .opacity {
	height:40px; width:300px; background:#333;
	border-top:1px solid #000000;
	position:absolute; top:158px; left:0px;
	opacity:.7; filter:alpha(opacity=70);
}
ul.scramble li .hider {
	padding:160px 10px 0px 10px;
	position:relative; z-index:2;
	color:#eee;
	text-shadow:#000000 1px -1px 3px;
}
ul.scramble li .hider h3 {
	float:left;
}
ul.scramble li .hider h3 a {
	color:#FFFFFF; text-decoration:none;
	padding:6px 0px 0px 0px; display:block;
	font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif;
}
ul.scramble li .hider div {
	float:right; text-align:right;
	font-size:11px;
}
ul.scramble li .hider div span {
	display:block;
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFFFFF;
}
#fSidebarContent {
	background:url(../images/sidebar_top.jpg) -32px top no-repeat;
	padding:30px 0px 0px 0px;
	width:250px;
	margin-left:32px;
}
#fSidebarContent .ribbon {
	border:1px solid #db0000;
	border-top:0px none; border-bottom:0px none;
	background:#a60000 url(../images/ribbon_rep.jpg) repeat-x top;
	padding:5px 10px 20px;
}
#fSidebar {
	color:#666666;
}
#fSidebar .content {
	padding:10px 0px 0px 10px;
}
#fSidebar h3,
#fSidebar h4 {
	color:#aaa;
	font-family:"Century Gothic",Verdana,Arial;
}
#fSidebar .ribbon {
	color:#d29999;
	text-align:center;
}
#fSidebar .ribbon a {
	color:#d29999;
}
#fSidebar .ribbon h3 {
	color:#FFFFFF;
	text-align:center;
	padding-bottom:20px;
	background:url(../images/hr.gif) bottom center no-repeat;
}
#fSidebar .ribbon form label {
	display:block;
}
#fSidebar .ribbon form input {
	width:180px; padding:4px;
}
#fSidebar .ribbon form .hint {
	font-size:10px; display:block;
}
#fSidebar .ribbon h3 small {
	display:block;
	font-size:14px; font-weight:normal;
}
#fSidebar .ribbon .buttons {
	text-align:right; font-size:11px;
	padding:0px 18px;
}
#fSidebar .ribbon .buttons input {
	width:auto; font-size:10px;
	padding:0px 4px;
	text-transform:uppercase;
	letter-spacing:-1px;
}
#fSidebar .ribbon .buttons a {
	float:left; display:block;
	padding:3px 0px;
}

#fMatter {
	float:right; width:440px;
	background:url(../images/content_bg.jpg) top right no-repeat;
	color:#aaa;
}
#fMatter h1,
#fMatter h2,
#fMatter h3,
#fMatter h4,
#fMatter h5,
#fMatter h6 {
	color:#FFFFFF;
	font-family:"Century Gothic",Verdana,Arial;
	margin:15px 0px 5px 0px;
}
#fMatter h1 {
	margin:0px;
	color:#ddd;
}
#fMatter h1 span {
	font-weight:normal;
	font-size:14px;
	color:#999999;
	font-style:italic;
	padding-left:10px;
}
#fMatter a {
	color:#2892e3;
	text-decoration:none;
}
#fMatter a:hover {
	color:#FFFFFF;
}

ul.breadcrumb {
	height:100%; overflow:hidden;
	padding:0px 0px 30px 0px;
	margin:5px 0px 20px 0px;
	background:url(../images/hr_shadow.jpg) bottom center no-repeat;
}
#fMatter ul.breadcrumb li {
	margin:0px;
	float:left;
	padding-right:8px; margin-right:4px;
	font-size:11px;
	list-style:none;
	background:url(../images/breadcrumb.gif) center right no-repeat;
}
#fMatter ul.breadcrumb li.last {
	background:none;
}
#fMatter ul.breadcrumb li a {
	color:#666666;
	text-decoration:none;
	background:none;
}
#fMatter p {
	margin:12px 0px;
	line-height:160%;
}
#fFooter {
	clear:both;
	color:#666666;
	font-size:11px;
	padding:15px 70px;
	height:100%; overflow:hidden;
}
#fFooter .legal {
	float:left;
}
#fFooter .legal li a {
	color:#666666;
	text-decoration:none;
}
#fFooter .legal li a:hover {
	color:#CCCCCC;
	text-decoration:underline;
}

#fFooter .credits {
	float:right;
}
#fFooter ul.menu,
#fFooter ul.menu li {
	margin:0px; padding:0px;
	list-style:none;
}
#fFooter ul.menu li {
	float:left;
	padding-right:8px; margin-right:8px;
	background:url(../images/footer_sep.jpg) right center no-repeat;
}
#fFooter ul.menu li.last {
	padding:0px; margin:0px;
	background:none;
}
#fFooter .legal ul.menu {
	padding:5px 0px;
	font-size:10px;
}
#fFooter .credits li a {
	opacity:.2;
	filter:aplha(opacity=20);
}
#fFooter .credits li a:hover {
	opacity:.5;
	filter:aplha(opacity=50);
}

.getInTouch img {
	float:left; 
	border:2px solid #666666; 
	margin:4px 5px 0px 0px; 
	display:block;
}
.getInTouch a:hover img {
	border:2px solid #999999;
}
.highlight {
	color:#999999;
}

.no-list {
	text-align:center;
	padding:60px 0px;
}

/* TEMP */
ul.listingProducts,
ul.listingProducts li {
	margin:0px; padding:0px;
	list-style:none;
}
#fMatter ul.listingProducts li {
	float:left;
	width:210px;
	margin:10px 10px 10px 0px;
	position:relative;
}
#fMatter ul.listingProducts li h2 {
	margin:0px;
	position:relative;
}
#fMatter ul.listingProducts li h2 a {
	color:#FFFFFF;
}
#fMatter ul.listingProducts li h2 a:hover {
	text-decoration:underline;
}
ul.listingProducts li h2 span {
	position:absolute;
	top:-40px; left:0px;
	font-size:12px; font-weight:normal;
	padding:4px 6px;
	background:#000000;
}