/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
compress with http://www.cleancss.com/ to all.css
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

*{font-size:100.01%}
html {font-size:62.5%;}
body {
	color:#121212;	
	font:1.3em Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 0 20px;
	min-width:910px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 COMMON PARTS
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a {
	color:#0050D1;
	text-decoration:underline;
}
a:hover {text-decoration:none;}
p {
	margin:0 0 10px;
	padding:0;
}
img {border:0px;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 MAIN ELEMETNS
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

* html #page-box {
	position:relative;
	margin-left:910px;
	height:1px;
}
* html #site-wrap {
	height:1px;
	margin-left:-910px;
	position:relative;
}
#header {
	background:#415377 url(images/page-bg.gif) repeat-x;
	border-bottom:2px solid #FF6F09;
	padding:0 15px;
}
.home #header {padding:0;}
#header .content {
	width:100%;
	padding:0 0 7px;
}
.home #container,
.home #header .content {
	margin:0 auto;
	width:910px;
}
.home #header .content {padding-bottom:115px;}

#colums {
	margin-bottom:20px;
	overflow:hidden;
}
.home #colums {
	width:910px;
	margin-left:-19px;
	padding-left:19px;
}
#left-part {
	float:left;
	width:237px;
	margin-left:4px;
	display:inline;
	padding-left:15px;
}
.home #left-part {width:253px; padding-left:0px;}
#right-part {margin:0 15px 0 285px;_height:1px}
.home #right-part {margin:0 8px 0 290px;}
#right-part .stretch-box {
	width:99%;
}
#right-part p {
	line-height:1.7em;
	margin:0 0 25px 10px;
}
#footer {
	background:url(images/footer-bg.gif) repeat-x;
	overflow:hidden;
	font-size:0.9em;
	color:#7F7F7F;
	margin:0 15px;
	clear:both;
}
.home #footer {margin:0;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 LOGO AND HEADER
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.logo {
	float:left;
	padding-left:65px;
}
.lock {
	position:absolute;
	top:0px;
	left:-20px;
	background:url(images/lock.png) no-repeat;
	width:83px;
	height:74px;
}
.my-logo p {
	clear:both;
	margin:0;
	padding:5px 0;
	font-weight:bold;
	color:#103674;
}
.panel h1,
.panel h2 {
	margin:0 0 0 15px;
	padding:0;
	display:inline;
	background:url(images/logo.gif) no-repeat;
	width:136px;
	height:23px;
	float:left;
	text-indent:-9999px;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
}
.my-logo h1,
.my-logo h2 {
	margin:0;
	background:url(images/logo-my.gif) no-repeat;
	width:174px;
}
.panel h1 a,
.panel h2 a {
	display:block;
	overflow:hidden;
	width:100%;
	height:100%;
}
.top-navigation {
	margin:5px 33px 4px 0;
	padding:0;
	list-style:none;
	float:right;
	display:inline;
	font-size:0.84em;
	font-weight:bold;
}
.top-navigation li {
	margin:0;
	padding:0 7px 0 6px;
	float:left;
	background:url(images/separator.gif) no-repeat right center;
}
.top-navigation li.last {background:none;}
.top-navigation li a {color:#fff;}

#header .panel {
	clear:both;
	background:#fff url(images/header-box-right-bg.gif) repeat-y right top;
	position:relative;
}
#header .panel .top-bg {
	background:url(images/header-box-top-bg.gif) repeat-x;
	height:10px;
	width:100%;
	overflow:hidden;
	text-indent:-9999px;
	font-size:1px;
}
#header .panel .top-bg .left {
	float:left;
	width:12px;
	height:100%;
	background:url(images/header-box-top-left-bg.gif) no-repeat;
}
#header .panel .top-bg .right {
	float:right;
	width:12px;
	height:100%;
	background:url(images/header-box-top-right-bg.gif) no-repeat;
}
#header .panel .bottom-bg {
	background:url(images/header-box-btm-bg.gif) repeat-x;
	height:35px;
	width:100%;
	overflow:hidden;
	text-indent:-9999px;
	font-size:1px;
}
#header .panel .bottom-bg .left {
	float:left;
	width:11px;
	height:100%;
	background:url(images/header-box-btm-left-bg.gif) no-repeat;
}
#header .panel .bottom-bg .right {
	float:right;
	width:11px;
	height:100%;
	background:url(images/header-box-btm-right-bg.gif) no-repeat;
}
#header .panel .text {
	width:100%;
	overflow:hidden;
	padding:5px 0 0;
	background:url(images/header-box-left-bg.gif) repeat-y;
	margin-bottom:-20px;
	position:relative;
}
#header .panel ul {
	margin:5px 40px 7px 0;
	padding:0;
	list-style:none;
	float:right;
	display:inline;
	font-size:1.08em;
}
#header .panel.my-logo ul {margin-top:15px;}
#header .panel li {
	margin:0 0 0 30px;
	padding:0;
	display:inline;
}
#header .panel li a {text-decoration:none;}
#header .panel li.current a,
#header .panel a.current,
#header .panel li a:hover {color:#000;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 POSTER CONTAINER
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.poster {
	background:url(images/poster-bg.jpg) no-repeat;
	width:889px;
	height:368px;
	padding:0 21px 0 32px;
	margin:-115px 0 20px -32px;
	position:relative;
	overflow:hidden;
}
.poster .button {
	position:absolute;
	bottom:0;
	right:10px;
	display:block;
	background:url(images/button-tell-friend.gif) no-repeat;
	width:115px;
	height:20px;
	padding:6px 0 0 10px;
	font-size:0.85em;
	text-align:left;
}
.poster ul.tabs {
	margin:13px 0 0;
	padding:0;
	list-style:none;
	float:right;
}
.poster ul.tabs li {
	margin:0 0 0 4px;
	padding:7px 0 0;
	height:23px;
	display:inline;
	color:#000;
	float:left;
	text-align:center;
}
.poster ul.tabs li.wallet {
	background:#fff url(images/item-wallet-bg.gif) no-repeat;
	width:78px;
}
.poster ul.tabs li.estate {
	background:#EBEDF1 url(images/item-estate-bg.gif) no-repeat;
	width:111px;
}
.poster ul.tabs li a {
	display:block;
	width:100%;
	height:100%;
	margin-top:-7px;
	padding-top:7px;
	overflow:hidden;
}
.poster ul.tabs li.estate a {background:url(images/item-estate-btm-bg.gif) repeat-x left bottom;}

