/* zero "problem causers" for all elements */
* {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
}
html, body {
	width: 100%;
	height: 100%;
	font-family: tahoma, helvetica, arial, sans serif;
	font-size: 12px;
	color: #DDD;
	background: #FFF;
}
body {
	width: 100%;
	min-width: 1040px;
	height: auto;
	background: #44ABDD url(/images/bg_blue.gif) top left repeat-x;
}
a, a:visited, a:hover, a:active {
	color: #FDC700;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
	color: #FDC700;
}
h3 {
	font-size: 14px;
}
abbr {
	color: #FDC700;
	cursor: help;
}
em {
	font-style: normal;
}
#sysmessage {
	float: left;
	width: 810px;
	margin: 20px 0 10px 0;
	padding: 20px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #FDC700;
}
#sysmessage a {
	text-decoration: underline;
}

/*--- HEADER and MAIN MENU ---*/
#header {
	z-index: 300;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 1040px;
}

#home-link {
	float: left;
	padding: 15px 0 0 20px;
}

#menu {
	float: right;
	height: 28px;
	padding: 22px 10px 0 0;
}
#menu li {
	float: left;
	height: 14px;
	padding-left: 20px;
	list-style: none;
	font-size: 14px;
}
#menu li a {
	display: block;
	width: 100%;
	height: 100%;
	font-weight: bold;
}
#menu li a:hover {
	text-decoration: none;
}
#menu li#menu-how a {
	color: #44ABDD;
}
#menu li#menu-shop a {
	color: #66A530;
}
#menu li#menu-contact a {
	color: #FDC600;
}
#menu li#menu-user_view a {
	color: #D40101;
}

#sub-menu {
	clear: both;
	float: right;
}
#sub-menu #retrieve {
	float: right;
	padding-top: 3px;
}
#sub-menu #retrieve a {
	color: #FFF;
}
#sub-menu #retrieve a:hover {
	text-decoration: none;
}

#starburst-wrapper {
	z-index: 100;
	position: absolute;
	top: 0;
	left: 50%;
	width: 850px;
	height: 300px;
	margin-left: -425px;
}
#starburst-wrapper #starburst {
	z-index: 90;
	position: absolute;
	top: 50px;
	width: 100%;
	height: 100%;
	/*background: url(/images/static_star.png) bottom center no-repeat;*/
}
#starburst-wrapper #envelope-logo {
	z-index: 95;
	position: absolute;
	top: 5px;
	left: 374px;
	width: 102px;
	height: 96px;
}

/*- QUICK USER INFO and CART -*/
#quick-wrapper {
	z-index: 100;
	position: absolute;
	top: 100px;
	left: 0;
	width: 100%;
	min-width: 1040px;
}
#quick-user {
	float: right;
	height: 45px;
	padding: 5px 10px 0 45px;
	font-size: 11px;
	color: #FFF;
	background: transparent url(/images/quick_user_bg.png) top left no-repeat;
}
#quick-user a {
	font-weight: bold;
	color: #FFF;
}
#quick-cart {
	clear: both;
	float: right;
	width: 165px;
	margin-bottom: 20px;
	padding: 5px 0 10px 0;
	border-radius: 10px 0 0 10px;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	-khtml-border-radius: 10px 0 0 10px;
}
#quick-cart div {
	clear: both;
	float: right;
	width: 150px;
	padding-left: 15px;
}
#quick-cart #quick-cart-header h3 {
	float: left;
	color: #FFF;
}
#quick-cart #quick-cart-header em {
	float: left;
	padding: 3px 0 0 7px;
	color: #FDC700;
}
#quick-cart #quick-tokens {
	width: 145px;
	height: auto;
	padding-top: 10px;
	padding-right: 5px;
}
#quick-cart #quick-tokens a {
	display: inline;
	float: left;
	width: 20px;
	height: 20px;
	padding: 0 0 5px 5px;
	background-repeat: no-repeat;
	background-position: 5px 0;
}
#quick-cart #quick-tokens a img {
	display: none;
	float: left;
	padding-top: 0;
}
#quick-cart #quick-tokens a:hover {
	background-position: -50px -50px;
}
#quick-cart #quick-tokens a:hover img {
	display: inline;
}
#quick-cart #quick-buttons {
	font-size: 11px;
	font-weight: bold;
	color: #309BD1;
}
#quick-cart #quick-subtotal {
	padding: 3px 6px 3px 0px;
	margin: 6px 0;
	text-align: right;
	font-size: 11px;
	color: #FDC600;
	border-top: 1px solid #309BD1;
	border-bottom: 1px solid #309BD1;
}
#quick-cart #quick-subtotal strong {
	font-weight: bold;
}

