* {
	font-family:trebuchet MS, arial,verdana;
	font-size:11px;
	color:#666666;
	line-height:13px;
}
body {
	margin:0px;
	padding:0px;
}
a {
	cursor:pointer;
	text-decoration:none;
}
a img {
	border:0;
}
form {
	margin:0;
	padding:0;
}
hr{
	height: 1px;
	background-color: #ddd;
	color: #ddd;
	border: none;
	padding:0px;
	margin:0px 0px 4px 0px;
}
.imgbutton{
	display:inline;
	cursor: pointer;
	background-position:top;
}
.imgbutton input{
	display:inline;
	cursor: pointer;
	border:0px;
	background-position:top;
	background-repeat:no-repeat;
	background-color:transparent;
}
.strokedbox{
	display:inline;
	background-color:#fff;
	margin-left:30px;
	margin-top:20px;
	padding:10px;
	border:#ddd 1px solid;
}
.floatleft{
	float:left;
}
.floatright{
	float:right;
}
.clear {
	clear:both;
}
.clearleft {
	clear:left;
}
.clearright {
	clear:right;
}
.alignleft{
	text-align:left;
}
.alignright{
	text-align:right;
}
.aligncenter{
	text-align:center;
}
.greystroke input, .greystroke select, .greystroke textarea{
	margin:1px 8px 0px 0px;
	padding:2px 0px;
	border:1px solid #ddd;
}
#shell {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	background:#ffffff;
	border:1px solid #cccccc;
	border-top:0px;
	border-bottom:0px;
}
#head {
	position:relative;
	width:1000px;
	height:137px;
	margin-bottom:8px;
}

#Nindie-Head-Logo {
  float: left;
  width: 236px;
  height: 111px;
  margin-left: 12px;
  padding-top: 5px;
}

#head .home-button {
	float:left;
	margin:20px 0 0 30px;
	width:150px;
	height:95px;
}
#head .live-support {
	float:right;
	margin:7px 10px 0 0;
	width:555px;
	height:54px;
	text-align: right;
}
#head .your-account {
	position:absolute;
	bottom:18px;
	right:18px;
}
#head .your-account a {
  margin-left: 20px;
	font-size:16px;
	color:#7e7e7e;
}

#Nindie-Ticker {
  position: absolute;
  top: 80px;
  left: 250px;
  width: 500px;
  height: 44px;
}

#attraction {
	text-align:center;
	padding:0 0 8px 0;
}
#wrapper {
	margin-top:8px;
	padding:0 17px;
}
#left-col {
	float:left;

	width:176px;
}
#right-col {
	float:right;

	width:176px;
}
#mid-col {
	float:left;
	margin-left:9px;
	width:597px;
}

/* FEATURED PRODUCTS SUB MENU */
#mid-col .box .tabs {
	margin-left:2px;
	margin-right:2px;
	height:23px;
	background:#eaeaea;
	text-align:center;
}

/* SMALL BOXES */
#left-col .box, #right-col .box {
	width:176px;
	margin-bottom:6px;
	background:url('/images/box-small-back.gif') repeat-y;
}

#left-col .box .head, #right-col .box .head {
	width:136px;
	height:28px;
	font-size:12px;
	color:#ffffff;
	padding:4px 0 0 40px;
}

#left-col .box .content, #right-col .box .content {
	width:140px;
	padding:4px 18px 0 18px;
}
#left-col .box .foot, #right-col .box .foot {
	height:24px;
	background:url('/images/box-small-foot.gif') no-repeat;
}
.dotted-rule {
	width:130px;
	height:12px;
	background:url('/images/dotted-rule.gif') no-repeat;
}
.cart-item {
	width:132px;
}
.cart-item .line2 {
	margin-top:6px;
	color:#acacac;
}
.cart-item .minus, .cart-item .plus {
	float:left;
	margin:3px 5px 0px 0px;
	width:10px;
	height:10px;
}
.cart-item .minus {
	background:url('/images/cart-minus.gif') no-repeat;
}
.cart-item .plus {
	background:url('/images/cart-plus.gif') no-repeat;
}
.cart-item .price {
	float:right;
}
.cart-item .delivery, .cart-item .total {
	float:right;
	width:10px;
	text-align:right;
}

