/* common styles ******************************************************/

/* @group Reset *//*


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	*//* vertical-align: baseline; *//*
	*//* border: solid 1px gray; *//*
}


table,
tr,
th,
td {
	border-collapse: collapse;
	border-spacing: 0;
}

th,
td,
caption {
	text-align: left;
}

a img,
fieldset {
	border: none;
}

legend {
  display: none;
}

*//* @end Reset */

/* @group Hacks *//*

*//* http://www.positioniseverything.net/easyclearing.html *//*
.clearfix:after,
.clear_fix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix,
.clear_fix {
	display: inline-table;
}

*//* Hides from IE-mac \*//*
* html .clearfix,
* html .clear_fix {
	height: 1%;
}

.clearfix,
.clear_fix {
	display: block;
}

*//* End hide from IE-mac */


/**
* http://meyerweb.com/eric/css/tests/list-indent-cases.html 
* container div hack to maintain cross-browser ul and li indentation 
* nest ol and ul in a container (div.list) and use padding
*//*

div.list { 
	padding-left: 18px;
	margin-bottom: 5px;
}

*//* generic container class for form elements *//*

.input_group {
	clear: left;
}

.input_group label, 
.input_group input,
.input_group select, 
.input_group textarea, 
.input_group a, 
.input_group img {
	float: left;
	margin: 2px;
	padding: 0;
}

.input_group label {
	clear: left;
	width: 200px;
	text-align: right;
	padding-right: 3px;
}

.input_group .radio_group,
.input_group .checkbox_group {
	float: left;
	margin: 2px;
}

.input_group .radio_group label,
.input_group .checkbox_group label {
	clear: none;
	text-align: left;
	margin: 2px 2px 5px 2px;
}

.input_group .radio_group input,
.input_group .checkbox_group input {
	clear: left;
	text-align: right;
	margin: 2px 5px 0 0;
}

* html .input_group .radio_group label,
* html .input_group .checkbox_group label {
	margin-top: 5px;
} *//* Star selector hack for IE6 label position *//*


*//* @end Hacks *//*



body {
	background:#90c4e2 url(/images/bg.gif) repeat-x;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9pt; *//* 12px; *//*
	line-height: 11pt; *//* 120%; *//*
	color: #333333;
	text-align: center;
}

body.popup {
	background: #fff;
	padding: 20px 20px 20px 35px;
	text-align: left;
}

div {
	font-family: Helvetica, Arial, sans-serif;
}

h1 {
	color: #ec6c00; *//* #ff8a00; *//*
	font-size: 18px; *//* 16pt; *//*
	font-weight: bold; *//* normal; *//*
	line-height: 18px; *//* 18pt; *//*
	margin: 15px 0 5px 0; *//* margin-bottom: 0px; *//*
}

body.misc #content h1 {
	padding-bottom: 10px;
	border-bottom: 1px dotted #b1b1b1;
}

h2 {
	color:#ec6c00;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	margin: 15px 0 5px 0; *//* margin-bottom: 7px; *//*
	*//* padding-top: 2px; *//*
}

body.cart h2,
body.address h2,
body.summary h2,
body.receipt h2 {
	color: #000;
}

body.misc #content h2 {
	color: #3d9cd3;
}

h3 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 5px;
	padding-top: 2px;
}

p, 
td {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9pt; *//* 12px *//*
	line-height: 11pt;
	color: #333333;
}

p {
	margin: 10px 0 10px 0; *//* margin: 0 0 5px 0; *//*
}

ol, 
ul {
	font-size: 12px;
	line-height: 12px;
	margin-left: 20px;
	padding-left: 12px;
	margin-top: 6px;
  *//* margin-left: 45px; *//*
}

ol {
	list-style: decimal;
}

ul {
	list-style: disc;
}

a img {
	border: none;
}
a, 
a:link, 
a:visited {
	color: #0033cc;
}
a:hover,
a:active {
	color:#ff6600;
}
a.redBold {
	text-decoration: none;
}
a.redBold:hover {
	text-decoration: underline;
}

form div {
	text-align: left;
}

option {
	margin: 3px;
}

select, 
input {
	font-size: 8pt;
	color: #666666;
}

input[type=text] {
	width: 144px;
}

input[type=checkbox],
input[type=radio] {
	width: 15px;
}

select.error {
	color: #000;
	background-color: #ffb2b2;
}

textarea {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

del,
strike,
.strike {
	text-decoration: line-through;
}

.fir,
.hide,
.skip {
	display: none;
}

.clear {
	clear: both;
	height: 0px;
	width: 0px;
	overflow: hidden;
}

.bold {
	font-weight: bold;
}

.orange {
	color: #ff8a00;
}

.redBold {
	color: #ff0000;
	font-weight: bold;
}

.small {
	font-size: 11px;
}

body.misc #main_column p {
	margin:0;
	padding:0;
	font-size:11px;
	line-height:12px;
	color:#ff0000;
}

.smaller {
	font-weight: normal;
	font-size: 8pt;
	line-height: 10pt;
}

.smaller2 {
	font-size: 7.5pt;
	line-height: 11pt;
}

.error {
	color: #c00;
}

h2.error {
	color: #c00;
	padding-top: 5px;
}

ul.error {
	list-style: none;
	margin: 0 0 15px 5px;
	font-weight: normal;
}

ul.error li,
li.error {
	font-weight: normal;
}

dd span.error {
	backround-color: #fff;
}

.discount {
	color: #c00;	
}

.savings {
	color: #000;
}

#wrapper {
	position: relative;
	margin: 0 auto 20px auto;
	width: 759px;
	text-align: left;
	background: #fff url(/images/bkgd.gif) repeat-y;
}

body.blank #wrapper {
	background: #fff;
}


#top_nav {
	float: left;
	display: inline;
	background: transparent url(/images/bg_header.jpg) no-repeat top left;
	width: 759px;
	height: 95px;
}

body.blank #top_nav {
	background: url(/images/bg_header_short_games_inc.jpg) no-repeat;
	height:118px;
}

#top_nav h1 {
	padding: 0;
	margin: 0;
}

#top_nav h1 a {
	position: absolute;
	width: 167px;
	height: 145px;
	text-indent:-9000px;
	outline: 0;
}

body.blank #top_nav h1 a {
	height:118px;
}

#top_nav h1 a:hover {
	background: url(/images/logo_roll.jpg) no-repeat top left;
}

body.blank #top_nav h1 a:hover {
	height: 118px;
	background: url(/images/logo_sm_roll.jpg) no-repeat top left;
}

#top_nav ul {
	float: left;
	display: inline;
	line-height: normal;
	margin: 55px 0 0 0;
	padding: 0;
	list-style: none;
	width: 400px;
}

#top_nav li {
	float: right;
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
	background: url(/images/tab_left.gif) no-repeat left top;
}

#top_nav li a {
	display: block;
	background: url(/images/tab_right.gif) no-repeat right top;
	padding: 8px 10px 8px; *//* adjust padding-bottom +/- with div#top_nav height *//*
	text-decoration: none;
	color: #000;
	font-size: 15px;
	font-weight: bold; 
	width: .1em;
	white-space: nowrap;
	outline: 0;
}

#top_nav li a:hover {
	color: #ff6600;
}

#top_nav > ul li a {
	width:auto;
}

*//*Upper Nav Rules*//*

#upper_nav {
	float: right;
	display: inline;
	width: 243px;
	height:32px;
	margin-left: 350px;
	border: 0px solid #fff; *//*troubleshooting*//*
}

#upper_nav a {
	float: right;
	display: inline;
	width: 30px;
	height: 28px;
	text-indent: -9999px;
	outline: none;
	margin:3px 2px 0 0;
}

#upper_nav a.user_link {
	background: url(/images/user_icon.gif) no-repeat top left;
}

#upper_nav a.cart_link {
	background: url(/images/cart_icon.gif) no-repeat top left;
}

#upper_nav a.help_link {
	background: url(/images/help_icon.gif) no-repeat top left;
}

#upper_nav a:hover.user_link {
	background: url(/images/user_icon.gif) no-repeat bottom left;
}
#upper_nav a:hover.cart_link {
	background: url(/images/cart_icon.gif) no-repeat bottom left;
}

#upper_nav a:hover.help_link {
	background: url(/images/help_icon_roll.gif) no-repeat bottom left;
}

#help_tip {
	display:none;
	z-index: 999;
}

#cart_tip {
	display:none;
	z-index: 999;
}

#user_tip {
	display:none;
	z-index: 999;
}

.upper_nav_tooltips {
	position:absolute;
	margin: 32px 0 0 560px;
	width: 200px;
}

.upper_nav_tooltips div {
	float: right;
	display: inline;
	font-size: 15px;
	font-weight: bold;
	height: 37px;
	margin: 0 4px 0 0;
	text-decoration: none;
	white-space:nowrap;
	outline: none;
	background:url("/images/upper_nav_tooltip_left.gif") no-repeat;
	color: #000;
}

#cart_tip div {
	margin-right: 72px;
}

#help_tip div {
	margin-right: 36px;
}
#user_tip div {
	margin-right: 6px;
}

#lang {
	margin-top:5px;
	margin-bottom:-22px;
	height:28px;
}

#lang select {
	width:130px;
	font-size:10px;
}

.upper_nav_tooltips div span {
	display:block;
	line-height: 16px;
	margin-left:10px;
	padding: 14px 12px 7px 0;
	background: transparent url("/images/upper_nav_tooltip_right.gif") no-repeat top right;
}

*//*end upper nav rules*//*


body.cart #cart_tab,
body.cart_empty #cart_tab,
body.address #cart_tab,
body.summary #cart_tab, 
body.receipt #cart_tab {
	background-image:url("/images/tab_curr_left.gif");
}	

body.cart #cart_tab a,
body.cart_empty #cart_tab a,
body.address #cart_tab a,
body.summary #cart_tab a, 
body.receipt #cart_tab a {
	background-image:url("/images/tab_curr_right.gif");
	color:#ff6600;
}	



#top_nav img.janitor{
		background: none;
}

#top_nav span.janitor {
	font-size: 17px;
	font-weight: bold; 
	display: block;
	padding: 11px 15px 9px 15px; *//* adjust padding-bottom +/- with div#topnav height *//*
}	

#top_nav span.janitor img {
	height: 15px;
}

#content {
	float: left;
	display: inline;
	width: 759px;
	background-repeat: no-repeat;
	background-position: bottom right;
}

#main_col,
#main_column {
	float:left;
	display:inline;
	width: 560px;
	padding: 0 12px 40px 20px;
	border:1px solid red;
}

#main_col p {clear:both;} *//* since h1.page_hdr is floating left, contents need to clear it *//*

h1.page_hdr {
	line-height: 24px;
	margin-top: 10px;
	margin-bottom: 5px;
	float:left;
}

.form_info {
	margin: 10px 10px 0 0;
	text-align: right; *//*	float: right; *//*
}
*//*
.form_info #cc_types_icon {
	margin: 10px 0 3px 0;
}*//*

#postscript {
	margin: 20px 20px 20px 0;
	text-align: center;
	clear: both; *//* keeps line at bottom in FF 1.5 *//*
}

#page_footer {
	color: #fff;
	font-size: 8pt;
	width: 759px;
	padding: 10px 0 10px 0;
	text-align: center;
	clear: both;
	background: #3e8bb9 url(/images/background_footer_bottom.gif) no-repeat bottom;
	*//* TO DO: replicate standard popcap footer *//*
}

body.popup #pagefooter {
	margin-left: 0;
}

#page_footer a,
#page_footer a:link,
#page_footer a:visited,
#page_footer a:active {
	color: #fff;	
	font-size: 8pt;
	font-weight: bold;
}

#pagefooter a:hover {
	color: #f60;
}

p.disclaimer {
	color: #fff;
	font-size: 11px;
	margin-top: 5px;
}

*//* sidebar styles ----------------------------------------------------*//*

#left_col {
	float: left;
	display: inline;
	width: 167px;
	background: transparent url(/images/leftcol_top.jpg) no-repeat;
	padding: 48px 0 5px 0;
	margin-bottom: 5px;
}

#left_col.empty {
	background-image: none;
}

#top_ten {
	float: left;
	display: inline;
	margin-left: 5px;
	width: 157px;
	background: url(/images/top_ten_bkgd.gif) repeat-y;
}

#top_ten_bottom {
	float: left;
	display: inline;
	margin-left: 5px;
	width: 157px;
	height: 10px;
	background-image: url(/images/top_ten_bottom.gif);
}

#verisign_seal,
#bbb_seal,
#feedback,
#paypal_seal {
	margin: 8px 0;
	text-align: center;
}

#feedback {
	float: left;
	display: inline;
	margin: 5px 0 0 0;
	border: 2px solid #feda6a;
	border-left: none;
	background-color: #fff;
	width: 164px;
	padding: 5px 0;
}

#feedback a:link,
#feedback a:visited {
	color: #0033cc;
}

#feedback a:hover,
#feedback a:active {
	color:#ff6600;
}
*//* end sidebar styles ------------------------------------------------*/

