/*         *********************************        */
/*                                                  */
/*              GRATTAN HOMEPAGE STYLES             */
/*                                                  */
/*         *********************************        */


#HP-outer {
	position:relative;
	float:left;
	left:0px;
	top:0px;
	width:945px;
	height:503px;
	margin-bottom:28px;
	_margin-bottom:0px;
}

#HP-panel1 {
	position:absolute;
	left:0px;
	top:0px;
	width:705px;
	height:352px;
}

#HP-panel1a {
	position:absolute;
	left:0px;
	top:0px;
	width:705px;
	height:352px;
	background-image:url(../pix/home/301009.jpg);
	background-repeat:no-repeat;
}

#MainPanel-1 {
	width:556px;
	height:352px;
	float:left;
}

#MainPanel-2 {
	width:149px;
	height:156px;
	float:left;
}

#HP-panel3 {
	float:left;
	top:366px;
	width:226px;
	height:127px;
}

#HP-panel3MayMadness01 {
	position:absolute;
	left:0px;
	top:366px;
	width:226px;
	height:127px;
}

#HP-panel3MayMadness02 {
	position:absolute;
	left:0px;
	top:366px;
	width:226px;
	height:127px;
}

#HP-panel3MayMadness03 {
	position:absolute;
	left:0px;
	top:366px;
	width:226px;
	height:127px;
}

#HP-panel3MayMadness04 {
	position:absolute;
	left:0px;
	top:366px;
	width:226px;
	height:127px;
}

#HP-panel3MayMadness05 {
	position:absolute;
	left:0px;
	top:366px;
	width:226px;
	height:127px;
}


#HP-panel4 {
	float:left;
	margin-left:13px;
	top:366px;
	width:226px;
	height:127px;
}

#HP-panel4MayMadness01 {
	position:absolute;
	left:239px;
	top:366px;
	width:226px;
	height:127px;
}

#HP-panel4MayMadness02 {
	position:absolute;
	left:239px;
	top:366px;
	width:226px;
	height:127px;
}

#HP-panel4MayMadness03 {
	position:absolute;
	left:239px;
	top:366px;
	width:226px;
	height:127px;
}

#HP-panel4MayMadness04 {
	position:absolute;
	left:239px;
	top:366px;
	width:226px;
	height:127px;
}

#HP-panel4MayMadness05{
	position:absolute;
	left:239px;
	top:366px;
	width:226px;
	height:127px;
}


#HP-panel5 {
	float:left;
	margin-left:13px;
	top:366px;
	width:226px;
	height:127px;
}

#HP-panel5MayMadness01 {
	position:absolute;
	left:479px;
	top:366px;
	width:226px;
	height:127px;
}

#HP-panel5MayMadness02 {
	position:absolute;
	left:479px;
	top:366px;
	width:226px;
	height:127px;
}

#HP-panel5MayMadness03 {
	position:absolute;
	left:479px;
	top:366px;
	width:226px;
	height:127px;
}

#HP-panel5MayMadness04 {
	position:absolute;
	left:479px;
	top:366px;
	width:226px;
	height:127px;
}

#HP-panel5MayMadness05 {
	position:absolute;
	left:479px;
	top:366px;
	width:226px;
	height:127px;
}

#HP-panel6 {
	float:left;
	margin-left:14px;
	width:226px;
	height:127px;
}

#HP-panel6MayMadness01 {
	position:absolute;
	left:719px;
	top:366px;
	width:226px;
	height:127px;
}

#HP-panel6MayMadness02 {
	position:absolute;
	left:719px;
	top:366px;
	width:226px;
	height:127px;
}

#HP-panel6MayMadness03 {
	position:absolute;
	left:719px;
	top:366px;
	width:226px;
	height:127px;
}

#HP-panel6MayMadness04 {
	position:absolute;
	left:719px;
	top:366px;
	width:226px;
	height:127px;
}

#HP-panel6MayMadness05 {
	position:absolute;
	left:719px;
	top:366px;
	width:226px;
	height:127px;
}


#HP-panel1 H1{
	height:0;
	display:none;
}

#HP-panel1 H2, #HP-panel3 H2, #HP-panel4 H2, #HP-panel5 H2, #HP-panel6 H2{
	height:0;
	display:none;
}

#HP-panel3 H3, #HP-panel4 H3, #HP-panel5 H3, #HP-panel6 H3{
	height:0;
	display:none;
}

#HP-panel3MayMadness01 H2, #HP-panel4MayMadness01 H2, #HP-panel5MayMadness01 H2, #HP-panel6MayMadness01 H2{
	height:0;
	display:none;
}

#HP-panel3MayMadness01 H3, #HP-panel4MayMadness01 H3, #HP-panel5MayMadness01 H3, #HP-panel6MayMadness01 H3{
	height:0;
	display:none;
}

