html {
	height: 100%;
}
body {
	margin: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

div#outerwrapper {
	text-align: center;
}

ul{
	padding: 0px;
	margin: 0px;
}


h1 {
	font-size:1.1em;
}

h2 {
	font-size:0.9em;
}

p, label, td, span, li {
	padding-top:0px;
	margin-top:0px;
}

table {
	width:100%;
}

td {
	vertical-align:top;
	text-align:center;
}

td.thumbs {
	text-align:center;
	width: 5%;
}

img {
	border: 0px;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

#content select, input, textarea {
	margin-bottom: 0.3em;
}

#content input.entry, textarea {
	width: 100%;
}

#content ul {
    padding-left: 15px;
}

.crumbs {
	font-size:0.7em;
	font-style:italic;
	font-weight:bold;
}

.hidden, .leftSub {
	display: none;
}

#top {
    position:absolute;
    left: 0px;
    top:0px;
    width: 100%;
    height: 100px;
    background-color: #BC0404;
    z-index: 3;
    text-align: left;
}

#top #twitterlink {
    position: absolute;
    right: 4px;
    top: 4px;
    width: 50px;
    border: 0px solid #FFFFFF;

}

#topsearch{
    position:absolute;
    left: 0px;
    top: 100px;
    width: 100%;
    z-index: 3;
}

#topsearch div {
    background-color: #e5dfdf;
    text-align: center;
    height: 25px;
}

#topsearch div form {
    display: inline;
}

#topsearch div form div.valreq {
    display: inline;
    border: 0px;
}

#topsearch div form select, #topsearch div form input,{
    margin: 0px;
    padding: 0px;
}

#topsearch span {
    padding-left: 13px;
}

#topsearch li {
    font-size:0.8em;
    padding-left: 4em;
    font-weight: normal;
    display: inline;
    list-style: none;
}

#topsearch a {
    color: #000000;
}

#topsearch #toyboxsearchbutton {
	font-size: 0.8em;
}

@media all and (max-width: 1025px) {
	#toplinksearch, #toplinkforum {
		display: none;
	}
}

div#telos_ads {
	padding-top: 130px;
	position: absolute;
	right: 0px;
	width: 140px;
    z-index: 0;
    background-color:#F9F8B5;
}

div.telos_ad {
    text-align: center;
    width: 100%;
}

div.telos_ad img {
	float: center;
}
div.telos_ad a {
    color: #000;
}

a.telos_ad_text {
    font-weight: bold;
    padding-bottom: 10px;
    font-size: 0.8em;
    display: block;
}

a.telos_ad_text em {
    font-weight: normal;
}


@media all and (max-width: 1025px) {
	div#telos_ads {
		display: none;
	}
}

#left-container {
    position:absolute;
    left: 0px;
    top: 0px;
    width: 140px;
    z-index: 2;
    margin: 1px;
    padding-top: 134px;
    background-color:#F9F8B5;
    text-align: left;
}

#left-container ul {
    list-style:none;
}

#left-container ul ul{
    margin-top:0px;
    padding: 0px;
    list-style:none;
}

#left-container ul li{
    padding: 0px 0px 2px 0px;
    margin: 0px;
    font-size: 0.8em;
}

#left-container ul ul li{
    font-size: 0.7em;
}

#left-container a, #left-container strong {
    padding: 0px 9px 3px 12px;
    display: block;
    color:#000000;
}

#left-container a:hover {
    background-color:#CCCCCC;
    text-decoration:none;
}

.current {
    background-color:#FAE799;
}

#content {
	padding: 120px 10px 10px 160px;
	left: 0px;
	top:0px;
	z-index:1;
	text-align: left;
}

@media all and (max-width: 1025px) {
	#content {
		padding: 90px 10px 10px 160px;
	}
}

.item, .item-release {
	padding: 0px;
	margin-bottom: 0.3em;
}

.item {
	border: 1px solid #000000;
}

.item-release {
	border: 0px solid #FFFFFF;
}

.item td, .item-release td {
	text-align: left;
	padding: 0.2em;
	margin: 0px;
}

.item td {
	border: 1px solid #CCCCCC;
}

.item-release td {
	border: 0px solid #FFFFFF;
}

.item td {
	padding: 0.2em;
}

.formField {
	display: block;
	margin-bottom: 0.3em;
}

div.addvariant, div.variantapprove {
    font-size: 0.8em;
	margin-bottom: 0.5em;
	padding-left: 15px;
}

div.standard_item {
    padding: 20px;
    text-align:center;
    float: left;
    width: 125px;
    font-size: 0.8em;
}

div.standard_item img {
    border: 1px solid #000000;
}

div .variant {
    padding: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    border: 1px solid #e5dfdf;
    margin-bottom: 10px;
    clear: both;
}

div.variantimages {
    width: 80px;
    float: left;
}

div.variantimages img{
    border: 1px solid #000000;
}

div.variantdetails {
    margin-left: 90px;
    font-size: 0.8em;
}

div#orderby {
    font-size: 0.8em;
}

div.add_variant, div.addvariant, div.variantapprove, div.view_last_sub {
    clear: both;
    font-size: 0.8em;
}

div.variantapprove {
    margin: 0px;
    padding: 0px;
}

div#login {
    font-size: 0.7em;
}

div#login a {
    padding: 10px;
}

ul.subline {
    clear: both;
}

ul.subline li {
    float: left;
    list-style: none;
    width: 160px;
    height: 13em;
    text-align: center;
    font-size: 0.9em;
    padding: 10px;
}

ul.subline li img {
	clear: both;
	max-height: 9em;
}

div.subnav {
    clear: both;
    text-align: center;
}

div#subitems {
	padding-top: 10px;
}

@media all and (max-width: 350px) {
	#left-container, label#searchlabel, label#labeltitletype, li#toplinksearch, li#toplinkadd, #orderby,
	li#toplinkrecent, li#toplinkforum, li#toplinkcontact, #toyboxlogo, #doctorslogo,#telos_ads, #titletype, #labeltitletype, #twitterlink {
		display: none;
	}

	#top {
    	height: 75px;
	}
	#topsearch{
    	top: 75px;
	}

	#content {
		padding: 95px 5px 5px 25px;
	}
}

@media (min-width: 350px) and (max-width: 800px) {
	#left-container, label#searchlabel, label#labeltitletype, li#toplinksearch, #orderby,
	li#toplinkrecent, li#toplinkforum, li#toplinkcontact, #toyboxlogo, #doctorslogo, #telos_ads, #titletype, #labeltitletype, #twitterlink {
		display: none;
	}

	#top {
    	height: 75px;
	}
	#topsearch{
    	top: 75px;
	}

	#content {
		padding: 95px 5px 5px 25px;
	}
	#topsearch li {
    	padding-left: 1em;
	}
}

@media (min-width: 800px) and (max-width: 1024px) {
	li#toplinksearch,  #orderby, li#toplinkrecent, li#toplinkforum, li#toplinkcontact,
	#toyboxlogosmall, #telos_ads, #twitterlink {
		display: none;
	}
}
@media (min-width: 1024px){
	#toyboxlogosmall {
		display: none;
	}
}
@media (max-width: 1350px){
	#doctorslogo {
		display: none;
	}
}