/*
generic stuff
*/

body {
        background-color: #fff;
        color: #000;
        font: x-small "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
        margin: 0;
        padding: 0;
}

a:link, a:visited {
        color: #0066e6;
}

a:hover {
	color: #006;
	background-color: #eceef3;
}

img {
        border:0;
}

/*
main page wrapper
*/
#wrapper {
	font-size:130%;
}


/* header are of page template */
#header {
        background-color: #0079ff;
        background-image: url(../img/topbg.gif);
        background-repeat: no-repeat;
        height: 103px;
        text-align:  right;
}

#header .cart {
	position:  absolute;
	top:  21px;
	right:  20px;
}

#header .tel {
	position:  absolute;
	top:  65px;
	right:  150px;
	min-height: 35px;
	padding: 0.2em 0 0 40px;
	font-size: 180%;
	font-weight:normal;
	color: #fff;
	background-image: url(/img/tel.gif);
	background-repeat: no-repeat;
}

#header2 {
        color: #707999;
        background: #003 url(../img/header2bg.gif) repeat-x bottom; /* added a background for this element */
        padding: 0.5em 10px; /*put the padding here instead of topnav */
}

#header2 a:link, #header2 a:visited {
        color: #fff;
        text-decoration: none;
}

#header2 ul#topnav {
        float: right;
        text-align: right;
        padding: 0;
        margin: 0; /* because margins have been moved to header2 */
        list-style:none;
        width: 86%; /* more width for fonts to scale into without wrapping */
}

#header2 ul#topnav  li {
        display: inline;
        white-space: nowrap; /* think this works in all browsers except IE5.x */
}
#header2 ul#topnav  li.cart {
        font-weight: bold;
}

#header2 .sitemap {
        /* margin: 0 0 0.5em 10px;
        padding-top: 0.5em; */
}







/*content*/

#content{
        margin-left: 156px;
}

#content .inner {

        background-color: #fff;
        color: #000;
        clear: both;
        padding: 10px;
        margin:0;
}

#contentwrapper {
      position:relative;
      width:  100%;
}

#content .pagewrapper {
	margin-right: 30%;
}

#content h1 {
	color: #8a94b8;
	background-color: #fff;
	font-size: 200%;
	font-weight: normal;
}

#content div.home h1, #content h1.home{
	display: inline;
	font-size: 100%;
	color: black;
}

/* the tabs at the top of the main page content area */

#tabwrapper {
        background: #48537f url(../img/tabwrapperbg.gif) repeat-x;
        float:left;
        width: 100%;
}

#tabcontainer {
       float:left;
       background:#eceef3 url(../img/tabbg.gif) repeat-x top;
       margin-left: 156px;
       /* the above margin triggers the IE6 margin doubling bug (http://www.positioniseverything.net/explorer/doubled-margin.html) display:inline below fixes it and is ignored by sensible browsers */
       display:inline;
}

ul#tabs {
        margin: 0;
        padding: 0;
        list-style:none;
}

ul#tabs li {
        float:left;
        margin:0;
        padding: 0;
        background:url(../img/tabmidright.gif) no-repeat right top;
        font-size:  110%;
}

ul#tabs li.tabend { /* added class to 'Read/Write a Review' li in XHTML */
        background:url(../img/tabendright.gif) no-repeat right top;
        padding-right: 7px; /* to allow for extra width of background image */
}


ul#tabs a, ul#tabs span {
        display: block;
        background:url(../img/tabmidleft.gif) no-repeat left top;
        padding:0.4em 15px 0.2em ;  /*attempt at getting baselines to align with larger #current tab text */
        text-decoration: none;
}

ul#tabs #current {
        background:url(../img/tabonright.gif) no-repeat right top;
        background-color: #fff;
        font-size:133%; /* relative size match added */

}

ul#tabs #current a, ul#tabs #current span {
        background-image:url(../img/tabonleft.gif);
        background-repeat:no-repeat;
        padding:0.2em 15px 0.1em;  /* attempt at getting baseline to align with smaller tab text */
        color:#f60; /* colour match added */
        
}

ul#tabs .first a, ul#tabs .first span {
        background-image:url(../img/taboffleft.gif);
        background-repeat:no-repeat;
        padding:0.4em 15px 0.2em;  /* attempt at getting baseline to align with smaller tab text */
        font-weight:normal;
        
}