/* BIG BOXES */
#mid-col .box {
	width:597px;
	margin-bottom:6px;
	background:url('/images/box-back.gif') repeat-y;
}
#mid-col .box .head {
	width:575px;
	height:25px;
	background:url('/images/box-head.gif') no-repeat;
	font-size:16px;
	padding:22px 0 0 22px;
}
#mid-col .box .head a, #mid-col .box .head a:visited, #mid-col .box .head a:active
{
	font-size:16px;
}

#mid-col .box .header
{
	color: #FFFFFF;
	height:26px;
	font-size:12px;
	color:#ffffff;
	padding:4px 0 0 40px;
}

#mid-col .box .header h1
{
  color: #FFFFFF;
	margin: 0px;
}

#mid-col .box .header a, #mid-col .box .header a:visited, #mid-col .box .header a:active
{
	color: #FFFFFF;
	font-size:12px;
}


#mid-col .box .headerAlt
{
	color: #FFFFFF;
	height:23px;
	font-size:12px;
	color:#ffffff;
	padding:4px 0 0 40px;
}
#mid-col .box .headerAlt a, #mid-col .box .headerAlt a:visited, #mid-col .box .headerAlt a:active
{
	color: #FFFFFF;
	font-size:12px;
}

#mid-col .box .head a:hover
{
	font-size:16px;
}
#mid-col .box .content {
	width:553px;
	padding:4px 22px 0 22px;
}
#mid-col .box .foot {
	height:31px;
	background:url('/images/box-foot.gif') no-repeat;
}

/* PRODUCTS */
.product {
	position:relative;
	float:left;
	margin:0 10px 10px 0;
	width:170px;
	height:132px;
}
.product .boxshot {
	float:left;
	overflow:hidden;
	margin-right:6px;
	width:72px;
	height:132px;
}
.product .detail {
	float:right;
	width:92px;
	height:42px;
  overflow: hidden;
}
.product .detail a {
	font-size:12px;
	color:#7e7e7e;
}
.featuredlisting .product{
	margin:10px 0px 0px 10px;
}
.price {
	margin-top:4px;
	font-size:11px;
	color:#a9a9a9;
}
.product .quantityinput
{
	display:inline;
  position: absolute;
  top: 60px;
  width:20px;
}

.product .quantityinput input{
	width:20px;
	margin:0px;
}

.product .buy-now {
	position:absolute;
	top:87px;
}

.product-wide {
	position:relative;
	float:left;
	margin:0 10px 4px 0;
	width:260px;
	height:105px;
}
.product-wide .boxshot {
	float:left;
	overflow:hidden;
	margin-right:6px;
	width:72px;
	height:103px;
}
.product-wide .detail {
	float:right;
	width:180px;
	height:75px;
}
.product-wide .detail a {
	font-size:12px;
	color:#7e7e7e;
}

.product-wide .quantityinput
{
	display:inline;
  position: absolute;
  bottom: 27px;
  width:20px;
}

.product-wide .quantityinput input{
	width:20px;
	margin:0px;
}

.product-wide .buy-now {
	position:absolute;
	bottom:2px;
}
.preorder a {
	font-size:12px;
}
.preorder .countdown {
	float:right;
	margin:34px 0 0 -20px;
	padding-top:8px;
	width:80px;
	height:80px;
	background:url('/images/pre-order-back.gif') no-repeat;
	text-align:center;
	font-family:"Arial, Helvetica, sans-serif";
	font-size:24px;
	color:#ffffff;
	line-height:normal;
}
.preorder .countdown .figure {
	font-size:48px;
	color:#ffffff;
	line-height:40px;
}
.preorder .boxshot {
	float:left;
	width:72px;
	height:103px;
}
.preorder .price{
	margin-bottom:6px;
}