.poster .content {
	margin:110px 30px 40px 550px;
	color:#7D7D7E;
	font-size:1.46em;
	text-align:left;
}
.poster h2 {
	margin:0 0 10px;
	padding:0;
	font-size:1.58em;
	color:#000;
	font-weight:normal;
}
.poster .content ul {
	margin:25px 0 0;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
}
.poster .content li {
	margin:0 15px 0 0;
	padding:5px 0 0;
	float:left;
	display:inline;
	font-size:0.84em;
}
.poster .content li a.button {
	display:block;
	background:url(images/button-free-download.gif) no-repeat;
	width:147px;
	height:32px;
	margin-top:-5px;
	padding:5px 0 0;
	position:relative;
	right:0;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
.phone {
	position:absolute;
	bottom:47px;
	right:567px;
	margin:0;
	padding:0;
	list-style:none;
}
.phone li {
	margin:0;
	padding:0;
	display:none;
}
.phone li.current {display:block;}
.phone li.eric {
	background:url(images/phone-eric.png) no-repeat;
	width:229px;
	height:319px;
}
.phone li.razor {
	background:url(images/phone-razor.png) no-repeat;
	width:154px;
	height:319px;
	margin-right:34px;
}
.phone li.flip {
	background:url(images/phone-flip.png) no-repeat;
	width:122px;
	height:319px;
	margin-right:40px;
}
.phone li.black {
	background:url(images/phone-black.png) no-repeat;
	width:229px;
	height:319px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 TITLE BOX
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.title {
	background:url(images/pxl-gray.gif) repeat-y top right;
	margin-bottom:20px;
	position:relative;
}
.title .top-bg {
	background:url(images/title-top-bg.gif) repeat-x;
	height:26px;
	width:100%;
	overflow:hidden;
	text-indent:-9999px;
	font-size:1px;
}
.title .top-bg .left {
	float:left;
	width:4px;
	height:100%;
	background:url(images/title-top-left-bg.gif) no-repeat;
}
.title .top-bg .right {
	float:right;
	width:4px;
	height:100%;
	background:url(images/title-top-right-bg.gif) no-repeat;
}
.title .bottom-bg {
	background:url(images/title-btm-bg.gif) repeat-x;
	height:9px;
	width:100%;
	overflow:hidden;
	text-indent:-9999px;
	font-size:1px;
}
.title .bottom-bg .left {
	float:left;
	width:5px;
	height:100%;
	background:url(images/title-btm-left-bg.gif) no-repeat;
}
.title .bottom-bg .right {
	float:right;
	width:5px;
	height:100%;
	background:url(images/title-btm-right-bg.gif) no-repeat;
}
.title h1, .title h2 {
	background:url(images/pxl-gray.gif) repeat-y;
	padding:0 15px;
	margin:-15px 0 0 0;
	position:relative;
	font-size:1.54em;
	font-weight:normal;
	color:#000;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 MESSAGE BOX
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* MESSAGE BOX BORDERS */

.message-box {
	margin:0 0 15px 0;
	}
	
.message-box-top,
.message-box-top span,
.message-box-bottom,
.message-box-bottom span,
.message-box-caption-bottom,
.message-box-caption-bottom span {
	background:url(images/bg-message-box.png) no-repeat;
	height:13px;
	position:relative;
	font-size:1px;
	display:block;
	}

.message-box-top span {
	background-position:right -13px;
	}

.message-box-bottom {
	background-position:0 -26px;
	}

.message-box-bottom span {
	background-position:right -39px;
	}

/* MESSAGE BOX CONTENT */

.message-box-content {
	border-left:1px solid #ffdf4d;
	border-right:1px solid #ffdf4d;
	padding:4px 14px 0 20px;
	background-color:#fff5cd;
	font-size:1em;
	color:#931500;
	font-weight:bold;
	}
	
.message-box-content img {
	display:block;
	border:1px solid #99a5bc;
	}

.message-box-content ul {
	margin:0;
	padding:0;
	}

.message-box-content li {
	list-style:none;
	background:url(images/bg-message-box-list.png) 0 0 no-repeat;
	padding:0 0 8px 20px;
	}


	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 NEWS
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.news {
	margin:0 0 30px;
	padding:0;
	list-style:none;
}
.news li {
	margin:0 0 15px 15px;
	padding:0 0 0 20px;
	background:url(images/icon-doc.png) no-repeat 0 0.2em;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 QUOTE
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.quote {
	width:126px;
	height:197px;
	padding:40px 10px 60px 140px;
	margin-left:-23px;
	background:url(images/quote-bg.jpg) no-repeat;
	position:relative;
}
.quote h3 {
	padding:0;
	margin:0;
	font-size:1.38em;
	font-weight:normal;
	font-style:italic;
	color:#44464C;
}
.quote ul {
	margin:0 30px 0 0;
	padding:0;
	list-style:none;
	text-align:right;
	font-size:0.9em;
	color:#000;
	color:#3B404B;
}
.quote li {
	margin:0;
	padding:0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 TABS
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.tabs-block {margin-top:42px;}
* html .tabs-block {margin-top:45px;}
* + html .tabs-block {margin-top:45px;}
#right-part .tabs {
	margin:0 0 0 14px;
	padding:0;
	list-style:none;
	width:595px;
	overflow:hidden;
}
#right-part .tabs li {
	margin:0 3px 0 0;
	padding:7px 0 0;
	float:left;
	height:26px;
	background-repeat:no-repeat;
	text-align:center;
}
#right-part .tabs li.green {
	width:132px;
	background-image:url(images/tab-green.gif);
}
#right-part .tabs li.blue {
	width:111px;
	background-image:url(images/tab-blue.gif);
}
#right-part .tabs li.red {
	width:140px;
	background-image:url(images/tab-red.gif);
}
#right-part .tabs li a {
	display:block;
	width:100%;
	height:100%;
	padding-top:7px;
	margin-top:-7px;
}

