@charset "utf-8";
* {
	margin: 			0;
	padding: 			0;
}
body {
	text-align:			center;
	background-color: 	#6c6;
	font-family: 		"Times New Roman", Times, serif;
	color: 				#FF9;
}
/*TEXT-ALIGN:	CENTER; DOES NOT WORK IN IE UNLESS YOU HAVE A WIDTH SET FOR THE DIV*/
#wrapper {
	margin-left:		auto;
	margin-right:		auto;
	background-color: 	#6c6;
	height: 			100%;
	width:				100%;
}
p {
	font-family: 		Arial, Helvetica, sans-serif;
}
a:link {
	color: 				#0000ff;
}
a:visited {
	color:				purple;
}
a:hover {
	color: 				red;
}
/*TOP MENU*/
#wrapper #divTonysLogoAndMenu {
	width:				100%;
	margin-right: 		auto;
	margin-left: 		auto;
}
#divTonysLogoAndMenu p {
	font-size: 			1.5em;
	font-family:		"Times New Roman", Times, serif;
}
#wrapper #divTonysLogoAndMenu img {
	margin-top: 		10px;
	z-index: 			2;
	position: 			relative;
}
#wrapper #divTonysLogoAndMenu #CustReview {
	position: 			relative;
	right: 				40px;
	bottom: 			30px;
}
#wrapper #divTonysLogoAndMenu #FAQ {
	position: 			relative;
	right: 				20px;
	bottom: 			30px;
}
#wrapper #divTonysLogoAndMenu #contact {
	left: 				20px;
	bottom: 			30px;
	position: 			relative;
}
#wrapper #divTonysLogoAndMenu #directions {
	left: 				40px;
	bottom: 			30px;
	position: 			relative;
}
#wrapper #divHRReplacement {
	background-color: 	#F00;
	height: 			2px;
	width: 				99%;
	z-index: 			1;
	margin-right: 		auto;
	margin-left: 		auto;
	position: 			relative;
	top: 				-15px;
}
/* SLOGAN */
.DIVWithYouInMindText {
	position: 			relative;
}
.DIVWithYouInMindText h1 {
	font-size: 			2.5em;
}
/* BUSINESS DESCRIPTION */
#wrapper #DIVBusinessDescription {
	margin-top: 		60px;
	width: 				60%;
	margin-right: 		auto;
	margin-left: 		auto;
	text-align: 		left;
}
#DivBusinessDescription h2 {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			.9em;
}
#DivBusinessDescriptionIndent {
	width: 				840px;
	margin-right: 		auto;
	margin-left: 		auto;
	margin-top: 		40px;
	text-align: 		center;
	font-size: 			0.7em;
	line-height: 		4em;
}
h1 .underline {
	text-decoration:	underline;
}
/* INVENTORY */
#DivInventoryPics {
	margin-right: 		auto;
	margin-left: 		auto;
	width: 				95%;
}
#DivInventoryPics table {
	text-align: 		center;
	margin-right: 		auto;
	margin-left: 		auto;
	width: 				100%;
}
#DivInventoryPics table td {
	padding: 			10px;
}
#DivInventoryPics td {
	width: 				50%;
}
#DivInventoryPics #divMonthlySpecials {
	border: 			4px solid red;
	width:				95%;
	margin-right:		auto;
	margin-left:		auto;
	margin-bottom: 40px;
}
/* MONTHLY SPECIALS HEADLINE */
#DivInventoryPics #divMonthlySpecials h1 {
	font-size: 			2.2em;
	font-weight: 		bold;
	color: 				#FF0000;
}
/* CREATES PADDING INSIDE MONTHLY SPECIALS DIV */
#DivInventoryPics #divMonthlySpecials #DIVMontlySpecialsTableContainer {
	padding-top: 		20px;
	padding-bottom: 	40px;
	margin: 			0px;
}
/* h2 HEADLINES IN TABLES */
#DivInventoryPics h2 {
	font-size: 			2.2em;
	font-family: 		"Times New Roman", Times, serif;
	margin-bottom: 		10px;
}
#DivInventoryPics p {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			1.4em;
}
#DivInventoryPics #divMonthlySpecials #DIVMontlySpecialsTableContainer table p {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			1.4em;
}
/*selector is for text below images in the monthlyspecials section of website*/
#DivInventoryPics #divMonthlySpecials #DIVMontlySpecialsTableContainer p.imagesWithText {
	font-size: 			0.8em;
}
/*selector is for text below pictures in the DivInventoryPics section but is not in the monthlyspecials section*/
#DivInventoryPics p.imagesWithText {
	font-size: 0.8em;
}

