﻿
/*=========================================================
                  CALCULATOR PAGE 4 STYLES                      
=========================================================*/

/*               FORM STYLES
***************************************************/
#purchase_container span.txtbx	{
	height: 23px;
	width: 143px;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	border: solid 1px #838383;
	background: url(../../images/bg_calculator_textbox.png) no-repeat left top;
}
#purchase_container span.txtbx input.txt	{
	color: #000;
	padding: 4px;
	height: 15px;
	width: 143px;
	display: block;
	background: none;
	font-size: 1.2em;
}
#purchase_container span.txtbx input.txt:focus	{
	color: #666;
}

/*               ITEMS TABLE STYLES
***************************************************/

#purchase_container #items	{
	width: 911px;
	margin: 0 auto 15px 26px;
	background: url(../../images/bg_calculator4_table.jpg) repeat-y left top;
}
#purchase_container #items .left_corner, #purchase_container #items .right_corner	{
	width: 26px;
	height: 26px;
	display: block;
	overflow: hidden;
	margin-bottom: -26px;
}
#purchase_container #items .left_corner	{
	float: left;
	background: url(../../images/bg_calculator4_table_corners.jpg) no-repeat 0px 0px;
}
#purchase_container #items .right_corner	{
	float: right;
	background: url(../../images/bg_calculator4_table_corners.jpg) no-repeat 0px -26px;
}
#purchase_container #items table	{
	width: 860px;
	margin-left: 26px;
	border-collapse: collapse;
}
#purchase_container #items th	{
	color: #fff;
	height: 38px;
	font-size: 2.2em;
	background: #09357a;
	vertical-align: middle;
}
#purchase_container #items td	{
	color: #666;
	height: 35px;
	font-size: 1.6em;
	background: #fff;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border-bottom: solid 1px #ccc;
}
#purchase_container #items .col1	{
	width: 545px;
	text-align: left;
}
#purchase_container #items .col2	{
	width: 110px;
}
#purchase_container #items .col3	{
	width: 145px;
}
#purchase_container #items td.col1	{
	padding-left: 10px;
}
#purchase_container #items tr.top .col1	{
	background: #fff url(../../images/bg_calculator4_table_row2.jpg) no-repeat left top;
}
#purchase_container #items tr.top .col4	{
	background: #fff url(../../images/bg_calculator4_table_row2.jpg) no-repeat right top;
}
#purchase_container #items table .col2 span.txtbx, #purchase_container #items table .col2 input.txt	{
	width: 55px;
}
#purchase_container #items table .col2 input.txt	{
	padding: 4px 0;
	font-size: 0.8em;
	text-align: center;
}
#purchase_container #items table .col2 txt	{
	border: solid 1px #ccc;
}
#purchase_container #items ul	{
	height: 75px;
	padding: 25px 0 0 40px;
	background: url(../../images/bg_calculator4_table_ul.jpg) no-repeat left bottom;
}
#purchase_container #items li	{
	float: left;
	padding-right: 8px;
}
#purchase_container #items li .bg	{
	height: 24px;
}
#purchase_container #items li a, #purchase_container #items li a:visited	{
	color: #fff;
	height: 24px;
	display: block;
	font-size: 1.6em;
	text-align: center;
	text-decoration:none;
}
#purchase_container #items .continue a, #purchase_container #items .continue a:visited	{
	width: 262px;
}
#purchase_container #items .update a, #purchase_container #items .update a:visited	{
	width: 102px;
}
#purchase_container #items .continue .bg	{
	width: 262px;
	background: url(../../images/bg_calculator4_continue.jpg) no-repeat left top;
}
#purchase_container #items .update .bg	{
	width: 102px;
	background: url(../../images/bg_calculator4_update.jpg) no-repeat left top;
}
#purchase_container #items ul	{
	height: 75px;
	padding: 25px 0 0 40px;
	background: url(../../images/bg_calculator4_table_ul.jpg) no-repeat left bottom;
}

/*               ALSO LIKE STYLES
***************************************************/

#purchase_container #alsolike	{
	z-index: 5;
	width: 911px;
	position: relative;
	margin: 0 auto 15px auto;
	background: url(../../images/bg_calculator4_alsolike.jpg) repeat-y left top;
}
#purchase_container #alsolike h3	{
	color: #666;
	height: 40px;
	font-size: 2.4em;
	padding: 10px 0 0 15px;
	background: url(../../images/bg_calculator4_alsolike_h3.jpg) no-repeat left top;
}
#purchase_container #alsolike .bot	{
	clear: both;
	height: 15px;
	display: block;
	overflow: hidden;
	background: url(../../images/bg_calculator4_alsolike_bot.jpg) repeat-x left top;
}
#purchase_container #alsolike ul	{
	width: 865px;
	margin: 0 auto;
}
#purchase_container #alsolike li	{
	color: #666;
	float: left;
	width: 275px;
	padding: 0 20px 10px 0;
}
#purchase_container #alsolike li.last	{
	padding: 0 0 10px 0;
}
#purchase_container #alsolike li img	{
	float: left;
	padding-right: 10px;
}
#purchase_container #alsolike li h4	{
	font-size: 1.4em;
	font-weight: bold;
}
#purchase_container #alsolike li span	{
	display: block;
	font-size: 1.2em;
	margin-bottom: 1em;
}
#purchase_container #alsolike li a, #purchase_container #alsolike li a:visited	{
	color: #139033;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: underline;
}
#purchase_container #alsolike li a:hover	{
	text-decoration: none;
}