/* end common styles **************************************************/


/* CART STYLES
   ***********   *********************************************/
body {
	font-family:Arial,Helvetica,sans-serif;
	font-size:9pt;
	line-height:11pt;
}


h1.page_hdr {
	margin-top: 10px;
	padding-bottom: 10px;
	float: left;
}

h2 {
	color: #000;
}

ol, 
ul {
	margin-left: 30px;
}

.disabled_message_gray {
	padding:0 15px 15px 60px;
	background-image:url(/images/error_gray.gif);
	background-position:10px 3px;
	background-repeat:no-repeat;
	clear:both;
}

body.cart_empty p.empty_cart {
	font-size: 22px;
	line-height: 22px;
	color: #c00;
	margin-top: 12px;
}

#cart_table {
	margin: 10px 0;
	background: #fff;
	border: solid 1px #3d9cd3;
}

#cart_table .row_hdr {
	background-color: #3d9cd3;
	background-image: none;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

#cart_table th,
#cart_table td {
	margin: 0 1px 0 1px;
	padding: 3px 5px;
	font-size: 12px;
}

#cart_table .subtotal th,
#cart_table .subtotal td,
#cart_table .total th,
#cart_table .total td {
	text-align: right;
	font-weight: bold;
}

#cart_table .row_odd,
#cart_table .row_even {
	background-color: #fff;
	background: #fff url(/images/background_divider_dotted.gif) repeat-x bottom left;
}

