BODY {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt;
	color: #666666;
	scrollbar-face-color: #999999;
	scrollbar-highlight-color: #EFEFEF;
	scrollbar-shadow-color: #666666;
	scrollbar-3dlight-color: #666666;
	scrollbar-arrow-color: #C71444;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #666666;
	text-align: center;
	background: url('../images/dot_ebebeb.png');
}
#rogeeMPGbox{
	width: 150px;
	height: 65px;
	margin-top: 10px;
	padding-top: 16px;
	background: url('http://www.rogeeautomotive.com/rogee_elements/fuel_pump_150x65.png') no-repeat;
}
#rogeeMPGboxCTY{
	float: left;
	padding-left: 10px;
	width: 75px;
	font-size: 15pt;
	font-weight: bold;
}
#rogeeMPGboxHWY{
	float: left;
	padding-left: 34px;
	/*width: 75px;*/
	font-size: 15pt;
	font-weight: bold;
}
.cloudBG{
	background: url('../images/bg_grid2.gif') no-repeat;
}

.cloudBG480{
	background: url('../images/bg_grid480.gif') no-repeat;
}

.bgimg_sitemap{
	background: url('../images/bgimg_sitemap.jpg') no-repeat;
}

.bgimg_newinventory{
	background: url('../images/bgimg_new_inventory.jpg') no-repeat;
}

.bgimg_usedinventory{
	background: url('../images/bgimg_used_inventory.jpg') no-repeat;
}

.bgimg_couponcenter{
	background: url('../images/bgimg_couponcenter.jpg') no-repeat;
}

.bgimg_ourstaff{
	background: url('../images/bgimg_ourstaff.gif') no-repeat;
}

.bgimg_photogallery{
	background: url('../images/bgimg_photogallery.jpg') no-repeat;
}

.bgimg_newvehicles_360{
	background: url('../images/bgimg_newvehicles_360.jpg') no-repeat;
}

.bgimg_preowned_news{
	background: url('../images/bgimg_preowned_news.jpg') no-repeat;
}

.bgimg_preowned_specials{
	background: url('../images/bgimg_preowned_specials.jpg') no-repeat;
}

.bgimg_parts_specials{
	background: url('../images/bgimg_parts_specials.jpg') no-repeat;
}

.bgimg_service_specials{
	background: url('../images/bgimg_service_specials.jpg') no-repeat;
}

.bgimg_videos{
	background: url('../images/bgimg_videos.jpg') no-repeat;
}

li.rogbullet_car{
	font-weight: bold;
	list-style-type: none;
	list-style-image: url('../images/icon_list.gif');
}

/* INVENTORY
=============================== */