#HP-panel3MayMadness02 H2, #HP-panel4MayMadness02 H2, #HP-panel5MayMadness02 H2, #HP-panel6MayMadness02 H2{
	height:0;
	display:none;
}

#HP-panel3MayMadness02 H3, #HP-panel4MayMadness02 H3, #HP-panel5MayMadness02 H3, #HP-panel6MayMadness02 H3{
	height:0;
	display:none;
}

#HP-panel3MayMadness03 H2, #HP-panel4MayMadness03 H2, #HP-panel5MayMadness03 H2, #HP-panel6MayMadness03 H2{
	height:0;
	display:none;
}

#HP-panel3MayMadness03 H3, #HP-panel4MayMadness03 H3, #HP-panel5MayMadness03 H3, #HP-panel6MayMadness03 H3{
	height:0;
	display:none;
}

#HP-panel3MayMadness04 H2, #HP-panel4MayMadness04 H2, #HP-panel5MayMadness04 H2, #HP-panel6MayMadness04 H2{
	height:0;
	display:none;
}

#HP-panel3MayMadness04 H3, #HP-panel4MayMadness04 H3, #HP-panel5MayMadness04 H3, #HP-panel6MayMadness04 H3{
	height:0;
	display:none;
}

#HP-panel3MayMadness05 H2, #HP-panel4MayMadness05 H2, #HP-panel5MayMadness05 H2, #HP-panel6MayMadness05 H2{
	height:0;
	display:none;
}

#HP-panel3MayMadness05 H3, #HP-panel4MayMadness05 H3, #HP-panel5MayMadness05 H3, #HP-panel6MayMadness05 H3{
	height:0;
	display:none;
}

/*         *********************************        */
/*              BESTSELLERS RIGHT START             */
/*         *********************************        */

#bestseller_outer {
	position:relative;
	text-align:right;
	float:left;
	left:719px;
	top:0px;
	width:224px;
	height:350px;
	background-color:#FFFFFF;
	border:#CCCCCC solid 1px;
	text-align:left;
}

#bestseller_outer a:hover{
	text-decoration:underline;
}

span.populartext {
	position:absolute;
	font-weight:bold;
	color:#5A6A7B;
	font-size:16px;
	margin:0px;
	padding:0px;
	border-bottom:dotted #5A6A7B 1px;
	width:200px;
	left:10px;
	top:3px;
}

#bestseller1-img {
	position:absolute;
	left:10px;
	top:29px;
	width:71px;
	height:99px;
	border:#CCCCCC solid 1px;
}

#bestseller1-copy {
	position:absolute;
	vertical-align:bottom;
	left:93px;
	top:29px;
	width:115px;
	height:111px;
}

#bestseller1-copy a {
	font-family: verdana, arial, sans-serif;
	vertical-align:bottom;
	color: #6B92BE;
	text-decoration:none;
}

#bestseller1-copy a.bestseller-categoryNEW, #bestseller2-copy a.bestseller-categoryNEW, #bestseller3-copy a.bestseller-categoryNEW {
	font-size:11px;
	line-height:12px;
	font-weight:bold;
	color:#5A6A7B;
	margin: 0 0;
	padding: 0 0;
	text-decoration:none;
}

#bestseller1-copy a.bestseller-categoryNEW:hover, #bestseller2-copy a.bestseller-categoryNEW:hover, #bestseller3-copy a.bestseller-categoryNEW:hover {
	text-decoration:underline;
}

#bestseller1-copy a.bestseller-price {
	font-size: 12px;
	line-height:14px;
	margin: 0 0;
	padding: 0 0;
}

#bestseller2-img {
	position:absolute;
	left:10px;
	top:136px;
	width:71px;
	height:99px;
	border:#CCCCCC solid 1px;
}

#bestseller2-copy {
	position:absolute;
	vertical-align:bottom;
	left:93px;
	top:136px;
	width:115px;
	height:111px;
}

#bestseller2-copy a {
	font-family: verdana, arial, sans-serif;
	color: #6B92BE;
	text-decoration:none;
}

#bestseller2-copy a.bestseller-category {
	font-size:11px;
	font-weight:bold;
	margin: 0 0;
	padding: 0 0;
}

#bestseller2-copy a.bestseller-price {
	font-size: 12px;
	line-height:14px;
	margin: 0 0;
	padding: 0 0;
}

#bestseller3-img {
	position:absolute;
	left:10px;
	top:243px;
	width:71px;
	height:99px;
	border:#CCCCCC solid 1px;
}

#bestseller3-copy {
	position:absolute;
	vertical-align:bottom;
	left:93px;
	top:243px;
	width:115px;
	height:111px;
}

#bestseller3-copy a {
	font-family: verdana, arial, sans-serif;
	color: #6B92BE;
	text-decoration:none;
}