/* PRODUCT DETAIL */
#product-detail {
	/*blank*/
}
#product-detail .addtocartbutton, #product-detail .quantityinput, #product-detail .preorderbutton{
	float:left;
	margin-top:14px;
}
#product-detail .quantityinput input{
	width:30px;
}
.emailme{
	float:left;
}
.emailme input{
	width:130px;
}
#product-detail .specifics {
	float:right;
	width:330px;
}
#product-detail .specifics .title {
	margin-bottom:20px;
	font-size:16px;
}
#product-detail .boxshot {
	float:left;
}
#product-media .trailer {
	float:left;
	width:274px;
	height:214px;
}
#product-media .screenies {
	float:right;
	overflow:auto;
	width:230px;
	height:214px;
}
#product-media .screenies img {
	margin:0 6px 6px 0;
}

/* NEWS */
#news-main-preview .text {
	float:right;
	width:270px;
	line-height:21px;
}
#news-main-preview .text .title {
	margin-bottom:12px;
}
#news-main-preview .text .title a {
	margin-bottom:20px;
	font-size:16px;
	color:#59acbb;
	line-height:21px;
}
#news-main-preview .image {
	float:left;
	overflow:hidden;
	width:243px;
	height:216px;
}
#news-main-preview .image .corners {
	width:243px;
	height:216px;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/news-main-corners.png,sizingMethod=crop);*/
}
#news-main-preview .text .links, .news-sub-preview .text .links {
	margin:10px 10px 0 0;
	text-align:right;
}
#news-main-preview .text .links img, .news-sub-preview .text .links img {
	vertical-align:middle;
}







#news-main-detail .text {
	line-height:21px;
}
#news-main-detail .text .title, #news-main-detail .text .title a {
	margin-bottom:20px;
	font-size:16px;
	color:#59acbb;
}
#news-main-detail .image {
	float:left;
	overflow:hidden;
	width:283px;
	height:256px;
}
#news-main-detail .image .corners {
	width:243px;
	height:216px;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/news-main-corners.png,sizingMethod=crop);*/
}
#news-main-detail .text .links {
	margin:10px 10px 0 0;
	text-align:right;
}
#news-main-detail .text .links img {
	vertical-align:middle;
}







.news-sub-preview .text {
	float:right;
	margin-top:-4px;
	width:400px;
	line-height:21px;
}
.news-sub-preview .text .title {
	margin-bottom:8px;
}
.news-sub-preview .text .title a {
	margin-bottom:20px;
	font-size:14px;
}
.news-sub-preview .image {
	float:left;
	overflow:hidden;
	width:109px;
	height:108px;
}
.news-sub-preview .image .corners {
	width:109px;
	height:108px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/news-sub-corners.png,sizingMethod=crop);
	background:url(/images/news-sub-corners.png) no-repeat;
}
#page-over-links {
	text-align:center;
	margin-top:12px;
}
#page-over-links, #page-over-links a {
	font-size:14px;
}

/* FOOT */
#foot {
	position:relative;
	margin-top:6px;
	height:125px;
}

#foot #time-and-date {
	width:400px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:25px;
	line-height:40px;
	color:#b7b7b7;
	font-weight:bold;
}
#foot #thawte-link {
	margin:0;
	width:80px;
	height:50px;
	position:relative;
	top:0px;
	left:290px;
}
#foot #small-links {
	margin-top:70px;
	width:500px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.banner-button {
	width:173px;
	height:151px;
	margin-bottom:6px;
}
ul, ol
{
  margin: 21px 0px 0px 6px;
  padding: 0px;
}

li
{
  margin:16px 0px 0px 10px;
}

.right
{
  float: right;
}

.left
{
  float: left;
}

/**** Top 10 Products Box ****/
#top10products .number{
	float:left;
	width:15px;
	margin-right:4px;
	font-weight:bold;
	color:#b6b6b6;
	text-align:center;
}
#top10products .listproduct{
	float:left;
	width:105px;
}
/**** Search Box & Newsletter sign up box ****/
#searchinput, #signupInput, #signupBox .gobutton, #searchbox .gobutton{
	float:left;
}
#searchinput input, #signupInput input{
	width:90px;
}
/**** Main Nav Menu ****/
.mainmenu ul{
	list-style:none;
}
.mainmenu ul, .mainmenu li{
	margin:0px;
	padding:0px 0px 4px 0px;
}
.mainmenu ul ul{
	margin-top:3px;
	margin-left:26px;
}
.mainmenu ul ul li{
	list-style-image:url('/images/sub-cat-menu.gif');
}
/* Front page (and others) mario news banner */

