@import url("default.css");
@import url("navigation.css");
@import url("form.css");
@import url("products.css");
@import url("search-results.css");

body {
    background: url("/img/bg.gif") top left repeat-x #191919;
    color:#FFF;
}

h1 {
    color:#191919;
    font-size:1.2em;
    margin:0;
}

h1 a {
    position:absolute;
    top:0;
    left:0;
    width:300px;
    height:100px;
}

div#heading {
		float: left;
		width: 100%;
    height:100px;
    border-bottom:1px solid #FFF;
    background: url("../img/logo.gif") 21px 30px no-repeat;
}

div#heading div#webtrail {
    float: left;
    width: 100%;
    font-size:0.7em;
}

div#heading div#webtrail p {
	margin: 0px;
	padding: 0px 0px 0px 340px;
}

div#topsearch {
	float: right;
	clear: both;
	text-align: right;
	margin: 21px 0px 0px 0px;
}

div#middle {
		float: left;
		clear: both;
		width: 100%;
    height:484px;
    background-color:#000000;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}

hr {
    height:0;
    border:none;
    border-bottom:1px dotted #FFF;
}

div#content {
		position: absolute;
		top: 101px;
		left: 319px;
		width: 650px;
		z-index: 99;
		padding: 18px 0px 0px 18px;
    font-size:0.8em;
    line-height:1.2em;
}

body#home div#content {
		left: 700px;
    padding: 30px 0px 0px 0px;
    width:250px;
}

div#content h2 {
    margin-top:0;
    font-size:1.2em;
}

div#content {
	width: 100%;
}

div#content table {
	display: inline;
	width: 300px;
}

div#pager {
    position: absolute;
    top: 101px;
    left: 0px;
    width: 100%;
    text-align: right;
    padding: 0px;
    margin: 0px;
}

div#pager p {
  font-size:0.7em;
  line-height: 0.7em;
	padding: 5px 10px 5px 0px;
	margin: 0px;
}

div#pager p img {
    margin:0 2px;
}

div#pager p a {
    text-decoration:none;
    padding:0px 2px;
    margin: 0px;
    color:#828282;
}
div#pager p a.current {
    color:#FFFFFF;
}

div#footer {
		float: left;
    border-top:1px solid #FFF;
    }

div#footer ul {
    list-style-type:none;
    margin: 0px 18px 0px 0px;
    padding: 0px;
    float:left;
    display:inline;
}

div#footer ul li {
    float: left;
    margin-left: 1em;
    color: #FFFFFF;
    font-size:0.7em;
}


div#footer ul li a {
    text-decoration:none;
    color:#828282;
}

div#footer ul li a.current {
    color:#FFF;
}

div#footer ul#navigation-sub {
    float: right;
    margin: 0px 18px 0px 0px;
    padding: 0px;
    white-space: nowrap;
}

div#footer ul#navigation-sub li span {
	float: left;
	font-size: smaller;
	margin: -7px 0px 0px 13px;
}

/*div#footer p#copyright {
    float:left;
    margin:0.7em 0 0 50px;
    font-weight:bold;
    font-size:0.7em;
    text-align:center;
    line-height:1em;
}
div#footer p#copyright span {
    font-weight:normal;
    font-size:0.9em;
}*/

div#debug {
		display: none;
    clear:left;
    font-size:0.8em;
    border:1px solid #CCC;
}