/* GREEN */

.tabs-block .text-box {
	width:605px;
	margin-left:4px;
	background:#BBDDA9 url(images/globe-green.gif) no-repeat 97% 90%;
}
.tabs-block .text-box .content {
	background:url(images/box-green-top-bg.gif) no-repeat;
	padding:15px;
}
.tabs-block .text-box .bottom-bg {
	background:url(images/box-green-btm-bg.gif) no-repeat;
	height:6px;
	overflow:hidden;
}

/* BLUE */

.tabs-block .text-box.blue {
	background:#abb7dd url(images/globe-blue.gif) no-repeat 97% 90%;
}
.tabs-block .text-box.blue .content {
	background:url(images/box-blue-top-bg.gif) no-repeat;
}
.tabs-block .text-box.blue .bottom-bg {
	background:url(images/box-blue-btm-bg.gif) no-repeat;
}

/* RED */

.tabs-block .text-box.red {
	background:#ddb0ab url(images/globe-red.gif) no-repeat 97% 90%;
}
.tabs-block .text-box.red .content {
	background:url(images/box-red-top-bg.gif) no-repeat;
}
.tabs-block .text-box.red .bottom-bg {
	background:url(images/box-red-btm-bg.gif) no-repeat;
}


.tabs-block h3 {
	padding:0;
	margin:0 0 10px;
	font-size:1.54em;
	font-weight:normal;
	color:#000;
}
#right-part .tabs-block p {margin:0 0 10px;}
#right-part .tabs-block .content a {font-weight:bold;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 FOOTER
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer .left-part {
	float:left;
	width:253px;
	background:url(images/footer-left-bg.gif) no-repeat;
	min-height:83px;
	position:relative;
	display:inline;
}
* html #footer .left-part {height:83px;}
#footer .right-part {
	margin:0 0 0 295px;
	padding:30px 20px 0 0;
	background:url(images/footer-right-bg.gif) no-repeat right top;
	min-height:83px;
}
* html #footer .right-part {height:83px;}