#cart_table .subtotal,
#cart_table .total {
	background-color: #f3f3f3;
}

#cart_table .total td {
	border-top: solid 1px #000;
}

#cart_table .description {
	font-weight: normal;
	margin-right: 10px;
}

#cart_table th.item,
#cart_table td.item {
	width: 220px;
}

#cart_table th.item_price,
#cart_table td.item_price {
	text-align: right;
	width: 110px;
}

#cart_table th.quantity,
#cart_table td.quantity {
	text-align: center;
	width: 80px;
}

#cart_table th.quantity_price,
#cart_table td.quantity_price {
	text-align: right;
	width: 80px;
}

#cart .item {
	display: inline;
	float: left;
	width: 225px; /* 250px */
}

.item * {
		vertical-align: top;
}

img.item_thumbnail {
	float: left;
	margin-right: 5px;
	padding: 0 2px 2px 0;
	background-color: #fff;
	border: none;
	vertical-align: top;
}

div.item_attributes {
	font-size: 11px;
	margin: 0 0 0 30px;
}

ul.item_attributes {
	margin: 0;
}

ul.item_attributes li  {
	font-size: 11px;
	display: inline;
	list-style-type: none;
	margin: 0 0 0 0;
}

div.item_disclaimer {
	clear: left;
	color: #666;
	font-size: 11px;
	margin: 0 0 0 0;
}

.item_short_description {
	float: left;
	width: 180px;
  font-size: 11px;
}

#cart .item_price {
	float: left;
  width: 70px;
  text-align: right;
	margin-right: 5px;
}

.item_adjusted_price ins {
	color: #c00;
	text-decoration: none;
}

#cart .quantity {
	float: left;
	width: 60px;
  text-align: right;
}

.quantity input {
	width: 30px;
}

#cart .quantity_price {
	float: left;
	width: 85px;
	text-align: right;
}

.quantity_price ins {
	color: #c00;
	text-decoration: none;
}

.gift_cert_details {
	clear: left;
	float: left;
	margin: 3px 0 0 0;
	padding: 5px;
	border-top: dashed 1px #fff;
	width: 525px;
	overflow: hidden;
}

.gift_cert_details dl dt {
	font-weight: bold;
	float: left;
	clear: both;
	margin-right: 3px;
}

.gift_cert_edit {
	font-weight: bold;
}

dl.total *,
dl.subtotal * {
	font-size: 16px;
	font-weight: bold;
	float: left;
	text-align: right;
	padding: 0 0 5px 0;
}

dl.subtotal * {
	font-size: 12px;
}

dl.total,
dl.subtotal { 
	clear: left;
}

dl.subtotal dt {
	width: 370px;
}

dl.total dt {
	width: 370px;
}

dl.subtotal dd {
	/* text-align: center;
	width: 120px; */
	margin-left:30px;
}

dl.total dd {
	/* text-align: left;
	width: 126px; */
	margin-left:30px;
}

