@charset "utf-8";
/* 					MAIN.CSS				 	*/
/* 				(C) 2010 GiftZip.com 			*/

* {
	padding: 0; 
	margin: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align: center;
	color: #ccc;
	background: #3b3b3b url(../images/header-bg.gif) repeat-x; 
}

/* Tags */

a					{ color: #0f75bc; text-decoration: none; cursor:pointer; }
a:visited 			{ color: #1f90df; text-decoration: none; }
a:active, a:hover	{ color: #25aae1; text-decoration: underline; }

img { border-width: 0px; }

p { 
	padding-bottom: 10px;
}

h1 {
	font-size: 1.8em;
	color: #76b128;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
	background: url(../images/shim-ltgrydt.gif) bottom left repeat-x;
    position:relative;
}

h2 {
	font-size: 1.4em;
	color: #21a5db;
	font-weight: normal;
	padding-bottom: 15px;
}

/* Common Styles */
.page-bar-link {
	font-size: 1.2em;
	font-weight:bolder;
	padding: 0 16px 0px 12px;
}
.page-bar-link a	                { color: #0f75bc; text-decoration: underline; cursor:pointer; }
.page-bar-link a:visited 			{ color: #1f90df; text-decoration: underline; }
.page-bar-link a:active, a:hover	{ color: #25aae1; text-decoration: none; }

.container { 
  width: 1000px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  clear: both;
  overflow: hidden;
}

ul.clean  {
	padding: 0px;
	margin: 0px;
	list-style: none;
	float: left;
}

.clean li {
	padding: 0px;
	margin: 0px;
	display: block;
	list-style: inherit;
	float: left;
}

.block li { display: block; }

.clear { clear: both; }

.right { float: right; }

.left { float: left; }

.hidden { display: none; }

.center { text-align:center; }

.bold { font-weight:bold; text-align:left; }

#lightbox {text-align:left; font-size:110%}

#lightbox ul { list-style: disc inside; position:relative; left:5px; }
/* Header */

#header {
	width: 100%;
	height: 101px;
	float: left;
	text-align: left;
	margin-bottom: 15px;
	background: url(../images/header-bgfade.jpg) 0 0 no-repeat;
 /*   z-index:200; */
}

#logo {
	width: 176px;
	height: 58px;
	position: absolute;
	left: 0; top: 0;
	padding: 10px 21px 8px 15px;
	background: url(../images/logo-bg.gif) left bottom no-repeat;
}

#search {
	width: 139px;
	height: 24px;
	position: absolute;
	left: 0; top: 76px;
	padding: 1px 27px 0 46px;
	background: url(../images/search-bg.gif) 18px 0 no-repeat;
}

#theText {
	width: 110px;
	padding-top: 5px;
	border: 0;
	text-transform: uppercase;
	font-size: 10px;
	color: #21a5db;
}

.AutoCompleteBackground
{
	background-color:white;
}
.AutoCompleteHighlight
{
	background-color: #21a5db;
	color: #fff;
}

#tagline {
	height: 24px;
	position: absolute;
	left: 212px; top: 0;
	margin-top: 40px;
	line-height: 24px;
	font-size: 1.4em;
	color: #8cc63f;
}

#nav {
	width: 870px;
	height: 20px;
	position: absolute;
	left: 212px; top: 64px;
    z-index: 1000;
}

#nav ul.block {
	padding-top: 5px;
	font-size: 1.4em;
}

#h-buttons {
	width: 300px;
	height: 40px;
	position: absolute;
	right: 0; top: 0;
	margin-right: 15px;
}

#h-buttons ul { float: right; }
#h-buttons li { margin-left: 20px; }

#h-links {
	width: 300px;
	height: 24px;
	position: absolute;
	right: 0; top: 40px;
	font-size: 1.1em;
	margin-right: 15px;
	line-height: 24px;
}

#h-links ul { float: right; }
#h-links li { margin-left: 25px; }

#h-links a							{ color: #ccc; }
#h-links a:visited 					{ color: #d5d5d5; }
#h-links a:active, #h-links a:hover	{ color: #ddd; }


/* 3-Column Layout */

#three-col { 
	background: url(../images/content-rnd-tp.gif) top left no-repeat;
 /*   z-index:0; */
}

#content {
	width: 815px;
	float: left;
	margin-top: 5px;
	background: #fff url(../images/content-rnd-bt.gif) bottom left no-repeat;
 /*   z-index:-1; */
}