/* styles for the homapage */
#content .inner .col1 {
        margin-right: 413px;
        padding-top: 1em;
}

/* this is for IE6 only - use of * html hack is only for those things which effect IE6 in isolation. They are mainly due to the peekaboo bug being triggered. */
*html #content .inner .col1 {
        height:1%;
}

#content .inner .col2 {
        width: 403px;
        float:right;
        padding-top: 1em;
}

/* tabbox is the whats new box on th ehomepage */
#content .tabbox {
        background-image: url(../img/tabbox-bg.gif);
        background-repeat: repeat-x;

}

#content .tabbox h3 {
        background-image: url(../img/tabbox-tableft.gif);
        background-repeat: no-repeat;
        background-position: top left;
        margin: 0;
        padding: 0 0 0 9px;
        float:left;
        font-size: 130%;
        font-weight:normal;

}

#content .tabbox h3 span {
        background-image: url(../img/tabbox-tabright.gif);
        background-repeat: no-repeat;
        background-position: top right;
        background-color: #fff;
        padding: 0.2em 30px 0.2em 9px;
        display:block;
}

#content .tabbox .inner1 {
         background-image: url(../img/tabbox-left.gif);
         background-repeat: no-repeat;
         background-position: top left;
}

#content .tabbox .inner2 {
         background-image: url(../img/tabbox-right.gif);
         background-repeat: no-repeat;
         background-position: top right;
         padding-top: 6px;
}

#content .tabbox .inner3 {
        margin: 0 10px 10px 10px;
}

#content .tabbox .feature {
        background-color: #fff;
        padding: 10px;
        clear:left;
        background-image: url(../img/featurecorner.gif);
        background-repeat: no-repeat;
        background-position: top right;
}

/*#content .tabbox .feature .text {
        padding-left: 100px;
        background-image: url(../img/whatsnew.jpg);
        background-repeat:no-repeat;
}*/

#content .tabbox .feature .text h2 {
        font-size: 160%;
        font-weight: normal;
        color: #0079ff;
        margin:0;
        padding:0;
}

#content .tabbox .feature .text h4 {
        font-size: 160%;
        font-weight: normal;
        color: #0079ff;
        margin:0;
        padding:0;
}

#content .tabbox .feature .text p.sub {
        font-weight: bold;
        color: #0079ff;
        margin:0;
        padding:0;
}

#content .tabbox .feature .text p {
        margin: 0;
}

#content .tabbox ul {
        margin: 0 0 0 10px;
        padding: 0.2em 0 0 0;
        list-style:none;
        background-image: url(../img/gradline.gif);
        background-repeat: no-repeat;
        background-position: top left;
}

/*#content .tabbox li{
        padding: 0 0 0.2em 0;
        background-image: url(../img/gradline.gif);
        background-repeat: no-repeat;
        background-position: bottom left;
        font-size: 90%;
        font-weight: bold;
}*/

#content .tabbox li a:link, #content .tabbox li a:visited {
        text-decoration:none;
}


/* main navigation - this is also effected by custom styles in the menu*/
#nav {
        position: absolute;
        top: 0;
        left:0;
        width: 156px;
        z-index:3;
}

#checkout-nav {
        position: absolute;
        top: 0;
        left:0;
        width: 180px;
        z-index:3;
}

#checkout-nav h4 {
	margin: 3em 0 0 1em;
}

#checkout-nav ul {
	list-style:none;
	margin: 0 0 0 1em;
	padding: 0;
}




#nav h3 {
        
        background-image: url(../img/nav-tabbg.gif);
        background-repeat: repeat-x;
        background-position: top left;
        margin: 0 0 -2px 0;
        padding: 0;
        float:left;
        font-size: 133%; /* match size of current tab */
        font-weight:normal;
        color: #fff;
        display:block;
        position:relative;
        z-index:2;
		white-space:nowrap;

}

#nav h3 span {
	   background-image: url(../img/nav-tabright.gif);
        background-repeat: no-repeat;
        background-position: top right;
        padding: 0.2em 15px 0.1em 9px; /* match vertical padding of current tab */
        display:block;

}

