﻿/* style.css: External stylesheet for eBay Listing for djavu2005. */
/* No @media stuff, since that breaks several browsers.     */


/*---------------------------------------------------------
	GLOBAL SETTING
---------------------------------------------------------*/
body {
	width: 800px;
	margin: 1em auto;
	background: white;
	color : #333;
	font: 10px/1.2 Verdana, Helvetica, sans-serif;
	border-top: thin #e3edc2 solid;
	border-right: thin #e3edc2 solid;
	border-left: thin #e3edc2 solid;
	border-bottom: thin #e3edc2 solid;
	padding-bottom: 1em;
}

a			{ text-decoration:	none;}
a:visited 	{ color: gray; 	background-color: inherit;}
a:link		{ color:  #000099; 	background-color: inherit;}
a:active	{ color: red; 	background-color: inherit;}
a:hover		{ color: blue; 	text-decoration: underline}

a img {border: none; }

.toplink {
	margin-top: -1em;
	margin-bottom: 1em;
	text-align: right;
	text-transform: lowercase;
}

/*---------------------------------------------------------
	TITLE & PARAGRAPH STYLE
---------------------------------------------------------*/
p {
	margin-top: 0;
	margin-bottom: 1em;
}

h1 {
	font-size: 150%;
	text-transform: uppercase;
	margin: 0 0 1em 0;
	border-bottom: thin black dotted;
}

h2 {
	font-size: 120%;
	text-transform: capitalize;
	margin: 1em 0 0 0;
}

h3 {
	font-size: 120%;
	margin: 0 0;
}

.sidebar-maintitle {
	margin : 0 0 0 0;
	background-color : rgb(156, 186, 214);
	color : rgb(255, 255, 255);
	text-transform : uppercase;
	font-weight : bold;
	font-size : 110%;
	padding: 0.3em 1em;
}


/*---------------------------------------------------------
	OL & UL 
---------------------------------------------------------*/
#footlinks li {
	display: inline;
	margin-right: 0.5em;
	padding-right: 0.5em;
	border-right: 1px solid #99c;
	font-weight: bold;
	font : 12px "Lucida Grande", Arial, sans-serif;
	text-transform: capitalize;
}

#navlinks li {
	display: inline;
	margin-right: 0.5em;
	padding-right: 0.5em;
	border-right: 1px solid #99c;
	font-weight: bold;
	font : 12px "Lucida Grande", Arial, sans-serif;
	text-transform: capitalize;
}

#footlinks li {
	text-transform: lowercase;
}

#navlinks a {color: maroon}

#navlinks a:visited 	{ color: gray; 	background-color: inherit;}
#navlinks a:active	{ color: red; 	background-color: inherit;}
#navlinks a:hover		{ color: blue; 	text-decoration: underline}

#content ul {
	list-style: square;
	margin-top: 0;
}

#content ol {
	margin-top: 0;
}


/*---------------------------------------------------------
	LAYOUT
---------------------------------------------------------*/

#homelink {
	margin: 0 0;
	width: 243px;
	height: 90px;
	float: left;
	padding-left: 1em;
/*	background: #e3edc2;*/
}

#banner {
	margin: 0 0;
	width: 537px;
	height: 80px;
	float: right;
	padding-right: 1em;
	padding-bottom: 1em;
/*	background: #e3edc2;*/
}

#masthead {
	width: 800px;
	margin: 0 0;
	padding-top: 1em;
	padding-bottom: 0.4em;
/*	background: #e3edc2;*/
}

#navlinks {
	clear: both;
	margin: 1em 0 1em 0;
	padding: 0.5em 0 0.5em 1em;
	background: #CCFF99;
	color : gray;
}

#navlinks li.last {
	border-right : 0;
}

#content {
	width: 620px;
	margin: 0 0 0 0;
	background: white;
	float: left;
	padding: 2em 1.5em 1em 1em;
}

#sidebar {
	width: 140px;
	float: right;
	padding: 1em 0 0 0;
	margin-right: 1em;
}

.sidebarbox {
	border-right: thin rgb(156, 186, 214) solid;
	border-bottom: thin rgb(156, 186, 214) solid;
	border-left: thin rgb(156, 186, 214) solid;
	margin-bottom: 1em;
}

#sidebar img {
	margin: 0.5em 1em;
}

#sidebarbox p {
	margin-left: 1em;
	margin-right: 1em;
}

#footer {
	width: 800px;
	clear: both;
	text-align: center;
	background:  #CCFFCC;
	margin: 0 0 0 0;
	padding: 1px 0;
}

#footlinks {
	padding: 0.2em 0;
	margin: 0 0;
}

#footlinks li.last {
	border-right : 0;
}

#bottombanner {
	margin-top: 1em;
	text-align: center;
}

/*---------------------------------------------------------
	PAYPAL VIEW CART BUTTON
---------------------------------------------------------*/
#viewcart {
	width: 80px;
	text-align: center;
	margin: 0 0 0 0;
	padding: 0.5em 0 0.5em 2em;
}


/*---------------------------------------------------------
	PAYPAL VIEW CART BUTTON
---------------------------------------------------------*/
.addtocart {
	margin: 0 0;
}


/*---------------------------------------------------------
	PAGE SPECIFIC - HOME PAGE
---------------------------------------------------------*/
.imagetitle {
	background: white;
	border: thin green  solid;
	height: 55px;
}

.homeproductgallery {
	width: 200px;
	float: left;
	margin-bottom: 20px;
	margin-right: 5px;
	font: black;
}


#graybox {
	clear: both;
	background: #FFFFCC;
}

/*---------------------------------------------------------
	PAGE SPECIFIC - LISTING
---------------------------------------------------------*/

#listingdescription {
	float: left;

	width: 400px;
	margin-right: 1em;
}

#listingdescription h2 {
	font-size: 1.5em;
	text-transform: uppercase;
	margin-bottom: 1em;
}

#listingdescription h3 {
	font-size: 1.2em;
	margin-bottom: 0;
}

#listingprices {
	float: left;
	width: 200px;
}

#listingprices h2 {
	border-bottom: thin green solid;
}

#listingnotes {
	float: none;
	width: 500px;
}

/*---------------------------------------------------------
	PAGE SPECIFIC - CONTACT US
---------------------------------------------------------*/
#map {
	margin-left: 23em;
	margin-top: -25em;
}


/*---------------------------------------------------------
	PAGE SPECIFIC - FAQ
---------------------------------------------------------*/
#faqcategory1 {
	width: 290px;
	float: left;
	margin-top: -1em;
	margin-bottom: 1em;
	margin-right: 1em;
}

#faqcategory2 {
	width: 290px;
	float: right;
	margin-top: -1em;
	margin-bottom: 1em;
}

#faqanswer {
	clear: both;
	margin-top: 1em;
	border-top: medium solid #666666;
}

#faqanswer h3 {
	border-top: thin solid #ff0000;
	padding-top: 1em;
	margin-bottom: 1em;
}

#faqanswer h3.first {
	border-top: none;
	margin-top: 1em;
}