/*  Added dynamically in the php code
#sidebar {
	width: 150px;
	min-height: 300px;
  	height: auto !important;
  	height: 300px;
	float: left;
	padding-top: 7px;
	padding-left: 5px;
	background: url(../images/sidebar-bg.gif) top right repeat-y;
}
*/
#sidebar ul.featured  { padding-left: 10px; }
#sidebar .featured li { padding-top: 8px; }

#main-col {
	width: 643px;
	margin-left: -7px;
	padding: 12px;
	float: left;
	background: url(../images/main-col-bg.gif) top left no-repeat;
}

#page-bar {
	width: 629px;
	height: 22px;
	float: left;
	padding: 8px 5px;
	background: url(../images/page-bar-bg-tp.gif) top left no-repeat;
	color: #666;
}

#page-bar.bt { background: url(../images/page-bar-bg-bt.gif) bottom left no-repeat; }

#page-bar #query {
	width: 180px;
	line-height: 22px;
	float: left;
	font-size: 1.1em;
}

#page-bar #per-page {
	width: 130px;
	padding-right: 10px;
	line-height: 22px;
	float: right;
	font-size: 1.1em;
}

#per-page select {
	width: 85px;
	font-size: 11px;
	color: #666;
}

#page-bar #page-nav {
	height: 21px;
	float: right;
	background: url(../images/page-nav-bg.gif) repeat-x;
}

#page-nav .inner {
	height: 21px;
	float: left;
	padding-top: 1px;
	padding-right: 1px;
	margin-left: -5px;
	background: url(../images/page-nav-rnd-rt.gif) top right no-repeat;
}

#page-bar.bt #page-nav .inner { background: url(../images/page-nav-rnd-rt2.gif) top right no-repeat; }

#page-nav .rnd-lt {
	width: 6px;
	height: 21px;
	float: left;
	background: url(../images/page-nav-rnd-lt.gif) 0 0 no-repeat;
}

#page-bar.bt #page-nav .rnd-lt { background: url(../images/page-nav-rnd-lt2.gif) 0 0 no-repeat; }

#page-nav ul {
	padding-left: 3px;
}

#page-nav li { 
	width: 17px; 
	padding-right: 3px;
	line-height: 19px;
	text-align: center;
}

#page-nav li a {
	display: block;
	height: 19px;
	width: 17px;
	float: left;
}

#page-nav li.on, 
#page-nav a:hover {
	background: url(../images/page-nav-on.gif) 0 3px no-repeat;
	text-decoration: none;
}

#retailers {
	width: 623px;
	float: left;
	padding: 0 16px 10px 16px;
/*    z-index:-1; */
}

#retailers img {
	float: left;
	padding: 16px;
}

#share {
	width: 635px;
	height: 22px;
	padding-top: 8px;
	padding-left: 5px;
	float: left;
	margin-top: 5px;
	color: #fff;
	font-size: 1.1em;
	background: url(../images/share-bg.gif) 0 0 no-repeat;
}

#share li { 
	padding-left: 20px;
	margin-left: 10px;
	height: 16px;
}

#share li.digg		{ background: url(../images/share-dig.gif) 0 0 no-repeat; }
#share li.del		{ background: url(../images/share-del.gif) 0 0 no-repeat; }
#share li.reddit	{ background: url(../images/share-reddit.gif) 0 0 no-repeat; }
#share li.buzz 		{ background: url(../images/share-buzz.gif) 0 0 no-repeat; }
#share li.stumble 	{ background: url(../images/share-stumbleupon.png) 0 0 no-repeat; }
#share li.fb	 	{ margin-left: -10px; }
#share li.twitter	{ background: url(../images/share-twitterNew.png) 0 0 no-repeat; }
#share li.googleplus	{ margin-left: -10px; }

#share a, 
#share a:visited,						
#share a:active,
#share a:hover		{ color: #fff; }

#social-media {
	width: 175px;
	padding-left: 10px;
	float: right;
}

/* Page Copy */

#page-copy {
	width: 775px;
	float: left;
	padding: 30px 20px;
	font-size: 1.2em;
}

#friend {
	color:#21a5db;
	width: 623px;
	float: left;
	padding: 0 16px 0px 16px;
}

#howitworks {
	color:#666;
	font-size:12px;
	width: 610px;
	float: left;
	padding: 0 16px 0px 16px;
}