#section-contact #quick-cart-header em,
#section-contact #quick-buttons a,
#section-retrieve #quick-cart-header em,
#section-retrieve #quick-buttons a {
	color: #FFF;
}
#section-contact #quick-buttons,
#section-retrieve #quick-buttons {
	color: #FDC600;
}
#section-bulk #quick-buttons,
#section-shop #quick-buttons,
#section-cart #quick-buttons {
	color: #66A530;
}
#section-user #quick-buttons {
	color: #D40101;
}

#section-contact #quick-subtotal,
#section-retrieve #quick-subtotal {
	border-top: 1px solid #FDC600;
	border-bottom: 1px solid #FDC600;
}
#section-bulk #quick-subtotal,
#section-shop #quick-subtotal,
#section-cart #quick-subtotal {
	border-top: 1px solid #66A530;
	border-bottom: 1px solid #66A530;
}
#section-user #quick-subtotal {
	border-top: 1px solid #D40101;
	border-bottom: 1px solid #D40101;
}

/*--- CONTENT and PAGE STYLES ---*/
#content-wrapper {
	z-index: 200;
	position: relative;
	width: 850px;
	height: auto;
	min-height: 400px;
	margin: 0 auto;
	padding-top: 120px;
	background: transparent;
}
#content {
	float: left;
	padding-bottom: 40px;
}
#content h2 {
	text-transform: uppercase;
	font-size: 30px;
	font-weight: bold;
	color: #FFF;
}
#content h3 {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
}
.roundy {
	background: url(/images/roundy_bg.png) top left repeat;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
}
.rounded-container {
	float: left;
	width: 850px;
	height: 325px;
	background-position: 0 -717px;
	background-repeat: repeat-x;
}
html>body .rounded-container {
	height: auto;
	min-height: 325px;
}
.rounded-sep {
	float: left;
	width: 1px;
	height: 300px;
	margin-top: 45px;
	background-position: 0 -8px;
	background-repeat: no-repeat;
}
.rounded-container div h3 {
	float: left;
	width: 100%;
	padding-bottom: 30px;
}
.rounded-container div p {
	float: left;
	padding-bottom: 10px;
	line-height: 18px;
}
.rounded-container .rounded-left-col {
	float: left;
	width: 200px;
	padding: 0 15px 0 25px;
	background-position: 0 25px;
	background-repeat: no-repeat;
}
.rounded-container .rounded-center-col {
	float: left;
	width: 303px;
	padding: 0 30px 0 20px;
}
.rounded-container .rounded-center-col p {
	padding-bottom: 15px;
}
.rounded-container .rounded-center-col p img {
	padding-top: 0px;
}
.rounded-container .rounded-center-col p img,
.rounded-container .rounded-center-col p span {
	float: left;
}
.rounded-container .rounded-center-col p span {
	width: 260px;
	padding-left: 10px;
}
.rounded-container .rounded-right-col {
	float: left;
	width: 230px;
	padding: 0 0 0 25px;
	background-position: right -346px;
	background-repeat: no-repeat;
}
.rounded-container .rounded-right-col a {
	float: left;
	width: 200px;
	padding-bottom: 10px;
	text-decoration: none;
}