#newsbanner
{
  width: 100%; border: 1px dotted #f00;
}

#newsbanner .topitem, #newsbanner .otheritems
{

}
#loginpage a{
	text-decoration:underline;
}
#loginpage .forgotpass{
	float:left;
	clear:left;
	display:inline;
	margin:10px 0px 0px 119px;
}
#loginpage .loginbutton{
	float:left;
	clear:left;
	margin:4px 0px 0px 150px;
}
#loginpage .greystroke input{
	margin:0px 0px 4px 0px !important;
}
#loginpage label{
	margin-top:3px;
}

#loginpage form{width:256px}
#loginpage label{width:111px}
#loginpage .helpertext{width:280px;margin-top:15px;}

.sidebanner{
	margin-bottom:7px;
}
/* /Front page */


/*** My Account Menu ***/
#youraccountretailer .strokedbox{
	float:left;
	width:230px;
}
#youraccountconsumer .strokedbox{
	float:left;
	width:230px;
}
#youraccountretailer h4, #youraccountconsumer h4{
	font-size:13px;
	margin:0px 0px 6px 0px;
	padding:0px;
}
#youraccountretailer ul, #youraccountconsumer ul{
	margin:0px;
	list-style:url('/images/bullet-menu.gif');
}
#youraccountretailer li, #youraccountconsumer li{
	margin:0px 0px 5px 18px;
}
#nindie-news {
	width:596px;
	height:126px;
	background:url(/images/nindie-news-back.jpg) no-repeat;
	margin-bottom: 6px;
}
#nindie-news .article {
	margin:0px 0px 0px 180px;
	padding:8px 0px 0px 0px;
	width:370px;
	height:90px;
}
#nindie-news .article .title a {
	font-size:14px;

}
#nindie-news .article .view-more {
	float:right;
}
/*** View Basket Page ***/
.basketview{
	width:550px;
	border:1px solid #ddd;
	clear:both;
}
.basketview .headers h4, .basketview .row div{
	float:left;
}
.basketview .headers h4{
	height:20px;
	margin:0px;
	padding-top:7px;
}
.basketview .row div{
	padding-top:6px;
}
.basketview .greystroke{
	padding-top:2px !important; /*have less padding for text boxes */
}
.basketview .greystroke input{
	width:40px;
	margin:0px;
}
.basketview .row{
	clear:left;
	min-height:26px;
	height:auto !important;
	height:26px;
}
.basketview .altcolour{
	background-color:#f4f4f4;
}
.basketview .productcol{
	width:250px;
	padding-left:8px;
}
.basketview .pricecol{
	width:110px;
	text-align:center;
}
.basketview .quantitycol{
	width:90px;
	text-align:center;
}
.basketview .totalcol{
	width:82px;
	padding-right:8px;
	text-align:right;
}
.basketview .bluecolour{
	background-color:#4ebed2;
}
.basketview .bluecolour div{
	font-weight:bold;
	color:#fff;
}
.checkoutbutton{
	float:right;
	margin-top:6px;
}

/*** Site Image Buttons ***/
#loginpage .loginbutton, #loginpage .loginbutton input{
	width:56px;
	height:24px;
	background-image:url('/images/login-button.gif');
}
.buynowbutton 
{
  	width:70px;
	height:23px;
}
.buynowbutton input{
	width:70px;
	height:23px;
	background-image:url('/images/buy-now.gif');
}
.gobutton, .gobutton input{
	width:36px;
	height:24px;
	background-image:url('/images/search-button.gif');
}
.addtocartbutton, .addtocartbutton input{
	width:80px;
	height:23px;
	background-image:url('/images/add-cart-button.gif');
}
.notifymebutton, .notifymebutton input{
	float:left;
	width:74px;
	height:24px;
	background-image:url('/images/notify-me-button.gif');
}
.updateqtybutton, .updateqtybutton input{
	width:82px;
	height:22px;
	background-image:url('/images/update-qty-button.gif');
}
.updateqtybutton{
	float:right;
	margin-top:6px;
	margin-right:27px;
}
.emptybasketbutton{
	float:left;
	margin-top:6px;
}
.registerbutton, .registerbutton input{
	width:63px;
	height:22px;
	background-image:url('/images/register-button.gif');
}
.submitbutton, .submitbutton input{
	width:56px;
	height:24px;
	background-image:url('/images/submit-button.gif');
}
.changeemailbutton, .changeemailbutton input{
	width:93px;
	height:22px;
	background-image:url('/images/change-email-button.gif');
}
.changepasswordbutton, .changepasswordbutton input{
	width:114px;
	height:22px;
	background-image:url('/images/change-pass-button.gif');
}
.savechangesbutton, .savechangesbutton input{
	width:93px;
	height:22px;
	background-image:url('/images/save-changes-button.gif');
}
.useaddressbutton, .useaddressbutton input{
	width:109px;
	height:22px;
	background-image:url('/images/use-address-button.gif');
}
.searchbutton, .searchbutton input{
	width:36px;
	height:22px;
	background-image:url('/images/search-button.gif');
}