dl.coupon {
	clear: none;
}

dl.coupon * {
	float: left;
	display: inline;
	padding: 0 0 2px 0;
}

dl.coupon span {
	float: right;
	clear: none;
}

dl.coupon .description {
	color: #c00;
	font-weight: normal;
	padding: 0 10px;
}

dl.coupon .error {
	padding: 2px;
	margin-right: 5px;
	background-color: #ffa;
	background-color: #fbeab2;
	border: solid 1px #fdc927; 
}

dl.coupon dt {
	width: 371px;
	font-weight: bold;
}

.cart_update_link {
	float: left;
	text-align: left;
	margin: -20px 0 0 0;
	width:240px;
	position: relative; /* fixes FF click area shift due to negative margin */
}

.cart_edit_link {
	float: left;
	width: 368px;
	text-align: right;
	margin-top: 4px;	
}

#postscript {
	clear: both;
}

/* upsell styles -----------------------------------------------------*/	

div#upsell_add_group {
	width: 400px;
	padding:0 0px 0 80px;
	text-align: center;
}

div#upsell_logo {
	float:right;
	width: 170px;
	padding-right: 5px;
	text-align:center;
	height: 80px;
}

div#upsell_spacer {
	height: 30px;
	width: 1px;
}

span#upsell_title {
	color:#ff0000;
	font-family:arial;
	font-size:24px;
	padding-bottom:8px;
	font-weight: bold;
	width: 220px;
}

span#upsell_offer {
	color:#000000;
	font-family:arial;
	font-size:14px;
	font-weight: bold;
}

a#upsell_add_to_cart_link {
	font-family:arial;
	font-size:14px;
	color: red;
	font-weight: bold;
	text-decoration: underline;
}	

div#cart_bundle_upsell {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
	width: 300px;
	text-align: center;
}	

div#upsell_bundle_group {
	width: 420px;
	padding:0 0px 0 64px;
	text-align: center;
}

div#upsell_bundle_buy_now {
	margin: 0 auto;
	width: 180px;
	text-align: center;
	padding: 18px 0 18px 0;
}

div#upsell_bundle_spacer {
	height: 6px;
	width: 1px;
}

div#upsell_bundle_disclaimer {
	padding:0 0px 8px 64px; 	
	height: 6px;
	width: 400px;
	text-align:center;
	font-family:arial;
	font-size:11px;
}

div#upsell_hover {
	position: absolute;
	right: 0px;
	bottom: 415px;
	display: none;
}

/* end upsell styles -------------------------------------------------*/

/* address, receipt, and license styles ------------------------------*/

.address_fieldset {
	margin: 16px 0 10px 0;
	clear: left;
}

.address_fieldset label.checkbox {
	margin: 2px 0 2px 2px;
	width: auto;
  padding-left: 5px;
  clear: none;
	float: left;
  text-align: left;
	white-space: normal;
}

*html .address_fieldset select {
	margin-left: 3px;
}

.payment_fieldset {
	clear: left;
	padding-top: 16px;
}

.payment_fieldset a {
	padding-left: 4px;
}

.payment_fieldset input#cc_cvnumber {
	width: 4em;
}

.receipt #print_logo {
	float: right;
	margin-left: 10px;
	display: none;
	visibility: hidden;
}

.receipt h2 {
	margin: 10px 0;
}

.receipt .item_links {
	margin: 15px 0 15px 15px;
}

.receipt .support_links {
	margin: 15px 0;
	clear: left;
}

.receipt .outro {
	margin: 15px 0;
}

.order_number {
	font-size: 13px;
	font-weight: bold;
}

.regkey,
.code {
	font-size: 12px;
	font-weight: bold;
}

#licenseform {
	margin: 10px 0;
}

/* end address, receipt, and license styles --------------------------*/

/* ecom update styles - April ----------------------------------------*/

#wrapsboxes {
	margin: 0 0 10px 0;
	text-align: center;
	padding: 10px 0 0 12px;
	border: 0px solid blue;

}

#cart_upsell_left {
	float: left;
	display: inline;
	text-align: center;
	/*background: #FBEAB2;*/
	border: 0px solid #FDC927;
	border-right: 1px solid #f3f3f3;
	width: 260px;
}

#cart_upsell_center {
	text-align: center;
	/*background: #FBEAB2;*/
	/*border: 1px solid #FDC927;*/
	width: 500px;
	height: 84px;
	margin: 0 auto;
	padding: 0;
}

#cart_upsell_left #upsell_text {
	display: inline;
	float: left;
	text-align: center;
	width: 130px;
	padding: 8px 0 4px 5px;
}

#cart_upsell_left .copy,
#cart_upsell_center .copy {
	font-weight: normal;
	padding:  5px;
	line-height:auto;
}

#cart_upsell_left .add a,
#cart_upsell_center .add a {
	padding: 2px 0;
	text-decoration: underline;
	color: #0033cc;
}

#cart_upsell_left img,
#cart_upsell_center img {
	display: inline;
	float: left;
	border: 0;
	margin: 5px;
	/*padding: 2px 5px 2px 4px;*/
	/*width: 99px;*/
}

#cart_upsell_left h3 {
	margin: 0;
	padding: 0px 2px 0 0;
	color: #ff0000;
	font-size: 18px;
	line-height: 16px;
}

#cart_upsell_center h3 {
	margin: 0;
	padding: 10px 0 0 0;
	color: #ff0000;
	font-size: 18px;
	line-height: 16px;
}

#cd_backup_right {
	float: left;
	display: inline;
	padding-left: 10px;
	width: 270px;
	border: 0px solid red;
}

#cd_backup_center {
	margin: 0 auto;
	text-align: center;
	border: 0px solid #ffcc88;
	width: 270px; /*FF only centers when width is declared*/
	padding-left: 12px;
}