/*               PAYMENT STYLES
***************************************************/

#purchase_container #payment	{
	z-index: 5;
	width: 911px;
	margin: 0 auto 0 26px;
	position: relative;
	background: url(../../images/bg_calculator4_payment.jpg) repeat-y left top;
}
#purchase_container #payment h3	{
	color: #666;
	height: 56px;
	font-size: 3em;
	padding: 20px 0 0 30px;
	background: url(../../images/bg_calculator4_payment_h3.jpg) no-repeat left top;
}
#purchase_container #payment .bot	{
	clear: both;
	height: 15px;
	display: block;
	overflow: hidden;
	background: url(../../images/bg_calculator4_payment_bot.jpg) no-repeat left top;
}
#purchase_container #payment .whbx	{
	width: 860px;
	background: #fff;
	margin: 0 auto 10px auto;
}
#purchase_container #payment .whbxtop, #purchase_container #payment .whbxbot	{
	height: 10px;
	display: block;
	overflow: hidden;
}
#purchase_container #payment .whbxtop	{
	background: url(../../images/bg_calculator4_payment_whbx_edges.jpg) no-repeat 0px 0px;
}
#purchase_container #payment .whbxbot	{
	background: url(../../images/bg_calculator4_payment_whbx_edges.jpg) no-repeat 0px -10px;
}
#purchase_container #payment .whbx h4	{
	color: #666;
	padding: 3px 5px;
	font-size: 1.6em;
	font-weight: bold;
	background: #ededed;
	margin-bottom: 10px;
}
#purchase_container #payment .whbx ul	{
	margin-bottom: 50px;
}
#purchase_container #payment .whbx li	{
	padding: 5px 0;
	border-bottom: solid 1px #ccc;
}
#purchase_container #payment .whbx li.last	{
	border: 0;
}
#purchase_container #payment .whbx li label	{
	color: #666;
	width: 95px;
	font-size: 1.4em;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
}
#purchase_container #payment .whbx li span.txtbx	{
	height: 23px;
	width: 143px;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	border: solid 1px #838383;
	background: url(../../images/bg_calculator_textbox.png) no-repeat left top;
}
#purchase_container #payment .whbx li span.txtbx input.txt	{
	color: #000;
	padding: 4px;
	height: 15px;
	width: 143px;
	display: block;
	background: none;
	font-size: 1.2em;
}
#purchase_container #payment .whbx li span.txtbx input.txt:focus	{
	color: #666;
}
#purchase_container #payment .whbx li span.txtbx, #purchase_container #payment .whbx li span.txtbx input	{
	width: 295px;
}
#purchase_container #payment .whbx li select	{
	padding: 2px;
	font-size: 1.4em;
	vertical-align: middle;
	border: solid 1px #ccc;
}

/*               BILLTO STYLES
***************************************************/

#purchase_container #payment #billto	{
	float: left;
	width: 399px;
	padding: 0 15px;
	border-right: solid 1px #ccc;
}
#purchase_container #payment #billto p	{
	color: #666;
	font-size:1.4em;
}
#purchase_container #payment #billto p a, a:visited	{
	color: #66cc66;
	font-size:1.0em;
	font-weight:bold;
}
#purchase_container #payment .whbx #ccinfo li label	{
	width: 155px;
}
#purchase_container #payment .whbx li label.zip	{
	width: 65px;
	text-align: right;
	padding-right: 5px;
}
#purchase_container #payment .whbx li label.email	{
	margin: 0;
	width: 52px;
	padding-left: 5px;
}
#purchase_container #payment .whbx #ccinfo li label.year	{
	width: 70px;
	text-align: right;
	padding-right: 5px;
}
#purchase_container #payment .whbx li select#state1, #purchase_container #payment .whbx li select#state2	{
	width: 60px;
}
#purchase_container #payment .whbx li select#card	{
	width: 125px;
}
#purchase_container #payment .whbx li select#exp	{
	width: 80px;
}
#purchase_container #payment .whbx li#phone span.txtbx, #purchase_container #payment .whbx li#phone input	{
	width: 115px;
}
#purchase_container #payment .whbx li span#year, #purchase_container #payment .whbx li span#year input	{
	width: 78px;
}
#purchase_container #payment .whbx li span#number, #purchase_container #payment .whbx li span#number input	{
	width: 235px;
}
#purchase_container #payment .whbx li span#code, #purchase_container #payment .whbx li span#code input	{
	width: 78px;
}
#purchase_container #payment .whbx li span#zip1, #purchase_container #payment .whbx li span#zip1 input, #purchase_container #payment .whbx li span#zip2, #purchase_container #payment .whbx li span#zip2 input	{
	width: 159px;
}

