/* -------------------------------------------------------------- 

Rhinomart Redesign Styles
Author:	Justin Pardee, Colective Industry
Date: 	Nov 03 2008

-------------------------------------------------------------- */

@import url("reset.css");

/* Typography
--------------------------------------------------*/
body {
	font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size: 13px;
	color: #333;
}
#revamp {
	float: left;
	width: 940px;
}

/* Headings ----------------*/
#revamp h1 {
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
}


#revamp h1 {
	font-size: 24px;
	line-height: 36px;
	font-weight: normal;
	color: #858585;
}

#revamp h2 {
	margin-bottom: 9px;	padding: 0 5px;
	background: #f70101;
	color: #fff;
	font-size: 13px;
	line-height: 27px;
	font-weight: bold;
}
#revamp h4 {
	font-weight: bold;
	color: #666;
}
#revamp h4 em {
	font-style: normal;
	font-weight: normal;
}

p {
	margin-bottom: 18px;
}


/* Structure
--------------------------------------------------*/
#revamp {
	margin:0 5px; padding: 18px 0;
	color: #333;
}


/* Shopping Cart
--------------------------------------------------*/
table#cart {
	margin-bottom: 18px;
	width: 100%;
}
#cart th, #cart td {
	line-height: 18px;
	vertical-align: top;
}
#cart td {
	color: #666;
}

/* Header ------------------*/
#cart thead th {
	line-height: 27px;
	background: #f70101;
	color: #fff;
	font-size: 12px;
}

th#col_items {
	padding-left: 5px;
	font-weight: bold;
}
#col_price,
#col_qty,
#col_total {
	padding-left: 20px;
	width: 60px;
	text-align: right;
	font-weight: bold;
}
th#col_total {
	padding-right: 5px;
}

/* Item --------------------*/
#cart tbody td {
	border-bottom: 1px solid #e8e8e8;
	font-size: 12px;
}

td#itm_img {
	width: 140px;
	height: 80px;
	vertical-align: middle;
	text-align: center;
	padding-left: 15px;
	padding: 5px;
}
td#itm_price,
td#itm_qty,
td#itm_total {
	width: 80px;
	padding-top: 9px;
	text-align: right;
}

td#itm_name {
	padding: 9px 0 0 20px;
	color: #333;
	font-weight: bold;
}
td#itm_name em {
	display: block;
	font-weight: normal;
	font-style: normal;
}

td#itm_price {
	font-weight: bold;
}

td#itm_qty input.inpt-qty {
	width: 40px;
	height: 14px;
	text-align: right;
}
a.ic-remove {
	display:-moz-inline-box;
	display:inline-block;
	margin-left: 2px;
	width: 14px; height: 14px;
	text-indent: -9999px; overflow: hidden;
	color: #fff;
	background: url(../img/ic-remove.gif) no-repeat;
}
a:hover.ic-remove {
	background-position: 0 -14px;
}
td#itm_qty a.updt {
	display: block;
	width: 60px;
	margin-right: 15px;
	text-align: right;
	font-size: 11px;
	color: #9a9a9a;
	text-decoration: underline;
}
td#itm_qty a:hover.updt {
	color: #0f81db;
}

td#itm_total {
	width: 75px;
	padding-right: 5px;
}

/* Tools -------------------*/
#cart-tools {
	clear: both;
	margin-top: 18px;
	padding-top: 17px;
	float: left;
	width: 940px;
	border-top: 1px solid #e8e8e8;
}

a#continueshopping {
	display: block;
	float: left;
	width: 140px; height: 27px;
	text-indent: -9999px; overflow: hidden;
	background: url(../img/btn/continueshopping.gif) no-repeat;
}
a#continueshopping:hover {
	background-position: 0 -27px;
}

#totals {
	margin-bottom: 18px;
	margin-right: 18px;
	float: right;
	width: 440px;
	font-size: 13px;
	color: #666;
	text-align: right;
}
#totals em.crncy {
	display: -moz-inline-box;
	display: inline-block;
	width: 130px;
	font-style: normal;
	-moz-box-direction: reverse;
}   

#subtotal, #subtotal em {
	font-weight: bold;
}
#carttotal, #carttotal em {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	line-height: 36px;
}

#shipcheck {
	float: left;
	margin-top: 5px;
	line-height: 18px;
	font-size: 13px;
	color: #666;
}
#shipcheck * {
	vertical-align: top;
}
input.inpt-zip {
	width: 60px;
}
#shipcheck .inpt-zip,
#shipcheck a.check {
	margin-left: 5px;
	height: 14px;
}

