/*RETRO HANDY MAN THEME********************************************************************/

@page {
    size: auto;
}

body, table, th, td{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}

* {padding:0;margin:0;border:0;}



body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size:smaller;
	background: #a2909e url('images/kziia.jpg') center top;background-repeat: repeat; 
    height:100%;
	}

form{margin:0px;}



a:link{color:#003366;text-decoration:none;}
a:visited{color:#003366;text-decoration:none;}
a:hover{color:Black;text-decoration:underline;}

.SellSearchHlk:link{color:black;text-decoration:none;}
.SellSearchHlk:visited{color:black;text-decoration: none;}
.SellSearchHlk:hover{color:Black;text-decoration:underline;}

.LightLink:link{color:#99CCFF;text-decoration:underline;}
.LightLink:visited{color:#3399FF;text-decoration: none;}
.LightLink:hover{color:#669900;text-decoration:underline;}

.LightLinkNoVisit:link{color:#99CCFF;text-decoration:underline;}
.LightLinkNoVisit:visited{color:#99CCFF;text-decoration:underline;}
.LightLinkNoVisit:hover{color:#669900;text-decoration:underline;}

li{display:inline;list-style:none;}

#MenuAdminNav{
    display:none;
}

select { color:#666666; font-weight:normal; border-color:#666666;  border-style:solid; border-width:1px;}

/* width */
::-webkit-scrollbar {
    width: 15px;
    background-color:white;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px grey; 
    border-radius: 10px;
    background-color:white;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #D3D3D3; 
    border-radius: 10px;
}


H1, H2, H3, H4, H5, H6 {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;padding-left:4px;}
H2 {background:#f8f1d8;margin-bottom:16px;}

#wrapper{background-color: #8b4513;position:relative;text-align: left;width: 1000px;margin: 0 auto 0 auto; border-bottom-right-radius:10px; border-bottom-left-radius:10px; }
#wrappernew {height:120px;position:relative;text-align: left;width: 1000px;margin: 0 auto 0 auto; background-color: #8b4513;
             background-image: linear-gradient(to top,#B34216 10% ,#A13008 20%, #922905 30%, #872A06 40%, #862905 50%, #7B2A02 60%, #752D02 70%, #7A3609 80%);
             border-top-left-radius: 10px;    border-top-right-radius: 10px;
}
.retrologo {margin-top:0px; margin-left:4px; width:477px; height:87px;}

.logonav {position: absolute; top: 22px;left: 52px;width: 425px;height: 55px; background-color: Transparent;}

 #RGsister {position: absolute;top: 0px;margin: 20px 0 0 688px; width: 30%; height: 30%;  }
    #RGsister img {border-radius:8px; }
#login {position:absolute;top:101px;left:15px;color:White;padding:2px;}
#login span { background-image:none;}
#login a  {margin-left:2px;}

.LoginInput
{
    height:40px;
    width:110%;
    padding: 12px 20px;
    margin: 0px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
     -webkit-appearance: none;
    -moz-appearance: none;   
}
.loginInputRecovery
{
    width:100%
}
.loginContainerI1 { grid-area: lblemail;}
.loginContainerI2 { grid-area: txtemail;}
.loginContainerI3{ grid-area: lblpassword;}
.loginContainerI4{ grid-area: txtpassword;}
.loginContainerI5{ grid-area: button; margin-left:225px;}
.loginContainerI6{ grid-area: emailval; margin-top:20px; margin-left:10px;}
.loginContainerI7{ grid-area: passwordval; margin-top:20px; margin-left:23px;}
.loginContainerI8{ grid-area: warning;}
.loginContainer
{
    display: grid;
    grid-template-areas:
    ' lblemail lblemail lblemail lblemail lblemail'
    'txtemail txtemail txtemail txtemail emailval'
    'lblpassword lblpassword lblpassword lblpassword lblpassword'
    'txtpassword txtpassword txtpassword txtpassword passwordval'    
    'warning warning warning warning warning'
        ' button button button button button';
            
    grid-gap: 10px;
}

.PasswordRecoveryContainerI1 { grid-area: lblemail;}
.PasswordRecoveryContainerI2 { grid-area: txtemail;}
.lPasswordRecoveryContainerI3{ grid-area: emailval; }
.PasswordRecoveryContainerI4{ grid-area: button; margin-left:200px;}
.PasswordRecoveryContainerI5{grid-area: warning; }
.PasswordRecoveryContainer
{
    display: grid;
    grid-template-areas:
    ' lblemail lblemail lblemail lblemail lblemail'
    'txtemail txtemail txtemail txtemail emailval'   
    'warning warning warning warning warning'
   ' button button button button button';
            
    grid-gap: 10px;
}
.ShippingMsg  {position:absolute;top:83px;left:684px;color:White;padding:2px; font-size:larger; font-weight:bold;}

#search {float:left;top:5px; }
#search select {margin-left:70px; vertical-align:middle; height:22px; border-radius:4px; border: 1px solid #ccc; box-sizing: border-box;}
.searchbox {vertical-align:middle;margin: 4px 0 4px 2px;padding:2px;}
#search span input {margin:0 3px;vertical-align:middle;}
#search label { font-size:0.8em;}
#search span { display:none;}
#search input { vertical-align:middle; border-radius:4px; border: 1px solid #ccc; box-sizing: border-box;}

#currency {position:absolute; top:8px; left:530px;color:White; text-align:inherit; width: 115px; }
#currency input {margin:0px 6px 0 4px; border-radius: 4px;}
#currency input:active {transform: translateY(2px);}
#currency span {position:relative;top:-4px;}
.currencyEurope, .currencyBritain {width:28px; height:16px; border:1px white solid}

#basket {position:relative;top:5px;right:10px;color:White;margin-left:644px;}
#basket a:active, #login a:active, .mlItems ul li a:active {color:White;}
#basket a, #login a, #search label {color:White}
#basket img {margin-left:15px;}

.hozline {height:1px;clear:left;}

/* HOZ MENU */
#menuera {float:left;top:0;}
#menuera ul {margin: 0 0 0 5px;padding: 5px;}
#menuera a, #menuera span {display:block;text-decoration:none;font-weight:bold;padding:0;margin:0 15px 0 15px;color:Silver;}

/*SUCKERFISH HOVER-*/
#menuera li{float:left; position:relative;z-index:1000;}
#menuera li ul{position:absolute;left:-5000px;width:126px;z-index:1000;border:2px solid #703200;padding-top:4px;background-color:White; border-radius:4px;}
#menuera li ul li a{display:block;font-weight:400;text-align:left;margin:0;border:0;color:#000;padding:4px;height:13px;line-height:13px;}
#menuera li ul li {display:block; float:none;}
#menuera li:hover ul{left:auto;z-index:2000;}
#menuera li:hover ul a{color:black;text-decoration:none;}
#menuera li:hover a{color:#fff;text-decoration:underline;}
#menuera li ul li a:hover{color:white;background-color:#b5651d ;text-decoration:none; border-radius:4px;}
/*Split the LAST ul-li node (museum links) into three*/
#menuera ul li:last-child ul{width:550px;column-count: 4;column-gap: 10px; margin-left:-140px}
#menuera ul li:last-child ul a{margin: 2px; }
#collapsibleNavbar ul li:last-child {margin-right: 5px; }

#platformjumper {top:0;right:10px;vertical-align:top; }
    #platformjumper select {
        padding: 2px;
        margin: 0px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
    }
.pjr {margin-left:798px;padding: 5px 0 5px 0;}
.pjrjs {margin-left:839px;padding: 5px 5px 5px 0;}
.pjr12 {top:0; margin-left:10px;padding: 5px 0 5px 0;}
.pjr1js2 {top:0; margin-left:30px;padding: 5px 5px 5px 0;}

#menushadow, #menu, #menusell { margin-left:5px; margin-right:5px;}
#menushadow { background-image: linear-gradient(to right, #8EB14B 16.7%, #3CA7CF 16.7%, #3CA7CF 33.3%, #5787B9 33.3%, #5787B9 50%,  #50A05A 50%, #50A05A 66.7%, #AAA8A7 66.7%, #AAA8A7 83.3%, #B17B4B 83.3%);
     height: 3px; 
} 

#menu, #menusell { background-image: linear-gradient(to right, #a7bd76 16.6%, #76bccb 16.6%, #76bccb 33.2%, #64a0b7 33.2%, #64a0b7 49.8%,  #5cab87 49.8%, #5cab87 66.4%, #c8c8c8 66.4%, #c8c8c8 83%, #bc9575 83%);
       
}
#menu td, #menusell td {Padding:6px 26px 2px 26px; width:111px; text-align:center;}
#menu a, #menusell a {text-decoration:none;font-weight:bold;padding-left: 0px;color:#003399;}
#menu a:hover, #menusell a:hover {color:White;}
#menusell tr {height:32px;}

/*#menu {
    background-image: linear-gradient(to right, #a7bd76 20%,#76bccb 21%, #64a0b7, 40%, #5cab87 41%, #c8c8c8 60%, #bc9575 61% );
}*/
.menulower0, .menulower1, .menulower2, .menulower3, .menulower4, .menulower5 {    
    width:auto;
    height: auto;
    margin-left:5px;
    margin-right:5px;  
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    
}
.menulower0 {background: #a7bd76}
.menulower1 {background: #76bccb}
.menulower2 {background: #64a0b7}
.menulower3 {background: #5cab87} 
.menulower4 {background: #c8c8c8}
.menulower5 {background: #bc9575}

#MenuEra1_ml {padding: 0px 15px 0px 25px;}
#MenuEra1_ml img, #MenuSell1_mlHelp img {padding: 0 15px 0 0;}
#MenuEra1_ml a {color:#003366;font-size:smaller;}
#MenuEra1_ml a:hover{color:Black;}
#MenuEra1_ml h4 {color:#003399;}
#MenuEra1_ml td {margin:0;}
.mlItems {padding-bottom:10px;}
#MenuSell1_ml {padding: 0px 15px 0px 25px; height:10px;}
#MenuSell1_mlHelp {padding: 0px 15px 0px 25px; height:50px;}

/* GENERAL CONTENT */
#content, #content1 {width: 813px;padding: 5px 8px 8px 8px;color:#666;min-height:660px; }
#one-up p, #content br, #content1 br {line-height:1.2em; font-size:1.1em;margin-right:1rem;margin-left:1rem;text-decoration:none;}
#contentbox, #contentbox1, #termsbox {color:#666666; border-radius:10px; background:white; margin-bottom:52px; padding:0;}
#content form, #content1 form {background-color:White;}
#contentbox p, #contentbox1 p {margin-top:7px; margin-bottom:23px;}
#termsbox p {margin-top:7px; margin-bottom:11px;}

.boxh2 h2 {padding: 15px 25px 10px 25px;
           -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.1);
           -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.1);
           box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.1); margin:0 10px 10px 10px ;}
.boxh2 {background:white;background-repeat:no-repeat; border-top-right-radius:10px; border-top-left-radius:10px; padding-top:10px;}
    .boxh2 select {padding: 5px;margin: 0px 0; display: inline-block;border: 1px solid #ccc;
        border-radius: 4px;box-sizing: border-box;}

.inlineh2 h2 {padding: 15px 25px 10px 25px;}
#contentTitle h2 {padding: 15px 25px 10px 25px;clear:left; text-align:center;}
.boxheader h3, .boxheaderimage h3 {background-image: linear-gradient(to bottom, #EDEDED 50%,#E6E5E3 51% ); padding:10px; margin:10px 20px 10px 25px;
                                    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.1);
                                    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.1);
                                    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.1);}
.boxheaderimage img {float:right;position:relative; right:10px; top:-6px;}
.boxheaderimage h3 span {position:relative; top:-4px;}
.boxheaderimage h3 span span {position:relative; left:50px; top:0px;}


.listheader h3, .listheaderlrg h3 {background: #8E8E8E; height:35px; color:white; 
                        font-size: 1.4545em; border-top-left-radius:5px; border-top-right-radius:5px;padding: 4px 0 8px 12px;  text-transform: lowercase;}
.listheaderlrg h3 span span {position:absolute;right:230px;padding-top:4px; }
.listheaderlrg h3 input {background-color:#8E8E8E; font-size:large;float:right; margin-right:10px;color:#dddddd;}
.listheaderlrg h3 input input {position:absolute;right:230px; color: #fff; font-size: 1.1em; background:#8E8E8E; }
.listheaderlrg h3 select {position:relative; left:386px; top:2px; }

#InfoPage h4 , #one-up h3 {z-index:500;margin-top:8px;}
#InfoPageTitle{border:1px solid White; height:20px;width:814px;}
#quote-sum .ArrowList li {margin:25px 40px; font-size:1.2em;}
#quote-status .GenList li, #quote-status-e .GenList li, #quote-status .GenListQuoteAdmin li, #quote-status-e .GenListQuoteAdmin li {margin:20px 15px; font-size:1.1em;}


.GenList {width:345px;}
.GenListQuoteAdmin {width:90%;}
ul.GenList, ul.GenListQuoteAdmin, ul.ArrowList {border:0px solid red;margin-bottom:8px;}
.GenList li,.GenListQuoteAdmin li, .ArrowList li, .BareList li { line-height:1.3em; font-size:1.1em; margin-left:25px;padding:0 0 0 18px;height:auto;display:block;border:0px solid blue;}
.AddressList1 li { line-height:1.3em; font-size:1.1em; margin:0px;padding:0 0 0 0px;height:auto;display:block;border:0px solid blue;}
.GenList li, .GenListQuoteAdmin li {background: url("images/list1.gif") 0 4px no-repeat;}
.GenList li input, .GenListQuoteAdmin li input {margin-left:4px;	}

.LabelCheckGenList li input {float:right; width:20px; height:20px;}
.LabelCheckGenList li select {float:right;}
.ArrowList li {background: url("images/list2.gif") 0 4px no-repeat;}
.PadList li {margin:0 10px;}
.bigFont {font-size:1.2em;}



.infoband {background-image:url("images/informationband.jpg");padding:20px 23px 37px 92px; background-repeat:no-repeat; color:#fff;}
.infobandnew {background-color:#C4A684; padding:20px 23px 37px 92px; border: 0px solid #D37A76; color:white; border-radius:10px;
background-image:url("images/info-yellow.gif") ; background-repeat:no-repeat; margin-bottom:0px; background-position: 4% 30%;}
.warnband {background-image:url(images/warningbandlrg.jpg);padding:20px 23px 37px 92px; background-repeat:no-repeat; color:#fff;}

.warnbandnew {
background-color:#D37A76; padding:20px 23px 37px 92px; border: 0px solid #D37A76; color:white; border-radius:10px;
background-image:url("images/info-red.gif") ; background-repeat:no-repeat; margin-bottom:0px; background-position: 4% 30%;
}
.successbandnew {
background-color:#6AC345; padding:20px 23px 37px 50px;  color:white; border-radius:10px;
}
   
 p.last, div.last {padding-bottom:40px;}

/*LOGIN 2 Cols */
.two-up {margin: 0 15px 5px 15px; padding: 0 0 5px 0;}
.col-in {margin: 0 10px;}
.col-in1 {margin: 0 20px;}
.col-in2 {margin: 0 40px;}
.high200 {height:200px;}
.high300 {height:300px;}
.high400 {height:400px;}
.wide60 {width:60px;}

.warning {color:Red; font-weight:bold;}
.highlight {color:#7ab82f; font-weight:bold;}
.bold {font-weight:bold;}
.shaded {background-color:beige;}
.big {font-size:larger}
.larger { line-height:1.5em; font-size:1.1em;}
.smallprint { font-size:smaller;}
.smallprint p {margin-top:5px;margin-bottom:5px;}
.left {float: left;}
.right {float: right;}
.rightmargin {float: right;margin-right:60px;}
.hide {display:none !important;}

.hideClipboard {height:1px;width: 1px;color:white;}
.CopyButtons {background-color:#008CBA;cursor:pointer; padding:2px 20px 2px 20px;border:thin;color:white;float:right; border-radius:7px;}
.UploadButton {cursor:pointer; border:thin;}
.UploadButton img	{}

.CopyButtons input 	{text-align:center;}


.inline {display:inline;}
.bluetextonWhite {color:#004B91;}

.centre { text-align:center;}
.relative {position:relative;}
.margin {margin-left:20px;}
.padding {padding-left:20px;padding-bottom:15px}
.margintop {margin-top:7px;}
.margintopl {margin-top:27px;}
.margintb {margin-top:15px;margin-bottom:40px;}
.marginbot {margin-bottom:20px;}

.listbullet {padding-left:5px;display: inline-block;}


.shortbox tr {height:160px;}

.two-up .content-pane {margin: 0 0px 5px 0px; width: 345px;}
.two-up .content-pane h4 { font-size: 1.2em; padding: 0 0 10px 0px;}
.two-up .content-pane p {padding: 0 0 10px 0px;}
.two-up .content-pane td {width:325px;}
.two-up .content-pane input {padding:3px;}
.two-up .content-pane .button-continue {padding-top: 10px; text-align: center;}

/*CONTENT 1 COLUMN */
.one-up {margin: 0 14px 5px 15px; width: 774px;padding: 0 0 5px 0;}
.one-up h4 { font-size: 1.2em; padding: 0 0 10px 0px;}
.one-up p {padding: 0 0 10px 0px;}


.one-up .button-continue {margin-left:250px;padding: 0 0 10px 0; text-align: right;}
#one-up-list .button-continue {padding: 0 14px 10px 0; text-align: right;}
#contact-form .button-continue {padding: 140px 290px 10px 0; text-align: right;}
.one-up .button-cancel, #one-up-list .button-cancel {float:left;padding: 0 0 10px 0;}

/*Two column fields: lbl with nested txtbox */
.two-col, .two-col-wide, .two-col-centre {padding-top: 2px; margin-bottom: 5px;}
label.two-col, label.two-col-wide,  label.two-col-centre {display: block; font-size: 1em; font-weight: bold; color: #767676; margin-bottom: 15px; padding-top: 2px; position: relative; text-align: left; text-indent: 10px;}
label.two-col,  label.two-col-centre { width: 45%;}
label.two-col-wide {width: 55%;}
label.two-col input, label.two-col textarea, label.two-col-wide input { left: 100%; padding: 2px; position: absolute; top: 0;}
label.two-col-centre input { left: 50%; padding: 2px; position: absolute; top: 0;}
.two-col span input {left: 420px; padding: 2px; position: absolute; top: 0;}
label.two-col input#MainContent_cAddressBook_lvAddressList_ctrl0_txtDescr { font-weight:bold;}
label.two-col select {padding:3px 3px 3px 0; left: 100%; min-width: 50px; position: absolute; top: 0; border-color:Black; border-style:solid; border-width:1px;}
label.two-col .add-error, label.two-col .add-error-wide, label.two-col-wide .add-error, label.two-col-wide .add-error-wide 
    {left: 100%;padding: 2px 2px 2px 2px; position: absolute; top: 0; color: red; }
label.two-col .add-error-wide, label.two-col-wide .add-error-wide {margin-left:290px;}
label.two-col .add-error, label.two-col-wide .add-error {margin-left:220px;}
label.two-col span.checkbox, label.two-col-wide span.checkbox {left: 30px;}
.valerrorsum{color:red;}

/*postcode buttons*/
label.two-col a {left: 435px; position: absolute; top: 0;}
label.two-col a img {margin-top: -1px}

#contact-form .add-error-wide {margin-left:380px;}

.shortlabel	{display: block;}
.shortlabel	label {width:60px;}

.valerrorsum {margin-left:300px;}
ul.valerrorsum {list-style-type:disc;}
.valerrorsum ul li { display:block; }
.help {display:block;font-size:0.8em; font-weight:normal;}
.bitsmaller {font-size:0.8em;}
table.AddressList .help {margin:-4px 0 20px 200px;}
table.UserInfoList .help {margin:-4px 0 20px 214px;}
table.UserInfoList tr.edititem .help {margin:-4px 0 20px 190px;}

/*HOME PAGE CONTENT*/
DIV.viewPanel li {display:inline;padding:0;margin:0;float:left;width:150px;text-align:center;}
DIV.titleHolder {margin:5px 0 0 20px;width:110px; text-align:center;}
.HomeMain {height:210px;}
.HomeGames {height:230px;}
.Home1p {height:190px;}
.CartAlsoBought {height:250px;}
.HomeYouTube {height:280px;}
.HomeYouTube .platformHolder {padding-bottom:10px;}
.HomeGames h6 {margin:5px 0 10px 0;}
/*.HomeNews {height:150px;}*/
.HomeTwitter {height:825px;margin:0 100px;}
.Home1p b, .red {color:red;}
.ImageText img {float:left; padding:0 20px 3px 20px;margin:10px;}
.ImageText input {float:right;padding:0 20px 3px 20px;}
/*IE PEEKABOO */
* html .ImageText img {margin-right: 10px;}
.ImageTextRight img{float:right;padding:0 40px 3px 20px;margin:10px;}
.ImageTextRightUp img{position:absolute; top:415px;right:265px;}
.ImageTextNav img{position:relative; top:0px;right:0px;left:15px;}
.ImageText, .ImageTextRight {padding:10px 0 10px 0;}

/* HELP  */
.menu-order { width: 700px;height:135px;margin:10px 50px;}
#contact-form {height:950px;}
#cancel-form {height:400px;}
.empty-msg {margin:50px 10px;vertical-align:middle;}


/*salesorders contacts*/

table.AdminList {width:100%; font-size:smaller;}
table.AdminList th,table.AdminList td {padding-left:4pt;}
.ChillAdminContactsContainer{margin:10px;}


/*ADDRESS BOOK */
table.AddressList, table.UserInfoList { border-collapse:collapse; width: 754px; table-layout: fixed; height:100%;}
table.AddressList td, table.UserInfoList td { padding: 15px; border-style:solid; border-color:#666; border-width:thin; }
table.AddressList tr,  table.UserInfoList tr, table.SellingCart tr {margin-bottom:10px;}
.AddressDefault, .AddressEdit, .AddressEditCancel, .AddressDelete, .AddressEditCancel2019 { text-align:center; width:15%;}
 
.AddressEditCancel input {display: block;  margin: 0px auto; padding:30px 0; }
.AddressEditCancel2019 input {display: block;  margin: 30px auto; }

.AddressDetails {width:50%;}
.AddressSelect {width:70%;}
.selectitem{width:40%; background-color:#9ddefe;}
.OrdHistNo { width:13%;white-space:normal; overflow:hidden;}
.OrdHistDetails {width:48%;white-space:normal; overflow:hidden;}
.OrdHistStatus {  text-align:center; width:15%;white-space:normal; overflow:hidden;}
.OrdHistStatus input, .OrdHistNo input{margin-top:15px;margin-bottom:15px;}

/*EMAIL*/

.EmailHistNo { width:14%;white-space:normal;font-size:smaller; padding-left:8px;}
.EmailHistSender {width:25%;white-space:normal; overflow:hidden;}
.EmailHistSubj {width:75%;white-space:normal; overflow:hidden;}
.EmailHistBody {overflow-x: hidden;white-space:normal;height:250px; overflow-y:scroll;}
.ShopCredit, .FullWidth {width:100%}
.AddressDetails li, .AddressSelect li, OrdHistDetails li {display:block;}

.edititem { background-color:lightgoldenrodyellow;}
.actionitem { background-color:#d4eefb;}

.button-newaddress {margin:5px 28px; text-align: right;}

/*SHOPPING CART + OFFERS LIST*/
#cart-table, #order-table { width:766px;}
#one-up-list {padding: 0 20px 0 20px;}
#one-up-list .b-titles {color:#719095; height:30px; vertical-align:bottom;}
#one-up-list .b-prod-t {text-align:left; padding:0 0 5px 10px;width:70%;}
#one-up-list .b-remove-t {text-align:center; height:30px; padding:0 5px 5px 0;}
#one-up-list .b-buy-t {text-align:center; height:30px; padding:0 5px 5px 5px; }
#one-up-list .b-price-t {padding-bottom:5px; text-align:center;padding:0 5px 5px 0; }
#one-up-list .b-prod-info {padding:15px 10px 0 0;width:67px;text-align:center;}

#one-up-list .b-prod-info img {margin:0 10px 5px 20px;border:1px solid darkgray !Important;}
#one-up-list .b-prod-copy {font-size:1em;margin-top:5px; padding:10px 10px 0 0;width:504px;}
#one-up-list .b-prod-copy-sold {font-size:1em;margin-top:5px; padding:10px 10px 0 0;}
#one-up-list .prod-info-linkbutton{text-align:center;}
.prod-info-linkbutton.prod-info-linkbuttonSold {margin-left:10px;}
#one-up-list .b-prod-title {font-weight:bold; width:325px; display:block;}
#one-up-list .b-prod-title-offer {font-weight:bold; width:502px; display:block;}
#one-up-list .b-prod-code {display:block; width:auto; margin:5px 0;font-weight:bold;}
#one-up-list .b-remove {vertical-align:top; padding:29px 0 0 28px;}
#one-up-list .b-buy {vertical-align:top; padding:17px 0 17px 0; width:50px;}
#one-up-list .b-buy img { padding-left:0px;}
#one-up-list .b-price {font-weight:bold;font-size:1.5em; vertical-align:top; margin:10px 10px 20px 18px;float:left;}
#one-up-list .b-pricecart {font-weight:bold;font-size:1.25em; text-align:center; vertical-align:top; padding-top:28px;}

#one-up-list .b-sub-total-t {margin-left:0;padding:15px; text-align:right;color:#79b92d;}
#one-up-list .b-sub-total-t li {display:block;}
#one-up-list .b-sub-total-del {margin-top:10px;color:#79b92d; font-weight:bold;}
#one-up-list .b-sub-total-del-type {float:left;width:280px; margin:15px 0 0 25px;color:#79b92d; font-weight:bold;}
#one-up-list .b-sub-total-del-type li {padding-right:5px;}
#one-up-list .b-sub-total-del-update {position:relative;top:3px;}
#one-up-list .b-offers-del { float:right; color:#79b92d; margin:5px; font-weight:bold;text-align:right;}
.b-hr {background-color:#edf2f3; color:#edf2f3; height:2px;}
.payment_options {text-align:right;background-image:url("images/HSBCCheckout.gif"); background-repeat:no-repeat; background-position:270px 17px;margin-bottom:40px;}
.payment_options .red {padding:10px 35px;}
.bottomCheckoutPaypoint {margin: 10px 20px 0 0;}
.bottomCheckoutPayPal { margin: 0 15px 0 0;}

/* CHECKOUT */
.two-col-list li ul li {list-style:none;display:inline;}
.two-col-list .heading { font-weight:bold;}
ul.two-col-list {width:733px;}
.two-col-list li {padding:5px 15px 5px 0;float:left;}
.BasketTitle {width:75%;}
.BasketPrice {width:20%; text-align:right;}
.BasketPrice span { width:100px;}
.fgtpwd {margin-bottom:14px;}

.two-col-address {margin:15px 0 20px 300px; font-size:1.1em;}

#two-col-address-prt {padding: 20px 20px 20px 40px;text-align: left; float:left; width:35%;}
#right-col-address-prt {margin-left:380px;padding: 20px 20px 20px 40px;text-align: left;}

/*SELL GAMES PAGE*/
#all-search {background-color: #8b4513; padding:10px 0px 18px 18px; margin-top:10px;
             /*background-image: linear-gradient(to top,#B34216 10% ,#A13008 20%, #922905 30%, #872A06 40%, #862905 50%, #7B2A02 60%, #752D02 70%, #7A3609 80%,#B34216 90% );*/
             border-radius:10px; width: 560px; position:relative; left:110px;top:0; color:white; box-shadow: 10px 10px 5px #aaaaaa; }
#all-search ol li {display:block}
    #all-search select, #all-search input[type=text]{        
        padding: 5px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
    }

#all-search h3, #all-search span { color:#fff;padding-left:41px;}
#all-search h3 {padding-top:5px;}
.ean-search, .game-search {margin:0 0 5px 34px;}
.gamebulk-search {margin:5px 0 5px 75px;}
.ean-search span { font-size:0.8em; }

.textimage input {padding-left:6px;vertical-align:middle;}

.game-search input, .gamebulk-search input, .ean-search input, .sell-payment-options input, .sell-payment-options img  {padding:3px;margin-top:2px;font-size:1.2em;vertical-align:middle;color:#666;}
.access-radio {padding:3px;font-size:1em;vertical-align:middle;color:White;}
.access-radio input  {margin-left:10px;margin-right:2px;margin-bottom:5px;}
.sell-payment-options table {height:80px;}
.sell-ship-options input {padding-right:8px;}
.sell-payment-options {margin:15px 25px 15px 34px;}
.sell-payment-options .GenList { padding-top:10px;}
.sell-payment-options .ArrowList { padding-top:15px;}
.sell-payment-options li span.spo-span {display:block;text-align:left;padding:0 0 0 18px;}
.sell-payment-options li {display:inline-block;}
.spo-span {background: url("images/list1.gif") 4px 4px no-repeat;}
.strikeout {text-decoration:line-through;}

.game-search select, .gamebulk-search select {width:180px;vertical-align:middle;margin-top:2px;font-size:1.2em;padding:2px;}

#search-area {height: 330px;}
.valerrorsellean {width:auto !Important;background-color:White;}
table.SellingCart td, table.SellingCart th {border-top:1px solid #ccc;border-right:1px solid #ccc;}
table.SellingCart {border-collapse: collapse; width: 100%; height:100%;border-bottom:1px solid #ccc;border-left:1px solid #ccc; }
#all-search ol {color:#fff;padding:5px 41px 0 41px; }
#all-search ol li {display:block;}

#all-search ul {padding:2px 0 0 0; }
#all-search ul li {display:inline;padding-left:41px;}

.SellPrice, .SellDelete  { text-align:center; width:12%;padding: 5px;}
.SellTitle {width:60%;padding: 5px;}
.SellTitle span { font-size:1em;margin-right:1px;}
.SellTitle span span { color:Red;}
/*.SellTitle input {position:relative;left:5px;top:4px;}*/
/*.SellTitle input {position:absolute;right:445px}*/
.SellTitle select {font-size:0.8em;}
.SellSearchAdd { text-align:center; width:7%;padding: 5px;}
.SellImg img {border:1px solid Black !Important;}
.sellGamesEditImage{width:50%; margin-left:20%;}
.SellTitleEmpty {padding:26px;}
.sellingtotal span {margin-left:400px;}
.sellingpost span {margin-left:369px;}
.sellingpost1 span {margin-left:500px;}
.sellingtotal1 span {margin-left:528px;}
.sellingos span {margin-left:20px;}
.sellingtotal, .sellingpost, .sellingos, .sellingpost1, .sellingtotal1 {padding:15px 0;}

.centreButton {margin-left:309px;margin-bottom:30px;margin-top:30px;}

/*SELL CHECKOUT*/
.cdr-shipping {float:right;padding:0px 20px 20px 10px;}
#pnlAccount { height:110px;}
#pnlShippingCourier { height:280px;}
.printer-option input {margin:10px;}
#quote-terms  {margin:25px 40px; font-size:1.2em;}
#quote-terms span {padding:10px 0;}
.chkpack input {margin-left:20px;}
.chkterms input {margin-left:35px;}

/*SELL SEARCH PAGE */
#sortTopSell {width:753px; vertical-align:top;padding-top:4px;margin-top:0px; }
.phrtoppager {margin-left:652px;}
.sortTopSellSub input {top:2px;}
.sortTopSellSub {margin:0 0 0 610px;padding: 4px 0;}
.sortTopSellSubjs {margin-left:650px; padding: 4px 0;}

#sortTopSell.b-hr1 {border-bottom:solid 1px #666;margin:0;padding:0;}
li.b-hr1 {border-bottom:dotted 1px #666;margin:0;padding:0;height:85px;}
#sell-results-list ul {width:753px;}

#sell-results-list li {float:left;}
.SellSearchNo {width:30px;padding:8px 0 0 8px;}
.SellImgSmall{margin-left:25%;}
.SellImgX {float:left;}
.SellImgX img {border:1px solid Black !Important;}
.SellSearchTitle {width:64%; padding:20px 15px 5px 5px;margin-left:20px;}
.SellSearchTitle span { font-size:0.8em;margin-right:10px;}
.SellSearchAdd {margin:auto 10px auto 0;}
.SellSearchAdd input {margin: 7px 10px 7px 0;}
.SellSearchAdd span { font-size:0.8em;width:100px;}
/*Popup large images*/

.SellImgX, .SellImg {
position: relative; /*allows precise positioning of the popup image when used with position:absolute - see support section */
z-index: 0; /*resets the stack order of the list items - we'll increase in step 4. See support section for more info*/

}
.SellImgX img, .SellImg img	{z-index: 0;}

.SellImgX span, .SellImg span{
position:absolute; 
left: -9999px; /*moves the span off the page, effectively hidding it from view*/
}

.SellImgX img:hover, .SellImg img:hover{
z-index: 50; /*places the popups infront of the thumbnails, which we gave a z-index of 0 in step 1*/ 
cursor:pointer; /*changes the cursor to a hand*/
}
.SellImgX img:hover img, .SellImg img:hover img	{
		z-index: 50; /*places the popups infront of the thumbnails, which we gave a z-index of 0 in step 1*/}

/***We bring the large image back onto the page by reducing left from -9999px (set in step 2) to figures below***/ 
.SellImgX:hover span, .SellImg:hover span { /*positions the <span> when the <li> (which contains the thumbnail) is hovered*/ 
top: -40px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: 80px; /*distance from the left of the thumbnail to the left of the popup image*/
}

/*PRODUCT CONTENT PAGE */
.prodtext {padding:10px 0 0px 50px;height:190px;}
.prodtextfull {padding:10px 50px 0px 50px;height:auto;}
.prodtext p, .prodtextfull p { text-align:justify;}

.prodimage {clear:left;float:right;display: inline;width: 130px;margin-left:25px;
    padding: 7px 8px 0 15px;background-image: url("images/bg_prodimage_pipe.gif"); background-repeat:no-repeat;}
.prodimage img {margin-bottom:5px;}
.pegiLogosTbl img {padding:2px;margin:2px;position: relative;left:5px; border:0 !Important;}
.pegiLogosTbl {width:100px;}
.emptyOffers {height:100px;}
.emptyOffers h3 {margin:50px 120px; text-align:center;}
#youtube-search {padding:0; clear:left;margin-left:auto;margin-right:auto;}
.videoBar-head {font-size:0.8em; color:#719095; font-weight:bold;}
.videoBar-bar { height:125px;}
 .yTubeChillTitle {margin:5px 0;width:600px; text-align:center;}

  .jQueryUITabsCustom{display:inline-block !important;width:100% !important;border:none !important;}
 
/*IE PEEKABOO */
* html p1, * html .container1 {height:1%;margin-left: 0;}

/* FACEBOOK */
.fblikeh2 { position:absolute; top:162px;left:600px;}
.fblikeh2sell { position:absolute; top:70px;left:600px;}
.fblikeh2sell-help { position:absolute; top:110px;left:600px;}
.fblikeh4 { position:absolute; top:193px;left:600px;}
.fblikeprod { position:absolute; top:197px;left:705px;}

.SmallImageText img{float:left; padding:0 10px 0px 24px;}
#ProductListPage .ImageText, .SmallImageText, .ProductListItem {clear:left;}
.emptyProducts {height:240px;}
.emptyProducts h3 {clear:left;margin:100px auto; text-align:center;width:250px;}
#ProductListPage, #GameCategories, #ProductPage {background-color:White; border-radius:10px;}
#GameCategories h4, .sitemapheader h4 {padding:8px;position:relative; }
.sitemapheader h4 {width:500px;float:left;}
.subheader {padding:0 0 10px 0;margin:0;}
.subheader b {padding-right:18px;}

#ListSort {margin-left:692px;padding: 5px 0px 0px 0;}

/* PRODUCT LISTING */
.ProductList {padding-left:3px;}
.ProductList li input {clear:left;float:left;border:1px solid Black !Important;margin-bottom:2px;}


.instock {position:relative;top:6px;left:10px;float:left;}
.instock, .instockjs input {margin-right:7px; vertical-align: bottom;}
.instock, .instockjs label {}
.instockjs {position:relative;top:6px;left:40px;float:left;}

.sortTop{margin-left:-40px;padding: 4px 0 0 0;}
.sortTop input {position:relative;top:2px;}
.sortTopjs{padding: 4px 0 0 0;}

.emailpagertop  {display: inline-block;width:90px;margin-left:-20px;}

.pagertop, .pagerbot, .loginBar {font-weight:bold;}
.pagertop a:active, .pagerbot a:active {color:Black;text-decoration:none;}
.PLPagerBot {clear:left; padding: 0 0 15px 10px;margin:8px auto 3px;}
.PLPagerBot a, .PLPagerBot span { line-height:1.5em;}
.PLPagerBot input {position:relative;top:4px;}
.PLPagerBot img { vertical-align:bottom;}
.ddlProdPP {padding-top:10px;}

.PLhead span {font-size:x-small;}

.PLhead {float:left; background-color:#d3d3d3;font-weight:bold;padding:5px 0 3px 3px;margin:0 0 0 3px;}
.PLdescr {padding-left:3px;float:left;font-size:small;text-align:justify;line-height:1.3em;}

.ClearBlock {clear:left;height:0%;}
.clear {clear:left;}
.ClearContentBlock {clear:left;height:1%;margin-bottom:-46px;}
/*IE6 FIXES */
* html #basket, * html #search,* html #menuera,* html #platformjumper, * html #menusell {margin-top:-14px;}
* html #content, * html #content1, * html #navigation {margin-top:0px;}

* html #navigation {margin-left:-3px;}
* html #content table img, * html #content1 table img {margin-left:-7px;}
* html .ClearContentBlock {margin-bottom:-6px;}
* html .ClearBlock {margin-bottom:-16px;}

.fixed {position:fixed;}
#navigation {float:right;width:162px;padding: 4px 7px 4px 0px;color:White;}
.advert {font-size: 80%;padding:0;width: 162px; }
.advert img {
        border-radius: 4px;
    }

.navbox p, .navboxdark p{
    padding: 5px;
}
.navbox {border:solid 1px;border-color:white;border-radius:10px;background-color:#046DA4;
color:white;margin-bottom:10px;padding:3px;}

.navboxdark {border:solid 1px;border-color:white;border-radius:10px;background-color:#6b340d;
color:white;margin-bottom:10px;padding:10px;}
    .navboxdark label, .navbox label, .navboxdark img, .navbox img {
        padding-right: 10px;
        padding-top: 5px;
        padding-left: 5px;
        float: left;
    }

.navbox, .retrolinks {border:solid 1px;border-color:black;border-radius:10px;background-color:#FEE9Cf;
color:black;margin-bottom:10px;padding:3px;}

/* MUSEUM PAGES*/
.museumpages {
text-align:justify;
}

.retrolinks {display: inline-block; position: relative; width: 152px;}
.RGdropbtn {background-color: #FEE9Cf;color: black; padding: 5px;border: none;cursor: pointer;padding: 5px;}
    .RGdropbtn:hover a{background-color: #703200;color:white;}
.RGdropdowncontent {display: none; position: absolute;background-color: #f9f9f9;min-width: 160px;margin-left: 100px;margin-top: -22px;
            border: solid 1px ;border-color: black;border-radius: 10px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
    .RGdropdowncontent a { color: black;padding: 3px 4px;text-decoration: none;border-radius:10px;display: block;}
    .RGdropdowncontent a:hover {background-color: #f1f1f1}
    .RGDropdown:hover .RGdropdowncontent {display: block;}
.RGDropdown a{color:black;}
.RGDropdown:hover .RGdropbtn {background-color: #703200;color:white;}
.wrapDK {position:relative;margin-bottom:20px;} 
.animdonkeyleft, animdonkeyright img {width:38px;position: absolute;}
.animdkl{ left:0;}
.animdkr{padding-left:73px;right:0;}

/*Styling the museum pages/tables*/
.alignretrocenter {text-align:center;} .alignretroleft {text-align:left;}
.alignretroright {text-align:right;margin-left:-10px}
.alignretrobuy img{margin-left:17px; margin-bottom:5px;} .alignretrobuyNone img{margin-bottom:5px;/*None class doesn't have a margin left as the image is already padded left*/
}
.museumHMcolour {background-color: #ffe4c4;} .museumlightHMcolour {background-color:#fdf5e6}
table#MuseumRegionsTable {width: 100%;border-spacing: 5px;padding: 10px;}
table#MuseumCompatTable {width: 100%;border-spacing: 5px;padding: 20px;}
#MuseumCompatTable td {border:2px solid black; border-collapse:collapse; padding:5px; background-color:#fdf5e6; }
table#MuseumFaqTable {width: 50%;padding: 10px;}
#MuseumFaqTable td {border:1px solid black; border-collapse:collapse; background-color:#fdf5e6; text-align:center }
table.MuseumFaqTable {width: 50%;padding: 10px;}
.MuseumFaqTable td {border:1px solid black; border-collapse:collapse; background-color:#fdf5e6; text-align:center }
.retrojustify {text-align:justify; padding:5px;}

.listheaderlrgAdmin h3 {background: #8E8E8E; height:35px; color:white; 
                        font-size: 1.4545em; border-top-left-radius:5px; border-top-right-radius:5px;padding: 4px 0 8px 12px;  text-transform: lowercase;}
.listheaderlrgAdmin h3 input {position:absolute;right:230px; color: #fff; font-size: 1.1em; background:#8E8E8E; }
.listheaderlrgAdmin h3 select {position:relative; left:386px; top:2px; }


.alignBtnRight {
    float:right;
    margin-bottom:10px;
    margin-top:7px;
    margin-right:10px;
    padding:3px;

}

.floatRight {float:right;}
.marginTop {margin-top:10px;}
.textBoxNoClick {pointer-events: none;}
.focusButton:focus {outline:1px solid red;}
.textboxDisabled {background-color:#f0f0f0;border-color:#f0f0f0;}

    .SearchChznSelect select, .SearchChznSelect input[type=text], .SearchChznSelect input[type=checkbox], SearchChznSelect input[type=number]
{
        font-size: 15px;
        padding: 13px 5px;
        margin: 7px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
}

.SlctDdlChkbTxtbSmall select, .SlctDdlChkbTxtbSmall input[type=text], .SlctDdlChkbTxtbSmall input[type=checkbox], .SlctDdlChkbTxtbSmall input[type=number], .SlctDdlChkbTxtbSmall input[type=date],
.SlctDdlChkbTxtbSmall select:disabled, .SlctDdlChkbTxtbSmall input[type=text]:disabled, .SlctDdlChkbTxtbSmall input[type=checkbox]:disabled, .SlctDdlChkbTxtbSmall input[type=number]:disabled {
    padding: 2px 2px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ccc;
    margin: 2px;
}

.SlctDdlChkbTxtb select, .SlctDdlChkbTxtb input[type=text], .SlctDdlChkbTxtb input[type=checkbox], .SlctDdlChkbTxtb input[type=number]
{
    padding: 5px 10px;
    border-radius:4px;
    border: 1px solid #ccc;
    margin:2px;
}
.SlctDdlChkbTxtbDirect
{
     padding: 5px 10px;
    border-radius:4px;
    border: 1px solid #ccc;
    margin:2px;
    
}

/*Override chzn ddls padding*/
.chosen-container-single .chosen-single {padding: 5px 10px !important;}


.SlctDdlChkbTxtbDirectRealign
{
    margin-top:-7px;
}

.cursorOnHover:hover{cursor:context-menu;}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}



/* SITE FOOTER
*******************************/
/*old footer*/
/*#footer {bottom:0; background: url("images/bot.gif") top left no-repeat;padding:0;clear:both;height:72px;width:100%;
          border-bottom-left-radius:10px; border-bottom-right-radius:10px;}*/
#footer {
    height:72px; width:100%;border-bottom-left-radius:10px; border-bottom-right-radius:10px;
    padding:0;clear:both;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#823a00), to(#3e1200));
    background-image: -webkit-linear-gradient(top, #823a00, #3e1200);
  background-image:    -moz-linear-gradient(top, #823a00, #3e1200);
  background-image:      -o-linear-gradient(top, #823a00, #3e1200);
  background-image:         linear-gradient(to bottom, #823a00, #3e1200);
}

#mobileFooter
{
        height:100px; width:100%;border-bottom-left-radius:10px; border-bottom-right-radius:10px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#823a00), to(#3e1200));
    background-image: -webkit-linear-gradient(top, #823a00, #3e1200);
    background-image:    -moz-linear-gradient(top, #823a00, #3e1200);
    background-image:      -o-linear-gradient(top, #823a00, #3e1200);
    background-image:         linear-gradient(to bottom, #823a00, #3e1200);

}
#botnav, #Copy {position:relative;top:20px;color:White;height:20px;text-align:center;padding:0px;margin: 0px;}	
#botnav {bottom: 3em;}
#botnav a{color:#c46200;}
#botnav a:hover{color:White;}
#Copy {bottom:1.2em;}
#Copy img {margin:0 2px -2px 0;}


.oidMedImg{padding:10px 0 0 30px;height:750px}

.oidImgList {clear:left;float:right;display: inline;width: 300px;margin-left:25px;
    padding: 7px 8px 0 15px;background-image: url("images/bg_prodimage_pipe.gif"); background-repeat:no-repeat;}
.oidImgList img {margin-bottom:5px; border:1px solid black !Important;}
.oidImgListTbl input {padding:2px;margin:2px;position: relative;left:5px; border:1px solid black !Important;}
.oidImgListTbl {width:280px;}


.oid-short-description{padding-right:20px;}
.oid-title{display:block; width:auto; margin:5px 0;font-weight:bold;}
.oid-info{font-weight:bold; width:502px; display:block;}
.oid-comments{font-size:1em;margin-top:5px; padding:10px 10px 0 0;width:475px;}
.oid-price{font-weight:bold;font-size:1.5em; vertical-align:top; margin:10px 10px 20px 18px;float:left;}

/*************************************************************************BUTTONS*********************************************************************************/

/*NORMAL*/
.chillButtonSmallGreen, .chillButtonSmallGreenWebsiteOnly, .chillButtonSmallSearch, .chillButtonSmallBlue, .chillButtonSmallRed, .chillButtonSmallCancel, .chillButtonSmallDisabled, .chillButtonSmallEdit,
.chillButtonMediumGreen, .chillButtonLargeGreen, .chillButtonLargeBlue, .chillButtonLargeRed, .chillButtonLargeViolet, .chillButtonFormCancel, .chillButtonFormUpdate, .chillButtonFormEdit, .chillButtonBackWhite {
    display: inline-block;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    outline: none;
    color: #fff;
    border: none;
    border-radius: 8px;
}

.chillButtonSmallGreen {
    padding: 5px 10px 5px 5px;
    background-image: linear-gradient(to right, #246895 28%,#7ab730 29%);
    box-shadow: 0 5px #999;
}

    .chillButtonSmallGreen.productContentButton
    {
        padding: 5px 15px 5px 5px;
        background-image: linear-gradient(to right, #246895 37%,#7ab730 37%);
    }

    .chillButtonSmallGreen:hover {
        background-image: linear-gradient(to right, #246895 37%,#6aa028 37%);
        box-shadow: 0 5px #999;
    }
    .chillButtonSmallGreenWebsiteOnly {
    padding: 5px 10px 5px 5px;
    background-image: linear-gradient(to right, #246895 37%,#B7A22E 37%);
    box-shadow: 0 5px #999;
}

    .chillButtonSmallGreenWebsiteOnly:hover {
        background-image: linear-gradient(to right, #246895 37%,#9B8A26 37%);
        box-shadow: 0 5px #999;
    }

.chillButtonMediumGreen {
    padding: 5px 5px 5px 5px;
    background-image: linear-gradient(to right, #246895 15%,#7ab730 16%);
    box-shadow: 0 5px #999;
}

    .chillButtonMediumGreen:hover {
        background-image: linear-gradient(to right, #246895 15%,#6aa028 16%);
        box-shadow: 0 5px #999;
    }

.chillButtonLargeGreen{background-image: linear-gradient(to right, #246895 25%,#7ab730 25%);}
.chillButtonLargeBlue{background-image: linear-gradient(to right, #145585 25%,#3193B7 25%);}
.chillButtonLargeRed{background-image: linear-gradient(to right, #246895 25%,red 25%);}
.chillButtonLargeViolet {    background-image: linear-gradient(to right, #246895 25%,#990033 25%);}
.chillButtonLargeGreen, .chillButtonLargeBlue, .chillButtonLargeRed, .chillButtonLargeViolet {
    width: 100px;
    height: 27px;
    font-size: 16px;
    padding-left: 0px;
    box-shadow: 0 2px #999;
}


.chillButtonLargeGreen:hover {
        background-image: linear-gradient(to right, #246895 25%,#6aa028 25%);
        box-shadow: 0 2px #999;
    }
.chillButtonLargeBlue:hover {
        background-image: linear-gradient(to right, #145585 25%,#297C9C 25%);
        box-shadow: 0 2px #999;
    }
.chillButtonLargeRed:hover {
        background-image: linear-gradient(to right, #246895 25%,darkred 25%);
        box-shadow: 0 2px #999;
    }
    .chillButtonLargeViolet:hover {
        background-image: linear-gradient(to right, #246895 25%,darkred 25%);
        box-shadow: 0 2px #999;
    }


    .chillButtonSmallGreen:active, .chillButtonSmallCancel:active, .chillButtonMediumGreen:active, .chillButtonLargeGreen:active, .chillButtonLargeBlue:active {
        box-shadow: 0 0px #666;
        filter: brightness(1.15);
    }
    .chillButtonLargeGreen.padded, .chillButtonLargeBlue.padded, .chillButtonLargeRed.padded, .chillButtonLargeViolet.padded {
        width: 120px;
    }
    .chillButtonLargeGreen.paddedxl, .chillButtonLargeBlue.paddedxl, .chillButtonLargeRed.paddedxl, .chillButtonLargeViolet.paddedxl 
    {        
        width:150px;
    }
    .chillButtonLargeGreen.printReceipt
    {        
        background-image: linear-gradient(to right, #246895 22%,#7ab730 22%);
        width:150px;
    }


 /*LIST VIEW CANCEL/UPDATE/EDIT*/

.chillButtonFormCancel {
    padding: 5px 10px 5px 5px;
    background-image: linear-gradient(to right, #246895 21%,red 22%);
    box-shadow: 0 2px #999;
}

    .chillButtonFormCancel:hover {
        padding: 5px 10px 5px 5px;
        background-image: linear-gradient(to right, #246895 21%,darkred 22%);
        box-shadow: 0 2px #999;
    }

.chillButtonFormUpdate {
    padding: 5px 10px 5px 5px;
    background-image: linear-gradient(to right, #246895 21%, #7ab730 22%);
    box-shadow: 0 2px #999;
}

    .chillButtonFormUpdate:hover {
        padding: 5px 10px 5px 5px;
        background-image: linear-gradient(to right, #246895 21%, #6aa028 22%);
        box-shadow: 0 2px #999;
    }

.chillButtonFormEdit {
    padding: 5px 10px 5px 5px;
    background-image: linear-gradient(to right, #246895 28%, #7ab730 28%);
    box-shadow: 0 2px #999;
}

    .chillButtonFormEdit:hover {
        padding: 5px 10px 5px 5px;
        background-image: linear-gradient(to right, #246895 28%, #6aa028 28%);
        box-shadow: 0 2px #999;
    }

.chillButtonFormCancel:active, .chillButtonFormUpdate:active, .chillButtonFormEdit:active {
        box-shadow: 0 0px #666;
    }

.chillButtonFormCUMargins
{
    margin-bottom:10px;
    margin-top:10px;
}

/*DISABLE*/
.chillButtonSmallDisabled {
    padding: 5px 10px 5px 5px;
    background-image: linear-gradient(to right, #246895 28%,lightgrey 29%);
    cursor: context-menu;
    box-shadow: 0 5px #999;
}

/*CANCEL*/

.chillButtonSmallCancel {
    padding: 5px 10px 5px 5px;
    background-image: linear-gradient(to right, #246895 21%,red 22%);
    box-shadow: 0 5px #999;
}

    .chillButtonSmallCancel:hover {
        padding: 5px 10px 5px 5px;
        background-image: linear-gradient(to right, #246895 21%,darkred 22%);
        box-shadow: 0 5px #999;
    }

/*EDIT*/

.chillButtonSmallEdit {
    padding: 1px 15px 1px 1px;
    background-image: linear-gradient(to right, #246895 28%,#7ab730 29%);
    box-shadow: 0 2px #999;
    border-radius: 4px;
    font-size: 12px;
}

    .chillButtonSmallEdit:hover {
        padding: 1px 15px 1px 1px;
        background-image: linear-gradient(to right, #246895 28%,#6aa028 29%);
        box-shadow: 0 2px #999;
        border-radius: 4px;
        font-size: 12px;
    }

    .chillButtonSmallEdit:active {
        box-shadow: 0 0px #666;
    }


    .chillButtonSmallSearch{background-image: linear-gradient(to right, #246895 25%,#7ab730 25%);}
    .chillButtonSmallBlue{background-image: linear-gradient(to right, #145585 25%,#3193B7 25%);}
    .chillButtonSmallRed{background-image: linear-gradient(to right, #246895 25%,red 25%);}

.chillButtonSmallSearch, .chillButtonSmallBlue, .chillButtonSmallRed {
    padding: 1px 8px 1px 1px;    
    box-shadow: 0 1px #999;
    border-radius: 4px;
    font-size: 12px;
    margin-top: -1px;
    border: solid 0px;
}

    .chillButtonSmallSearch:hover{background-image: linear-gradient(to right, #246895 25%,#6aa028 25%);}
    .chillButtonSmallBlue:hover{background-image: linear-gradient(to right, #145585 25%,#297C9C 25%);}
    .chillButtonSmallRed:hover{background-image: linear-gradient(to right, #246895 25%,darkred 25%);}
    .chillButtonSmallSearch:hover, .chillButtonSmallBlue:hover, .chillButtonSmallBlue:hover {
        padding: 1px 8px 1px 1px;        
        box-shadow: 0 1px #999;
        border-radius: 4px;
        font-size: 12px;
    }

    .chillButtonSmallSearch:active, .chillButtonSmallBlue:active, .chillButtonSmallBlue:active {
        box-shadow: 0 0px #666;
    }


.chillButtonBackWhite
{
    padding: 5px 10px 5px 2px;
    background-image: linear-gradient(to right, #EAEAEA 21%,#EAEAEA 22%);
    box-shadow: 0 2px #999;
    color:#747474;
    border:1px solid #ccc;
}

.chillButtonBackWhite:hover {
       padding: 5px 10px 5px 2px;
        background-image: linear-gradient(to right, #BFBFBF 21%,#BFBFBF 22%);
        box-shadow: 0 2px #999;
        color:black;
    }

    .chillButtonBackWhite:active {
        box-shadow: 0 0px #666;
    }

.chillButtonLargeGreen:disabled {
    opacity: 0.65;
    pointer-events: none;
}
/*General movement for imgbtns*/
.chillButtonGeneral:active {
    box-shadow: 0 0px #666;
}
    .chillButtonGeneral:Hover {
        filter: brightness(1.15);
    }
        .chillButtonGeneral:focus {
            outline: 0;
        }

.chillButtonGeneralDisabled {
     -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.chillButtonGeneralDisabled:active {
     -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.btn-group-xs > .btn, .btn-xs {
    padding: .25rem .4rem;
    font-size: .875rem;
    line-height: .5;
    border-radius: .2rem;
}

    .rounded {
        border-radius: 10px;
    }

    .rounded-medium {
        border-radius: 4px;
    }

    .rounded-light {
        border-radius: 2px;
    }

.centerPanel
{
    width:50%;
    margin-left:25%;

}

.fullTransition {
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */
    animation: fadein 1s;
}

.avatarProfPic, .NoavatarProfPic, .avatarProfPicBackground, .HeaderAvatar, .AllCollectorsProfPic {
    vertical-align: middle;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    position: relative;
}

.AllCollectorsProfPic {
    width: 110px;
    height: 110px;
    position: relative;
    cursor: pointer;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
    .AllCollectorsProfPic:hover {
        opacity: 0.2;

    }

    .ProductCollectorAvatar {
        vertical-align: middle;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        position: relative;
        cursor: pointer;
    }

.HeaderAvatar {
    position: absolute;
    left:10px;
    margin-top:-20px;
    background-color:white;
    cursor:pointer
}
.HeaderAvatarLabel{
    margin-left:100px;
}
.avatarProfPicBackground:hover {
    content: url(images/bin.gif);
    float: right;
    cursor: pointer;
    opacity: 0.2;
}

.AllCollectorsProfPicBackground, .CollectorsPlatformView {
    position: relative;
    text-align: center;
    color: white;
    margin:10px;
}

.CollectorsPlatformView{
    color:#666666;
}
.CollectorsPlatformView img{
    width:45px;
    height:45px;
}

.GameCollectionCard{
    margin: 10px; width:220px;padding:1em;box-shadow: 10px 10px 5px grey;
}
.GameCollectionCard div.card-header{
    min-height: 40px;
}
.GameCollectionCard img{
    border-radius:4px;cursor:pointer
}
.GameCollectionCard small{
    overflow:hidden;white-space: nowrap;text-overflow: ellipsis;
}


.AllCollectorsItemCount {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color:black;
    font-weight:bold;
    opacity:1 !important;
    font-size:x-large;
}
.AllCollectorsItemUserName {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #6c757d;
    font-weight: bold;
    opacity: 1 !important;
    font-size:smaller
}

.gamewishlisttable{
    border:1px solid #ccc !important;
    border-collapse:collapse !important;
    text-align:center;
}
.gamewishlisttable td{
    border:1px solid #ccc;
}

.custom-file-upload {
    color: black;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    background-color: lightgray;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    width: 150px;
}
.custom-file-upload:hover{
    background-color:darkgray;
}

.accountUpdateUploadField input[type="file"] {
    display: none;
}

.light-shadow-bg{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}
.custom-pagination button{
    min-width:100px !important;
}

.adminimgcontainer{
    display:none;
}



/*************************************************************************BROWSER SUPPORT*********************************************************************************/
/*IE7+8+9+10*/
/*menu*/
@media screen\0, screen\9  {
 #menu, #menusell{
    background: url("images/header2lower.gif") top left no-repeat;
    }
	
 #menushadow{display:none;}
.menulower0, .menulower1, .menulower2, .menulower3, .menulower4, .menulower5 {    
    margin-left:10px;  
}

.chillButtonSmallGreen, .chillButtonSmallSearch, .chillButtonSmallCancel, .chillButtonSmallDisabled, .chillButtonSmallEdit, .chillButtonMediumGreen {
  display: inline-block;font-weight: bold;cursor: pointer;
  text-align: center; text-decoration: none; outline: none;color: #fff;border: none;
  border-radius: 8px; background:#7ab730;

    }
}

/*************************************************************************MOBILE SUPPORT*********************************************************************************/

.isThisMobile
{
    display:none;
}


.form-control
{
    font-size:15px !important;
}

.alignFormCenter
{
width: 50%;
        margin-left : 25%
}

.storedAddressesXL
{
    margin-left:27px;
}

.dropdownNavLink {
  float: left;
  overflow: hidden;
}

.ulDBlock li
{
    display:block;
}

.dropdownNavLink .dropbtnNavLink {  
  border: none;
  outline: none;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
    padding: .5rem 1rem;
    font-weight:bold;
    color:#003399;
}

.dropdown-contentNavLink {
  position: absolute;
  background-color: #f9f9f9;
  min-width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown-contentNavLink a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: center;
}

.dropbtnNavLink {
  background-color: #555;
  color: white;
}
.dropdown-contentNavLink a:hover {
  background-color: #ddd;
  color: black;
}




.DeleteBinShoppingCart
{
    margin-left:25%;
    margin-top:25%;
}

.GenListMobile {width:auto;}
ul.GenListMobile{border:0px solid red;margin-bottom:8px;}
.GenListMobile li { line-height:1.3em; font-size:1.1em; margin-left:5px;padding:0 0 0 18px;height:auto;display:block;}
.GenListMobile li {background: url("images/list1.gif") 0 4px no-repeat;}

.sellFormDeleteBin
{
    margin-left:15px;
    margin-top:5px;

}

.icon-bar {
	width: 22px; 
	height: 2px;
	background-color: #B6B6B6;
	display: block;
	transition: all 0.2s;
	margin-top: 4px
}
 
.navbar-toggler {
  border: none;
  background: transparent !important;
}

.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
 
.navbar-toggler .middle-bar {
  opacity: 0;
}
 
.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
 
.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
}
 
.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
}
 
.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
}


    .navbar-menu-sell li:first-child
    {
        background-color:#A3BD76;
        margin-left:-11px;
    }.navbar-menu-sell li:first-child a
    {
        color:black;
    }
    .navbar-menu-sell li:nth-child(2)
    {
        background-color:#76B9CA;
    }
    .navbar-menu-sell li:nth-child(3)
    {
        background-color:#659DB5;
    }
    .navbar-menu-sell li:nth-child(4)
    {
        background-color:#59AA86
    }
    .navbar-menu-sell li:nth-child(5)
    {
        background-color:#C7C6C7;
    }
    .navbar-menu-sell li:nth-child(6)
    {
        background-color:#BA9574;
    }

.MenuEraMobileIcons
{
    display:none;
}



img.MenuSellNavBarBrandImage
{
    display:none;
}

.menulowerSellHelpLinks
{
    display:none;
}

.SellSearchBoxContainer
{
    border: 1px solid #ccc;
    background-color: #8b4513;
    border-radius:10px;
    color:white;
    padding:10px 18px 18px 18px; margin-top:10px;
    width:560px;
    height:auto;
    position:relative;
    box-shadow: 10px 10px 5px #aaaaaa;
}

.SellSearchBoxContainer ol li {display:block}
.SellSearchBoxContainer h3 {padding-top:5px;}

.CollectionSearchBoxContainer {
    background-color: #1070BC;
    border-radius: 10px;
    color: white;
    padding: 10px 0px 18px 18px;
    margin-top: 10px;
    width: 560px;
    height: 250px;
    position: relative;
}

    .CollectionSearchBoxContainer ol li {
        display: block
    }

    .CollectionSearchBoxContainer h3 {
        padding-top: 5px;
    }

.SellSearchBoxBulkTextBox{width:350px;height:150px;}

.SellGamesHowToGetPaidTxt
{
    font-weight: bold;
    font-size: 1.4545em;
}

.SellGamesimgCouriersMobile img
{
    display:none;
}

.drawingBuffer {
  position: absolute;
  top: 0;
  left: 0;
}

#scanner-container
{
    /*display:none;*/
}

#botnavMobile
{
    display:none;
}

    table.AddressList 
    {
        width: 100%;
    }
    .menu-orderContainer
    {
        height:auto;
    }
    .leftMenuOrdering{
    float:left;   
    margin-left:30px; 
    }
    .rightMenuOrdering{
    float:right; 
    margin-right:30px;   
    }
    
    .navbar-toggler:focus {outline:0;}

     .mobileShoppingCart
    {
         display:none;
    }

.ProdListingTablePadding
{
    padding:0px !important;
}

.ProdListingTableHeader
{
    background-color: #E8EBEE;
    padding:0.25rem !important;
}
.ProdListingSelect {padding:5px; border-radius:4px; background-color:white; border-color:#ccc;}

.wizardBottomButtons
{
    position:absolute;bottom:0;right:0;margin-right:50px;
}

.wizardBottomButtonsHelp
{
    position:absolute;bottom:0;left:0;margin-left:50px;
}

body.modal-open {
    overflow: auto;
    padding-left: 16px;
}

.modal-header {
    background-color: lightblue;
    color: white;
    font-size:large;
}


/************************************MOBILE************************************/
@media only screen and (max-width: 992px) /*, screen and (max-height: 600px)*/
{
    /*Gen Mobile classes*/
    .mobileCheckBox input 
    {
        width:20px;
        height:20px;
    }

    .chillButtonFormCUMargins
    {
        margin-bottom:20px;
    }

    
    .isThisMobile
    {
        display:initial;
    }
    .isThisDesktop
    {
        display:none;
    }
    .clear {clear:none;}
    .alignFormCenter
    {
        width:auto;
        margin:0;
    }
    .storedAddressesXL
    {
        margin:0;
    }
    .hozline.tophozlineMobile
    {
        height:0;clear:none;
    }
    .signOutMobileLink
    {
       height:60px;
    }




    #content, #content1, #one-up, .PLhead, .PLdescr, #contentbox, #wrapper
    {
        width: auto;
        height: auto;
    }

    #content
    {
        background-color: white;
    }

    #footer
    {
        height:180px;
    }
    #botnav
    {
        display:none;
    }
    #botnavMobile
    {
        display:initial;
        font-size:1.2em;
        
    }
    #botnavMobile a
    {
        color:white;
    }

    body
    {
        background: none;
    }


    .navbar-custom {
    background-image: linear-gradient(to top,#B34216 10% ,#A13008 20%, #922905 30%, #872A06 40%, #862905 50%, #7B2A02 60%, #752D02 70%, #7A3609 80%);
}

    .MenuEraMobileIcons
{
    display:initial;
    margin-left:-3px;
}

    img.MenuSellNavBarBrandImage
    {
        display: initial;
        -moz-border-radius:8px;
        -webkit-border-radius:8px;
        border-radius:8px;
    }

    .menulowerSellHelpLinks
    {
        display: initial;
        min-height:100px;
    }

        .menulowerSellHelpLinks ul, .menulowerSellHelpLinks ul li
        {
            display: block;
            background-color: lightgray !important;
        }

        .menulowerSellHelpLinks ul
        {
            background-color: lightgray !important;
        }

    .navbar-menu-sell li
    {
        min-height:60px;
    }
    .navbar-menu-sell   
    {
    min-height:80px;
    font-size:1.4em;
    width:100%;
    }
    #collapsibleNavbar ul li:last-child {margin-right: 0px; }

    .dropdownNavLink
    {
        min-height:80px;
    font-size:1.4em;
    width:100%;

    }
    .dropbtnNavLink
    {
        font-size:0.7em;
    }



    #navigation, .LitSellMsgMobile, .litClosedMobile
    {
        display: none;
    }

    .menulower0, .menulower1, .menulower2, .menulower3, .menulower4, .menulower5
    {
        display: none;
    }


    #menushadow
    {
        background-color: lightgreen;
        background-image: none;
    }

    #menusell
    {
        background-image: none;
        background-color: lightgreen;
    }

    #wrappernew
    {
        display: none;
    }

     .SellSearchBoxContainer, .CollectionSearchBoxContainer
    {
        height: auto;
        width: auto;
        box-shadow: none;
        background-image: linear-gradient(to top,#36b6f1 10% ,#0295dd 20%, #0d81cb 30%, #1172bd 40%, #035aa4 50%, #004d94 60%, #095195 70%, #23619f 80%,#4377af 90%);
    }
    .CollectionSearchBoxContainer {
        background-image:none;
    }

        .SellSearchContainerInputs {
            width: 290px;
            margin: 5px;
        }

    .SellSearchContainerInputsddl
    {
        width: 316px;
    }

    .SellSearchContainerSearchBtns
    {
        margin-right: 20px;
        float: right;
    }

    .SellSearchBoxHideHelp
    {
        display: none;
    }
    .SellSearchBoxBulkTextBox{width:70vw;height:150px; margin-left:-60px;}
    .SellImgX:hover span, .SellImg:hover span { 
    top: -50px; 
    left: -15px; 
}


    /*(searchresults)*/
    #sell-results-list ul {width:auto;}
    .SellSearchTitle {width:40vw; padding:0px;margin-left:0px;}
    li.b-hr1 {padding:10px;height:auto;margin-left:-10px;}
    .SellSearchNo {width:0px;padding:0px; display:none;}
    
    .listheaderlrg h3
    {
        height: auto;
    }
    .listheaderlrgAdmin h3
    {
        height: auto;
    }
    .button-newaddress
    {
        margin: 0px;
        text-align: initial;
    }

    .SellGamesHowToGetPaidTxt
    {
        font-size: initial;
    }

    .SellGamesFinalContinueContainer
    {
        margin-top: 300px;
    }

    .SellGamesimgCouriersMobile img
    {
        display: initial;
    }

    #SellGamesimgCouriersDesktop img
    {
        display: none;
    }
    #sortTopSell
    {
        display:none;
    }

    .padding {padding:0px}

    .wide60
    {
        width: auto;
    }


    .sellSearchBoxRows
    {
        max-width:100%;
    }
    .SellDelete
    {
        max-width:80px;
    }

    /*main page*/

    #menuera, #platformjumper, #basket, #menushadow
    {
        display: none;
    }

        .MenuErasearchDropdown{grid-area:ddl; min-width:35vw;}
    .MenuErasearchTextbox{grid-area:txtb; width:35vw;height:30px;}
    .MenuErasearchButton{grid-area:button; width:80px;height:30px; margin-left:5px;}
    #search
    {
        grid-area:MenuOrderSell;
        height:30px;
        display: grid;
         grid-template-areas:
        
           'txtb ddl button';
    }
    .searchbox {vertical-align:initial;margin: 0px;padding:0px; margin-left:5px;  padding-left:10px;}
    #search select {margin-left:0px; vertical-align:initial; height:auto;}
    .HomeMain {height:auto;}

    #currency { grid-area:Currency; position:relative; top:0px; left:0px;color:White; text-align:inherit; width:auto; display:inline-block; margin-left:10px; }
    #currency span{ display:none;}
    #currency input{width:50px; height:30px;}
    #MenuEraNavBar{grid-area:MenuOrderNav;}
    .ddlMobileEra select {padding:8px; -moz-border-radius:4px;-webkit-border-radius:4px; border-radius:4px; float:right; width:65%;margin-right:5px;}
        .currencyEurope, .currencyBritain {width:36px !important; height:20px !important; border:1px white solid; margin-top:6px !important;} 
    .MenuEraMobileContainer
    {
        display: grid;
       grid-gap:10px;
         grid-template-areas:
             'MenuOrderNav'           
             'Currency'
             'MenuOrderSell';
    }

   
 .ImageText img {float:left; padding:0 ;margin:2%; max-width:95%; position:relative;}
    .ImageText input {float:right;padding:0;}
    .ImageTextSellYourGamesHere img{width:100%;}


    DIV.viewPanel li
    {
        display: block;
    }

         .ImageText {
    padding:0px;
    position:relative;
    overflow:no-display;
    }


    .ImageText span {
            margin-bottom:30px;
       
    }

    .HomeTwitter
    {
        margin:0px;
        padding:0px;
    }

    .leftMenuOrdering{grid-area: left; float:none;margin:0;}
    .rightMenuOrdering{grid-area:right; float:none;margin:0;}
    .menu-orderContainer
    {
    display: grid;
    grid-template-areas:
    'left'
    'right';
    height:auto;

    }

        .menu-orderContainer li
        {
            margin-top:3px;
        }
      

    /*GAME LISTING PAGE*/

    #ListSort
    {
        margin:0;
        padding:0px;
    }
    .instock {position:relative;top:0px;left:0px; margin-right:10px;padding:0px;}
    .instockjs input {margin-right:0px; vertical-align: initial;}
    .instockjs {position:relative;top:0px;left:0px;float:left;}

    .sitemapheader{grid-area:pageCrumb;}
    .instock {grid-area:inStock;}
    .ProductListPageHeaderMobile
    {
        display:grid;
        grid-template-areas:
            'pageCrumb .'
            'inStock prevNext'
            'cat .'

    }

     .prodListingContainer{max-width:87vw !important;}
     .prodListingContainer table{ border-collapse:collapse;}
     .ProdListingTablePadding, .ProdListingTableHeader{padding:0.75rem !important;}
     .ProdListingSelect{margin-bottom:10px; margin-top:10px; padding:8px;}

    .sitemapheader h4 {width:auto;float:left; }

    
.sortTop{margin-left:0px;padding:0;}
.sortTop input {position:relative;top:0px;}
    .mobileProdListingSpacer
    {
        display:block;height:40px;overflow:auto;
    }


    /*PRODUCT CONTENT PAGE*/

    #one-up-list{padding:0;}

    .prodtext {padding:0px;height:auto;}
.prodtextfull {padding:0px;height:auto;}
.prodtext p, .prodtextfull p { text-align:justify;}
#one-up-list .b-prod-info {width:auto; }
#one-up-list .b-prod-copy {font-size:1em;margin-top:0px; padding:0; width:35vw; }
#one-up-list .b-prod-copy-sold {font-size:1em;margin-top:0px; padding:0; width:60vw; }
#one-up-list .b-prod-title-offer { width:auto; }
#one-up-list .b-prod-comments{ display:initial; }
.yTubeChillTitle {margin:0;width:auto; }

    .ProdContentYoutube
    {
        width:auto;
        height:auto;
    }

    .oidMedImg{padding:0px;height:auto;}

.oidImgList {clear:left;float:none;display: inline;width: auto;margin-left:0px;
    padding: 0px;}
.oidImgList img {margin-bottom:5px; border:1px solid black !Important;}
.oidImgListTbl input {padding:0px;margin:0px;position: relative;left:0px;}
.oidImgListTbl {width:auto;}
    .ProdContentMainImgOID
    {
       position: relative;
  margin-top: 10%;
  margin-left: 30%;
    }
    .oid-info{width:auto;}

    /*checkout*/

.payment_options {text-align:right;background-image:none; background-repeat:no-repeat; background-position:0px 0px;margin-bottom:0px;}
  table.AddressList 
    {
        width: initial;
    }

    .AccountUpdateChngePswd
    {
        width:auto;
        overflow-x:scroll;
    }

   #one-up-list  .b-prod-t {width:40vw;}
   #one-up-list .b-prod-title { width:40vw;}

   #cart-table { width:auto;}
   #one-up-list .b-remove {vertical-align:middle;margin-top:30px; float:right; padding:0px;}
    #one-up-list .b-prod-code {width:35vw;}

    #one-up-list .b-sub-total-t {margin-left:0px;padding:0px; }
    .MobileCheckOutDetailsPrice
    {
        display:none;
    }
    .BasketTitle.checkoutDetailsULMobileTitle {
    width:auto;
       
    }
    .BasketPrice.checkoutDetailsULMobilePrice {
    width:auto;
       
    }

    .cdr-shipping
    {
        padding:0;margin:0;clear:none;float:none;
        width: 50%;
        margin-left : 25%;
        margin-bottom:30px;
        margin-top:30px;
    }
    .valerrorsum {margin:0; margin-top:10px;}


    /*ACCOUNT DETAILS*/
    .AddressDetails {width:auto;
    }
    table.UserInfoList {margin:0; width:auto;}

    .ChillAdminContactsContainer{margin:0;}

}


@media only screen and (max-width: 760px) /*, screen and (max-height: 600px)*/
{
DIV.viewPanel li:nth-child(5) {
    display:none;
    }
}

@media only screen and (max-width: 610px) /*, screen and (max-height: 600px)*/
{
DIV.viewPanel li:nth-child(4) {
    display:none;
    }
}


@media only screen and (max-width: 475px) /*, screen and (max-height: 600px)*/
{
    DIV.viewPanel li
    {
        margin-left:20px;
    }
    DIV.viewPanel li:nth-child(3) {
    display:none;
    }
    
}



/*REVIEW CENTER CSS*/
/* Reset Styles */

.color\-white.style\-150x340 { background: url(//www.chilloutgames.co.uk/Images/bg-150x340-white.gif) no-repeat top left scroll;}



html > #rc-badge-wrapper { margin: 15px !important; }
#rc-badge-wrapper { border-radius: 5px; overflow: hidden; position: relative; }
#rc-badge-wrapper .rc-logo   { display: block; height: 34px; }
#rc-badge-wrapper .rc-rating { font-family: arial; line-height: 25px; }



/* 150x340 */
.style-150x340#rc-badge-wrapper .rc-logo { text-align: left; }
.style-150x340#rc-badge-wrapper .rc-logo A { width: 101px; height: 25px; display: block; top: 10px; left: 25px; position: absolute; text-indent: 500px; white-space: nowrap; }
.style-150x340#rc-badge-wrapper .rc-rating { position: absolute; display: block; width: 30px; height: 18px; font-weight: bold; color: #FFFFFF; text-align: center; font-size: 15px; font-family: arial; left: 56px; top: 58px; }
.style-150x340#rc-badge-wrapper .rc-stars img { margin: 0 0; display: block; top: 77px; left: 30px; position: absolute; width: 85px; height: 18px; }
/*
.style-150x340#rc-badge-wrapper .rc-stars img.stars-45 { background-image: url(../Images/stars-85x18-45.png); }
.style-150x340#rc-badge-wrapper .rc-stars img.stars-50 { background-image: url(../Images/stars-85x18-50.png); }
*/
.style-150x340#rc-badge-wrapper .rc-overview { display: block;position: absolute; overflow: hidden; top: 135px; left: 16px; width: 120px; height: 175px; text-align: left; color: #333333; font-family: arial; font-weight: bold; font-size: 12px; }

.style-150x340#rc-badge-wrapper .rc-category A { display: block; color: #000000; }

.style-150x340#rc-badge-wrapper .rc-item A { display: block; text-align: left; font-size: 12px; font-family: Arial; font-weight: bold; color: #3a0b38; }
.style-150x340#rc-badge-wrapper .rc-date { display: none; }
.style-150x340#rc-badge-wrapper .rc-extract { display: block; text-align: center; font-size: 12px; font-family: Arial; font-weight: normal; color: #333333; padding-top: 4px; }
.style-150x340#rc-badge-wrapper .rc-write-review A { display: block; position: absolute; width: 103px; height: 23px; left: 32px; top: 333px; text-indent: 520px; white-space: nowrap; overflow: hidden; background: url(//www.chilloutgames.co.uk/Images/war-103x23.gif) no-repeat top left scroll; }
.style-150x340#rc-badge-wrapper .rc-write-review A:hover { background-position: 0px -23px; }

#rc-badge-wrapper.color-blue .rc-overview .rc-category A { color: white; }
#rc-badge-wrapper.color\-blue.style\-150x100 .rc-overview .rc-item A { color: white; }
#rc-badge-wrapper.color-blue .rc-overview .rc-extract { color: white; }



/*COOKIE CONSENT CSS*/
.cc_banner-wrapper 
{
	 z-index:9001;position:relative;
}

.cc_container 
{
	height:63px;background-size:cover;opacity:0.9;transition:opacity 200ms;
	padding:15px 15px 15px;top:0;left:0px;width:auto
	}

.cc_container input
{
	padding:8px 10px;background-color:#f1d600;cursor:pointer;text-align:center;display:block;width:33%;margin-left:10px;
	float:right;max-width:120px;
	cursor:pointer;text-align:center;font-size:0.6em;transition:font-size 200ms;line-height:1em
}

.cc_container .cc_message
{
	font-size:0.6em;transition:font-size 200ms;margin:0;padding:0;line-height:1.5em;display:block
	}

.cc_container ::-moz-selection
{
	background:#ff5e99;color:#fff;text-shadow:none
	}

.cc_container input,.cc_container input:visited
{
	color:#000;background-color:#f1d600;transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;
	-webkit-transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;
	border-radius:5px;-webkit-border-radius:5px
	}

.cc_container .cc_btn:hover,.cc_container input:active
{
	background-color:#fff;color:#000
	}
		

@media screen and (min-width: 500px){.cc_container input{font-size:0.8em}.cc_container .cc_message{font-size:0.8em}}
@media screen and (min-width: 768px){.cc_container input{font-size:1em}.cc_container .cc_message{font-size:1em;line-height:1em}}
@media screen and (min-width: 992px){.cc_container .cc_message{font-size:1em}}
@media print{.cc_banner-wrapper,.cc_container{display:none}}
@media screen and (min-width: 500px){.cc_container .cc_message{margin-top:0.5em}}
@media screen and (min-width: 768px){.cc_container{padding:15px 30px 15px}.cc_container input{padding:8px 15px}}
																																																																																																																																																																																																																																																																																			   .cc_container{background:#222;color:#fff;font-size:17px;font-family:"Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;box-sizing:border-box}
.chillout-btn-primary {
    background-color: #0677aa !important;
    border-color: #0677aa !important;
    color: white !important;
    font-weight: bold !important;
}

.chillout-btn-success {
    background-color: #7ab730 !important;
    border-color: #7ab730 !important;
    font-weight: bold !important;
    color: white !important;
}

.chillout-btn-danger {
    background-color: #dc2121 !important;
    color: white !important;
    border-color: #dc2121 !important;
    font-weight: bold !important;
}

.chillout-btn-warning {
    background-color: #ffd861 !important;
    border-color: #ffd861 !important;
    font-weight: bold !important;
}																																																																																																																																																																																																																																																																																																																																																																																																																																																																  .cc_container a,.cc_container a:visited{text-decoration:none;color:#31a8f0;transition:200ms color}
																																																																																																																																																																																																																																																																																																																																																																																																																																																																																									.cc_container a:hover,.cc_container a:active{color:#b2f7ff}@-webkit-keyframes slideDown{0%{margin-top:-66px}100%{margin-top:0}}@keyframes slideDown{0%{margin-top:-66px}100%{margin-top:0px}}@-webkit-keyframes growDown{0%{height:0}100%{height:66px}}@keyframes growDown{0%{height:0}100%{height:66px}}
																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																															 .cc_container{-webkit-animation-duration:0.8s;-moz-animation-duration:0.8s;-o-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-name:slideDown;animation-name:slideDown}
																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																											   .cc_banner-wrapper{-webkit-animation-duration:0.8s;-moz-animation-duration:0.8s;-o-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-name:growDown;animation-name:growDown}