@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}

body {background-image:url(images/bg.png);}
body,td,th {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF;}

a:link {color:#FF0;}
a:hover {color:#F00;}
a:visited {color:#FF0;}
a:visited:hover {color:#F00;}

.clear {clear:both;}
.space {padding:10px 0;}
.space-small {padding:5px 0;}
.linebreak {margin-bottom:10px;}

.center {text-align:center;}
.justify {text-align:justify;}
.text-indent {text-indent:10px;}

h1 {font-size:19px;}
h2 {font-size:17px;}
h2.h2-large {font-size:35px; color:#FF3; text-align:center;}
p {font-size:16px;}

.thirteen {font-size:13px;}

.colour-red {color:#F00;}
.colour-yellow {color:#FF0;}
.colour-green {color:#0F0;}
.colour-blue {color:#09F;}
.colour-lightblue {color:#0FF;}
.colour-grey {color:#999;}

#spotlight {filter:light}


.header {
width:700px;
height:44px;
background:url(images/bgheadertop.png) no-repeat;
margin:15px auto 0 auto;
padding-top:26px;
}

#homebutton a {
width:140px;
height:44px;
background:url(images/button-home.png) no-repeat;
margin:0 30px 0 80px;
float:left;
display:block;
text-indent:-3000px;
}
#homebutton a:hover {background-position:0px -44px;}

#contactbutton a {
width:140px;
height:44px;
background:url(images/button-contact.png) no-repeat;
margin:0 30px;
float:left;
display:block;
text-indent:-3000px;
}
#contactbutton a:hover {background-position:0px -44px;}

#linksbutton a {
width:140px;
height:44px;
background:url(images/button-links.png) no-repeat;
margin:0 80px 0 30px;
float:left;
display:block;
text-indent:-3000px;
}
#linksbutton a:hover {background-position:0px -44px;}

.bgheader {
width:700px;
background:url(images/bgheadermiddle.png) repeat-y;
margin:auto;
}

#title a {
width:650px;
height:130px;
background:url(images/title.png) no-repeat;
margin:auto;
display:block;
text-indent:-3000px;
}
#title a:hover {background-position:0px -130px;}

#buttontoys a {
width:150px;
height:60px;
background:url(images/button-toys.png) no-repeat;
margin:0 20px;
float:left;
display:block;
text-indent:-3000px;
}
#buttontoys a:hover {background-position:0px -60px;}

#buttontrains a {
width:150px;
height:60px;
background:url(images/button-trains.png) no-repeat;
margin-left:10px;
float:left;
display:block;
text-indent:-3000px;
}
#buttontrains a:hover {background-position:0px -60px;}

#buttonmilitary a {
width:150px;
height:60px;
background:url(images/button-military.png) no-repeat;
margin-right:10px;
float:left;
display:block;
text-indent:-3000px;
}
#buttonmilitary a:hover {background-position:0px -60px;}

#buttonbooks a {
width:150px;
height:60px;
background:url(images/button-books.png) no-repeat;
margin:0px 20px;
float:left;
display:block;
text-indent:-3000px;
}
#buttonbooks a:hover {background-position:0px -60px;}

.bgmaintop {
width:760px;
height:35px;
background:url(images/bgmaintop.png) no-repeat;
margin:auto;
}

.bgmain {
width:760px;
background:url(images/bgmainmiddle.png) repeat-y;
margin:auto;
}

.bgmain-padding {
width:710px;
background:url(images/bgmainmiddle.png) repeat-y;
margin:auto;
padding:0px 25px;
}


.premier-train-sales {
width:700px;
padding:0 5px;
}


#banner a {
width:500px;
height:150px;
background:url(images/banner-needcash2.png) no-repeat;
margin-left:10px;
float:left;
text-indent:-3000px;
}
#banner a:hover {background-position:0px -150px;}

.wanted {
width:180px;
margin:0 10px;
float:left;
color:#FF0;
text-align:center;
}
.wanted p {font-size:20px;}

.gallery-container {width:420px; margin:auto;}

ul {font-size:16px;}

ul.list {
width:155px;
float:left;
margin-left:20px;
}
ul.list li {
list-style-type:disc;
list-style-position:outside;
}

ul.areas {
width:160px;
float:left;
margin-left:15px;
}
ul.areas li {
list-style-type:disc;
list-style-position:inside;
line-height:18px;
color:#0F9;
}

#areas {
width:700px;
height:50px;
background-color:#003;
border:1px solid #039;
margin:20px auto 10px auto;
padding:4px;
overflow:auto;
}

.comingsoon {
width:500px;
margin:10px 0px;
padding-top:15px;
float:left;
}
ul.conditions-list {
width:150px;
margin:15px 0px 10px 20px;
padding-left:15px;
float:left;
}


.contact {margin:auto; padding-left:20px;}

ul.contact-details {width:680px; margin:auto;}
ul.contact-details li {
width:220px;
list-style-type:none;
float:left;
text-align:right;
}

.phone {font-size:18px; color:#FF0;}

.footer {
width:650px;
background:url(images/footer.png) top no-repeat;
margin:auto;
padding-top:8px;
text-align:center;
}

.bgmainbottom {
width:760px;
height:35px;
background:url(images/bgmainbottom.png) no-repeat;
margin:0px auto 15px auto;
}

.premier {
width:760px;
margin:auto;
padding-top:15px;
overflow:hidden;
}

.premierwords {
width:400px;
padding-top:20px;
float:left;
font:12px Arial, Helvetica, sans-serif;
color:#FFF;
text-align:right;
}
.premierwords a {color:#FFF;}
.premierwords a:hover {color:#FF0;}

#tv a {
width:105px;
height:62px;
background:url(images/tvx2.png) no-repeat;
margin-left:30px;
float:left;
display:block;
}
#tv a:hover {background-position:0px -62px;}



.pictures {
width:355px;
float:left;
text-align:center;
}


/*sellinglist*/
.bgmain-selling-padding {
width:720px;
background:url(images/bgmainmiddle.png) repeat-y;
margin:auto;
padding:0px 20px;
}

ul.sellinglist {width:auto;}
ul.sellinglist li {
width:auto;
list-style-type:none;
border-right:1px solid #003;
margin-bottom:5px;
padding-left:3px;
float:left;
}
ul.sellinglist li.sales-modelmake {width:81px; color:#F00; border-bottom:1px solid #F00;}
ul.sellinglist li.sales-modelname {width:311px; color:#FF0; border-bottom:1px solid #FF0;}
ul.sellinglist li.sales-box {width:76px; color:#09F; border-bottom:1px solid #09F;}
ul.sellinglist li.sales-condition {width:111px; color:#F90; border-bottom:1px solid #F90;}
ul.sellinglist li.sales-pics {width:51px; color:#999; border-bottom:1px solid #999;}
ul.sellinglist li.sales-price {width:66px; color:#0F0; border-bottom:1px solid #0F0;}

.sellinglist-content ul {border-bottom:1px solid #09F; overflow:hidden; padding:5px 0px;}
.sellinglist-content ul li {
width:auto;
list-style-type:none;
padding-right:5px;
float:left;
line-height:20px;
font-size:14px;
}
ul.ulclear {clear:left;}
ul.ulclear-finished {clear:left; color:#039;}

.sellinglist-content ul li.a {width:80px;}
.sellinglist-content ul li.b {width:310px;}
.sellinglist-content ul li.c {width:75px;}
.sellinglist-content ul li.d {width:110px;}
.sellinglist-content ul li.e {width:50px;}
.sellinglist-content ul li.f {width:65px; text-align:right;}

.sellinglist-content ul li p {font-size:14px;}

ul.mmodelmake {width:85px;}
ul.mmodelname {width:315px;}
ul.mbox {width:80px;}
ul.mcondition {width:115px;}
ul.mpics {width:55px;}
ul.mprice {width:70px; text-align:right;}

.picicon a {
width:20px;
height:18px;
background:url(images/selling-photoiconx2.png) no-repeat;
display:block;
}
.picicon a:hover {background-position:0px -18px;}


/*contact pages*/
.contactdetails-container {
width:400px;
margin:0px auto 15px auto;
overflow:hidden;
}
.contactdetails-container p {font-size:18px;}
.contactdetails-left {width:120px; margin-right:10px; float:left; text-align:right;}
.contactdetails-right {width:270px; float:left; text-align:left;}

.contactform {
width:500px;
margin:auto;
overflow:hidden;
font-size:16px;
}
.contactformwords {
width:165px;
margin:5px 0px;
padding-right:5px;
color:#0FF;
text-align:right;
float:left;
}
.contactformbox {
width:330px;
margin:5px 0px;
text-align:left;
float:left;
}
p.submit input {
width:120px;
height:25px;
background:url(images/send-messagex2.png) no-repeat;
border:none;
}
p.submit input:hover {
background-position:0px -25px;
border:none;
}

.contactphp {
text-align:center;
padding:20px 0px;
}
.contactphp p.notvalid {color:#F00;}


/*linkstable*/
.linksmiddle {
width:700px;
margin:auto;
overflow:hidden;
}
.linksmiddle a:hover {color:#6F3;}
.linksmiddle a:visited {color:#909;}
.linksmiddle a:visited:hover {color:#6F3;}

.linksmiddle ul.links {
width:auto;
margin:0px 10px 0px 20px;
float:left;
}

.linksmiddle ul.links li {
list-style-type:none;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
border-bottom:1px solid #003;
}

.linksmiddle ul {width:auto; float:left;}

.linksmiddle ul li {
list-style-type:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:19px;
border-bottom:1px solid #494961;
}
.linksmiddle ul li.noborder {border-bottom:1px solid #003;}


.sitemap {
margin:20px 0px 20px 100px;
font-size:16px;
color:#FFF;
}



#lightbox {
position:absolute;
left:0;
width:100%;
z-index:100;
text-align:center;
line-height:0;
}

#lightbox a img {border:none;}

#outerImageContainer {
position:relative;
background-color:#006;
width:250px;
height:250px;
margin:0 auto;
}

#imageContainer{padding:10px;}

#loading {
position:absolute;
top:40%;
left:0%;
height:25%;
width:100%;
text-align:center;
line-height:0;
}
#hoverNav {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:10;
}
#imageContainer>#hoverNav {left:0;}
#hoverNav a {outline:none;}

#prevLink, #nextLink {
width:49%;
height:100%;
background:transparent url(images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
display:block;
}
#prevLink {left:0; float:left;}
#nextLink {right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover {background: url(images/lightbox/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background: url(images/lightbox/nextlabel.gif) right 15% no-repeat;}

#imageDataContainer {
font:10px Verdana, Helvetica, sans-serif;
background-color:#006;
margin:0 auto;
line-height:1.4em;
}

#imageData {padding:0 10px; color:#fff;}
#imageData #imageDetails {width:70%; float:left; text-align:left;}	
#imageData #caption {font-weight:bold;}
#imageData #numberDisplay {display:block; clear:left; padding-bottom:1.0em;}			
#imageData #bottomNavClose {width:66px; float:right;  padding-bottom:0.7em;}	
		
#overlay {
position:absolute;
top:0;
left:0;
z-index:90;
width:100%;
height:500px;
background-color:#000;
}

/* Min-Width */
.lbWidth { /* most browsers */
position:absolute;
top:0px; left:0px;
width:100%;
min-width:790px;
}

* html .lbContent { /* IE6 */
margin-left:-790px;
position:relative;
}

* html .lbMinWidth { /* IE6 */
padding-left:790px;
}

/* Clearfix */	
.clearfix:after {
content: ".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */





.stepcarousel {
position:relative;
border:0px;
overflow:scroll;
width:420px; /*Width of Carousel Viewer itself*/
height:300px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt {
position:absolute;
left:0;
top:0;
}

.stepcarousel .panel {
float:left;
overflow:hidden;
margin:10px; /*margin around each panel*/
width:400px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

