/* Reset Bad CSS */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{margin:0;padding:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;margin:0;padding:0;}
caption {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
q:before,q:after{content:'';}
a{text-decoration:none; -moz-outline: none; }

/* General Body Stle and Font */
body {
	color: #666;
	background: url('/themes/default/images/site/bg.gif') repeat;
	margin: 40px 0 50px 0;
	font-family: Verdena, Arial, sans-serif;
	font-size: 0.8em;
	line-height: 1.2em;
}

span.label { float: left; }

/* Link Styles */

a {
	color: #6F2506;
	text-decoration: none;
	
}

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


p {
	margin: 5px 0 5px 0;
}

/* Header Styles */

h1 {
	font-size: 130%;
}

/* Main Layout Styles */

#checkitout {position: absolute; z-index: 50; margin-left: 825px; margin-top: 25px;}

#layout {
	width: 960px;
	background: url('/themes/default/images/site/layout_bg.jpg') repeat-x;
	margin: 0 auto;
	background-color: #ffffff;
	border: 3px #ccc solid;
}



#header {
	position: relative; z-index: 98;  /* ie6 z-index bug fix, hopefully */
	width: 960px;
	height: 160px;
	background: #fff;
	clear: both;
	background: url('/themes/default/images/site/topo_bg.jpg') no-repeat;
}

.message {
	background-color: #EDF4F1;
	width: 780px;
	height: 34px;
	margin: 0 0 10px 0;
	padding: 10px;
	font-family: monospace;
	color: #FF0000;
	}

#logo {
	position: absolute;
	z-index: 200;
	margin: 27px 0 0 20px;
}

#search { 
	position: relative; 
	float:right; display: inline; /* ie dbl float bug fix */
	margin-right: 18px; margin-top: 20px;  
	text-align: right; text-transform: uppercase; 
	font-size: 0.9em; letter-spacing: 0.1em;
}



form#store_search  { margin: 0;  }

form#store_search button { 
	position: absolute; right: 0; 
	margin: 0;  padding: 0; 
	background-color: transparent; 
	border: none;  
}

input.store_search_field  { width: 150px; margin: 3px 35px 0 5px;}

#content_home {
	height: 430px;
	clear: both;	
}

#content {
	clear: both;	
}

	#content ul, #content ol {
		margin: 5px 0 5px 40px;
	}
	


#subheader {
	float: right; display: inline; /* ie6 dbl float bug fix */
	height: 40px; 
	margin-top: 75px; margin-right: 25px;
	clear: both;
	
	background: url('/themes/default/images/site/main_menu2.png') no-repeat 50% 50%;
}

#banner {
	margin: 0;
	padding: 0;
	clear: both;
	border-top: #808080 2px solid; border-bottom: #808080 2px solid;
	width: 960px; height: 45px;
	background: url('/themes/default/images/site/wood.jpg') no-repeat;
}

#breadcrumb { z-index: 0;}

#sidebar {
	width: 260px;
	position: relative;
	display: inline; /* ie dbl float bug fix */
	float: left;
	padding: 0;
	text-align: left;
	margin: 20px 0 0 30px;
	font-size: 0.9em;
}

	.bararea {
		padding: 0;
		margin: 10px 0 30px 0;
	}
	
	.bararea ul {
		width: 100%;
		list-style-type: disc; 
		list-style-position: inside;
		margin: 0;
		padding: 0;
	}
	
	.bararea li {
		padding: 0;
		margin: 0;
	}
	
	.bararea h1 { 
		color: #6F2506; 
		text-transform: uppercase; 
		letter-spacing: 0.1em; 
		border-bottom: 1px solid #6F2506; 
		font-size: 120%; position: relative;
		font-weight: bold; 
	}
	
/* Footer Styles */

#footer {
	width: 960px;
	height: 190px;
	background: #fff;
	clear: both;
	background: url('/themes/default/images/site/topo_bg_bottom.jpg') no-repeat;
}


.vendor_button { 
	width: 145px; height: 131px; 
	float: left; display: inline; /* ie dbl float bug fix */
	padding: 0 29px 0 0px; margin: 29px 0 0 30px; 
	border-right: 1px solid #ccc;
	text-align: center; position: relative;
}

.vendor_button a { cursor: pointer; }

