/* * General formatting * */
* {padding:0; margin:0;} /* global reset to make browser play nice */
html, body {height: 100%;}
body {text-align:center; background:#9cbad6 url(img/bg.png) repeat; color:#000; min-width:775px; font:78%/1.4 'Lucida Grande', verdana, helvetica, sans-serif; line-height:1.6;}
hr {display:block; clear:both; visibility:hidden; height:0;}
a {color:#5f8fbc;} /* 377fcc */
a:visited {color:#829697;}
a:active, a:hover, a:focus {color:#5caf64;}
fieldset, img {border:0;}

/* Layout */
.center {text-align:center; margin:0 auto;}
#wrap {position:relative; background:#fff url(img/bg-left.png) repeat-y 0 0; color:#222; text-align:left; width:97%; margin:5px auto; max-width:965px; z-index:5;}
#header, #tabs, #footer {clear:both; width:100%;}
#header {background:#9eca7a url(img/bg-header-left.png) top left no-repeat; color:#666; text-align:left;}
#header img {float:left; margin-top:-1px;}
#intro {background:url(img/bg-header-right.png) top right no-repeat; margin-left:124px; min-height:130px;}
#intro p {margin:0 65px 0 60px; padding-bottom:36px; line-height:1.2;}
#footer {text-align:center; background:url(img/bg-foot-left.png) no-repeat bottom left; color:#666; font-size:85%;}
#footer div {background:url(img/bg-foot-right.png) no-repeat bottom right; color:#666; padding:1px 40px 15px 40px;}
#floatholder {background:url(img/bg-right.png) repeat-y 100% 0; float:left; width:100%; position:relative;}
#floatholder:after {/* clear floats */ content:"."; display:block; visibility:hidden; height:0; clear:both;}
#contentpad {margin:70px 20px 20px 185px; /* change sides, adjust this */ padding:10px 10px 0 10px; background:#fff; color:#222; 
/* IE 7 */ max-width:930px;}
#content {float:left; width:100%; margin-right:-95%;}
#left, #right {margin-top:80px;}
#left {float:left; width:180px; margin-left:-4%;}
#left p, #right p {margin:10px 5px;}

/* Pretty it up */
h2, h3, p {margin:1em 0;}
h1, h2, h3 {font-weight:normal; color:#49854c; font-family:georgia, serif;}
h1 {font-size:155%; padding:20px 30px 0 65px; text-align:right;} 
h2, h3 {display:block; clear:both; border-bottom:1px solid #5f8fbc; width:90%; font-size:140%; text-indent:3em; padding-top:30px;}
h3 {font-size:125%;}

ul li, ol li {margin-left:7px;}
.normal li {margin-left:60px;}
dt {font-weight:bold; color:#49854c;}
dd {margin-left:15px;}
.paddedl {padding-left:30%;}
.listnav {float:left; margin:2em 5em;}
.listnav dl  {float:left; margin:0 2em;}
.thumb ul {margin-top:20px;}
.thumb li {margin-left:35px; text-align:left; list-style:none; background:#fff url(/inc/img/bullet-green.png) no-repeat top left; padding-left:16px;}
.thumb li a {font-weight:bold;}

.categoriesmain {width:42%; margin:0 1em 0 2em; float:left;}
.categoriesmain strong {font-size:115%;}
.categoriesmain img {float:left; padding-right:10px;}
.categoriesmain dt  {font-size:115%; padding-top:20px;}
.categoriesmain dd {margin:0 0 5px 25px;}

#social {text-align:center; background:url(img/bg-right.png) repeat-y 100% 0; padding:2.5em 0 1em 0; clear:both;}
#social span {font-size:105%}
#social img {margin:0 2px 0 10px;}
#social a {text-decoration:none; background:#fff url(/inc/img/social2.png) no-repeat 0; padding-left:22px; margin-right:15px; display:inline-block;}

.ba1 {text-align:center; background:url(img/bg-right.png) repeat-y 100% 0; clear:both; padding:2em 0;}

.linknormal a {font-weight:normal;}
.thumb {/* float and width for IE7 */ float:left; width:100%; margin:0 auto;}
.thumb:after {content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.thumb div {float:left; margin:10px; padding:10px; width:42%; min-height:225px; text-align:center; font-size:95%; border:1px dotted #c0c0c0;}
.thumb img {vertical-align:middle; padding:.5em;}
.thumb p {clear:both; text-align:left;}

.midb {text-align:center !important; font-weight:bold;}

/* *** Navigation *** */
/* Tabs */
#tabs {position:absolute; left:0; top:-36px; z-index:10; float:right; font-family:'Lucida Grande', arial, helvetica, sans-serif; /*font-size:10px; define by px opera 1px line bug */ line-height:normal; color:#666;}
#tabs ul {float:right; margin:0; padding:10px 10px 0 0; list-style:none;}
#tabs li {float:left; background:url(img/tab-left.png) no-repeat left top; color:#fefefe; margin:0; padding-left:8px; border-bottom:1px solid #7fa2ca;}
#tabs a {display:block; white-space:nowrap; width:.1em; background:url(img/tab-right.png) no-repeat right top; color:#fefefe; padding:5px 15px 4px 6px; text-decoration:none; font-weight:bold; min-height:16px;}
#tabs > ul a {width:auto;}
/* Commented Backslash to hide rule from IE5-Mac.. is anyone still on this? \*/
#tabs a {float:none;}
/* End hack */
#tabs a:hover, #tabs a:focus {color:#222;}

#home #nav-home, #gift-tags #nav-gift-tags, #gift-bags #nav-gift-bags, #greetingcards #nav-greetingcards, #stationary #nav-stationary, #calendars #nav-calendars, #misc #nav-misc
{background-position:0 -150px;}
#home #nav-home a, #gift-tags #nav-gift-tags a, #gift-bags #nav-gift-bags a, #greetingcards #nav-greetingcards a, #stationary #nav-stationary a, #calendars #nav-calendars a, #misc #nav-misc a
{background-position:100% -150px; padding-bottom:5px; color:#666;}

#tabs li:hover, #tabs li:hover a {background-position:0% -150px; color:#666;}
#tabs li:hover a {background-position:100% -150px;}

/* Nav below tabs */
#subnav {background:url(img/bg-subnav.png) repeat-x; width:100%; position:absolute; z-index:20; left:9px; top:0; height:30px; z-index:16 !important; text-align:left; font-weight:bold;}
#subnav a {text-decoration:none; font-family:'Lucida Grande', arial, sans-serif; color:#555; padding:5px 0 5px 5px; text-align:center; }
#subnav a:visited {color:#333; padding:5px 0 5px 5px; }
#subnav a:hover {text-decoration:underline; background:#9fb6d5 url(img/menubarhover.png); padding:5px 0 5px 5px; }
.nosubmenus a {font-weight:normal; white-space: nowrap;}
.nosubmenus a:hover {background:none !important; font-weight:normal; color:#666; margin:0; padding:0;}

#nav {float:right; }
#nav, #nav ul {/* all #nav lists */
padding:0; margin:0; list-style:none; line-height:1em; font-family:'Lucida Grande', arial, sans-serif; font-size:100%;}
#nav a {text-decoration:none; display:block; width:10em; }
#nav li {/* all list items */ float:left; width:10em; /* width for Opera */ }

/*submenus */
#nav li ul {/* second-level lists */
position:absolute; z-index:999 !important; 
left:-999em; /* use left to hide submenus until mouseover, display:none isn't read out loud by screen readers */
width:11.8em; background:url(img/menualpha.png) no-repeat bottom right; margin-left:10px; padding-bottom:9px;}

#nav li li a {background:#b2c8e0; color:#000;
margin-left:-10px !important; margin:0; /* ie6 */ 
display:block; font-weight:normal; text-align:left; border:solid #c9e1b5; border-width:1px 5px;}
#nav li li a:visited {background:#b9cce2; color:#000;}
#nav li li a:hover {background:#7ea1ca; color:#fefefe; width:10em; border:solid #a8cf88; border-width:1px 5px;}
#nav li:hover ul, #nav li.sfhover ul {/* lists nested under hovered list items */ left:auto;}

/* needed to make menu work in ie7 without script */
*:first-child+html #nav {height:1%;}
*:first-child+html #nav li {height:1%;} 

#subnav span {background:url(img/bg-subnav-right.png) repeat-y 100%; position:absolute; z-index:30; top:0; right:0; width:28px; height:35px;}
#last {margin-right:50px;} /* not really liking this solution! */

/* multi page subnav */
.next {clear:both; text-align:center; background:#fff; color:#49854c; font: 1.3em georgia, serif; padding:20px 0;}
.next ul {list-style:none;}
.next li {padding:15px 0;}
.next li ul li {display:inline; background:#fff; color:#9897b3; font: .8em arial, sans-serif; font-weight:normal; padding:0 .3em;}
.nextnav {text-decoration:none;}

/* Header links */
#topnav {position:absolute; top:5px; right:50px;}
#topnav img {float:none; margin:0 5px;}

/* Search */
.searchbox {border:1px solid #acc4dd; width:150px; text-align:center; padding:3px 0; margin:0 0 20px 4px; background:#fff; color:#49854c;}
.searchbox label {padding:0 10px; font-size:95%; font-family:'Lucida Grande', arial, sans-serif; font-weight:bold; line-height:normal;}
.textfield {height:20px; border:1px solid #afafb6; padding:2px 0 0 4px; margin:5px 0; background:url(img/textfield.png); width:120px;}

/* Content area categories */
.categories div {float:left; margin:10px; padding:10px; clear:both; width:95%;}
.categories img {float:left; padding-right:10px;}
.categories dt a {font-weight:bold; font-size:110%;}
.categories dl {margin-right:20%; margin-left:10%;}
.categories dd {margin:0 0 10px 25px;}

.categories2 img {float:left; margin:20px 15px; clear:both;}
.categories2 p {float:left; width:80%; min-height:75px;}

.noicon {margin-top:40px;}
.noicon dt {background: url(img/bullet-green.png) no-repeat -5px 2px; padding-left:12px;}

.related {clear:both; width:500px; margin:10px auto 1em auto; padding:4px; color:#49854c;}
.related:after {content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.related h3 {padding-top:20px;}
.related ul {float:left; margin:0 1%; padding:0 2%; width:42%;}
.related li {text-align:left; list-style:none; background:#fff url(img/bullet-green.png) no-repeat top left; padding-left:16px;}

.b {margin:2px auto 2px auto; padding:4px; color:#49854c;}
.b h2 {padding-top:0; margin-top:0;}
.b ul {width:90%;}

/* Last-Modified: 2007-12-16 */
#GB_overlay {background:#000; position:absolute; margin:auto; top:0; left:0; z-index:100;}
#GB_window {left:0; top:0; font-size: 1px; position: absolute; overflow: visible; z-index:150; margin-top:10px;}
#GB_window .content {width:auto; margin:0; padding:0;}
#GB_frame {border:0; margin:0; padding:0; overflow:auto; white-space:nowrap;}
.GB_Gallery {margin:0 22px;}
.GB_Gallery .content {background:#fff; border:3px solid #ddd;}
.GB_header {top:10px; left:0; margin:0; z-index:500; position:absolute; border-bottom:2px solid #555; border-top:2px solid #555;}
.GB_header .inner {background-color:#333; font-family:Arial, Verdana, sans-serif; padding:2px 20px 2px 20px;}
.GB_header table {margin: 0; width: 100%; border-collapse: collapse;}
.GB_header .caption {text-align:left; color:#eee; white-space:nowrap; font-size:20px;}
.GB_header .close {text-align:right;}
.GB_header .close img {z-index:500; cursor:pointer;}
.GB_header .middle {white-space:nowrap; text-align:center;}
#GB_middle {color:#eee;}
#GB_middle img {cursor:pointer; vertical-align:middle;}
#GB_middle .disabled {cursor: default;}
#GB_middle .left {padding-right:10px;}
#GB_middle .right {padding-left:10px;}
.GB_Window .content {background-color:#fff; border: 3px solid #3c3e3c; border-top:none;}
.GB_Window .header {border-bottom:1px solid #262626; border-top:1px solid #262626; border-left:2px solid #262626; border-right: 2px solid #262626; margin:0; background:#262626; height:22px; font-size:12px; padding:3px 0; color:#d4d4d4; text-indent:10px;}
.GB_Window .caption {font-size:12px; text-align:left; font-weight:bold; white-space:nowrap; padding-right:20px;}
.GB_Window .close {text-align:right;}
.GB_Window .close span {margin-top:-20px; margin-right:18px; font-size:13px; cursor:pointer; color:#c0c0c0;}
.GB_Window .close img {float:right; cursor:pointer; padding:0; width:25px; height:30px; /* H and W needed for IE7 */ position:absolute; top:-8px; right:-8px; z-index:100;}
.GB_Window .on {border-bottom:1px solid #c0c0c0; }
.GB_Window .click {border-bottom:1px solid #fff; }


.gafoot {text-align:center; margin-top:35px;}