#cd_backup_right img,
#cd_backup_center img {
	display: inline;
	float: left;
	margin: 4px 0 0 0;
}

#cd_backup_right .copy,
#cd_backup_center .copy {
	text-align: center;
	padding: 5px 0 0 0;
	font-size:12px;
	line-height:13px;
}

#cd_backup_right .add a,
#cd_backup_center .add a {
	text-align: center;
	text-decoration: underline;
	color: #0033cc;
}

#cd_backup_right ul,
#cd_backup_center ul {
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	/*	width: 240px;
	background: url(/images/mailbox2.gif) top left no-repeat;
	height: 80px;*/
}
 
#cd_backup_right li, 
#cd_backup_center li {
	float: left;
	display: inline;
	margin: 0;
	padding-left: 0px;
}

#cd_backup_right .copy {
	width: 160px;
}

#cd_header {
	/*background:  url(/images/bg_backupcd.gif) #253595 repeat-x;*/
	/*height: 34px;
	width: 164px;*/
}

#cd_header h3 {
	text-align: center;
	color: #333;
	margin: 0;
	padding: 4px 0 0 0;
	font-size: 13px;
	font-weight:bold;
	line-height:15px;
}

#promocode {
	display: none;
 }
 
#emailOptIn {
	border:0px solid #ffccee;
	margin: 0px 0 15px 0;
	padding: 0px 0 15px 5px;
	display:block;
}

#emailOptIn input {
	margin: 0 0px 0 0;
	padding: 0;
	float:left;
	display: inline;
}

#emailOptIn label {
	margin: 0 0 0 0px;
	padding: 2px 0 0 6px;	
	float:left;
	display:inline;
}

/* html #emailOptIn label {
	margin: -21px 0 0 20px;
} *//* Star selector hack for IE6 checkbox label position */

#paypal_logo {
 	clear: both;
	float: left; 
	display: inline; 
	width: 100px; 
}

.paypal_question {
	width: 520px;
	margin: 0 0 15px 25px;
	padding: 0;
	clear: both; /* Necessary for IE6 */
}

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

.paypal_question label {
	margin: 2px 0;
	padding-right: 5px;
	width: 20px;
	display: inline;
}

#paypal_question_text {
	float: left; 
	display: inline; 
	padding-left: 20px;
}


#yesno,
#yesno input {
	float: left;
	vertical-align: top;
}

#yesno label {
	float: left;
	padding-left: 2px;
	text-align: center;
	vertical-align: top;
}

#promo_code_2 {
	width: 520px; 
	border: 1px solid #FDC927; 
	background: #FBEAB2;
	margin-bottom: 10px;
	padding: 3px 0;
}

#promo_code_2 a {
	color: #0033cc;
}

#promo_code_2 h2 {
	text-align: center;
}

#promo_code_2 label, 
#promo_code_2 input {
	float: left;
	margin: 2px;
	padding: 0;
}

#promo_code_2 label {
	clear: left;
	width: 200px;
	text-align: right;
	padding-right: 3px;
}

#cvn_enter { 
	display:block;
	margin:0;
	padding:0;
}

#cvn_enter label {
	float:left;
	display:inline;
	margin:0;
	padding:0;
}
	
#cvn_enter input {
	float:left;
	display:inline;
	margin:0 0 0 5px;
	padding:0;
}
	
hr#above_button {
	clear: both; 
	width: 100%; 
	margin-left: -12px;
}
	
.fir {
	display:none;
}

#cart_button {
	float: left;
	display: inline;
	text-align: center;
	margin: 10px auto;
	padding: 10px auto;
}

.cart_button_text {
	clear: left;
	text-align: center;
	margin: 15px auto 0 auto;
}

#cart_button ul {
	float: left;
	display: inline;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	text-align: center;
}

#cart_button li  {
	float: left;
	display: inline;
	margin: 0 auto;
	padding: 0;
}

#cart_button #continue {
	background: url("/images/btn_arrow.gif") no-repeat right top;
	margin: 0 0 0 186px;
}

#cart_button #place_order {
	background: url("/images/btn_arrow.gif") no-repeat right top;
	margin: 0 0 0 180px;
}

#cart_button #generate_regkey {
	background: url("/images/btn_arrow.gif") no-repeat right top;
	margin: 0 0 0 120px;
}

#cart_button li a.right_btn {
	float: left;
	display: inline;
	width: 36px;
	height: 36px;
	outline: 0;	
}

#cart_button li a.left_btn {
	float: left;
	display: inline;
	background: url("/images/btn_green.gif") no-repeat left top;
	padding: 10px 12px 16px 18px;
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	white-space: nowrap;
	text-transform: uppercase;
	outline: 0;
}

#cart_button li a.change_payment_btn {
	float: left;
	display: inline;
	background: url("/images/btn_left_green.gif") no-repeat right top;
	padding: 10px 12px 16px 18px;
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	white-space: nowrap;
	text-transform: uppercase;
	outline: 0;
}
/* end ecom update styles - April ------------------------------------*/

/* end cart styles ****************************************************/


/* gift cert admin styles *********************************************/

#gift_cert_form {
	padding-top: 10px
}

#gift_cert_form label, 
#gift_cert_form input, 
#gift_cert_form select, 
#gift_cert_form textarea {
	float: left;
	margin: 2px;
	padding: 0;
}

#gift_cert_form input#gift_certificate_send_email {
	margin: 0 5px 0 143px;
	margin-right: 5px;
	padding: 0;
}

#gift_cert_form label {
	margin: 2px 0;
  width: 135px;
  padding-right: 5px;
  text-align: right;
	white-space: nowrap;
}

#gift_cert_form label.checkbox {
  clear: none;
	margin: 2px 0 2px 2px;
	width: auto;
	white-space: normal;
}

#gift_cert_form input#gift_cert_submit  {
	margin-left: 140px;
}