/*- HOME -*/
#section-home {
	background: #44ABDD url(/images/bg_blue.gif) top left repeat-x;
}
#section-home .home-button {
	float: left;
	width: 400px;
	margin-bottom: 20px;
	line-height: 17px;
}
#section-home .home-button p {
	background: #2895CB;
	margin-top: 200px;
	padding: 10px 12px;
	border: 1px solid #2685C4;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
}
#section-home .home-button {
	color: #DDD;
}
#section-home .home-button:hover {
	text-decoration: none;
}
#section-home .home-button#mailed {
	padding-right: 25px;
	margin-right: 24px;
	border-right: 1px solid #1F7AAD;
	background: transparent url(/images/home_mailed.png) top left no-repeat;
}
#section-home .home-button#bulk {
	background: transparent url(/images/home_bulk.png) top left no-repeat;
}
#section-home .home-button#bulk:hover,
#section-home .home-button#mailed:hover {
	background-position: -450px 0;
}
#home-faq,
#home-faq .rounded-sep,
#home-what,
#home-gallery {
	background-image: url(/images/faq.png);
}

/*- HOW IT WORKS -*/
#section-how {
	background: #44ABDD url(/images/bg_blue.gif) top left repeat-x;
}
#section-how .how-container {
	float: left;
	width: 410px;
	margin-top: 20px;
	font-size: 14px;
}
#section-how #for-sender {
	margin-right: 30px;
}
#section-how .how-container .roundy {
	float: left;
	margin-top: 10px;
	padding: 20px;
}
#section-how .how-container p {
	float: left;
	margin-bottom: 10px;
	padding-bottom: 25px;
	background: url(/images/icon_divider.png) bottom center no-repeat;
}
#section-how .how-container p.last {
	margin-bottom: 0;
	padding-bottom: 0;
	background: none;
}
#section-how .how-container img {
	float: left;
	padding-right: 15px;
}
#section-how .how-container span {
	float: left;
	width: 280px;
	padding-top: 10px;
}
#section-how h2 {
	font-size: 35px;
	text-align: center;
}

/*- SHOP/SEND TOKEN -*/
#section-shop {
	background: #66A530 url(/images/bg_green.gif) top left repeat-x;
}
#section-shop h2 {
	padding-bottom: 5px;
}
#section-shop h2 em {
	color: #FDC700;
}
#section-shop .token-slidr {
	float: left;
	width: 850px;
	height: 305px;
	background: url(/images/token_slidr_bg.jpg) top left repeat-x;
	border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-khtml-border-radius: 10px 10px 0 0;
}
#section-shop .slidr-shadow {
	z-index: 100;
	position: absolute;
	width: 570px;
	height: 285px;
	margin: 10px 0 0 10px;
	background: url(/images/token_slidr_shadow.jpg) top left no-repeat;
}
#section-shop .slidr-window {
	z-index: 101;
	position: absolute;
	width: 568px;
	height: 283px;
	margin: 11px 0 0 11px;
	overflow: auto;
}
#section-shop .featured {
	background: url(/images/featured_token.png) top left no-repeat;
}
#section-shop .slidr-wrapper {
	position: absolute;
	top: 0;
	left: 0;
}
#section-shop .slidr-row {
	float: left;
	height: 280px;
	padding: 5px 0 0 125px;
}
#section-shop .slidr-row div {
	float: left;
	width: 262px;
	height: 262px;
	padding: 12px 0 0 34px;
	background: url(/images/token_slidr_token_shadow.png) 22px 2px no-repeat;
}
#section-shop .slidr-row div strong,
#section-shop .slidr-row div p {
	display: none;
}
#section-shop .slidr-row div img {
	cursor: pointer;
}
#section-shop .token-info {
	float: right;
	width: 240px;
	height: 280px;
	padding: 15px 10px 0 0;
}
#section-shop .token-info h3 {
	float: left;
	width: 200px;
	height: 25px;
	text-transform: uppercase;
	font-size: 18px;
	color: #FDC700;
}
/*#section-shop .token-info p {
	float: left;
	width: 200px;
	height: 135px;
	padding-top: 10px;
	line-height: 18px;
	font-size: 14px;
	color: #777;
}*/
#section-shop .token-info #token-pricing-mailed {
	float: left;
	width: 200px;
	height: 100px;
	padding: 105px 0 20px 0;
	line-height: 18px;
	font-size: 14px;
	color: #777;
}
#section-shop .token-info #token-pricing-bulk {
	float: left;
	width: 235px;
	padding: 28px 0 12px 0;
	color: #999;
}
#section-shop .token-info #token-pricing-bulk ul {
	float: left;
	width: 114px;
	list-style: none;
	margin-top: 6px;
	border-top: 1px solid #BBB;
	border-left: 1px solid #BBB;
}
#section-shop .token-info #token-pricing-bulk .price-list + .price-list {
	border-left: 0;
}
#section-shop .token-info #token-pricing-bulk li {
	padding: 6px 0 6px 10px;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
}
#section-shop .token-info #token-pricing-bulk .label {
	background: #BBB;
	color: #FFF;
}

