/*Layout*/

html { font-size:100%; }
html img { max-width:100%; }

body {
	text-align: center;
	margin: 0;
	padding: 0;
	background: url(../templateimg/bodybg.jpg) center center fixed no-repeat;
	-moz-background-size: cover;
  	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templateimg/bodybg.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templateimg/bodybg.jpg', sizingMethod='scale')";
}
	
.outerwrapper {
	text-align: center;
	width: 96%;
	max-width: 1150px;
	margin: 0 auto;
	padding: 2% 0 0 0;
	outline-width: 0;
	background: none;
	border: none;
	}
	
.headwrap {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 10px 0 0 0;
	text-align: left;
	background: url(../templateimg/headerbg.jpg) 0 0 repeat;
	border: none;
	clear: both;
	}

.headwrap_logo {
	position: relative;
	float: left;
	width: 30%;
	height: auto;
	text-align: left;
	margin: 0 0 10px 3%;
	padding: 0;
	background: none;
	border: none;
	}

.headwrap_logo img { max-width: 100%; }

.headwrap_text {
	position: relative;
	float: left;
	width: 64%;
	height: auto;
	text-align: left;
	margin: 1% 1% 0 2%;
	}

.headwrap_text h1 {
	font-family: 'Viga', sans-serif;
	color: #f26522;
	margin: 0;
	padding: 0;
	text-shadow: 0px 1px 0px #DDD;
	}

.headwrap_text h3 {
	font-family: 'Viga', sans-serif;
	color: #F26522;
	margin: 0;
	padding: 0;
	text-shadow: 0px 1px 0px #DDD;
	}

.headwrap_text p {
	color: #F26522;
	margin: 0;
	padding: 0;
	text-shadow: 0px 1px 0px #DDD;
	}

.pagewrap {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	background: none;
	}

.columnwrap {
	position: relative;
	float: right;
	width: 96%;
	height: auto;
	margin: 0;
	padding: 2%;
	background: url(../templateimg/boxbg_white_82.png) 0 0 repeat;
	}

.columnwrap img { max-width: 100%; }

.leftcolumn {
	position: relative;
	float: left;
	width: 30%;
	height: auto;
	text-align: left;
	margin: 0;
	padding: 0;
	background-image: none;
	background-repeat: no-repeat;
	background-color: none;
	}

.leftcolumn img { max-width: 100%; }

.rightcolumn {
	position: relative;
	float: right;
	text-align: left;
	width: 68%;
	height: auto;
	margin: 0;
	padding: 0;
	}
	
.rightcolumn img { max-width: 100%; }

@media screen and (max-width: 700px) {
    .rightcolumn { width: 100%; }
    .leftcolumn {
		width: 100%;
		margin: 2% 0 0 0;
	}
}

.pagecov {
	position: relative;
	float: left;
	width: 97%;
	height: auto;
	padding: 0;
	margin: 0;
	border: 3px solid #FFF;
	overflow: hidden;
	}
	
.pagecov img { max-width: 100%; }

.partcov {
	position: relative;
	float: left;
	width: 97%;
	height: auto;
	padding: 0;
	margin: 0;
	border: 2px solid #FFF;
	overflow: hidden;
	}
	
.partcov img { max-width: 100%; }

.pagethumbs {
	text-align: left;
	float: left;
	width: 95%;
	margin: 0 0 25px 0;
	padding: 5% 0 0 5%;
	background: url(../templateimg/boxbg_white_30.png) 0 0 repeat;
	}

.thumbpic {
	position: relative;
	width: 27%;
	float: left;
	margin: 0 5% 5% 0;
	padding: 0;
	border: 1px solid #FFF;
	overflow: hidden;
	padding: 18% 0 0 0;
    box-sizing: border-box;
	}
	
@media screen and (max-width: 900px) {
    .thumbpic {
	width: 43.5%;
	padding: 28% 0 0 0;
	}
}

@media screen and (max-width: 700px) {
    .thumbpic {
	width: 27%;
	padding: 18% 0 0 0;
	}
}

.thumbpic img { position: absolute; top: 0; right: 0; max-width: 100%; }

.footbox {
	text-align: left;
	position: relative;
	float: right;
	width: 96%;
	height: auto;
	padding: 0 2%;
	margin: 0;
	background: url(../templateimg/boxbg_white_50.png) 0 0 repeat;
	}
	
.footwrap {
	text-align: left;
	position: relative;
	float: right;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 12px 0;
	overflow: hidden;
	background: none;
	}
	
.footblock {
	text-align: left;
	position: relative;
	float: left;
	width: 10%;
	height: 105px;
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;
	background: none;
	border-right: 1px solid #E9E9E8;
	}
	
.footblockend {
	text-align: left;
	position: relative;
	float: right;
	width: auto;
	height: 105px;
	margin: 0 0 0 5px;
	padding: 0 4px 0 0;
	background: none;
	}
	
@media screen and (max-width: 700px) {
.footblock {
	width: 100%;
	height: auto;
	margin: 0 0 5px 0;
	padding: 0;
	border-bottom: 1px solid #E9E9E8;
	border-right: none;
	}
	
.footblockend {
	float: left;
	width: 100%;
	padding: 0;
	}

}

.clear { 
	position: relative;
	float: left;
	width: 100%;
	clear: both;
	}
	
.clearmargin { 
	position: relative;
	float: right;
	width: 100%;
	clear: both;
	margin: 0 0 25px 0;
	}
	
