@charset "utf-8";

/* ------------- General ------------- */
html, body, *{ 
  padding:0px;
  margin:0px;
}

body {
  background: #ffffff;
  font-size: 13px;
  font-family: arial,verdana,geneva,sans-serif;
  color:#888888;
}

#page {
	background-color: #ffffff;
	background: url('http://www.firstkissgifts.com/themes/firstkiss/images/body.jpg');
	margin: 0px;
	padding: 0px;
	width: 780px;;
	}
#header {
	margin: 0; 
	padding: 0; 
	height: 98px; 
	width: 780px;;
	text-align: left;
	}

/* ------------- Images ------------- */

img a, img
{
	border:0;
}
td font a img {
	border:0 !important;
	padding:21px 10px 10px 0;
	float:left;
}
td font a font{float:left;}
td.j div font img {display:none;}
td.j{width:100%;}
div.lh font{font-size:100% !important; line-height:15px;}

img.left, img.left a{ 
	float:left;
	margin:2px 7px 2px 0px;
	padding:2px;
	border: 1px #fff solid;
	display:block;
}

img.right, img.right a{ 
	float:right;
	margin:2px 2px 2px 5px;
	padding:2px;
}

img.left:hover, img.left a:hover{ 
	border: 1px #f1f1f1 solid;
}

img.center
{ 
	display:block; margin:5px auto; 
}

.topad
{
	width:728px;
	height:90px;
	margin:0 auto 20px auto;
	display:block;
	clear:both;
}

/* ------------- Main Layout ------------- */

.block-l {
	float: left;
	width: 167px;
}

.block-r {
	float: right;
	width: 167px;
}

.blockinside
{
	padding:5px;
}

.wrap
{
	width:740px;
	margin:0px auto;
}

.wrapper
{
	width:740px;
	clear:both;
	margin:10px auto 0 auto;
	padding:5px 0 5px 0;
}

.main_left
{
	float:left;
	width:380px;
	margin:0 auto;
	padding:0 0 0 10px;
}

.main_right
{
	width:340px;
	float:right;
	margin:0 auto;
	padding:0;
	display:inline;
}

.featurebox
{	
	width:380px;
	margin:0 auto;
	float:left;
	text-align:left;
}

.insidefuture
{	
	width:370px;
	margin:0 auto;
	float:left;
	padding:5px;
	background: #FFFFFF;
	text-align:left;
}

.postinfo
{
	color:#666666;
	padding-bottom:0px;
	margin-bottom:0px;
	text-align:left;
}

.extrainfo
{
	color:#666666;
	clear:both;
	width:380px;
	display:block;
	padding-top:10px;
	margin-bottom:35px;
}

.extrainfo .extral
{
	float:left;
}

.extrainfo .extrar
{
	float:right;
}

.postinfo span
{
	display:block;
	font-size:12px;
}

.postinfo h3 { 
	margin:0 0 5px 0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:22px;
 }
 
.postinfo h3 a{ 
	color: #555555;
 }
 
.postinfo h3 a:hover{ 
	color: #999;
	background: #FFFFFF;
 }

/* ------------- Sidebar ------------- */

#sidebar
{
	width:340px;
	margin:5px auto;
	padding:0 5px 0 5px;
}

#sidebar .sidetopics
{
	margin:0 auto 10px auto;
	display:block;
	padding:5px;
}

#sidebar h3, #blockholder h3
{
	display:block;
	margin:2px 5px;
	padding:0;
	font-size: 14px;
	font-weight:bold;
	padding:0;
	color:#666666;
}

#sidebar a span
{
	color:#999;
	font-size:16px;
	display:block;
	font-weight:bold;
}

#adbox
{
	width: 300px;
	height:250px;
	clear:both;
	margin: 0 auto;
	border:2px #f6f6f6 solid;
}

.thetabs
{
	width: 300px;
	float:left;
	clear:both;
	margin:0 18px 10px 18px;
	border:2px #f6f6f6 solid;
}

.thetabber ul
{
	margin:0;
	padding:0;
}

.tab
{
	clear:both;
	text-align:left;
}

.thetabber li
{
	float:left;
}

.thetabber .active
{
	color: #777777;
	background: #effbff;
}

.adimage{
	margin:5px 23px 15px 0;
	float:left;
	height:90px;
	width:125px;
	padding:0;
	display:block;
}

.adimage2{
	margin:5px 23px 15px 0;
	float:left;
	height:60px;
	width:60px;
	padding:0;
	display:block;
}

.adimage3{
	margin:5px 23px 15px 0;
	float:left;
	height:125px;
	width:125px;
	padding:0;
	display:block;
}
	
.featureads
{
	margin:0 auto 10px auto;
	display:block;
	background:#fff;
	width: 310px;
	padding:10px 0 10px 30px;
}

.shoppingads
{
	margin:0 auto 10px auto;
	display:block;
	background:#fff;
	width: 390px;
	padding:10px 0 10px 30px;

}
.amazonads{
	margin:5px 23px 15px 0;
		float:left;
	height:450px;
	width:250px;
	padding:0;
	display:block;
		background:#eee;
		border:2px #ddd solid;

}

.amazonads:hover{
	
		background:#ffffff;

}