A.trcInvNav {FONT-WEIGHT: normal; COLOR: $fontcolor2; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 10px; TEXT-DECORATION: none}
A.trcInvNav:hover {COLOR: $fontcolor; TEXT-DECORATION: none}
.colorSwitcher1 {BACKGROUND-COLOR: #efefef}
.colorSwitcher2 {BACKGROUND-COLOR: #ffffff}
.colorSwitcher_F2 {BACKGROUND-COLOR: YELLOW}
.colorSwatch {BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid}

.rogeeThumb{position:relative;z-index:0;}
.rogeeThumb:hover{background-color:transparent;z-index:50;}
.rogeeThumb span{position:absolute;background-color:transparent;padding:5px;left:-1000px;visibility:hidden;}
.rogeeThumb span img{border-width:0;padding:2px;}
.rogeeThumb:hover span{visibility:visible;top:0;left:150px;}

/* LOADERS
=============================== */

.rogLoader1 {
	margin-left: 20;
	margin-top: 20px;
	padding-top: 20px;
	display: block;
	width: 220; height: 19;
	background: #fff url('../images/rogee_loader1.gif') no-repeat;
	border: #ddd solid 2px;
}
.rogLoader2 {
	margin-left: 20;
	margin-top: 20px;
	padding-top: 20px;
	display: block;
	width: 128; height: 15;
	background: #fff url('../images/rogee_loader2.gif') no-repeat;
	border: #ddd solid 2px;
}
.rogLoader3 {
	margin-left: 20;
	margin-top: 20px;
	padding-top: 20px;
	display: block;
	width: 43; height: 11;
	background: #fff url('../images/rogee_loader3.gif') no-repeat;
	border: #ddd solid 2px;
}
.rogLoader4 {
	margin-left: 20;
	margin-top: 20px;
	padding-top: 20px;
	display: block;
	width: 24; height: 24;
	background: #fff url('../images/rogee_loader4.gif') no-repeat;
	border: #ddd solid 2px;
}
.rogLoader5 {
	margin-left: 20;
	margin-top: 20px;
	padding-top: 20px;
	display: block;
	width: 16; height: 16;
	background: #fff url('../images/rogee_loader5.gif') no-repeat;
	border: #ddd solid 2px;
}

/* CONTAINERS MOBILE
=============================== */

#rogContainer_mobile {
	height: 100%;
	width: 100%;
	margin: 0 auto;
	position: relative;
	text-align: left;
}

#rogContent_mobile {
	height: 100%;
	width: 100%;
	margin: 0 auto;
	padding: 0; 
	/*background-color: #fff;*/
	clear: both;
	text-align: left;
}

/* CONTAINERS
=============================== */

#rogContainer {
	height: 100%;
	width: 980px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}

#rogContent {
	height: 100%;
	width: 980px;
	margin: 0 auto;
	padding: 0; 
	/*background-color: #fff;*/
	clear: both;
	text-align: left;
}

.rogBoxBlack{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 980px;
	height: 100%;
	background-color: #000;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.75;
	filter: alpha(opacity=75);
}

.rogBoxWhite{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 980px;
	height: 100%;
	background-color: #fff;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.90;
	filter: alpha(opacity=90);
}

.rogBoxContent {
	display: none;
	position: absolute;
	top: 144px;
	left: 164px;
	width: 630px;
	height: 470px;
	padding: 0;
	border: 4px solid #ccc;
	background-color: white;
	z-index:1002;
	overflow: auto;
}

.rogBoxContentOEM {
	display: none;
	position: absolute;
	top: 140px;
	left: 10px;
	width: 960px;
	height: 120%;
	padding: 0;
	border: 4px solid #c0c0c0;
	background-color: white;
	z-index:9;
	overflow: auto;
}

#rogQuadrant_1 {
	z-index: 10;
	position:absolute;
	margin-top: 10px;
	left: 17px;
	width: 240px;
	height: 100px;
	text-align: left;
	display: none;
	visibility:hidden;
}

#rogQuadrant_5 {
	z-index: 10;
	position:absolute;
	margin-top: 130px;
	left: 17px;
	width: 240px;
	height: 100px;
	text-align: left;
	display: none;
	visibility:hidden;
}

#rogQuadrant_9 {
	z-index: 10;
	position:absolute;
	margin-top: 226px;
	left: 17px;
	width: 240px;
	height: 100px;
	text-align: left;
	display: none;
	visibility:hidden;
}

#rogQuadrant_9a {
	z-index: 10;
	position:absolute;
	margin-top: -20px;
	left: 17px;
	width: 32px;
	height: 18px;
	text-align: left;
	display: none;
	visibility:hidden;
}

#rogQuadrant_12 {
	z-index: 10;
	position:absolute;
	margin-top: 200px;
	left: 720px;
	width: 240px;
	height: 100px;
	text-align: left;
	display: none;
	visibility:hidden;
}

#rogQuadrant_12a {
	z-index: 10;
	position:absolute;
	margin-top: 280px;
	left: 924px;
	width: 32px;
	height: 18px;
	text-align: left;
	display: none;
	visibility:hidden;
}

/* TD SETTINGS
=============================== */