.imagesWithText a:link {
	text-decoration: 	none;
	font-size: 1.1em;
}
.imagesWithText a:visited {
	text-decoration:	none;
	font-size: 1.1em;
}
#framelogoleft {
	width:				302px;
	position:			absolute;
	left:				14px;
	top:				20px;
}
/* these pseudo-elements for links control the border color of the logo on the framelogo.html page 
*/
#framelogoleft a:link img {
	border: 			2px solid #66CC66;
}
#framelogoleft a:visited img {
	border: 			2px solid #66cc66;
}
#framelogoleft a:hover img {
	border: 			2px solid red;
}
/*This element controls the positioning of the text under the framelogo.jpg image at the top left of the cart images pages and most other ancillary pages.
*/
#framelogohometext {
	position:			absolute;
	left:				150px;
	top:				100px;
}
/*This element controls the positioning of the div on the top right of the cart images pages and directions.html, faq.html, contacts.html, links.html etc. It is essential that it stays here in main.css
*/
#framelogoright {
	position:			absolute;
	left:				346px;
	top:				30px;
	height:				76px;
	width:				400px;
}
#framelogoright h1 {
	line-height:		0.8em;
	font-size: 			1.5em;
}
/*This selector is for the text under the Google Map in directions.html
*/
a#googlemap {
	font-size:			14px;
}
/*This selector is for the menu at the bottom of index.html
*/
#indexbottommenu p {
	margin:				1em;
	font-size: 			1em;
	color: 				#FFFFCC;
}
#bottom_address {
	margin-top: 		3em;
}
/*This selector is for the address at the bottom of index.html
*/
#bottom_address p {
	margin: 			2px;
}
#Club_Car_logo {
	margin-top: 		4em;
	margin-bottom: 		4em;
}
#wrapper #Club_Car_logo p {
	font-family: 		"Times New Roman", Times, serif;
}
/*These selectors are for the text listing accessories and services on index.html
*/
#accessories {
	margin-top: 		6em;
	margin-right: 		6em;
	margin-bottom: 		1em;
	margin-left: 		6em;
	text-align:			center;
}
#accessories h2 {
	font-size: 			2em;
}
#accessories p {
	font-size: 			1.5em;
}
#accessories .DIVProducts {
	margin-top: 		30px;
}
#DivServices {
	width: 				80%;
	margin-right: 		auto;
	margin-left: 		auto;
	margin-top: 		60px;
}
#DivServices p {
	font-size: 			1.5em;
}
#divCreditCardLogos {
	margin-top: 		20px;
}
#DIVBackToTop {
	margin-top: 		30px;
}
#Divindextoptext {
	margin-top: 		20px;
}
#DivBusinessDescptionIndent h2 {
	margin-bottom: 		10px;
}
#DivShippingText {
	margin-top: 		60px;
}
#DivShippingText p {
	font-size: 			1.5em;
}
#wrapper #weMoved h1 {
	margin-top: 20px;
}
#wrapper #divFreeMaintTutorial {
	margin-bottom: 		20px;
	width: 				86%;
	margin-right: 		auto;
	margin-left: 		auto;
}
#wrapper #divDesign {
	font-size: 			.8em;
	text-align: 		right;
	margin-right: 		4px;
	margin-bottom: 		4px;
}
#wrapper #divRefurbProcess {
	width: 				80%;
	margin-top: 		80px;
	margin-right: 		auto;
	margin-left:		auto;
}
#wrapper #divLinkToInventory {
	margin-top: 		30px;
	width: 				30%;
	margin-right: 		auto;
	margin-left: 		auto;
}
#wrapper #divLinkToInventory h2 {
	text-decoration: 	underline;
}
#wrapper #divScrollDownArrow img {
	position: 			absolute;
	z-index: 			5;
	left: 				20px;
	top: 				320px;
}