#nav .inner {
		
        background-image: url(../img/navbg.gif);
        background-position: top right;
        background-repeat: no-repeat;
        background-color: #8a94b8;
        clear:left;
        position:relative;
        z-index: 0;


}

* html #nav .inner {
        height:1%;

}

#nav #search-form .text {
        width: 80px;
        margin:  10px 10px 10px;
        font-size: 90%;
        padding: 3px;
        float:left;
        border: 1px solid #000;
}

#nav #search-form .imgbtn {
        margin: 10px 2px 0 2px;
}

#nav h4 {
	clear:left;
        color: #000;
        font-size: 90%;
        margin: 0 0 0 10px;
        padding: 0.5em 0 0.2em 0;
        background-image: url(../img/nav-gradline.gif);
        background-repeat:no-repeat;
        background-position: bottom left;
}

#nav ul {
        margin: 0 0 0 10px;
        padding: 0;
        list-style: none;
}

#nav ul ul {
	padding: 6px;
	width: 180px;
}

#nav ul ul li {
	background-image: url(../img/gradline2.gif);
        background-repeat:no-repeat;
        background-position: bottom left;
	font-size: 100%;
}

#nav ul ul li a.sub:link, #nav ul ul li a.sub:visited {
	background-image: url(../img/menu.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

#nav li {
        font-size: 90%;
        background-image: url(../img/nav-gradline.gif);
        background-repeat:no-repeat;
        background-position: bottom left;
        padding: 0 0 0.1em 0;
}

#nav li a:link, #nav li a:visited,  #nav li a:hover {
        color: #fff;
        /*background-color: transparent;*/
        text-decoration: none;
        display:  block;
        /*width: 159px;*/
}

#nav li a.sub:link, #nav li a.sub:visited {
	background-image: url(../img/menu.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

#nav .navbtm {
        display:block;
        width:156px;

}

#nav .access {
	font-size:  90%;
	margin-left:  10px;
}

/* footer*/
#content .inner .footer {
        clear:both;
        padding: 4em 0 0 0;
}

#content .inner .footer .btmlinks {
        margin: 0;
        padding: 0.2em 0 0 0;
        border-top: 1px solid #eceef3;
        white-space: nowrap;
}

#content .inner .footer .btmlinks li {
        display:inline;
        color: #eceef3;
        font-size: 90%;
}

#content .inner .footer .btmlinks li.copy {
        color: #0079ff;
        padding-left: 2em;
}

#content .inner .footer .btmlinks li a:link, #content .inner .footer .btmlinks li  a:visited {
        text-decoration: none;
}







/**
game display page
*/
#content .gameinfo {
	float:right;
	width: 300px;
	margin-left: 2em;
}

#content .gameinfo .detailsbox {
	background-image: url(/img/gradbg.jpg);
	background-repeat: repeat-x;
	clear:left;
}

#content .gameinfo .detailsbox ul.gamemeta {
	margin: 0;
	padding: 1em 0.5em 1em 0.5em;
	list-style:none;
	font-size: 90%;
}

#content .gameinfo .detailsbox ul.gamemeta li {
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	background-image: url(/img/gradlineblue.gif);
	background-repeat:no-repeat;
	background-position: bottom left;
}

#content .gamedesc, #content .reviews, #content .checkoutbox {
	margin-right: 200px;
}

img.fav {
	margin-left: 10px;
}

* html #content .checkoutbox {
	width: 90%;
	margin-right:0;
}

* html #content .reviews {
	height: 1%;
}

#content .productthumbs {
	margin: 0;
	padding: 0;
	list-style:none;
}

#content .productthumbs li {
	float:left;
}

/* product listing pages */

ul.productlisting {
	list-style:none;
	margin: 1em 0 2em 0;
	padding: 0;
}

ul.productlisting li {
	float:left;
	width: 14em; 
	margin: 0 3px 0 0;
	padding: 9px 0 0 0;
	background: url('/img/product-listing-li-bg.gif') 0 100% no-repeat;
	font-size: 90%;
}

ul.productlisting li form.inner {
	margin: 0;
	padding: 0 14px 0 16px;
	height:25em; /* well aware this is ridiculous */
	background: url('../img/product-listing-corner-br.gif') 100% 100% no-repeat;
	background-color: transparent !important;
}