align_me_left{
	text-align: left;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
.pad_my_td{
	padding-top:10px; 
	padding-bottom:10px;
	padding-right:10px;
	padding-left:10px;
	text-align: justify;
}
.pad_my_td_top{
	padding-top:10px; 
}
.pad_my_td_bottom{
	padding-bottom:10px;
}
.pad_my_td_right{
	padding-right:10px;
}
.pad_my_td_left{
	padding-left:10px;
}

.td_navlayer_bg {
/*
	background: url('../images/nav_bg1.png');
	background-repeat: no-repeat;	
*/
}

.quicksearch_bg {
	background: url('../images/bg_quicksearch.jpg');
	background-repeat: no-repeat;
}

/* NAVIGATION
=============================== */

.glossymenu{
	list-style-type: none;
	margin: 5px 0;
	padding: 0;
	width: 200px;
	border-bottom-width: 0;
}
.glossymenu li a{
	background: white url(../images/layer_glossyback_off.png) repeat-x bottom left;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	display: block;
	width: auto;
	padding: 3px 0;
	padding-left: 4px;
	text-decoration: none;
}
* html .glossymenu li a{
	/*IE only. Actual menu width minus left padding of A element (10px) */
	width: 190px;
}
.glossymenu li a:visited, .glossymenu li a:active{
	color: #ffffff;
}
.glossymenu li a:hover{
	color: #cccccc;
	background-image: url(../images/layer_glossyback_on.png);
}
.mainNavBg:hover {
	color: #ffffff;
	padding: 4px 0px 4px 0px;
	background: url(../images/layer_glossyback_on.png);
}
.navigation {
	background-color: #cccccc;
	border: 1px solid #c0c0c0;
	padding-top:1px; 
	padding-bottom:1px;
	padding-right:4px;
	padding-left:4px;
	font-weight: bold;
	font-size: 10pt;
}

#FormTellFriend {
	position:relative;
	z-index:50;
	left:-240px;
	top:-315px;
	display: none;
	visibility:hidden;
}

/* TOP NAVIGATION LAYERS 
=============================== */

#NavLayer_About {
	z-index: 20;
	position:absolute;
	top: 148px;
	left: 17px;
	width: 944px;
	height: 284px;
	text-align: left;
	background-image: url(../images/nav_bg1.png); 
	background-repeat: no-repeat;
	display: none;
	visibility:hidden;
}

#NavLayer_Contact {
	z-index: 20;
	position:absolute;
	top: 148px;
	left: 17px;
	width: 944px;
	height: 284px;
	text-align: left;
	background-image: url(../images/nav_bg1.png); 
	background-repeat: no-repeat;
	display: none;
	visibility:hidden;
}

#NavLayer_Finance {
	z-index: 20;
	position:absolute;
	top: 148px;
	left: 17px;
	width: 944px;
	height: 284px;
	text-align: left;
	background-image: url(../images/nav_bg1.png); 
	background-repeat: no-repeat;
	display: none;
	visibility:hidden;
}

#NavLayer_NewVehicles {
	z-index: 20;
	position:absolute;
	top: 148px;
	left: 17px;
	width: 944px;
	height: 284px;
	text-align: left;
	background-image: url(../images/nav_bg1.png); 
	background-repeat: no-repeat;
	display: none;
	visibility:hidden;
}

#NavLayer_Parts {
	z-index: 20;
	position:absolute;
	top: 148px;
	left: 17px;
	width: 944px;
	height: 284px;
	text-align: left;
	background-image: url(../images/nav_bg1.png); 
	background-repeat: no-repeat;
	display: none;
	visibility:hidden;
}

#NavLayer_PreOwned {
	z-index: 20;
	position:absolute;
	top: 148px;
	left: 17px;
	width: 944px;
	height: 284px;
	text-align: left;
	background-image: url(../images/nav_bg1.png); 
	background-repeat: no-repeat;
	display: none;
	visibility:hidden;
}