#gift_cert_sample {
	margin: 10px 0 15px 0; /* 10px 0 10px 20px; */
}

/* end gift cert admin styles *****************************************/


/** giftcertprint styles **********************************************/

.giftcertprint {
	margin: 20px;
	padding: 0;
	border-collapse: collapse;
	border: none;
}
.giftcertprint td,
.giftcertprint tr {
	margin: 0;
	padding: 0;
	vertical-align: top;
	text-align: left;
	border: none;
}

.giftcertprintprice, 
.giftcertprintnameto,
.giftcertprintnamefrom,
.giftcertprintmessage,
.giftcertprintcode {
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 13px;
}
.giftcertprintprice {
	vertical-align: bottom;
	font-size: 17px;
	line-height: 18px;
	margin: 0;
	padding: 8px 0 0 0;
	width: 130px;
	height: 18px;
}
.giftcertprintnameto {
	vertical-align: top;
	padding: 4px 0 0 0;
	width: 250px;
	height: 18px;
}
.giftcertprintnamefrom {
	vertical-align: top;
	padding: 3px 0 0 0;
	width: 250px;
	height: 18px;
}
.giftcertprintmessage {
	vertical-align: top;
	font-size: 13px;
	font-weight: normal;
	/* padding: 10px 7px 5px 10px; */
	padding: 10px 0 0 10px;
	line-height: 16px;
	width: 300px;
	height: 102px;
	overflow: hidden;
}
.giftcertprintcode {
	font-size: 14px;
	padding: 4px 0 0 10px;
	width: 190px;
	height: 15px;
}

/* end giftcertprint styles *******************************************/


/* New Cart - User Account Styling ******************************** */

#new_cart {
	clear: both;
	width: 555px;
	margin: 0;
	padding: 0 0 0 5px;
}


#new_cart .row_hdr {
	padding: 5px 0 0 0;
	height: 30px;
	margin-bottom: 4px;
	background: url(/images/cart_hdr_btm.gif) repeat-x bottom left;
	width:100%;
}

#new_cart .row_hdr span {
	font-size: 15px;
	color: #333;
	height 30px;
	font-weight: bold;
	float: left;
	margin-top:8px;

}

#new_cart .row_hdr .item {
	width: 180px;
}

#new_cart .row_hdr .item_price {
	width: 120px;
}

#new_cart .row_hdr .quantity {
	width: 74px;

}

#new_cart .row_hdr .qty_price {
	width: 130px;
	padding-left:14px;
	text-align:left;
}

#new_cart .item {
	display: inline;
	float: left;
	width: 225px; /* 250px */
	color:#333;
}

#new_cart .item_price {
	float: left;
	width: 70px;
	text-align: right;
	margin-right: 5px;
	color:#333;
}

#new_cart .quantity {
	float: left;
	width: 70px;
	margin-right:10px;
  	text-align: right;
}

.quantity input {
	width: 30px;
}

#new_cart .quantity_price {
	float: left;
	width: 96px;
	text-align: center;
	color:#333;
}


#new_cart a.cart_remove_link {
	float: left;
	text-align: left;
	font-weight: bold;
}


#new_cart .row_subtotal {
	padding: 17px 0 1px 0;
	background: url(/images/cart_hdr_btm.gif) repeat-x top left;
	color:#333;
	font-weight:bold;
	width:541px;
}

#new_cart .update_link {
	float: left;
	width: 240px;
	text-align:left;
	font-weight: normal;
	color:#333;
}

/*
span.description {
	text-align:center;
	display:block;
}

span.title {
	width: 170px;
	display:table-cell;
}

span.value {
	padding-left:14px;
	display:table-cell;
}
*/

#new_cart .row_odd,
#new_cart .row_even {
	margin: 0;
	padding: 10px 3px 5px 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 538px; /* 534px 511px; 534px; */
	/*background: url(/images/background_divider_dotted.gif) repeat-x bottom left;*/
	border-bottom: 1px solid #f5f5f5;
}

.no_break {
	float:left;
	display:inline;
	padding-top:26px;
	margin-left:20px;
}

h2.shipping {
	float:left;
	display:inline;
	width:157px;
}
.same_as_billing {float:left; margin:-3px 0 5px 5px;}
.break {clear:both;margin:0 0 18px 0;}

div.required {
	float: right;
	padding:26px 0 0 4px;
	margin-top:2px;
	margin-bottom:5px;
	border:0px solid #fecfec;
}
.required img {
	float: left;
	position: relative;
	margin: -2px 3px 0 0;
}
.required span {}




/* Summary Page */

#cc_cvnumber,#payment_type {
	display:inline;
	float:left;
}

.cvn {
	float:left;
	display:inline;
	margin: 4px 0 0 14px;
}

#cc_types_icon {
	float:right;
	display:inline;
}

/*Summary Rules*/

#three_row {
	clear: both;
	float:left;
	display:inline;
	width:760px;
	margin: 20px 0 0 0;
	padding:0;
}

* html #three_row {
	width:100%;
}

#three_row ul.summary {
	float:left;
	display:inline;
	margin:0;
	padding:0;
	list-style-type:none;
}

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

.get_in {
	width:230px;
}


li.billing {
	display:inline;
	float:left;
	padding:0 10px 0 0;
	width:230px;
}

li.shipping {
	float: left;
	display: inline;
	padding: 0;
	width: 230px;
}

ul.threeve {
	list-style:none;
	list-style-position: outside;
	margin:0;
	padding:0;
}

ul.threeve li {
	margin:0;
	padding:0;
}

ul.threeve li.heading {
	color: #0090d5;
	font-size: 18px;
}

ul.threeve li.link {
	clear:left; /*Change payment method link needs this to clear the #cvn_enter*/
	margin-bottom:15px;
}

.invalid_shipping, .currency_change {
	float:none;
	padding:4px;
	margin-bottom:8px;
	color:#fff;
	background-color:#cc0000;
	font-weight:normal;
}

