/* @override http://72.32.216.205/styles/landing_pages.css */

/*
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;
height: 140px;
padding: 0 8px 4px 8px;
margin: 0 0 6px 5px;
}
#topGloss {/* encloses the 2 glossies */
width:100%;
padding: 0 0 0 0px;
margin: 0 0px 0 -9px;
}
/*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: left;
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**********/
#landing-page h1 {
	font-size:20px;
	color:#FF0000;
	padding: 3px 0 3px 4px;
	margin: 0 0 2px 0;
	border-bottom: 1px solid #000033;
	text-align: center;
	/*background: url(/img/headline-decor.gif) bottom left no-repeat;*/
}
#landing-page h2 {
	font-size: 14px;
	color: #1c1c1c;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: center;
}
#landing-page h3 {
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 0 4px;
	margin: 2px 0 3px 0;
	color:#1c1c1c;
	text-align: center;
}
#landing-page p {  /*the div inside the content area*/
	line-height: 120%;
	font-size:11px;
	text-align: left;
	padding: 0 0 0 4px;
	margin: 0 0 0 0;
}
#landing-page-intro {
	background: #fff;
	/*float: right;*/
	/*width:98%;*/
	/*height: 244px;*/
	padding: 3px 3px 3px 13px;
	margin: 0 0 0 0;
	color: #333;
	border:0px solid #ddd;
}
#landing-page-intro p {
text-align: center;
font-size: 10px;
}
#landing-page-intro ul {
	margin: 5px 5px 10px 5px;
	line-height: 135%;
	/*display: inline;*/
	/*padding-left: 25px;*/
}
#landing-page-intro li {
display: inline;	
margin: 2px;
list-style-type: none;
}
#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;
border-left: 1px solid #000033;
border-right: 1px solid #000033;
border-bottom: 1px solid #000033;
}
.landing-promo th {/* category headline */
text-align: left;
background: #fff;
color: #ff0000;
padding: 2px 5px 3px 5px;
font-size: 17px;
border-top: 1px solid #000033;
border-bottom: 1px solid #000033;
}
.landing-promo td {
padding: 3px 0 6px 5px;
}
.catList {
border-left: 1px dotted #558000;
}
#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;
}
/* rules for landing pages without hovers - top section */
#no_hover {

}
#no_hover p {
text-align: left;
margin: 5px 0;	
}

#no_hover h3 {
text-align: left;
padding: 3px 0 3px 4px;		
}

/*******temporary landing page mod ****************/

#landing-page h1 {
border-top: 3px solid #000033;
border-bottom: none;
color: #000;
text-align: left;
margin-bottom: 10px;
font-size: 24px;
font-family: arial, verdana, sans-serif;
letter-spacing: -1px;
}

#landing-page-glossy {
border: none;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
margin: auto auto;
text-align: center;
}

#landing-page-glossy img {
margin: 0 7px 0 0;

}

#landing-page-intro {
clear: both;
}

.landing-promo {
border: none;
}

.landing-promo th {
font-size: 16px;
text-transform: uppercase;
color: #111;
border: none;
border-top: 3px solid #558000;
border-bottom: 1px solid #558000;
}

.landing-promo th {
padding-top: 10px;
}

table.landing-promo p {
font-size: 12px;
}

.landing-promo h2 {
padding: 0;
margin: 0;

}