#howitworks img{
	padding: 0 8px 0px 8px;
}
/* Footer */

#footer {

  min-height: 150px;
  height: auto !important;
  height: 150px;
  padding-top: 15px;
  color: #666;
  background: url(../images/footer-bg.gif) repeat-x;
   /*   z-index:200; */
}

#footer .credits {
	height: 60px;
	float: left;
	margin-top: 20px;
	margin-right: 40px;
	text-align: center;
}

#footer .credits img { padding-bottom: 5px; }

/* Main Nav Button Code */

#nav ul.block  li {
    background: url(../images/nav-rnd-rt.gif) top right no-repeat; 
	height: 28px; /* Image height */
	padding-right: 6px; /* Right image width */
	margin-right: 6px;
    position:relative;
    z-index:150;
}

#nav ul.block li div.topbutton {
	/* Background sprite */ 
	background: url(../images/nav-blank.gif) 0 0 no-repeat; 
	display: block; 
	padding-left: 6px;
/*	line-height: 28px; /* Button height */
    height: 28px; 
	color: #fff;
    width:0px;
}
#nav ul.block > li div.topbutton{
    width:auto;
}

#nav ul.block li div.topbutton a{
    position:relative;
    top:6px;
    color: #fff;
    vertical-align: middle;
}

/*#nav ul li a span{
    line-height:28px;
    /*    position:relative;
    top:7px;
}*/

#nav ul.block li:hover { background: url(../images/nav-rnd-rt.gif) no-repeat bottom right; }
#nav ul.block li:hover div.topbutton { background: url(../images/nav-blank.gif) 0 -28px no-repeat; text-decoration: none; }
#nav ul.block li:hover div.topbutton a { text-decoration: none; }
/* Page Nav Button Code */

#page-nav a.btn {
    background: url(../images/page-nav-btn-rt.gif) scroll top right no-repeat; 
	display: block;
	float: left;
	height: 19px; /* Image height */
	padding-right: 8px; /* Right image width */
	text-transform: uppercase;
}

#page-nav a.btn span {
	/* Background sprite */ 
	background: url(../images/page-nav-btn-blank.gif) 0 0 no-repeat; 
	display: block;
	padding-left: 5px;
	line-height: 19px; /* Button height */
	color: #fff;
}


/* Sub menus */

.trigger{
    cursor:pointer;
	width:120px;
	height:70px;
}

.submenu{
    position:absolute;
    background-color:#eeeeee;
    background-image:none;
    top:40px;
    width:300px;
   display:none; 
   z-index:1000;
}
.submenu a{
    background-image:none;
 
}

.corner{
    width:15px;
    height:15px;
    background:transparent url('../images/sm-corner.png') no-repeat;
    position:absolute;
  /*  z-index:100; */
}

.vrail{
    width:15px;
    height:100%;
    background:transparent url('../images/sm-rl.png') repeat-y;
    position:absolute;
}

.hrail{
    height:15px;
    width:100%;
    background:transparent url('../images/sm-tb.png') repeat-x;
    position:absolute;
}

.top{
    top:-15px;
    background-position:top;
}

.bottom{
    bottom:-15px;
    background-position:bottom;
}

.left{
    left:-15px;
    background-position:left;
}

.right{
    right:-15px;
    background-position:right;
}

.top.left{
    background-position:0 0;
}

.top.right{
    background-position:top right;
}

.bottom.left{
    background-position:bottom left;
}
.bottom.right{
    background-position:bottom right;
}


.menuheading{
    font-size:140%;
    font-weight:bold;
    color:#8CC63F;
    border-bottom:1px dotted #cccccc;
}

.linkblock{
    float:left;
    width:145px;
    
}

#nav ul.block div.submenu ul{
    list-style-type : disc;
    list-style-position: outside;
    list-style-image: none;
}

#nav ul.block div.submenu ul li{
    background:none;
    float:left;
    width:150px;
    list-style-type : disc;
    list-style-position: outside;
    list-style-image: none;
    padding:0 0 3px 0;
    margin:0px;
    height:auto;
}


#stumbleupon{
    margin-top:7px;
}

.smbullet{
    padding-left:10px;
    padding-right:5px;
    position:relative;
    top:-3px;
}

#twitterfeed{
    font-size:110%
}

.tdate{
    color: #676767;
}


.tfeed{
    color: #cbcbcb;
}