#find_more {
	float:right;
	margin-bottom:10px;
}

/* end New Cart Styles ******************************************** */


body.misc  #registered_alert {
	display: none;
	margin-top: 20px;
	border: 2px solid #3aaf2e;
	height: 90px;
	background: #d0f5cc url(/images/green_check.gif) no-repeat 10px 10px;
}


body.misc #registered_alert p {
	color: #3b8733;
	margin-left: 45px;
	padding: 10px;
}

body.misc #registered_alert h3 {
	color: #3b8733;
	font-weight: bold;
	font-size: 18px;
	margin: 10px 0 0 55px;
}

/* ------------- */
/* March Madness */
/* ------------- */

#store_message {
	margin:80px 0 20px 0;
}

#backup_offer {
	margin: 0 0 0 -5px;
	background: #f7f7f7 url(/images/cart_hdr_btm.gif) repeat-x top left;
}

#backup_offer img {
	background: #f7f7f7;
	padding:7px;
}

#backup_offer span.item_price {
	padding-top:15px;
}

#backup_offer a {
	display:block;
	text-decoration:none;
	outline:0;
}

#cd_yes {
	float:right;
	display:inline;
	font-weight:bold;
	margin:15px 15px 0 0;
}

#cd_yes a {
	text-decoration:underline;
}

#upsell_offer {
	width:566px;

	margin:-40px 0 0 -7px;
	padding:36px 44px 0 0;
	background: url(/images/upsell_arrow_bg.png) 0 0 no-repeat;
	text-align:center;
}

#upsell_offer h2{
	color:#f60;
	font-size:24px;
	line-height:24px;
	font-weight:bold;
	margin:0;
	padding:20px 20px 0 20px;
}
#upsell_offer h3{
	color:#333;
	font-size:14px;
	margin:0;
	padding:0;
}

ul.category {
	width:568px;
	margin:20px 0 0 0;
	padding:0;
}

ul.category li{
	float:left;
	display:inline;
	width:132px;
	margin:0;
	padding:0 5px;
}

ul.category span.title {
	display:block;
	height:36px;
	font-size:16px;
	line-height:16px;
	font-weight:bold;
	color:#39f;
	overflow:hidden;
}
ul.category span.detail {
	display:block;
	font-size:12px;
	line-height:12px;
	height:30px;
	overflow:hidden;
}

ul.games_offer {
	margin:0;
	padding:0;
}

ul.games_offer li {
	margin:10px 0 0 0;
	padding:0;
	height:150px;
}



ul.games_offer span.upsell_price {
	clear:both;
	display:block;
	font-weight:bold;
	font-size:16px;
	line-height:14px;
	margin:0;
	padding:0;
}

ul.games_offer span.old_price {
	clear:both;
	display:block;
	color:#333;	
	margin:0 0 15px 0;
	padding:0;
	font-size:11px;
}

ul.games_offer li img {
	float:left;
	margin:0 0 2px 25px;
	padding:0;
}

#add_btn {
	float:left;
	clear:left;
	margin:0 0 5px 25px;
	padding:0;
}

#add_btn a {
	display:block;
	width:83px;
	height:22px;
	background: url(/images/btn_sm_add.png) no-repeat top left;
}

#add_btn span {
	display:block;
	overflow:hidden;
	text-indent:1000px;
}

#add_btn a:hover {
	background-position: bottom left;
}

#grey_line {
	clear:both;
	display:block;
	height:80px;
	background: url(/images/upsell_fade_bg.png) 0 0 no-repeat;
}


/* IE 5.0 specific style hacks */
hack{content:"\";/*" "*/}}; @import 'ie50.css'; {;}/*";}

/*USER ACCOUNTS STYLING*/

input:focus {
	background-color:#fffdee;
}

body.login #main_column {
	width: 880px;
	margin-left: 60px
}

body.misc h1.title {
	line-height:30px;
}

body.login h1.title {width:330px;}

h1.title {
	color:#ec6c00;
	font-size:20px;
	margin:15px 0 15px 0;
	padding-bottom: 10px;
}
h2.subtitle {
	color:#008dd4;
	font-size:18px;
	font-weight:normal;
	margin:25px 0 15px 0;
}
h2.subtitle_hr {
	color:#008dd4;
	font-size:18px;
	font-weight:normal;
	margin:25px 0 15px 0;
	padding-bottom:10px;
	border-bottom:solid 1px #90c4e2;
}
h3.subtitle {
	color:#666666;
	font-size:15px;
	font-weight:normal;
	margin:15px 0 10px 0;
}

h3.subtitle_hr {
	color:#666666;
	font-size:15px;
	font-weight:normal;
	margin:15px 0 15px 0;
	padding-bottom:10px;
	border-bottom:solid 1px #90c4e2;
}

.clear {
	clear:both;
}
.gap {
	height:25px;
}

#login_left_col {
	float: left;
	display:inline;
}

#signup_right_col {
	float: left;
	display:inline;
}

#faq {
	clear: left;
	float:left;
	display:inline;
	width: 290px;
}
#faq h2 {margin:25px 0 5px 0;}
#faq p {margin:0;}

.account_manage {
	width:100%;
	clear:both;
	margin-bottom:10px;
}
.account_manage td {
	height:24px;
	padding:4px;
}
.account_manage_label {
	width:152px;
	background-color:#e9f3f9;
	border-top:solid 1px #90c4e2;
	border-bottom:solid 1px #90c4e2;
	border-right:solid 1px #508cae;
}
.account_manage_header, .account_manage_header_end {
	background-color:#e9f3f9;
	border-top:solid 1px #90c4e2;
	border-bottom:solid 1px #90c4e2;
	border-right:solid 1px #508cae;
	/*font-weight:bold;*/
}
.account_manage_header_end {
	border-right:none;
}
.account_manage_header_empty {
	border-bottom:solid 1px #90c4e2;
}

