/* PLEASE DON'T KILL ME FOR USING A FIXED-WIDTH LAYOUT. i just got SO
   bored and fscking tired of browser compatibility issues and CSS
   model braindeadedness that I gave up. :/
*/


body {
	/* web-safe palette is for girls */
	background: #d4d4d4 url(/include/images/background.png);
	background-repeat: repeat-x;
	margin: 0;
	font-family: tahoma, verdana, arial, sans-serif;
	width: 100%;
	
}

h1.bighead {
	font-family: arial black, arial, sans-serif;
	font-size: xx-large;
	margin-top: 0.5em;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	text-transform: uppercase;
	margin-bottom: 0.5em;
	padding-left: 3em;
}

div.uberbox {
	margin: 0;
	margin-top: 31px;
	margin-right: auto;
	margin-left: auto;
	min-height: 400px;
	/* ho hum */
	width: 1000px;
	border: 1px solid #497233;
	border-top: 1px solid #d1d6bd;
	background: #efefef url(/include/images/af.png) repeat-y;
	/*opacity: 0.7;
	filter: alpha(opacity=70);*/
}
div.contentbox {
	float: right;
	width: 770px;
	margin-top: -10px;
	margin-bottom: 0px;
	min-height: 360px;
	/* background: #afafaf url(/include/images/topcurve.png) no-repeat; */
	background: #afafaf;
	border-right: 14px solid #efefef;
	float: right;
}

img.minilogo {
	margin-left: 3px;
	border: 0;
}

a {
	text-decoration: none;
}


a:hover {
	color: #52562e;
	text-decoration: underline;
}

div.sooty {
	width: 200px;
	margin-top: -25px;
	font-size: small;
	float: left;
}


div.sooty a:hover {
	text-decoration: none;
}

div.content p, div.uberbox ul, div.uberbox form {
	margin-left: 2em;
	margin-right: 2em;
}

ul#nav {
	position: relative;
	left: -1px;
	top: -33px;
	width: 1000px;
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	list-style: none;
	height: 33px;
	/* opacity: 0.7; */
	/*filter: alpha(opacity=70);*/
}

ul#nav a, ul#nav span{
	background: url(/include/images/tabs.png) no-repeat 100% 0;
	color: #808080;
	display: block;
	padding: 7px 20px 4px 11px;
	text-decoration: none;
}

ul#nav a:hover{
	color: #505050;
}

ul#nav li {
	height: 33px;
	font-weight: bold;
	background: url(/include/images/tabs.png) no-repeat 0 0;
	float: left;
	margin: 0 4px 0 0;
	padding: 0 0 0 9px;
}

ul#nav li.selected {
	background: url(/include/images/tabs.png) no-repeat 0 -41px;
}

ul#nav li span {
	background: url(/include/images/tabs.png) no-repeat 100% -41px;
	color: #303030;
	padding: 7px 20px 5px 11px;
}

li.category-products {
	list-style-type: none;
}



div.uberbox h1 {
	margin-left: 0.5em;
}

h2, table {
	padding-left: 1em;
	padding-right: 1em;
}

table {	
	width: 90%;
}

div.sooty h2 {
	border-bottom: 1px solid #497233;
	font-size: xx-small;
}	        

div.uberbox h3 {
	margin-left: 1.5em;
}

div.sooty ul {
	padding: 0;
	margin-left: 3em;
}

td.productListing-heading {
	background-color: #52562e;
	color: #ffffff;
	height: 2em;
	font-weight: bold;
	border-right: 2px solid #cfcfcf;
}

p#fin {
	font-size: x-small;
	margin-left: 0;
	display: compact;
	float: right;
	width: 524px;
	margin-top: 0;
	text-align: right;
	padding-top: 0;
	height: 25px;
	margin-bottom: 14px;
	/*background: #afafaf url(/include/images/bottomcurve.png) no-repeat;*/

	border-right: 14px solid #efefef;
	float: right;
}

p#fin div {
	width: 100%;
	height: 100%;
	padding-left: 25px;
}

/* zen cart is shit */

td.productListing-heading a {
	color: #c4c8a8;
}

td.productListing-heading a:hover {
	color: #ffffff;
}

tr.productListing-odd {
	background-color: #c4c8a8;

}

tr.productListing-odd td {
	border-right: 2px solid #cfcfcf;
}	        

div.tehicons {
	text-align: center;
}

div.tehicons img {
	border-width: 0px;
	padding-left: 5px;
}

div.content h1, div.content h2, div.content h3, div.content h4 {
	font-size: larger;
	font-weight: bold;
}

.tabTable {
	width: 100%;
}

.centerBoxWrapper {
	border: 1px solid #5f5f5f;
	width: 600px;
	margin-left: 70px;
	background: #bcbcbc;
	border-radius: 10px;
}

.productListing-odd td, .productListing-even td {
	padding-bottom: 10px;
	padding-top: 10px;
}

#searchbox {
	text-align: center;
	margin: 0;
}

#searchbox form {
	margin: 0;
	padding: 0;
	padding-top: 2em;
}

#emblem {
	position: absolute;
	left: 50%;
	margin-left: 380px;
	top: 60px;
}