#footer ul {
	margin:0 0 10px;
	padding:0;
	list-style:none;
}
#footer li {
	margin:0 10px 0 0;
	padding:0;
	display:inline;
}
#footer li a {
	text-decoration:none;
	color:#0050D1;
}
#footer li a:hover {text-decoration:underline;}
#footer .left-part a {
	background:url(images/link-verlsign.gif) no-repeat;
	width:94px;
	height:51px;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	display:block;
	position:absolute;
	left:30%;
	top:30%;
}
#footer p a {color:#7F7F7F;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 BREADCRUMB
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.bread-crumbs {
	background:#EBEEFD;
	padding:6px 23px;
	font-size:0.9em;
	margin-bottom:20px;
}
.bread-crumbs h1 {
	margin:0;
	padding:0;
	font-size:1em;
	font-weight:normal;
	display:inline;
}

.bread-crumbs span.arrow {
	padding:0 8px;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 SIDE NAV
	 	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#left-part .navigation {
	background:url(images/nav-add-bg.gif) repeat-y;
	width:237px;
	margin-bottom:20px;
}
#left-part .navigation .bg {
	height:7px;
	overflow:hidden;
	font-size:1px;
	line-height:1px;
}
#left-part .navigation .bg.top {
	background:url(images/nav-add-top-bg.gif) no-repeat;
	height:17px;
}
#left-part .navigation .bg.bottom {
	background:url(images/nav-add-btm-bg.gif) no-repeat;
}
#left-part .navigation ul {
	margin:-3px 11px 0;
	padding:0;
	list-style:none;
	font-size:0.9em;
	position:relative;
}
#left-part .navigation li {
	margin:0;
	border-top:1px solid #FCFDFF;
	padding:3px 0 3px 0;
}

#left-part .navigation li a {
	padding:0 0 0 11px;
	background-repeat:no-repeat;
	background-position:0 4px;
	background-image:url(images/bullet-first-level.png);
	text-decoration:none;
}

#left-part .navigation li.current a:link,
#left-part .navigation li.current a:visited{
	background:#E9F0FD url(images/bullet-second-level-active.png) no-repeat 2px 7px;
	color:#000;
	}
	
#left-part .navigation li a:hover,
#left-part .navigation li.open a {
	background-image:url(images/bullet-first-level-active.png);
	color:#000;
}

#left-part .navigation ul ul {
	margin:0px 5px 5px 13px;
	font-size:1.0em;
}
#left-part .navigation li li {
	border-top:0;
}
#left-part .navigation li.open li a {	
	background-position:2px 7px;
	background-image:url(images/bullet-second-level.png);
	padding:0 0 0 9px;
	display:block;
	width:193px;
	color:#0050D1;
}
#left-part .navigation li.open li a:hover {
	background-image:url(images/bullet-second-level-active.png);
	background-color:#E9F0FD;
	color:#000;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 PHOTOS & CAPTIONS
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* PHOTO BORDERS */

.photo-top,
.photo-top span,
.photo-bottom,
.photo-bottom span,
.photo-caption-bottom,
.photo-caption-bottom span {
	background:url(images/bg-photo.png) no-repeat;
	height:13px;
	position:relative;
	font-size:1px;
	display:block;
	}

.photo-top span {
	background-position:right -13px;
	}

.photo-bottom {
	background-position:0 -26px;
	}

.photo-bottom span {
	background-position:right -39px;
	}

/* PHOTO CONTENT */

.photo-content {
	border-left:1px solid #99a5bc;
	border-right:1px solid #99a5bc;
	padding:2px 14px 0 14px;
	background-color:#dbe6fc;
	font-size:.8em;
	color:#666666;
	text-align:center;
	}
	
.photo-content img {
	display:block;
	border:1px solid #99a5bc;
	}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 FAQ
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.faq {
	margin:0 0 40px 7px;
	position:relative;
}
.faq h3 {
	padding:0 0 3px;
	margin:0 0 25px;
	font-size:1.38em;
	font-weight:bold;
	color:#000;
	border-bottom:1px solid #000;
}
#right-part .faq p {
	padding:0 20px 22px 50px;
	margin:0;
}
.faq p.question {
	background:url(images/icon-q.png) no-repeat 0 5px;
	font-weight:bold;
}