img {
	margin: 0;
	padding: 0;
	border-width: 0;
	outline-style: none;
	outline-width: 0;
	}
	
.alignlefthalf {
	width: 49%;
	float: left;
	text-align: left;
	}

.alignleftquart {
	width: 24%;
	float: left;
	text-align: left;
	}

.alignleftthreequart {
	width: 74%;
	float: left;
	text-align: left;
	}

.alignrighthalf {
	width: 49%;
	float: right;
	text-align: left;
	}

.alignrightright {
	width: 49%;
	float: right;
	text-align: right;
	}

.center-text {
	text-align: center;
	}
	
.picpad-r {
	position: relative;
	float: left;
	margin: 0 5px 0 0;
	}
	
.box_orange {
	position: relative;
	float: right;
	text-align: left;
	width: 90%;
	height: auto;
	background: #f26522;
	padding: 10px 5%;
	margin: 0 0 15px 0;
	}

/*Ebay Feed*/
.auction-nudge {
	position: relative;
	float: left;
	width: 97%;
	padding: 3% 0 0 3%;
	margin: 0 0 3% 0;
	background: #E4E4E4;
}

ul.item {
	position: relative;
	float: left;
	width: 17%;
	background: none;
	padding: 20% 0 0 0;
	margin: 0 3% 3% 0;
	list-style-type: none;
}

@media screen and (max-width: 600px) { ul.item { width: 22%; padding: 35% 0 0 0; } }

ul.item li {
	font-family: 'Viga', sans-serif;
	font-size: .7em;
	line-height: normal !important;
	text-decoration: none;
	text-align: left;
	background: none;
	list-style-type: none;
	background-color: none;
	padding: 0;
	margin: 0;
}

@media screen and (max-width: 1000px) { ul.item li { font-size: .63rem; } }
@media screen and (max-width: 900px) { ul.item li { font-size: .56rem; } }

ul.item alt {
	background: #DDD;
}

li.image first {
	position: absolute; top: 0; left: 0;
	float: left;
	width: 98%;
	padding: 47% 0 0 0;
	margin: 0;
	overflow: hidden;
}

.image-container {
	position: absolute; top: 0; left: 0;
	display: block;
	width: 98%;
	height: 47%;
	overflow: hidden;
	border: 1px solid #FFF;
}

.image-container img { max-width: 100%; }

@media screen and (max-width: 600px) { li.image first { padding: 37% 0 0 0; } }
@media screen and (max-width: 600px) { .image-container { width: 97%; height: 37%; } }

li.title {
	position: absolute; top: 50%; left: 0;
	width: 100%;
	height: auto;
	margin: 0;
}

@media screen and (max-width: 600px) { li.title { top: 40%; } }

li.price {
	position: absolute; top: 1px; left: 1px;
	width: 94%;
	margin: 0;
	padding: 1% 1% 0 3% !important;
	background: url(../templateimg/boxbg_orange_75.png) 0 0 repeat !important;
	color: #FFF;
}

li.format bin {
	visibility: hidden !important;
}

li.ends last {
	visibility: hidden !important;
}


.partsbox {
	position: absolute; top: 0; left: 0;
	padding: 0;
	margin: 0;
	background: none;
	text-shadow: none;
	width: 90%;
}

.partsbox img { max-width: 100%; }

ul.partitem {
	position: relative;
	float: left;
	width: 17%;
	background: none;
	padding: 25% 0 0 0;
	margin: 0 3% 3% 0;
	list-style-type: none;
}

@media screen and (max-width: 600px) { ul.partitem { width: 22%; padding: 35% 0 0 0; } }

ul.partitem li {
	font-family: 'Viga', sans-serif;
	font-size: .7em;
	line-height: normal !important;
	text-decoration: none;
	text-align: left;
	background: none;
	list-style-type: none;
	background-color: none;
	padding: 0;
	margin: 0;
}

@media screen and (max-width: 1000px) { ul.partitem li { font-size: .63rem; } }
@media screen and (max-width: 900px) { ul.partitem li { font-size: .56rem; } }

li.partimage {
	position: absolute; top: 0; left: 0;
	float: left;
	width: 98%;
	padding: 47% 0 0 0;
	margin: 0;
	overflow: hidden;
}

.partimagebox {
	position: absolute; top: 0; left: 0;
	display: block;
	width: 98%;
	height: 47%;
	overflow: hidden;
	border: 1px solid #FFF;
}

@media screen and (max-width: 600px) { li.partimage { padding: 43% 0 0 0; } }
@media screen and (max-width: 600px) { .partimagebox { width: 97%; height: 43%; } }

.partimagebox img { max-width: 100%; }

li.parttitle {
	position: absolute; top: 48%; left: 0;
	width: 100%;
	height: auto;
	margin: 0;
}

@media screen and (max-width: 600px) { li.parttitle { top: 45%; } }

/*Google Map Box*/
.mapbox { 
	position: relative;
	float: left;
	width: 100%;
	clear: both;
	display: block;
	float: left;
	padding: 80% 0 0 0;
	margin: 0 0 25px 0;
}

#map { 
	position: absolute; top: 0; left: 0;
	overflow: hidden;
	width: 97%;
	height: 93%;
	margin: 0;
	border: 3px solid #FFF;
}
	
/*IE6 Transparent PNG fix*/
img, div, a, li {
	behavior: url(resources/iepngfix.htc);
	}

/*End Layout*/