ul.productlisting li h3 {
	font-size: 100%;
	line-height: 120%;
	margin: 0 0 0.2em 0;
}

/*ul.productlisting li button {
	border: 0;
	color: #0079ff;
	background-color: transparent;
	padding: 0;
	margin: 0 0 0 -3px;
	font-size: 90%;
	cursor: pointer;
}*/

.productlisting button {
	display: block;
	padding: 7px 0 4px 27px;
	background: url('../img/cart.gif') 0 70% no-repeat;
	color: #0066e6;
	line-height: 120%;
	text-align: left; /* IE fix */
	font-size: 100%;
	border:0;
	}


	
.productlisting button:hover {
	background: url('../img/cart-hover.gif') 0 70% no-repeat;
	color: #006;
	cursor: pointer;
	}	


ul.productlisting li button span {
	text-decoration: underline; /* it doesn't look like a button so it needs to look like a link */
}


.productlisting div.oos {
	color: red;
	padding: 7px 0 4px 0;
	line-height:120%;
}

/*
ul.productlisting li button img {
	vertical-align: middle;
}*/

ul.productlisting li div.price {
	color: #0079ff;
	background-color: inherit;
}

ul.productlisting li p {
	margin: 0;
	padding: 0;
}

/* --- drew --- */

form .small-text {
        width: 100px;
        font-size: 100%;
        border: 1px solid #0079ff;
}

table.shippingbands {
	width: 600px;
}

div#shippingbandsedit {
	
}

div#shippingbandsedit.hidden {
	display: none;
}

div.additional-image {
	float: left;
}

div.additional-image label {
	clear: none;
	display: inline;
	float: none !important;
}

div.additional-image input {
	clear: left;
}

div.additional-image img{
	display: inline;
}

div.listing-thumb {
	width: 137px;
	height: 109px;
	margin: 0 0 6px 0;
	overflow: hidden;
}

#additional-images ul {
	margin:0;
	padding:0 0 0 2em;
	list-style:none;
}

#additional-images li {
	padding-bottom: 1em;
}

#buy-area {
	margin: 8px 0;
}

#additional-images #buy-area {
	float:right;
	width: 130px;
}

#buy-area form.buy-box {
	float: left;
	width: 120px;
	margin: 0;
	padding: 0;
	color: #fff;
	background-color: #0066e6;
	background-image: url(../img/buy-button-top.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#buy-area form button {
	width: 120px;
	margin: 0;
	padding: 0;
	color: #fff;
	background-color: transparent;
	background-image: url(../img/buy-button-btm.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	border: none;
	cursor: pointer;
}

#buy-area form button span.cart {
	text-decoration: underline;
	font-size: 90%;
}

#buy-area form button img {
	vertical-align: middle;
}

#buy-area form div.price {
	font-size: 140%;
}

div.saving {
	font-size: 90%;
	color: red;
	clear:left;
}

#buy-area div.status {
	width: 200px;
	float: left;
	padding: 0.2em 0 0 0;
	font-size: 90%;
}

#buy-area div.pp {
	width: 200px;
	float: left;
	padding: 0.2em 0 0 0;
	font-size: 90%;
}

#buy-area div.pp span {
	color: #666;
}

#buy-area div.status span.in-stock {
	color: green;
	background-color: inherit;
}

#buy-area div.status span.out-of-stock {
	color: red;
	background-color: inherit;
}

.reviews-box {
	padding: 1em 0.5em;
	font-size: 90%;
	color: #8A94B8;
	background-color: transparent;
}

.detailsbox h3 {
	font-size: 100%;
	margin: 0;
	padding: 0;
	color: #000;
	background-color: transparent;
}

.reviews-box p.note {
	margin: 0;
	padding: 0;
}

.reviews-box .hreview {
	margin: 1em 0;
}

.reviews-box .hreview .meta {
	display: none;
}

.reviews-box .hreview .reviewer {
	font-weight: bold;
}

.reviews-box .hreview .reviewer a {
	font-weight: normal;
}

.reviews-box .rating {
	display: block;
	float: right;
	width: 26px;
	height: 21px;
	padding: 3px 4px 3px 2px;
	color: #fff;
	background-color: transparent;
	background-image: url(../img/rating-bubble.gif);
	background-repeat: no-repeat;
	background-position: top left;
	font-weight: bold;
	text-align: center;
}