#bestseller3-copy a.bestseller-category {
	font-size:11px;
	font-weight:bold;
	margin: 0 0;
	padding: 0 0;
}

#bestseller3-copy a.bestseller-price {
	font-size: 12px;
	line-height:14px;
	margin: 0 0;
	padding: 0 0;
}

/* ------------------- Style for animated home header/panels ------------------- */

#homepageHeroContainer
{
    width:705px;
	height:352px;
    float:left;
	position:relative;
	margin-bottom:10px;
	*margin-bottom:0px;
	_margin-bottom:0px;	
}

/*--Window/Masking Styles--*/

.window {
	height:352px;	
	width:705px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	float:left;
	position: relative;
}

.hero_reel {
	position: absolute;
	top: 0; left: 0;
}

.hero_reel img {float: left;}

/*-- Paging Styles - Use this style to increase/decrease the number of slider panels --*/

.paging {
	position: absolute;
	bottom: 20px; 
	right:22px;
	width: 75px; 
	height:30px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/

}
.paging a {
	padding:5px;
	text-decoration: none;
	color: #fff;
	font-size:12px;
	color:#000;
	background:#fff;
	border: 1px solid #000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a.active {
	color:#fff;
	font-weight:bold;
	background:#e50a75;
	border: 1px solid #000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;	
}

#homeMainPanelMayMadness01
{
	position:absolute;
	left:0px;
	top:0px;
	width:705px;
	height:352px;
	overflow:hidden;
	padding:0;
}

#homeMainPanelMayMadness02
{
	position:absolute;
	left:0px;
	top:0px;
	width:705px;
	height:352px;
	overflow:hidden;
	padding:0;
}

#homeMainPanelMayMadness03
{
	position:absolute;
	left:0px;
	top:0px;
	width:705px;
	height:352px;
	overflow:hidden;
	padding:0;
}

#homeMainPanelMayMadness04
{
	position:absolute;
	left:0px;
	top:0px;
	width:705px;
	height:352px;
	overflow:hidden;
	padding:0;
}

#homeMainPanelMayMadness05
{
	position:absolute;
	left:0px;
	top:0px;
	width:705px;
	height:352px;
	overflow:hidden;
	padding:0;
}

#may_discount_terms_button a {
	width:107px;
	height:17px;
	position:absolute;
	background:url(../pix/spacer/spacer.gif) no-repeat;
	margin-left:199px;
	margin-top:320px;
	float:left;
}

#xtra_panel a {
	width:332px;
	height:352px;
	/* must be absolutely positioned so that overlapping will occur */
	position:absolute;
	z-index:100;
	background:url(../pix/spacer/spacer.gif) repeat;
}

#xtra_panel2 a {
	height:70px;
	width:700px;
	/* must be absolutely positioned so that overlapping will occur */
	position:absolute;
	margin-top:270px;
	margin-left:0px;
	overflow:hidden;
	clear:right;
	background:url(../pix/spacer/spacer.gif) repeat;
}

#xtra_panel3 a {
	height:36px;
	width:350px;
	/* must be absolutely positioned so that overlapping will occur */
	position:absolute;
	margin-top:315px;
	margin-left:0px;
	overflow:hidden;
	clear:right;
	background:url(../pix/spacer/spacer.gif) repeat;
}

/* --------------- Left homepage boxes & bottom boxes container ---------------- */

#HomepageSidePanelContainer {
	float:left;
	width:226px;
	height:352px;
	margin-right:13px;
}

#HomepageSidePanel {
	float:left;
	width:226px;
	height:auto;
	_height:118px;
	*height:118px;
	margin-top:0px;
}

#HomepageSidePanel h1, h2 {
	display:none;
	height:0;
}

#HomepageBottomPanelContainer {
	float:left;
	width:945px;
	height:127px;
	margin:0; 
	padding:0; 
	margin-top:10px;
}

/*-------------------------------------------Promo Text Links------------------------------------------*/ 

#textLinkMainContainer {
	width:945px;
	height:15px;
	padding:5px 0 10px 0;
	margin:0px;
	margin-top:5px;
	*margin-top:10px;
	text-align:center;
	background-color:#f0efef;
	clear:left;
}

.textLinkSubContainer {
	padding-left:8px;
	padding-right:8px;
	display:inline;
	width:auto;
	height:auto;
	background:url(../pix/home/text_link_divider.gif) no-repeat;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

.textLinkSubContainer2 {
	padding-left:1px;
	display:inline;
	width:auto;
	height:auto;
	background:url(../pix/home/text_link_divider.gif) no-repeat;
}


a.textLink {
	text-decoration:underline;
	color:#666666;	
}

a.textLink:hover {
	text-decoration:none;
	color:#000000;
}