a#checkout {
	display: block;
	clear: both;
	float: right;
	width: 140px; height: 27px;
	text-indent: -9999px; overflow: hidden;
	background: url(../img/btn/checkout.gif) no-repeat;
}
a#checkout:hover {
	background-position: 0 -27px;
}
a#continue {
	display: block;
	clear: both;
	float: right;
	width: 140px; height: 27px;
	text-indent: -9999px; overflow: hidden;
	background: url(../img/btn/continue.gif) no-repeat;
}
a#continue:hover {
	background-position: 0 -27px;
}


/* Checkout
--------------------------------------------------*/
#checkout .section {
	width: 100%;
	float: left;
	margin-bottom: 18px;
}
#checkout .section .main {
	width: 620px;
	margin-right: 20px;
	float: left;
}
#checkout .section .xtra {
	width: 300px;
	float: right;
	font-size: 11px;
}
#yellowouter {
	position:relative;top:0px;left:220px;margin:-85px -100px 28px 0px;
}
#yellowsub {
	width:337;position:relative;
	top:0px; 
	left:75px;margin:-50px 0px 0px 0px;
	background-color:#ffff00;
	font-size:10pt;
	font-weight:bold;border: 1px solid #000000;
	color:#ff0000;
	text-align:center;padding:3px;
 	font-family: Verdana, Arial, sans-serif;
}



#checkout .section .xtra.border {
	padding: 10px;
	width: 269px;
	background:#fff8eb;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-bottom:-100px;
}
#checkout .section .xtra.plain {
	padding-top: 0;
	text-align: center;
}

#checkout .section .xtra.testimonial {
 	width: 269px;
 	padding: 5px 10px;
 	background:#f3ede1;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;

}

.xtra, .xtra p {
	color: #666;
}
.xtra p {
	margin-bottom: 9px;
}


#checkout #shippingadd,
#checkout #rvw_payment 	{ width: 300px; float: left; margin-right: 20px; }
#checkout #billingadd,
#checkout #rvw_shipping { width: 300px; float: right; }


#payment_selector ul {
	width: 600px;
	float: left;
	font-size: 11px;
}
#payment_selector ul li {
	line-height: 36px;
}
#payment_selector ul li * {
	vertical-align: middle;
}
#payment_selector ul li em {
	font-style: normal;
	display:-moz-inline-box;
	display:inline-block;
	width: 120px;
}
#payment_selector ul li.on {
	background: #fffdbd;
	border: 1px solid #e6df20;
	border-width: 1px 0;
}

#payment_selector #payment_options {
	width: 343px;
	padding: 0 5px;
	float: left;
	background: #fffdbd;
	border: 1px solid #e6df20;
}
/* John added this rule */
#payment_selector #payment_options_off {
	width: 288px;
	padding: 0 5px;
	float: left;
	background: #ffffff;
}

ul.pick_shipping {
	width: 300px;
}
ul.pick_shipping li {
	tex-align: right;
}
ul.pick_shipping li em {
}

#checkout #termstxt { height: 81px; margin-bottom: 9px; }
#checkout #agreements { font-size: 10px; }

.rvw_ccard strong {
	display: block;
}
.rvw_ccard em {
	color: #666;
	font-style: normal;
}
#rvw_shipping em {
	font-style: normal;
}

#rvw_cart tbody {
	line-height: 18px;
}
#rvw_cart tbody th {
	width: 545px;
	text-align: left;
}
#rvw_cart tbody td {
	width: 80px;
	text-align: right;
}

a.change {
	display: block;
	float: left;
	width: 102px; height: 18px;
	text-indent: -9999px; overflow: hidden;
	background: url(../img/btn/change.gif) no-repeat;
}
a.changeaddress {
	display: block;
	float: left;
	width: 102px; height: 18px;
	text-indent: -9999px; overflow: hidden;
	background: url(../img/btn/changeaddress.gif) no-repeat;
}
a#changeorder {
	display: block;
	float: left;
	width: 102px; height: 18px;
	text-indent: -9999px; overflow: hidden;
	background: url(../img/btn/changeorder.gif) no-repeat;
}
/*a#changeorder:hover {
	background-position: 0 -18px;
}*/
a#placeorder {
	display: block;
	clear: both;
	float: right;
	width: 140px; height: 27px;
	text-indent: -9999px; overflow: hidden;
	background: url(../img/btn/placeorder.gif) no-repeat;
}
/*a#placeorder:hover {
	background-position: 0 -27px;
}*/