.reviews-box .hreview blockquote {
	margin: 0;
	padding: 0;
	text-indent: 0;
	color: #000;
	background-color: transparent;
}

.reviews-box .summary .rating {
	float: left;
	margin-right: 0.5em;
	background-image: url(../img/rating-bubble-grey.gif);
}

.cross-sell {
	padding: 1em 0.5em;
	font-size: 90%;
}

.cross-sell ol {
	list-style: none;
	margin: 1em 0;
	padding: 0;
}

.cross-sell ol li {
	list-style: none;
	margin: 0 0 0.5em 0;
	padding: 0;
}

* html form.review {
	height: 1%;
}

form.review div {
	margin-bottom: 1em;
}

form.review label {
	font-weight: bold;
	margin: 1em 0.5em 0 0;
}

form.review input, 
form.review textarea {
	display: block;
	margin: 0.3em 0 0.5em 0;
	border: 1px solid #000;
	color: #000;
	background-color: #EBEDF2;
}

form.review textarea {
	width: 400px;
}

form.review input.submit {
	color: #fff;
	background-color: #0066E6;
	font-weight: bold;
}

form.review select {
	border: 1px solid #000;
	color: #000;
	background-color: #EBEDF2;
}

.reviews .hreview {
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #cacedf;
}

.reviews .hreview .meta {
	display: none;
}

.reviews .hreview .reviewer {
	font-weight: bold;
}


.reviews .rating {
	display: block;
	float: right;
	width: 26px;
	height: 21px;
	padding: 3px 4px 3px 2px;
	color: #fff;
	background-color: transparent;
	background-image: url(../img/rating-bubble.gif);
	background-repeat: no-repeat;
	background-position: top left;
	font-weight: bold;
	text-align: center;
}

.reviews .hreview blockquote {
	margin: 0;
	padding: 0;
	text-indent: 0;
	color: #000;
	background-color: transparent;
}

button#find-games {
	float: right;
}

#extended-fields.hidden {
	display: none;
}

#extended-fields.show {
	display: block;
}

.pager {
	clear: both;
	font-size: 90%;
	border-top: 1px solid #e3e5ee;
	border-bottom: 1px solid #e3e5ee;	
}

* html .pager {
	height: 1%;
}

.pager img, .pager select, .pager input {
	vertical-align: middle;
}

.pager div, .pager form {
	display: inline;
}

.pager select {
	font-size: 90%;
}

.pager .btn {
	font-size: 90%;
	border: 1px solid #dedfe3;
}

.pager .disabled {
	color: #dedfe3;
}

.clear {
	clear: both;
	
}

.widetext {
	width: 300px;
}

.error {
	color: red;
	background-color: transparent;
	font-weight: bold;
}

div.back {
	margin: 1em 0 -0.5em 0;
	padding: 0.2em 0 0.5em 20px;
	background-image: url(/img/pager-prev.gif);
	background-repeat:no-repeat;
}

/***
shopping cart
**/

.err {
	color: red;
	font-weight:bold;
}

table.cart {
	width:100%;
	border-collapse:collapse;
	clear:both;
	margin-bottom: 0.5em;
}

table.cart td, table.cart th {
	border-bottom: 1px solid #e4e5eb;
}

table.cart tr.qty-alert td.contents{
	background-image: url(/img/alert.gif);
	background-position: center left;
	background-repeat:no-repeat;
}

table.cart tr.qty-alert input {
	border: 2px solid red;
}

table.cart tr.total td{
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
}

table.cart tr.total td {
	font-weight: bold;
	color: #ff6600;
}

table.cart th {
	text-align:left;
	font-size: 90%;
	color: #6b7599;
	font-weight:normal;
	padding: 0.2em 0.4em 0.2em 0.2em;
}

table.cart th.contents {
	color: #000;
	font-size: 140%;
	width:50%;
}

table.cart td {
	padding: 0.2em 0.4em 0.2em 0;
}

table.cart td.contents {
	font-weight: bold;
	padding-left: 20px;
}



table.cart td a:link, table.cart td a:visited {
	text-decoration:none;
}

h2 .manage {
	font-size: 60%;
}