.faq .navigation {
	float:right;
	margin:7px 20px 5px 20px;
	display:inline;
	width:241px;
	background:#EBEEFD url(images/nav-faq-top-bg.gif) no-repeat;
	font-size:0.9em;
}
.faq .navigation ul {
	margin:0;
	padding:10px 15px 15px;
	list-style:none;
	background:url(images/nav-faq-btm-bg.gif) no-repeat left bottom;
}
.faq .navigation li {
	margin:2px 0;
	padding:0 0 0 10px;
	background:url(images/bullet-second-level.png) no-repeat 0 7px;
}
.faq .navigation li a {color:#0050D1;}
.back {
	position:absolute;
	font-size:0.9em;
	top:0;
	right:0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 FORMS
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.how-it-works {
	background:url(images/bg-how-it-works.jpg) no-repeat;
	width:629px;
	height:309px;
	position:relative;
	margin:0 0 20px 10px;
	}

.how-it-works-bucket {
	font-weight:bold;
	width:192px;
	padding-top:233px;
	}

.how-it-works-bucket h2{
	margin:0 0 14px 0;
	padding:0;
	}
	
.how-it-works-bucket h2 a:link,
.how-it-works-bucket h2 a:visited{
	color:#FFF;
	padding:0 0 0 50px;
	text-decoration:none;
	}

.how-it-works-bucket h2 a:hover{
	text-decoration:underline;
	}
	
.how-it-works-bucket p{
	text-align:center;
	padding:3px 10px 0 10px;
	margin-left:0 !important;
	font-size:.9em;
	line-height:normal !important;
	}

.how-it-works-detail h2{
	color:#009900;
	font-size:1.4em;
	}

.how-it-works-button {
	background:url(images/how-it-works-button.png) no-repeat;
	width:137px;
	height:38px;
	padding:5px 0 0 0;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	float:right;
	}

.how-it-works-button a:link,
.how-it-works-button a:visited{
	color:#FFF;
	text-decoration:none;
	}

.how-it-works-button a:hover{
	color:#FFF;
	text-decoration:underline;
	}

.bg-how-it-works-detail {
	width:192px;
	height:290px;
	float:right;
	margin:0 0 20px 20px;
	padding:240px 0 0 0;
	text-align:center;
	font-weight:bold;
	}
	
.bg-how-it-works-detail p{
	margin-left:0 !important;
	}


.bg-how-it-works-detail-fly {
	background:url(images/bg-how-it-works-detail-fly.jpg) no-repeat;	
	}

.bg-how-it-works-detail-bank{
	background:url(images/bg-how-it-works-detail-bank.jpg) no-repeat;	
	}

.bg-how-it-works-detail-shop{
	background:url(images/bg-how-it-works-detail-shop.jpg) no-repeat;	
	}

	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 FORMS
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.input-field {
	background-image:url(images/bg-input.png);
	background-repeat: no-repeat;
	padding:2px;
	border:1px solid #425bba;
	font-size:1.2em;
	font-family:"Courier New", Courier, monospace;
	}

.input-full-width {
	width:100%;
	}
	
.button-big {
	padding:6px 12px;
	}
.button-medium {
	padding:3px 6px;
	}

table.forms td {
	border-bottom:1px solid #FFF;
	}

.save-reset-group {
	margin:5px 0 -10px 0;
	padding-bottom:10px;
	text-align:center;
	}

fieldset {
	border:1px dotted #999999;
	}

legend {
	font-weight:bold;
	color:#000;
	margin-left:20px;
	padding:10px;
	background-color:#F1F3FE; /* lighter blue grey background */
	font-size:1.15em;	
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 MISC STYLES
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body.popup {
	margin:0;
	min-width:10px;
	}

.popup h1 {
	color:#FFF;
	font-size:1.2em;
	margin:0 0 10px 0;
	padding:15px 10px 25px 10px;
	background:#32466d url(images/bg-popup.png) repeat-x bottom;
	width:auto !important;
	}

.popup .content {
	padding:0 10px 10px 10px;
	}

.popup .content p{
	width:auto !important;
	}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 MISC STYLES
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.align-left {
	float:left;
	margin:0 30px 20px 0;
	}

.align-right {
	float:right;
	margin:0 0 20px 30px;
	}

.align-middle {
	vertical-align:middle;
	}
	
.clear {
	clear:both;
	}