#NavLayer_Service {
	z-index: 20;
	position:absolute;
	top: 148px;
	left: 17px;
	width: 944px;
	height: 284px;
	text-align: left;
	background-image: url(../images/nav_bg1.png); 
	background-repeat: no-repeat;
	display: none;
	visibility:hidden;
}

#NavLayer_Specials {
	z-index: 20;
	position:absolute;
	top: 148px;
	left: 17px;
	width: 944px;
	height: 284px;
	text-align: left;
	background-image: url(../images/nav_bg1.png); 
	background-repeat: no-repeat;
	display: none;
	visibility:hidden;
}

#NavLayer_Videos {
	z-index: 20;
	position:absolute;
	top: 148px;
	left: 17px;
	width: 944px;
	height: 284px;
	text-align: left;
	background-image: url(../images/nav_bg1.png); 
	background-repeat: no-repeat;
	display: none;
	visibility:hidden;
}

#NavLayer_zRemover {
	z-index: 19;
	position:absolute;
	top: 148px;
	left: 10px;
	width: 960px;
	height: 300px;
	text-align: left;
	background-image: url(../images/nav_bg_nav_remover.png); 
	background-repeat: no-repeat;
	display: none;
	visibility:hidden;
}

#NavLayer_CarnnectLAYER {
	z-index: 19;
	position:absolute;
	margin-top: 10px;
	left: 17px;
	width: 944px;
	text-align: left;
	background-image: url(../images/nav_bg_carnnectlayer.png); 
	background-repeat: center;
	display: none;
	visibility:hidden;
}

#NavLayer_RogeeLinksBOX {
	z-index: 19;
	padding: 10px;
	position:relative;
	top: -40px;
	left: 0px;
	height: 40px;
	width: 300px;
	text-align: left;
	background-image: url(../images/nav_bg1.png); 
	background-repeat: center;
	display: none;
	visibility:hidden;
}

/* LINKS
=============================== */

A {
	color: #666666;
	font-family: Verdana, Arial, Helvetica;
	font-size: 10pt; 
	font-weight: bold;
	text-decoration: none;
}

A:hover {
	color: #C71444;
	text-decoration: none;
}

.alink_black {
	color: #000000;
	font-family: Verdana, Arial, Helvetica;
	font-size: 10pt; 
	font-weight: bold;
	text-decoration: none;
}

.eStext	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}
.eNtext {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal;
}
.autoInfo {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
}

/* NAV FONTS 
=============================== */

.navVehiclePrice {
	color: #000000;
	font-size: 12pt; 
	font-weight: bold;
	text-decoration: none;
}

.navVehicleTitle {
	color: #000000;
	font-size: 12pt; 
	font-weight: bold;
	text-decoration: none;
}

.navThisPage {
	color: #000000;
	font-size: 14pt; 
	font-weight: bold;
	text-decoration: none;
	padding-top:0px; 
	padding-bottom:16px;
	padding-right:0px;
	padding-left:0px;
}

.navThisPage_InLayer {
	color: #c71444;
	font-size: 14pt; 
	font-weight: bold;
	text-decoration: none;
	padding-top:0px; 
	padding-bottom:8px;
	padding-right:0px;
	padding-left:0px;
}

.navTopName {
	color: #000000;
	font-size: 16pt; 
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif, Verdana; 

}

.navTopAddress {
	font-size: 9pt; 
	font-weight: normal;
	text-decoration: none;
}

.navTopAddress_bold {
	font-size: 9pt; 
	font-weight: bold;
	text-decoration: none;
}

.navBotName {
	font-size: 9pt; 
	font-weight: normal;
	text-decoration: none;
}

.navBotLinks {
	font-size: 9pt; 
	font-weight: normal;
	text-decoration: none;
}

.navBotLinks_bold {
	font-size: 9pt; 
	font-weight: bold;
	text-decoration: none;
}

.navTopicTitle {
	font-size: 11pt; 
	font-weight: bold;
	color: #c71444;
	padding-bottom:16px;
}