#section-shop .token-info form {
	padding-top: 0;
}
#section-shop .token-info #qty-title {
	float: right;
	width: 60px;
	padding-right: 5px;
	text-align: right;
	font-size: 11px;
	color: #666;
}
#section-shop .token-info #cart-token-qty {
	float: right;
	width: 32px;
	padding: 4px;
	margin: 2px 10px 0 0;
	border: 1px solid #C9C9C9
}
#section-shop .token-info #button-add {
	display: inline;
	float: left;
	width: 118px;
	height: 30px;
	/*margin-top: 5px;*/
	padding-bottom: 3px;
	line-height: 28px;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background: transparent url(/images/button_bg_green.png) 0 0 no-repeat;
	cursor: pointer;
}
#section-shop .token-info #button-add:hover {
	background-position: 0 -33px;
}
#section-shop #token-browsr-menu {
	float: left;
	width: 850px;
	background: #E7E7E7;
}
#section-shop .browsr-menu-row {
	float: left;
	width: 840px;
	padding: 10px 10px 10px 0;
	border-bottom: 1px solid #D2D2D2;
}
#section-shop #token-browsr-menu h3 {
	float: left;
	padding: 0 5px 0 10px;
	color: #66A530;
}
#section-shop .browsr-menu-row a {
	display: inline;
	float: left;
	margin: 1px 1px 0 1px;
	padding: 4px 5px;
	font-weight: bold;
	color: #66A530;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
}
#section-shop .browsr-menu-row a.here,
#section-shop .browsr-menu-row a:hover {
	text-decoration: none;
	color: #FFF;
	background: #66A530;
}
#section-shop .token-browsr {
	float: left;
	width: 850px;
	padding-bottom: 10px;
	background: #E7E7E7;
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-khtml-border-radius: 0 0 10px 10px;
}
#section-shop .browsr-row {
	float: left;
	width: 830px;
	margin-top: 10px;
	padding: 10px 10px 0 10px;
	border-top: 1px solid #D2D2D2;
}
#section-shop .first-row {
	margin-top: 0;
	border-top: 0;
}
#section-shop .token-browsr a,
#section-shop .large-browsr div {
	float: left;
	font-size: 11px;
	color: #66A530;
}
#section-shop .token-browsr span img {
	float: left;
	padding: 6px 0 0 11px;
}
#section-shop .large-browsr div span.coming-soon {
	color: #666;
}
#section-shop .token-browsr span.coming-soon img {
	opacity: .4;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);	
}
#section-shop .token-browsr a:hover,
#section-shop .token-browsr a.here {
	text-decoration: none;
	color: #4D7F22;
	background: #DCDCDC;
}
#section-shop .token-browsr span {
	float: left;
	width: 72px;
	height: 95px;
	margin: 10px 0;
	padding: 0 5px;
	background: url(/images/token_browsr_shadow_50.png) 8px 0 no-repeat;
	border-left: 1px solid #C9C9C9;
	overflow: hidden;
}
#section-shop .token-browsr .first span,
#section-shop .token-browsr span.first {
	width: 73px;
	border-left: 0;
}
#section-shop .token-browsr span span {
	width: 52px;
	height: 52px;
	margin: 0 0 0 10px;
	padding: 0;
	background-repeat: no-repeat;
	background-position: 1px 1px;
	border: 0;
}
#section-shop .token-browsr span em {
	float: left;
	width: 100%;
	padding-top: 10px;
	text-align: center;
}
#section-shop .token-browsr span.missing + em {
	font-size: 11px;
	color: #FFF;
}
/*- LARGE -*/
#section-shop .home-browsr {
	padding-bottom: 0;
}
#section-shop .large-browsr span {
	width: 107px;
	height: 130px;
	background-image: url(/images/token_browsr_shadow_80.png);
	overflow: hidden;
}
#section-shop .home-browsr span {
	height: 160px;
}
#section-shop .large-browsr .first span,
#section-shop .large-browsr span.first {
	width: 108px;
}
#section-shop .large-browsr span a:hover {
	color: inherit;
	background: none;
}
#section-shop .large-browsr span img {
	padding: 8px 0 0 13px;
}
#section-shop .large-browsr span strong {
	float: left;
	width: 100%;
	padding-top: 10px;
	font-weight: bold;
	text-align: center;
}
#section-shop .large-browsr span em {
	padding-top: 3px;
	color: #666;
}
#section-shop .large-browsr span em a {
	float: none;
	font-size: 10px;
	color: #666;
}
#section-shop .large-browsr span em a:hover {
	text-decoration: underline;
}

