/*
-----------------------------------------------
http://pindance.com - CSS Styles - rates (+landing page) styles
Author:   Karol Golka
Company:  http://www.webstruments.com
Version:  December 19, 2005
----------------------------------------------- 
*/

/* landing page styles (rates pull)*/ 
#ratespull {
	float: right;
	width: 473px;
	background: purple;
	}
#ratespull-top {	
	}


/* ratesbox (rates page)
-------------------- */	
#sidebar.ratespage {
	width: 220px !important;
	margin-right: 20px;
	}
#maincolumn.ratespage {
	width: 440px !important;
	}
#ratesbox {
	float: left;
	background: transparent url(../images/pindance-ratesbox-filler.gif) repeat-y 0% 0%;
	margin: 0 2em 0 0;	
	}
#ratesbox a {
	font-size: 1.5em;
	line-height: 1.4em;
	margin-right: 4px;
	}
#ratesbox-top { 
	background: transparent url(../images/pindance-ratesbox-top.gif) no-repeat 0% 0%; 
	width: 410px;
	}
#ratesbox-bottom {
	background: transparent url(../images/pindance-ratesbox-bottom.gif) no-repeat 0% 100%;
	padding: 2em 2em 2em;
	}
#rateslist {
	overflow: auto;
	height: 170px;
	}
#rateslist.longer-rates {
	height: 280px;
	}
a#getstarted {
	display: block;
	margin: 2em 0 0;
	text-indent: -1000em;
	text-decoration: none;
	border: none;
	}
a#getstarted span {
	display: block;
	width: 292px;
	height: 67px;
	margin-left: 30px;
	}
a#getstarted:hover { background-color: Transparent; cursor: pointer;}
h3.rates {
	margin-left: 5px;
	margin-bottom: 1em;
	}

	
/* table (rates table)
---------------------------- */
#rates {
	border-top: none;
	border-left: none;
	border-collapse: collapse;
	margin: 0 5px;
	margin-right: 15px;
	}
#rates td, #rates th {
	border-right: none;
	border-bottom: 1px solid #E1ECE1;
	padding: 5px 8px;
	}
#rates th {
	font-family: Georgia, "Times New Roman", Serif;
	font-size: 1em;
	font-weight: normal;
	background: #E1ECE1;
	padding: 2px 8px;   
	color: #569908;
	text-transform: uppercase;
  }
#rates .col1 { width: 60px; } 
#rates .col2 { font-weight: bold; }
span#rates-table-heading {
	font-weight: bold;
	color: #569908;
	border-bottom: 5px solid #E1ECE1;
	margin-bottom: .5em;
	padding-bottom: .2em;
	display: block;
	}
span.col1 { width: 60px; padding-left: 13px;}
span.col2 { padding-left: 38px; }
	
/* landing pages 
---------------------------- */
#ratesbox.noscroll #rateslist {
	height: auto;
	overflow: hidden;
	}
#ratesbox.noscroll a#getstarted {
	margin: 1em 0 0;
	}
#ratesbox.noscroll table#rates {
	width: 95%; }
p#landing {
	margin-top: 2em;
	}
a#landingpage-phone-card {
	display: block;
	width: 345px;
	height: 211px;
	background: transparent url(../images/pindance-phonecard-01.gif) no-repeat 0% 0%;	
	}
a#landingpage-phone-card img {
	margin-top: 60px;
	margin-left: 230px;	
	}	
a#landingpage-buyacard {
	display: block;
	background: transparent url(../images/pindance-btn-signmeup-wh.gif) no-repeat 0% 0%;
	width: 152px;
	height: 50px;
	text-indent: -1000em;
	border: none;
	margin: 6px 0 0 90px;	
	}
a#landingpage-buyacard:hover { background-position: 0% -50px; }

/* signup ratesbox */
#ratesbox.ratesbox-signup {
	margin-top: -60px;
	margin-left: 15px;
	position: relative;
	}
#ratesbox.ratesbox-signup #rates td.col1, #ratesbox.ratesbox-signup #rates td.col2 {
	margin: 0 !important;
	padding: .2em 0 !important;
	overflow: hidden;	
	}
#ratesbox.ratesbox-signup #rates td.col2 a {
	display: none;
	}
#ratesbox.ratesbox-signup #ratesbox-bottom {
	padding-top: .7em;
	}
#ratesbox.ratesbox-signup span.col1 { padding-left: 5px;}
#ratesbox.ratesbox-signup span.col2 { padding-left: 20px; }

#ratesbox.ratesbox-signup #signup-arrowbox span {
	position: absolute;
	bottom: 40px;
	right: 20px;
	font-size: 85%;
	width: 208px;	
	line-height: 1.2em;
	}
#ratesbox.ratesbox-signup #signup-arrowbox span a {
	font-size: 1em;
	}


/* catbox */
#sidebar .catbox {
	background: #C5D5E5;
	border-top-color: #E1E1E1;
	border-bottom-color: #E1E1E1;	
}
#sidebar .catbox h4 { background: #87A2ED; }
#sidebar .catbox ul li a { color: #000 !important; }

/* catbox table */
#sidebar .catbox table#history { border: none; margin: 5px 0; }
#sidebar .catbox table#history th {
	background: transparent;
	display: none;
	}
#sidebar .widercat {
	width: 240px;
	margin-left: -20px;
	background: #fff;
	}
#sidebar .catbox table#history td, #sidebar .catbox table#history th {
	border: none;
	vertical-align: top;
	}	
#sidebar .catbox table#history td {
	font-size: 85%;
	padding: 5px 0 5px 12px;
	line-height: 1.3em;		
	}
#sidebar .catbox table#history td.col2 {
	font-weight: bold;
	padding-left: 5px;
	}
#sidebar .navbox a.signmeup-small {
	display: block;
	background: transparent url(../images/pindance-btn-signmeup-gr.gif) no-repeat 0% 0%;
	width: 152px;
	height: 50px;
	text-indent: -1000em;
	border: none;
	margin: 0 0 0 15px;		
	}
#sidebar .navbox a.signmeup-small:hover { background-position: 0% -50px; }
#sidebar .navbox div.quote-top {
	background: transparent url(../images/pindance-testimon-qtop.gif) no-repeat 0% 0%;
	margin: 5px 10px;
	}
#sidebar .navbox div.quote-top div.quote-bottom{
	background: transparent url(../images/pindance-testimon-qbottom.gif) no-repeat 100% 97%;	
	padding: 10px 5px;
	font-size: 90%;	
	}
#sidebar .navbox span.quote-source {
	font-weight: bold;
	font-size: 85%;
	text-align: right;
	display: block;
	padding: 0 15px 15px;
	}
p.pullout {
	background: #f7f7f7;
	border: 1px solid #f1f1f1;
	border-left: 10px solid #e1e1e1;
	font-size: 1.6em;
	line-height: 1.6em;
	font-family: Georgia, "Times New Roman", Serif;
	padding: .5em 1em;
	margin: 1em 2em;
	}
div.pillow-both { clear: both; width: 100%; }
.info h2 {
	margin-bottom: 1em; 
	}
.info dl {
	background: transparent !important;
	}