/*	Author: Vladimir Golušin : BigFish.rs	*/

/* @group checkout */
/* CHECKOUT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#checkout {
	width: 760px;
	height: 460px;
	text-align: center;
	
	font: 11px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, Verdana, sans-serif;
	color: #333;
}

#checkout div.cargo {
	height: 345px;
	padding: 20px 20px 0;
}

#checkout div.footer {
	padding: 20px;
	background: #f7f7f7;
	border: 1px solid #d5d5d5;
	height: 52px;
	overflow: hidden;
	text-align: left;
	font-size: .9em;
}

#checkout div.footer span {
	font-size: 1.2em;
	font-weight: bold;
}

#checkout div.box {
	height: 248px;
	width: 169px;
	border: 1px solid #d5d5d5;
	float: left;
	display: inline;
	background: #fff url("../img/checkout/bg-box.png") repeat-x top left;
	margin: 35px 0 0 !important;
}

#checkout div.box p {
	margin: 10px;
	font-size: .9em;
}

#checkout div.box img.sold {
	position: absolute;
	z-index: 10000;
	text-align: left;
}

#checkout div.royal {
	border-width: 1px 0 1px 1px;
}

#checkout div.platinum {
	margin-top: 0px !important;
	border: 1px solid #d5d5d5;
	width: 208px;
	height: 318px;
	background: #fff url("../img/checkout/bg-box-active.png") repeat-x bottom left !important;
}

#checkout div.premier {
	border-width: 1px 1px 1px 0;
}

#checkout div.deluxe {
	border-width: 1px 1px 1px 0;
}

#checkout div.box div.price {
	font-size: 3em;
	letter-spacing: -4px;
	font-weight: bold;
	color: #333;
	line-height: .2em;
	margin-top: 20px;
	margin-bottom: 15px;
}

#checkout div.platinum div.price {
	font-size: 4em !important;
	line-height: .2em;
	margin-top: 35px;
	margin-bottom: 25px;
}

#checkout div.box div.price span.dollar {
	font-size: .7em;
}

#checkout div.box div.price span.permonth {
	font-size: .35em;
	font-weight: normal;
	letter-spacing: 0.03em;
}

.payment-btn {
	cursor: pointer;
}
/* @end */


/* @group elements */
/* ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#checkout h1, 
#offer h1,
#checkout h2, 
#offer h2,
#checkout h3, 
#offer h3,
#checkout h4, 
#offer h4,
#checkout h5, 
#offer h5
#checkout h6,
#offer h6 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, Verdana, sans-serif;
	color: #b8b8b8;
}	

#checkout h1,
#offer h1 {
	font-weight: bold;
	font-size: 2em;
	letter-spacing: -0.05em;
	padding: 15px 0 0 0;
	text-align: center;
	text-transform: uppercase;
	margin: 0 !important;
}

#checkout h2,
#offer h2 {
	color: #000;
	font-weight : bold;
	font-size: 1.2em;
	margin-top: 10px;
}


#checkout div.royal h1 {
	border-top: 5px solid #000;
}

#checkout div.platinum h1 {
	border-top: 5px solid #c0c0c0;
}

#checkout div.premier h1 {
	border-top: 5px solid #0e8ff2;
}

#checkout div.deluxe h1 {
	border-top: 5px solid #3b9905;
}
/* @end */


/* @group offer */
/* OFFER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#offer {
	width: 758px;
	height: 458px;
	text-align: left;
	border: 1px solid #d5d5d5;
	background: #fff url("../img/checkout/bg-detail.png") repeat-x 0 0;
}

#offer h1 {
	text-align: left;
	padding: 0 20px;
	height: 65px;
	line-height: 65px;
	border-bottom: 1px solid #d5d5d5;
	font-size: 2.6em;
	background: #fff;
}

#offer h1.deluxe {
	border-top: 10px solid #3b9905;
}

#offer h1.premier {
	border-top: 10px solid #0e8ff2;
}

#offer h1.platinum {
	border-top: 10px solid #c0c0c0;
}

#offer img.back-button {
	float: right;
	margin-top: 17px;
	cursor: pointer;
}

#offer div.lc {
	width: 208px;
	margin-right: 40px;
	float: left;
	display: inline;
}

#offer div.rc {
	width: 468px;
	float: left;
	display: inline;
}

#offer div.lc p {
	margin: 20px;
	line-height: 150%;
}

#offer div.price {
	font-size: 4em !important;
	margin-top: 35px;
	margin-bottom: 25px;
	font-weight: bold;
	color: #333;
	letter-spacing: -0.05em;
}

#offer div.price span.word {
	color: #777;
	font-size: .55em;
	font-weight: bold;
	letter-spacing: -1px;
	padding-left: 18px;
	display: block;
	margin-bottom: -10px;
}

#offer div.price span.dollar {
	font-size: .7em;
}

#offer div.price span.permonth {
	font-size: .35em;
	font-weight: normal;
	letter-spacing: 0.03em;
}

#offer div.price span.note {
	color: #777;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0;
	padding: 0;
	display: block;
	margin-left: 20px;
	margin-top: -5px;
}

#offer div.lc div.price, #offer div.lc div.old-price {
	margin: 20px 15px;
}

#offer div.old-price span.word {
	color: #777;
	font-size: 1.4em;
	letter-spacing: -1px;
	padding-left: 14px;
	display: block;
	
	margin-bottom: -5px;
}

#offer div.old-price span.dollar {
	color: #b90000;
	font-size: 1.8em;
	letter-spacing: -2px;
}

#offer div.old-price span.number {
	font-size: 2.4em;
	letter-spacing: -3px;
	font-weight: bold;
	color: #b90000;
}


#offer div.rc p {
	font-size: 2.4em;
	line-height: 1.4em;
	color: #777;
	
	margin: 20px 0 50px 0;
}

#offer div.rc strong {
	font-weight: bold;
	color: #000;
}

#offer div.rc span {
	font-size: 1.4em;
	line-height: 0.7em;
}

#offer div.buttons {
	margin: 0;
}

#offer div.buttons img {
	margin-right: 15px;
}

#offer div.buttons p {
	width: 250px;
	margin: 10px 0;
	padding: 0;
	
	font-size: 1.1em;
	line-height: 1.1em;
	color: #777;
}

#offer div.buttons p a {
	color: #666;
}

#offer div.buttons .payment-btn {
	text-decoration: underline;
	color: #777;
}
/* @end */


/* @group misc */
/* MISC
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.clearer {
	clear: both;
	line-height: 1;
	margin: 0;
	padding: 0;
	display: block;
}

.left {
	float: left;
	display: inline;
}

.right {
	float: right;
	display: inline;
}

img a:hover {
	margin-bottom: -5px;
}
/* @end */