.commentbutton, .commentbutton input{
	width:36px;
	height:22px;
	background-image:url('/images/search-button.gif');
}

.emailfriendbutton, .emailfriendbutton input{
	width:36px;
	height:22px;
	background-image:url('/images/search-button.gif');
}
.preorderbutton, .preorderbutton input {
	width:70px;
	height:22px;
}
/* Added this - Dave */
.preorderbutton input {
  background-image:url('/images/pre-order-button.gif');
  width: 70px;
  height: 22px;
}
/* *** */
.proceedbutton, .proceedbutton input{
	width:63px;
	height:22px;
	background-image:url('/images/proceed-button.gif');
}

/*** Consumer Register page ***/
#consumerregister label{
	width:191px;
}
#consumerregister input[type="text"], #consumerregister input[type="password"]{
	width:100px;
}
#consumerregister form{
	width:325px;
}
#consumerregister .helpertext{
	width:220px;
}
#consumerregister .registerbutton{
	float:left;
	clear:left;
	margin:4px 0px 0px 188px;
}
#consumerregister .submitbutton{
  float:left;
	clear:left;
	margin:4px 0px 0px 194px;
}
#consumerregister .registerbutton input{
	margin:0px !important;
}
/*** Trade Register Page ***/
#retailerregister label{
	width:225px;
}
#retailerregister input[type="text"], #retailerregister input[type="password"], #retailerregister select{
	width:100px;
}
#retailerregister form{
	width:350px;
}
#retailerregister .helpertext{
	width:200px;
}
#retailerregister h4{
	clear:left;
	font-size:13px;
	font-weight:normal;
	padding:0px;
	margin:0px 0px 10px 0px;
}
#retailerregister .registerbutton{
	float:left;
	clear:left;
	margin:4px 0px 0px 234px;
}
/*** Lost Password Page ***/
#lostpassword form{
	width:300px;
}
#lostpassword label{
	width:106px;
}
#lostpassword input[type="text"], #lostpassword input[type="password"], #lostpassword select{
	width:100px;
}
#lostpassword .helpertext{
	width:220px;
}

/*** Account Details ***/
#accountdetails .field{
	width:150px;
	margin-bottom:4px;
}
#accountdetails p{
	margin:0px 0px 4px 0px;
}

/*** Account Password ***/
.accountpassword form{
	width:400px;
}
.accountpassword label{
	width:220px;
}
.accountpassword .submitbutton{
	float:left;
	clear:left;
	margin:4px 0px 0px 260px;
}

/*** Make a payment retailer account ***/
.retailermakepayment form{
	width:280px;
}
.retailermakepayment label{
	width:120px;
}
.retailermakepayment .submitbutton{
	float:left;
	clear:left;
	margin:4px 0px 0px 160px;
}
/*** Consumer Account Details page ***/
.accountdetailsconsumer form{
	width:340px;
}
.accountdetailsconsumer label{
	width:110px;
}
.accountdetailsconsumer .changeemailbutton{
	float:left;
	margin-left:4px;
}
.accountdetailsconsumer .savechangesbutton{
	float:left;
	clear:left;
	margin-top:4px;
	margin-left:127px;
}
.accountdetailsconsumer .changepasswordbutton{
	float:left;
	clear:left;
	margin:4px 0px 6px 115px;
}
/*** Address Page ***/
.address{
	margin:8px 0px 8px 16px;
}