/*               SHIPTO STYLES
***************************************************/

#purchase_container #payment #shipto	{
	float: right;
	width: 400px;
	padding: 0 15px;
}
#purchase_container #payment #shipto p	{
	color: #666;
	font-size: 1.4em;
	font-weight: bold;
}
#purchase_container #payment #shipto input.chk	{
	margin-right: 10px;
	vertical-align: middle;
}
#purchase_container #payment #shipto label.same	{
	width: auto;
	display: inline;
	font-size: 1.2em;
}

/*               PURCHASE STYLES
***************************************************/

#purchase_container #purchase	{
	z-index: 5;
	padding: 25px 0;
	position: relative;
}
#purchase_container #purchase a, #purchase_container #purchase a:visited	{
	color: #fff;
	width: 469px;
	height: 42px;
	display: block;
	margin: 0 auto;
	font-size: 3em;
	position: relative;
	text-align: center;
	background: #139033;
}
#purchase_container #purchase .bg	{
	width: 469px;
	height: 42px;
	background: url(../../images/bg_calculator4_purchase_button.jpg) no-repeat left top;
}
#purchase_container .checkout	{
	margin-left:26px;
}
#purchase_container .CVCode a, a:visited	{
	color: #66cc66;
	font-size:small;
}

#purchase_container #orderconfirm	{
	z-index: 5;
	width: 911px;
	margin: 0 26px;
	position: relative;
	background: url(../../images/bg_calculator4_payment.jpg) repeat-y left top;
}
#purchase_container #orderconfirm h3	{
	color: #666;
	height: 56px;
	font-size: 3em;
	padding: 20px 0 0 30px;
	background: url(../../images/bg_calculator4_payment_h3.jpg) no-repeat left top;
}
#purchase_container #orderconfirm .bot	{
	clear: both;
	height: 15px;
	display: block;
	overflow: hidden;
	background: url(../../images/bg_calculator4_payment_bot.jpg) no-repeat left top;
}
#purchase_container #orderconfirm .whbx	{
	width: 860px;
	background: #fff;
	margin: 0 auto 10px auto;
}
#purchase_container #orderconfirm .whbxtop, #calculator_4 #payment .whbxbot	{
	height: 10px;
	display: block;
	overflow: hidden;
}
#purchase_container #orderconfirm .whbxtop	{
	background: url(../../images/bg_calculator4_payment_whbx_edges.jpg) no-repeat 0px 0px;
}
#purchase_container #orderconfirm .whbxbot	{
	background: url(../../images/bg_calculator4_payment_whbx_edges.jpg) no-repeat 0px -10px;
}
#purchase_container #orderconfirm .whbx h4	{
	color: #666;
	padding: 3px 5px;
	font-size: 1.6em;
	font-weight: bold;
	background: #ededed;
	margin-bottom: 10px;
}
#purchase_container #orderconfirm .whbx ul	{
	margin-bottom: 20px;
}
#purchase_container #orderconfirm .whbx li	{
	padding: 5px 0;
	border-bottom: solid 1px #ccc;
}
#purchase_container #orderconfirm .whbx li.last	{
	border: 0;
}
#purchase_container #orderconfirm .whbx li label	{
	color: #666;
	width: 95px;
	font-size: 1.4em;
	font-weight: bold;
	display: inline-block;
	vertical-align:top;
}
#purchase_container #orderconfirm .whbx li .data	{
	color: #666;
	font-size: 1.4em;
	font-weight: bold;
	width: 100px;
	margin-left: 100px;
	border: solid 1px #ccc;
}
#purchase_container #orderconfirm .whbx li select	{
	padding: 2px;
	font-size: 1.4em;
	vertical-align: middle;
	border: solid 1px #ccc;
}
#purchase_container #orderconfirm #billto	{
	float: left;
	width: 399px;
	padding: 0 15px;
	border-right: solid 1px #ccc;
}
#purchase_container #orderconfirm #shipto	{
	float: right;
	width: 400px;
	padding: 0 15px;
}

.results .blubx h4 a, a:visited	{
	color: #fff;
}
.results .wizard_nav 
{
	z-index: 5;
	padding: 0px 0;
	margin-left: 36px;
	position: relative;
	width: 865px;
	height: 42px;
	text-align:center;
	/*border:solid 1px #000;*/

}
.results .wbutton_green
{
	color: #fff;	
	margin: 0 auto;
	height: 42px;
	font-size: 3.0em;
	text-align: center;
	background: #139033;
	background: url(../../images/bg_calculator3_grnbx_edges.jpg) no-repeat left top;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0px 2px 0px 0px;	
}
.results .wbutton_green a, a:visited
{
	color: #fff;	
	text-decoration:none;	
}
#purchase_container .results_end	{
	z-index: 2;
	width: 962px;
	height: 410px;
	position: relative;
	margin: -390px auto 0 auto;
	background: url(../../images/bg_calculator3_bottom.png) no-repeat left top;
}
#purchase_container .purchasebottom	{
	z-index: 5;
	padding: 25px 0;
	position: relative;
}