/* --------------------------------------------------- */
/* index --------------------------------------------*/
.index { position: relative; z-index: 0; }
.index .csspagetop { z-index: 800; height: 100px; border: 0px; }
.index .content_container { margin-bottom: 20px; }
.index .leftside { z-index: 900; width: 330px;  }
.index .ensurecontentheight { height: 323px; width: 1px; float: left; } /* make sure buttons appear below right image, regardless of how high left side is */
.index .ulblock { display: none; }
/* banner1 has a left black edge we hide */
.index .banner1 { position: absolute; top: 0px; left: 0px; width: 306px; height: 99px; background-image: url(../images/pages/index/althome_piece1.gif);  background-repeat: no-repeat; background-position: -1px -1px;}
.index .banner2 { position: absolute; top: -1px; left: 305px; width: 54px; height: 49px; background-image: url(../images/pages/index/althome_piece2.gif); }
.index .banner3 {  position: absolute; top: 19px; left: 359px; width: 235px; height: 39px; background-image: url(../images/pages/index/althome_piece4.gif); }

.index .banner40, .index .banner41, .index .banner42, .index .banner43, .index .banner44, .index .banner45, .index .banner46, .index .banner47, .index .banner48, .index .banner49 { position: absolute; top: 48px; left: 305px; width: 274px; height: 383px; }

.index .searcharea { z-index: 500; margin-top: 7px; background-color: #cecece; margin-bottom: 0px; margin-left: 25px; border: solid black 1px; width: 245px;
	padding-left: 8px; padding-right: 8px;  }
/* quick search photos/ads */
.index .quickad1 { float: left; width: 107px; margin: 5px 8px 5px 11px; }
.index .quickad2 { float: left; width: 107px; margin: 5px 0px 5px 0px; }
.index .quickname { font-size: 0.9em; }
.index .quickblurb { font-size: 0.7em; }
.index .quicksearch { float: left; background-image: url(../images/pages/index/titlebar_quicksearch.gif); background-repeat: no-repeat; background-position: -28px 0px; padding: 28px 5px 15px 5px; background-color: #D9D9D9; 
	font-size: 0.8em; width: 235px; margin-bottom: 10px; }
.index .quicksearch P { display: inline; }
.index .quicksearch INPUT { float: right; }

.index .buttons { display: block; position: relative; width: 590px; height: 60px; }
.index .buttons .tour A{ position: absolute; left: 38px; top: 0px; width: 117px; height: 23px; background-image: url(../images/pages/index/Altbutton_taketour.gif); }
.index .buttons .tour A:hover { background-image: url(../images/pages/index/Altbutton_taketour-over.gif); }
.index .buttons .bsuccess A { position: absolute; left: 155px; top: 0px; width: 117px; height: 23px; background-image: url(../images/pages/index/Altbutton_sstories.gif); }
.index .buttons .bsuccess A:hover { background-image: url(../images/pages/index/Altbutton_sstories-over.gif); }
.index .buttons .advice A { position: absolute; left: 38px; top: 26px; width: 117px; height: 23px; background-image: url(../images/pages/index/Altbutton_lovequotes.gif); }
.index .buttons .advice A:hover { background-image: url(../images/pages/index/Altbutton_lovequotes-over.gif); }
.index .buttons .vote A { position: absolute; left: 155px; top: 26px; width: 117px; height: 23px; background-image: url(../images/pages/index/Altbutton_weeklypolls.gif); }
.index .buttons .vote A:hover { background-image: url(../images/pages/index/Altbutton_weeklypolls-over.gif); }
/* register and signin buttons have right black edge we hide; set width to 236 instead of 237; bottom image has black line on bottom we hide */
.index .buttons .register A { position: absolute; left: 359px; top: 0px; width: 236px; height: 26px; background-image: url(../images/pages/index/Altbutton_beamember.gif); }
.index .buttons .register A:hover { background-image: url(../images/pages/index/Altbutton_beamember-over.gif); }
.index .buttons .signin A { position: absolute; left: 359px; top: 26px; width: 236px; height: 29px; background-image: url(../images/pages/index/Altbutton_signin.gif); }
.index .buttons .signin A:hover { background-image: url(../images/pages/index/Altbutton_signin-over.gif); }
.index .success { display: block; margin: 15px; border: solid black 2px; padding: 10px; background: #CECECE; font-size: 0.9em; }
.index .success .headline { text-align: center; color: red; }
.index .success .story { font-weight: bold;  }

/* bimage1 and bimage2 have left black edges we need to hide; bimage3 and bimage4 have bottom black lines we hide */
.index .bimage1 { position: absolute; left: 0px; top: 0px; width: 39px; height: 26px; background-image: url(../images/pages/index/althome_piece13.gif); background-repeat: no-repeat; background-position: -1px 0px;} 
.index .bimage2 { position: absolute; left: 0px; top: 26px; width: 39px; height: 29px; background-image: url(../images/pages/index/althome_piece15.gif); background-repeat: no-repeat; background-position: -1px 0px;} 
.index .bimage3 { position: absolute; left: 272px; top: 0px; width: 39px; height: 26px; background-image: url(../images/pages/index/althome_piece14.gif); background-repeat: no-repeat;} 
.index .bimage4 { position: absolute; left: 272px; top: 26px; width: 39px; height: 29px; background-image: url(../images/pages/index/althome_piece16.gif); background-repeat: no-repeat; } 

/******************************************************************************************************
******************************************************************************************************
* hacks 
******************************************************************************************************
******************************************************************************************************/

/* Index page */

* html .index .content_container { margin-bottom: 20px; ma\rgin-bottom: 5px; }
.index .content_container { margin-bottom: 20px; }

* html .index .quickad1 { margin: 5px 8px 5px 6px; ma\rgin: 5px 8px 5px 6px;  }
.index .quickad1 { margin: 5px 8px 5px 11px; }