/*- BULK -*/
#section-bulk {
	background: #66A530 url(/images/bg_green.gif) top left repeat-x;
}
#stock-link {
	float: left;
	width: 850px;
	margin: 25px 0;
	padding: 20px 0;
	text-align: center;
	border-top: 1px solid #4B8221;
	border-bottom: 1px solid #4B8221;
}
#stock-link h3 {
	font-size: 20px;
}
#stock-link a:hover {
	text-decoration: none;
}
#bulk-faq,
#bulk-faq .rounded-sep,
#bulk-why,
#bulk-pricing {
	background-image: url(/images/bulk.png);
}
#bulk-faq #bulk-pricing {
	width: 235px;
	padding: 0 0 0 20px;
}
#bulk-faq ul {
	float: left;
	width: 105px;
	list-style: none;
	border-top: 1px solid #43761B;
	border-left: 1px solid #43761B;
}
#bulk-faq .price-list + .price-list {
	border-left: 0;
}
#bulk-faq li {
	padding: 8px 0 8px 10px;
	border-right: 1px solid #43761B;
	border-bottom: 1px solid #43761B;
}
#bulk-faq .label {
	background: #43761B;
}

/*- CART -*/
#section-cart {
	background: #66A530 url(/images/bg_green.gif) top left repeat-x;
}
#section-cart #order {
	float: left;
}
#section-cart #order #receipt {
	background: #FFF;
}
#section-cart #order #receipt .sep {
	margin: 10px 0 0 0;
	padding: 0;
	border-bottom: 0;
}
#section-cart #order #receipt-options {
	float: right;
	width: 200px;
	padding: 10px;
	font-size: 11px;
}

/*- CONTACT -*/
#section-contact {
	background: #FDC600 url(/images/bg_yellow.gif) top left repeat-x;
}

#section-contact #icons img {
float: left;
margin: 3px 3px 15px 0;
border: 2px solid #FDC401;
}