/* CONTACT FORMS 
=============================== */

.cf_form_bg_top {
	width: 176pt;
	height: 8px;
	background: url('../_images/form_shade_top.jpg');
}
.cf_form_bg_center {
	width: 176pt;
	background: url('../_images/form_shade_center.jpg');
}
.cf_form_bg_bottom {
	width: 176pt;
	height: 8px;
	background: url('../_images/form_shade_bottom.jpg');
}
.cf_label {
	font-size: 8pt;
	color: #666666;
}
.cf_label_bold {
	font-size: 8pt;
	color: #666666;
	font-weight: bold;
}
.cf_label_heading {
	font-size: 10pt;
	color: #666666;
	font-weight: bold;
}
.cf_label_required {
	font-size: 8pt;
	color: #0000ff;
}
.cf_select {
	width:100pt;
	background-color:#F5F6F7;
	color: #666666;
}
.cf_textbox {
	width:100pt;
	background-color:#F5F6F7;
	font-weight: bold;
	color: #666666;
}
.cf_notes {
	width:150pt;
	height: 60pt;
	background-color:#F5F6F7;
	font-weight: bold;
	color: #666666;
}
.cf_notes2 {
	width:160pt;
	height: 60pt;
	background-color:#F5F6F7;
	font-weight: bold;
	color: #666666;
}
.cf_notes100 {
	width:100pt;
	height: 30pt;
	background-color:#F5F6F7;
	font-weight: bold;
	color: #666666;
}
.cf_button {
	color: #666666;
	font-size: 8pt;
	font-weight: bold;
}


.little_me {
	font-size: 8pt;
	font-weight: normal;
}
.little_me_bold {
	font-size: 8pt;
	font-weight: bold;
}
.little_me_italic{
	font-size: 8pt;
	font-style: italic;
}

.regular_me {
	font-size: 10pt;
	font-weight: normal;
}
.regular_me_bold {
	font-size: 10pt;
	font-weight: bold;
}
.regular_me_italic {
	font-size: 10pt;
	font-style: italic;
}

.color_me_black{
	color: #000000;
}
.color_me_white{
	color: #ffffff;
}
.color_me_red{
	color: #c71444;
}
.color_me_grey{
	color: #666666;
}
.color_me_lightgrey{
	color: #cccccc;
}

.accolade_name{
	font-family: Arial, Helvetica, sans-serif, Verdana; 
	font-size: 12pt;
	font-weight: bold;
}
.accolade_statement{
	font-family: Arial, Helvetica, sans-serif, Verdana; 
	font-size: 14pt;
}
.accolade_box{
	padding-bottom: 15px;
	padding-top: 15px;
}

/********* VEHICLE DISPLAY CONTENT *********/

.modelName {
	font-weight: bold;
	font-size: 12pt;
	color: #666666;
}
.modelPrice {
	font-weight: bold;
	font-size: 10pt;
	padding-bottom: 10px;
}
.modelCategory {
	font-weight: bold;
	font-size: 12pt;
	padding: 10px 0px 10px 10px;
}
.modelPackage {
	width: 220px;
	float: left;
	padding: 4px;
	margin-right: 4px;
	font-weight: normal;
	font-size: 8pt;
	background: #dbdbdb;
}
.itemKey {
	font-weight: normal;
	font-size: 8pt;
}
#modelBox {
	text-align: left;
	padding: 10px;
	border: #ddd dotted 2px;
	border-top: #ddd solid 10px;
	margin-bottom: 10px;
}
#disclaimerBox {
	text-align: left;
	font-size: 8pt;
	font-weight: normal;
	font-style: italic;
	padding: 10px;
	border: #ddd dotted 2px;
	border-top: #ddd solid 10px;
	margin-bottom: 10px;
	background: #fee;
}
.tiny_me_7pt {
	font-size: 7pt;
	font-weight: normal;
}
.tiny_me_6pt {
	font-size: 6pt;
	font-weight: normal;
}