ul.checkout {
	margin: 1em 0 1em 0;
	padding: 0;
	list-style:none;
	font-weight:bold;
}

ul.checkout li {
	background-image: url(/img/gradline.gif);
	background-repeat:no-repeat;
	background-position: bottom left;
	padding: 0.2em 0 0.3em 0;
}

.hilite {
	font-weight: bold;
	color: #ff6600;
}

#content .checkoutbox h2 {
	background-image: url(/img/gradline.gif);
	background-repeat:no-repeat;
	background-position: bottom left;
	font-size: 150%;
}

#content .checkoutbox h3 {
	font-weight:bold;
	color: #ff6600;
	font-size:90%;
	margin: 1em 0 0 0;
	padding: 0;
}

div.address-select {
	padding-bottom: 2em;
}

ul.addresses {
	margin: 0 0 2em 0;
	padding: 0;
	list-style:none;
	float:left;
	width: 80%;
}

ul.addresses li {
	float:left;
	width: 40%;
}

ul.addresses li h3 {
	font-weight: bold;
	color: #000;
	font-size: 120%;
	margin: 0;
	padding: 0;
}

p.orderNo {
	font-weight: bold;
	color: #000;
	font-size: 120%;
}

p.terms {
	clear:left;
}

ul.addresses li p {
	margin: 0;
	padding: 0;
}

.forms .text {
	width: 250px;
	padding: 0.2em;
	background-color: #f2f4f7;
}

.forms label {
	font-weight:bold;
}

.pay-forms label {
	font-weight:bold;
	width: 15em;
	float:left;
}

.pay-forms div{
	clear:left;
}

.forms .tinytext {
	width: 2em;
	padding: 0.2em;
	background-color: #f2f4f7;
}

.forms div.submit {
	text-align:right;
	margin: 0;
	padding:0;
}

.forms .textbutton {
	border:0;
	background-color: #fff;
	color: #0066e6;
	font-weight:bold;
}

.forms .btn, .pay-forms .btn {
	border: 1px solid #000;
	background-color: #0066e6;
	color: #fff;
}

.forms div {
	margin-bottom: 0.5em;
}

.forms div.button-box {
	

	
}

.forms div.button-box input, .pay-forms div.button-box input {
	
	margin: 0;
	padding: 0.3em;
	color: #fff;
	background-color: #0066e6;
	border: 1px solid #000;
	font-weight:bold;
}

* html .address-forms {
	height: 1%;

}

.address-forms .text {
	width: 250px;
	padding: 0.2em;
	/*background-color: #f2f4f7;*/
}

.address-forms label {
	font-weight:bold;
	float:left;
	width:20%;
}

.address-forms label.opt {
	font-weight:normal;
	color: #8a94b8;
}

.address-forms .helptext {
	font-weight:normal;
	color: #8a94b8;
	clear:left;
	padding-bottom: 0.4em;
	display:block;
}

.address-forms div {
	margin: 0.3em 0 0.3em 0;
	clear:left;
}

.address-forms div.button-box input {
	
	margin: 0 0 0 20%;
	padding: 0.3em;
	color: #fff;
	background-color: #0066e6;
	font-weight:bold;
	border:1px solid #000;
}

.address-forms .btn {

	padding: 0.3em;
	color: #fff;
	background-color: #0066e6;
	border: 1px solid #000;
	font-weight:bold;
}

.address-forms fieldset {
	margin:0 0 0 19%;
	border:0;
	padding-top: 1em;
	background-image: url(/img/gradline.gif);
	background-repeat:no-repeat;
	background-position: bottom left;
}

.address-forms fieldset legend {
	padding:1em 0 0 0;
	margin:0;
	font-weight:bold;
	color: #8a94b8;
}

#content h3.cartq {
	color: #8a94b8;
	clear:both;
	font-size: 110%;
	margin-top:0;
	padding-top:0;
}
* html #content h3.cartq {
	margin-top: -1.6em;
}

.address-forms .billselect {
	background-image: url(/img/gradline.gif);
	background-repeat:no-repeat;
	background-position: bottom left;
	padding: 1em 0 1em 0;
	margin: 0 0 1em 0;
}

.address-forms fieldset label, .address-forms .billselect label {
	float:none;
	width:auto;
}

.address-forms div.info {
	margin-left:20%;
	
}