.vendor_promotion { 
	width: 350px; height: 140px; 
	float: left;  display: inline;
	padding: 0 29px 0 0px; margin: 24px 0 0 30px; 
	border-right: 1px solid #ccc;
}


.fortheplanet { float: right; padding-right: 30px; margin-top: 33px;}


#footer_nav { margin: 0 auto; width: 960px; }

#footer_nav p { 
	float: left; display: inline;
	padding: 0.25em 15px 0.25em 0; width: 325px; margin-left: 30px;
	letter-spacing: 0.1em; font-size: 9px;
}

#footer_nav ul { 
	
	float: left; display: inline; /* ie dbl float bug fix */
	clear: none;
	text-transform: uppercase; 
	font-weight: bold; font-size: 7.5px; 
	letter-spacing: 0.1em; 
  	max-width: 490px;
	padding-left: 15px; padding-right: 10px;
	border-top: 2px solid #330000; 
	background-color: #6F2506; 
}

#footer_nav .wrapper {}

#footer_nav li {  float: left; padding: 0.75em 0.3em; }

#footer_nav li a.nav { font-size: 10px; color: #fff; padding-right: 0.25em; padding-top: 2px;}

#footer_nav li a.nav:hover { color: #ccc; text-decoration: underline; }

#footer_nav li:after { content: '//'; color: #ccc; padding-left: 0.25em; }

#copyright {visibility: hidden;}

#closer {
	width: 960px;
	height: 20px;
	margin: 0 auto;
	font-size: 70%;
	text-align: left;
	clear: both;
	color: #fff;
}

/* Page */
#page {
	width: 600px;
	position: relative;
	float: right;
	display: inline; /* ie dbl float bug fix */
	padding: 0;
	margin: 30px 30px 30px 0;
	text-align: left;
}


/* Pages */
#pages {
	width: 100%;
	clear: both;
	text-align: left;
	margin: 5px 0 5px 0;
}

	#pages ul {
		list-style: none;
		float: left;
		margin: 0;
		padding: 0;
	}

.pages {
	list-style: none;
	float: left;
	margin: 10px 0 10px 0;
	padding: 0;
	clear: both;
}
	
	.pages li {
		float: left;
		display: block;
		padding: 4px;
		margin: 0 2px;
		border: 1px #F0F0EE solid;
	}
	

	
/* Forms and Form Elements */

form {
	margin: 10px 0 0 0;
	padding: 0;
}

label {
	width: 100%;
	padding-top: 6px;
	margin: 5px 0 5px 0;
	line-height: 1.4em;
	font-size: 1.0em;
	font-weight: bold;
}

optgroup {
	font-size: 1.0em;
	background: #F0F0EE;
	border-top: 1px #333333 solid;
	margin-bottom: 10px;
}

fieldset {
	width: auto;
	padding: 2px 0 4px 10px;
	margin: 4px 0 4px 0;
	border: 0;
	border-bottom: 1px #efefef solid;
	background: #fff;
}

textarea {
	width: 370px;
	height: 160px;
	padding: 6px;
	font-size: 1.4em;
	border: 0;
	border: 1px #999999 solid;
}

input {
	padding: 2px;
	font-size: 1.1em;
	border: 0;
	border-top: 1px #999 solid; border-left: 1px #999 solid;
	border-right: 1px #FFF solid; border-bottom: 1px #FFF solid;
	background-color: #F2F2F2; 
}

select {
	padding: 3px 8px 3px 3px;
	font-size: 1.1em;
	border: 0;
	border: 1px #999999 solid;
}


.instruction {
	font-size: 0.8em;
	width: auto;
	padding: 0; margin-bottom: 10px; font-style: italic;
}

button {
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-size:90%;
    line-height:120%;
    text-decoration:none;
    color:#565656;
    cursor:pointer;
    padding:3px 8px 4px 5px; /* Links */
}

.action {
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid red;
    border-top:1px solid red;
    border-left:1px solid red;
    font-size:90%;
    line-height:120%;
    text-decoration:none;
    color:#565656;
    cursor:pointer;
    padding:3px 8px 4px 5px; /* Links */
}

.button {
    margin:3px 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-size:90%;
    line-height:120%;
    text-decoration:none;
    color:#565656;
    cursor:pointer;
    padding:6px 8px 4px 5px; /* Links */
}