/*
Description: iqestores landing page styles
Version: 1.0
*/

/* ADDED IN BY DENNIS */
/*the css for the landing page 2 hot seller dynamic boxes*/
#landing-page-glossy {
position: relative;
float: right;
border: 1px solid #a6a6a6;
width: 265px;
padding: 0 8px 4px 8px;
margin: 0 0 3px 0;
}
/*the table with 2 top we suggest & hot seller images*/
.our-fluff {
width: 265px;
height: 35px;
}
.our-fluff td {
background: url(/img/hot-seller-graphic-combo.gif) top left no-repeat;
}
#landing-page-glossy img.right {
float: right;
padding: 2px 2px 2px 3px;
}
#landing-page-glossy .glossy-price {  /*creates the lovely green price*/
font-weight: bold;
color: #008800;
font-size: 18px;
}
#landing-page-glossy .sale-price {  /*creates the red sale price*/
font-weight: bold;
color: #ff0000;
font-size: 12px;
}
/*eof the css for the landing page 2 hot seller dynamic boxes*/

/**********LANDING PAGE CSS**********/
.holiday-gift img {
float: right;
padding: 2px 2px 2px 3px;
}
.giftTag {
font-size: 10px;
color: #666;
clear: both;
}
#gift-card-div {
/*background: #eee;*/
/*float: left;
width:295px;
height: 164px;*/
padding: 3px;
margin: 0 0 0 0;
color: #333;
border:1px solid #ddd;
}
#gift-card-div-glossy {
position: relative;
float: right;
border: 1px solid #ddd;
width: 265px;
padding: 0 0 8px 8px;
margin: 0 0 3px 0;
}
#landing-page h1 {
	font-size:20px;
	color:#113355;
	padding: 0 0 6px 0;
	margin: 0 0 2px 0;
	background: url(/img/headline-decor.gif) bottom left no-repeat;
}
#landing-page h2 {
	font-size: 14px;
	color: #dd0000;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
#landing-page h3 {
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 0 0;
	margin: 2px 0 3px 0;
	color:#113355;
	text-align: left;
}
#landing-page p {  /*the div inside the content area*/
	line-height: 130%;
	font-size:11px;
	text-align: left;
	padding: 0 0 3px 0;
	margin: 0 0 0 0;
}
#landing-page-intro {
	background: #eee;
	float: left;
	width:295px;
	height: 244px;
	padding: 3px;
	margin: 0 0 0 0;
	color: #333;
	border:1px solid #ddd;
}
#landing-page-pics {
	float: right;
	width: 285px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.landing-page-promo-pic {
	float: right;
	padding: 0 0 3px 0;
	margin: 0 0 0 0;
}
 
#landing-page a {
text-decoration: underline;
}
#landing-page a:hover {
color: #a30000;
}
.landing-promo {  /*the main table inside the landing-page div*/
clear: both;
width: 100%;
padding: 0;
margin-top: 5px;
}
.landing-promo th {
text-align: left;
background: #004466;
color: #fff;
padding: 2px 0 3px 5px;
font-size: 17px;
}
.landing-promo td {
padding: 3px 0 1px 5px;
}
#center-column .landing-promo ul {
margin: 5px 0 0 7px;
list-style-type: square;
}
.landing-promo li {
padding: 2px 0;
}
.landing-promo img.left {
float: left;
padding: 4px 5px 4px 4px;
}
.landing-promo img.right {
float: right;
padding: 2px 2px 2px 3px;
}
.promo-price {  /*creates the lovely green price*/
font-weight: bold;
color: #008800;
font-size: 16px;
}
.promo-product {  /*the entire box for the product, info and image*/
width: 65%;
background: url(/img/landing/vertical-line.gif) 0 8px no-repeat;
padding: 5px 0 0 5px;
}
.promo-product li {
list-style-type: disc;
}
.promo-product small {  /*for the view item line*/
font-size: 11px;
}
#shop-categories {
	background: #7ac url(/img/popular-categories.png) 0 0 no-repeat;
	clear:both;
	margin-top: 2px;
	padding: 0 2px;
	width:100%;
	text-align: center;
	border: 1px solid #ccc;
}

#shop-categories tr.first-row td { /* still hacking for ie */
	padding-top: 35px;
}

#shop-categories a img {
	border: 1px solid #007;
}

#shop-categories a:hover img {
	border: 1px solid #3af;
}

#shop-categories th {
	padding-bottom: 10px;
	font-size: 11px;
	font-weight: normal;
}

#shop-categories th a {
	color: #007;
	text-decoration: underline;
}

#shop-categories th a:hover {
	color:#FFF;
}