div.checkout-tabs {
	background-image: url(/img/checkout-tabcont-right.gif);
	background-repeat:no-repeat;
	background-position: top right;
	float:left;
	width:100%;
	background-color: #edeff3;
	margin-bottom: 2em;
}

div.checkout-tabs ul{
	margin: 0;
	padding: 0.6em 0 0 1em;
	list-style:none;
	width: 100%;
	background-image: url(/img/checkout-tabcont-left.gif);
	background-repeat:no-repeat;
	float:left;
}

div.checkout-tabs ul li {
	float:left;
	width: 22%;
	font-size: 100%;
	font-weight:bold;
	color: #8a94b8;
	background-image: url(/img/checkout-tab-bg.gif);
	background-repeat:repeat-x;
}

div.checkout-tabs ul li span {
	padding: 0.4em 0.4em 0.2em 0.2em;
	background-image: url(/img/checkout-tab-right.gif);
	background-repeat:no-repeat;
	background-position: top right;
	display:block;
}

div.checkout-tabs ul li.end span {
	background-image: url(/img/checkout-tab-right-end.gif);
}

div.checkout-tabs ul li.active {
	background-color:#fff;
	background-image: url(/img/checkout-tab-leftactive-r.gif);
	background-repeat:no-repeat;
	background-position: top right;
	color: #ff6600;
}

div.checkout-tabs ul li.active span {
	
	background-image: url(/img/checkout-tab-leftactive.gif);
	background-repeat:no-repeat;
	background-position: top left;
	
}


/* Added by Jonathan */

table, td {
	padding: 0; 
	border: 0;
	vertical-align: top;
	}
	
table{
	width: 98%;
	}
	
#content .inner {
	padding: 1px 0 0 2%; /* 1px needed to fix margin oddities */
	}

#content .inner .col2 {
	padding-right: 1%;
	}

#flash {
	padding-top: 12px;
	width: 403px;
	}
	

	
#topnav li a:hover {
	color: #b3dcff;
	background-color: transparent;
	}

div.home h1 strong, .first {
	font-size: 133%;
	font-weight: bold;
	}
	
#content .tabbox {
	/* min-width: 250px; */
	}

#content .tabbox li a {
        padding: 0.2em 0 0.2em;
        background-image: url('../img/gradline.gif');
        background-repeat: no-repeat;
        background-position: bottom left;
        font-size: 91.67%;
        font-weight: bold;
}

#content .tabbox li a:link, 
#content .tabbox li a:visited {
        display: block;
        width: 100% /* IE fixed? */
}

.feature .floatleft {
	float: left;
	margin-right: 6px;
	}
	
	
/* intermediary page stuff */
ul.interlist, ul.interlist ul{
	margin: 0;
	padding: 0;
	list-style:none;
}

ul.interlist li {
	float:left;
	width: 20em;
	margin-bottom: 1em;
}

ul.interlist li li {
	float:none;
	margin-bottom: 0;
	padding: 0.2em 0 0.2em 0;
	background-image: url(/img/gradline-narrow.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

ul.interlist li li a:link, ul.interlist li li a:visited {
	text-decoration: none;
}

ul.interlist li h2 {
	font-size:120%;
	margin: 0;
	padding: 0 0 0.2em;
	background-image: url(/img/gradline-narrow.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

ul.alphalist {
	margin: 0;
	padding: 0;
	list-style:none;
}

ul.alphalist li {
	float:left;
	width: 3em;
	padding: 0 0 0.5em 0;
	font-size: 120%;
}

ol.tenlist li {
	margin-bottom: 0;
	padding: 0.2em 0 0.2em 0;
	background-image: url(/img/gradline-narrow.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

ul.tenlist {
	margin: 0;
	padding:0;
	list-style:none;
}

ul.tenlist li {
	padding-bottom: 1em;
}

ul.tenlist li h2 {
	font-size:120%;
	margin: 0;
	padding: 0 0 0.2em;
	background-image: url(/img/gradline-narrow.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

ul.tenlist li p {
	margin: 0;
	padding: 0.5em 0 0 0;
}

.picbox {
	float:left;
	margin: 0 1em 1em 0;
	padding: 0;
}

.normalText{
	display: inline;
	font-size: 100%;
	color: inherit;
}