.account_manage_content, .account_manage_content_alt {
	vertical-align:middle;
	border-top:solid 1px #90c4e2;
	border-bottom:solid 1px #90c4e2;
}
.account_manage_content_alt {
	border-right:solid 1px #508cae;
}

div.alert {
	float: left;
	border:0px solid #ff0000;
	padding: 2px 0 0 20px;
	margin:1px 0 0 0;
	background:url("/images/attn.gif") no-repeat center left ;
	
}

div.alert span.red {color:#ff0000;}
div.alert span.blk {color:#000000;}

div.info {
	float: right;
	border:1px solid #508cae;
	padding: 5px 5px 5px 35px;
	margin:0;
	background:url("/images/info.gif") no-repeat 10px center #e9f3f9;
	width:300px;
}

div.check {
	border:1px solid #5ca03a;
	padding: 5px 5px 5px 35px;
	margin:0;
	background:url("/images/check.gif") no-repeat 10px center #e2f3d8;
}

#blu_blocker {
	margin-top:-15px; /*since h3 above it has 15 bottom */
	margin-bottom:15px;
	background:#e9f3f9;
	padding:10px 0 10px 10px;
}

#blu_blocker p {
	width:425px;
	margin:0;
}

#recent_order {
	border-top:1px solid #90c4e2;
	border-bottom:1px solid #90c4e2;
	background:#e9f3f9;	
	padding: 15px 0;
}

#recent_order h3 {
	color:#666666;
	font-size:15px;
	font-weight:normal;
	margin:0 0 0 10px;
	display:inline;
}

#ruled {
	clear:both;
	margin-bottom:25px;
}

#ruled .lineitem {
	padding:4px 10px;
	font-weight:bold;
	border-bottom: 1px solid #e7e7e7;
}

.lineitem span {
	color:#333;
	font-weight:normal;
}

#recent_order .details {
	float:right;
	margin:-12px 0 0 0;
	padding:0;
}



/*BUTTONS*/
a.sm_button {
	display: block;
	float: left;
}


#signup {
	float: left;
	display: inline;
	width: 290px;
	margin-left: 60px;
}

#login {
	float: left;
	display: inline;
	width: 290px;
}


/* Login Dialog */
#small_dialog {
	width:280px;
	margin-left:10px;
	float:left;
}

#signup #small_dialog {
	width:440px;
}

*html #small_dialog {margin-left:5px;}

#small_dialog input {
	width:255px;
	margin-bottom:15px;
}
#small_dialog label {
	text-align:left;
	line-height: 1.2em;
	font-size: 15px;
	width:100%;
}
#small_dialog .content {
	padding:20px 0 0 0;
}

#nl_signup {
	border:0px solid #ffccee;
	width:260px;
	clear:both;
	float:left;
	margin:0 0 0px 0;
	padding:0;
}

#signup #nl_signup {
	width:440px;
}

#nl_signup input {
	float:left;
	display:inline;
	width:14px;
	margin:0;
	padding:0;
}

#nl_signup label {
	float:right;
	display:inline;
	margin:-2px 0 0 0;
	padding:0; 
	width:230px;
	font-size:12px;
	vertical-align:top;
}

#signup #nl_signup label {
	float:left;
	display:inline;
	margin:-2px 0 0 5px;
	width:400px;
}

/*Why*/
#signup_why, #reset_extra, #reset_tips, #signup_goback, #signup_promise, #already_member {
	float:left;
	width:230px;
	margin:0 0 20px 22px;
	line-height:17px;
	border:0px solid red;
}


#signup_why h3, #signup_promise h3 {
	margin-top:0;
}

#already_member h3 {
	margin:21px 0 4px 0;}

#signup_why li, #signup_promise li, #reset_tips li {
	border:0px solid #ff0000;
	margin-left:-26px;
	margin-bottom:5px;
}

#forgot_pw {
	clear:both; float:left;
	margin:-10px 0 17px 1px;
}

.pw_reqs {
	float:left;
	clear:both;
	margin:-10px 0 20px 0;	
}

.pw_tips {
	float:left;
	clear:both;
	margin:-5px 0 12px 0;	
}

body.popup .content {padding-top:1px;}

ul.pw_tips {
	margin:0;
	float:none;
}
ul.pw_tips li{
	margin:8px 0 0 15px;
	float:none;
}

#benefits {
	float: right;
	width: 450px;
	height: 110px;
	background: url("/images/account_benefits_bkgd.png") no-repeat top left;
	margin: -110px 80px 0 0;
}

body.misc #benefits h2 {
	float: left;
	display: inline;
	color: #444;
	font-size: 16px;
	margin: 15px 0 0 15px;
	padding: 0 0 5px 0;
	line-height: 1;
	width: 450px;
}

#benefits ul {
	float: left;
	display: inline;
	color: #666;
	font-size: 14px;
	margin: 0;
	padding: 0;
	line-height: 1;
	list-style: none;
}

#benefits li {
	margin: 10px 0 0 30px;
	line-height: 20px;
	padding-left: 25px;
	background: url(/images/bullet_star.png) no-repeat;
}

/*Blue Dialog Box*/
.blue_dialog {
 position:relative;
 min-width:8em;
 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#666666;
 z-index:1;
}

.blue_dialog .wrap,
.blue_dialog .t,
.blue_dialog .b,
.blue_dialog .b div {
 background:url("/images/blue_dialog.jpg") no-repeat top right;
}

.blue_dialog .wrap {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0 12px 0 0;
}

.blue_dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.blue_dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.blue_dialog .b,
.blue_dialog .b div {
 height:22px; /* height of bottom cap/shade */
 font-size:1px;
}

.blue_dialog .b {
 background-position:bottom right;
}

.blue_dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.blue_dialog .hd,
.blue_dialog .bd,
.blue_dialog .ft {
 position:relative;
}