.ebayads:hover{
	
		background:#ffffff;

}


.ebayads{
	margin:5px 23px 15px 0;
	float:left;
	height:250px;
	width:250px;
	padding:0;
	display:block;
		background:#eee;
		border:2px #ddd solid;

}

#blockholder ul, #sidebar ul
{
	margin:0 auto 10px auto;
	display:block;
	padding:5px;
}

#blockholder ul li, #sidebar ul li
{
	margin:2px 0;
	list-style:none;
	padding:4px;
	text-decoration:none;
	font-size: 13px;
}

#sidebar ul li a, #blockholder ul li a
{	
	display:block;
	color: #818181;
	padding: 4px;
}

#sidebar ul li a:hover, #blockholder ul li a:hover
{
	color: #777777;
	background: #effbff;
}


/* ------------- Header ------------- */

#title
{
	padding:0 0;
	margin:0 5px;
	width:740px;
	float:left;
	border-bottom:5px solid #f6f6f6;
}

#title span
{
	color:#ff7878;
	font: 34px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#title h1
{
	float:left;
}

#title h1 a {

	padding:0;
	font: 34px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #818181;
}

#title h1 a:hover{

	color:#424242;
	text-decoration: none;
}

#title h2{

	margin:10px 20px 0 auto;
	color: #999;
	letter-spacing:-1px;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	float:right;
}

#top_search
{
	float:left;
	width:370px;
	height:30px;
	padding:0 0 0 10px;
	margin-right:5px;
	color:#999999;
}

.search_btn:active, .search_btn:hover
{
	border:2px solid #ccc;
}

.search_btn
{
	width:120px;
	height:28px;
	margin-top:2px;
	float:left;
	background: #FFFFFF;
	border:2px solid #f1f1f1;
	cursor:pointer;
	color:#999;
	text-transform:uppercase;
	font-size:11px;
}

#top_search .btext{ 
	margin: 2px;
	padding:2px;
	background: #fefefe;
	width:230px;
	float:left;
	height:20px;
	font-size:16px;
	font-weight: normal;
	border:2px solid #f1f1f1;
	color:#ccc;
	
}
#top_search .btext:hover {
	background: #fff;
}

#top_search .btext:focus { 
	background: #ffffff;
	border:2px solid #ccc;
}

/* ------------- Top Navigation ------------- */

#navigation
{
	width:740px;
	margin:0 auto;
	padding:0px;
	height:34px;
	line-height:30px;
}

#navigation ul {
	margin:4px 0 0 0;
	list-style: none;
	padding:0px;
	float:left;
}

#navigation li {
	list-style:none;
	float: left;
	padding:0;
	margin:0;
}

#navigation li a{
	padding:0 12px;
	margin:0 5px 0 0;
	color:#808080;
	display: block;
	text-decoration:none;
}

#navigation li a:hover, #navigation .current_page_item a{
	color:#999999;
	background:#ffffff;
	text-decoration:none;
}

/* ------------- Footer ------------- */

.footwrap
{
	width: 780px;
}

#footer
{
	width:740px;
	margin:0 auto;
	height:40px;
	clear:both;
	line-height:30px;
}

#footer_left
{
	float: left;
	padding-left:10px;
}

#footer_right
{
	float: right;
	padding-right:20px;
}

.ebayads td {
	vertical-align: top;
}

/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
      
-------------------------------------------------------------- */
/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #676767; }

h1 { font-size: 2em; line-height: 1; margin-bottom: 0.2em; }
h2 { font-size: 1.5em; margin-bottom: 0.75em; }
h3 { font-size: 1.2em; line-height: 1; margin-bottom: 0.2em; }
h4 { font-size: 1.1em; margin-bottom: 0.2em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 0.2em; }
h6 { font-size: 1em; font-weight: bold; margin-bottom: 0.2em; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

/* Text elements
-------------------------------------------------------------- */

p           { margin:1px; padding:1px; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a { 
	color: #ff7878;
	text-decoration: none; 
}

a:hover { 
	color: #999999;
	text-decoration: none; 
}

a:focus, a:active
{
	outline:none;
}

blockquote  {
	width: auto;
	font-size: 14px;
	margin:5px;
	padding:10px;
	border-left:4px solid #ccc;
}

.pullquote  {
	padding: 10px;
	float: right;
	color: #999;
	width: 260px;
	margin:10px 0px 10px 10px;
	font-size: 16px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: normal;
}

strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

code {
	border: 1px solid #F0F0F0;
	color: #444;
	display: block;
	font: normal 13px "Lucida Sans Unicode",serif;
	margin:5px;
	padding: 5px;
	width:auto;
	background:#FFFFFF;
}

/* Lists
-------------------------------------------------------------- */
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { /*padding: 4px 10px 4px 5px;*/ }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }



/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0;}
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input.text, input.title,
textarea, select {
  margin:0.5em 0;
  border:1px solid #bbb;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}

input.text, 
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 250px; padding:5px; }


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 0.5em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; text-decoration:underline; }
.notice a   { color: #514721; text-decoration:underline; }
.success a  { color: #264409; text-decoration:underline; }

.error a:hover,
.notice a:hover, 
.success a:hover
{
	text-decoration:none;
}