/*** News Search Form ***/
#searchform form{
  width: 500px;
}
#searchform label{
  float:left;width:106px;
}
#searchform input[type="text"], #searchform select{
  float:left;width:106px;
}
#searchform .helpertext{
	width:420px;
}
#searchform .searchbutton{
	float:left;
}

/* Quick Order */
.quickorder .quantity  input{
	width:40px;
	margin:0px;
}
.quickorder .subheader{
	width:549px;
	height:16px;
	padding-top:3px;
	background-image:url('/images/quick-order-bg.gif');
	text-align:center;
}

/*** News Comments Form ***/
#commentform form{
  width: 500px;
}
#commentform label{
  float:left;width:106px;
}
#commentform input[type="text"], #commentform textarea {
  float:left;width:212px;
}
#commentform .helpertext{
	width:420px;
}
#commentform .commentbutton{
	float:left;
}


/*** Email a friend Form ***/
#emailfriendform form{
  width: 500px;
}
#emailfriendform label{
  float:left;width:106px;
}
#emailfriendform input[type="text"] {
  float:left;width:255px;
}
#emailfriendform .helpertext{
	width:420px;
}
#emailfriendform .emailfriendbutton{
	float:left;
}
/*** Edit address page ***/
#editaddress form{
  width: 300px;
  margin-left:75px;
}
#editaddress label{
  float:left;
  width:93px;
}
#editaddress input[type="text"] {
  float:left;
  width:155px;
}
#editaddress .helpertext{
	width:250px;
}
#editaddress .submitbutton{
	float:left;
	margin:6px 0px 0px 100px;
}

.newaddressbox .submitbutton{
	float:left;
	margin-left:102px;
	margin-top:4px;
}

.filelink {
  line-height:20px;
  color:#59acbb;
  font-size:12px;
}

.row0
{
  background-color: #FFFFFF;
}

.row1
{
  background-color: #F3F3F3;
}

.ranking .biginfo {
	line-height:normal;
}

/*===== Store Locator ========*/
#store-locator {
	width:542px;
	height:383px;
	background:url(/images/store-locator-back.jpg) no-repeat;
}
#store-locator .enter-postcode {
	position:relative;
	top:175px;
	left:20px;
}
.store-detail {
	float:left;
	width:220px;
	margin:10px 10px 0 0;
	padding:10px;
	border:dashed 1px #ccc;
}

.store-detail-height
{
  height: 140px;
}

.specialPrice
{
  color: #DD0000;
  font-size: 14pt;
  font-weight: bold;
}

.oldPrice
{
  text-decoration: line-through;
}

.onhold
{
  color :#BB00BB;
  text-align: center;
  margin: 10px;
  font-size: 12pt;
  font-weight: bold;
}

.onstop
{
  color :#DD0000;
  text-align: center;
  padding: 15px;
  font-size: 12pt;
  font-weight: bold;
}

.status-overdue
{
  color: #DD0000;
}

.status-completed
{
  color: #00DD00;
}

.status-invoiced
{
  color: #BBBB00;
}

.status-incomplete
{
  color: #0000DD;
}

.status-picking
{
  color: #BB00BB;
}

.status-allocated
{
  color: #DD00DD;
}

.invoice-overdue
{
  color: #BBBB00;
}

.invoice-onstop
{
  color: #DD0000;
}

.order-dispatched
{
  color: #00DD00;
}

.order-ordered
{
  color: #0000DD;
}

.order-allocated
{
  color: #DD00DD;
}

.order-picking
{
  color: #BB00BB;
}

.orders a, .orders a:visited, .orders a:hover, .orders a:active
{
  text-decoration: underline;
}

.tooltip
{
  float: left;
  margin: 2px;
}

.tooltip span
{
  display: none;
  padding: 2px;
  width: 175px;
}

.tooltip:hover span
{
  display: inline;
  position: absolute;
  background: #ffffff;
  border: 1px solid #cccccc;
}