/*- USER -*/
#section-user {
	background: #D40101 url(/images/bg_red.gif) top left repeat-x;
}
#section-user .error {
	font-size: 14px;
	font-weight: bold;
	color: #FDC600;
}
#section-rips {
	height: 100%;
	padding-top: 150px;
	background: #D40101 url(/images/bg_red.gif) top left repeat-x;
}
#section-rips #sysmessage {
	position: relative;
	float: none;
	margin: 0 auto 0 auto;
}

/*- FAQ / LEGAL (TERMS and CONDITIONS, PRIVACY POLICY, RETURNS, ETC.) -*/
#section-faq #content h2,
#section-legal #content h2 {
	padding-bottom: 10px;
}
#section-faq #content .roundy,
#section-legal #content .roundy {
	width: 600px;
	padding: 20px;
}
#section-legal #content h3 {
	padding: 10px 0 5px 0;
}
#section-faq #content strong,
#section-legal #content strong {
	font-weight: bold;
	color: #FFF;
}
#section-faq #content strong.center,
#section-legal #content strong.center {
	display: block;
	text-align: center;
}
#section-faq #content p,
#section-legal #content p {
	padding: 3px 0 7px 0;
	line-height: 15px;
	font-size: 11px;
}
#section-faq #content .quick p,
#section-legal #content .quick p {
	padding: 5px 0 20px 0;
}

/*- SHOP SWITCH -*/
#cancel-button {
	background:url("/images/button_bg_blue.png") no-repeat scroll 0 0 transparent;
	cursor:pointer;
	display:inline;
	float:left;
	height:22px;
	padding:5px 0;
	margin-left: 300px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	width:118px;
}

#confirm-button {
	background:url("/images/button_bg_white.png") no-repeat scroll 0 0 transparent;
	color:#2D6472;
	cursor:pointer;
	display:inline;
	float:left;
	height:22px;
	padding:5px 0;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	width:118px;
}

#cancel-button:hover,
#confirm-button:hover {
	background-position: 0 -33px;
}

#cancel-button h3,
#confirm-button h3 {
	font-size: 14px;
}

#confirm-button h3 {
	color:#2D6472;
}

#switch-text {
	margin: 10px 0;
	padding: 20px;
}


/*- RETRIEVE TOKEN -*/
#section-retrieve {
	background: #FFF url(/images/bg_white.gif) top left repeat-x;
}
#section-retrieve #starburst-wrapper {
	z-index: 500;
	width: 102px;
	height: 100px;
	margin-left: -51px;
}
#section-retrieve #starburst-wrapper #envelope-logo {
	left: 0;
}
#section-retrieve #quick-wrapper {
	z-index: 350;
}
#section-retrieve #content-wrapper {
	top: 50px;
	width: 100%;
	height: 475px;
	padding: 0;
}
#section-retrieve #content {
	width: 100%;
	height: 475px;
	padding: 0;
	overflow: hidden;
}
#no-flash-retrieve {
	display: block;
	width: 100%;
	height: 325px;
	padding-top: 150px;
	text-align: center;
	font-size: 14px;
	color: #FFF;
	background: #FDC600 url(/images/bg_yellow.gif) 0px -50px repeat-x;
}
#section-retrieve #no-flash-retrieve span {
	display: block;
	padding-top: 40px;
}
#section-retrieve #no-flash-retrieve span a {
	text-decoration: underline;
	color: #FFF;
}
#section-retrieve #footer {
	margin-top: 50px;
}

/*--- FOOTER ---*/
#footer-container {
	float: left;
	width: 100%;
	height: 45px;
	background: #FFF;
	border-top: 1px solid #BFBFBF;
}
#footer {
	width: 850px;
	height: 100%;
	margin: 0 auto;
}
#footer #social-media {
	float: left;
	width: 300px;
	padding-top: 10px;
}
#footer img {
	margin-right: 5px;
	padding-right: 10px;
	border-right: 1px solid #CCC;
}
#footer p {
	float: right;
	width: 500px;
	height: 100%;
	margin: 0 auto;
	line-height: 45px;
	text-align: right;
	font-size: 11px;
	color: #CCC;
}