/* CSS Doc for Jeff White Motors */
						
						/** General **/
*						{ margin: 0; padding: 0; }

body					{ font-family: Georgia, "Times New Roman", Times, serif; background: url(../images/body-bg.jpg) center top no-repeat #0a0a0a; }

img						{ border: none; }

div#wrapper				{ width: 992px; height: auto; margin: 0 auto; }

						/** Header **/
div#header					{ width: 992px; height: 120px; float: left; position: relative; background: url(../images/header-bg.jpg) center top no-repeat; }
p#topaddy				{ position: absolute; font-size: 11px; font-weight: bold; text-align: center; top: 82px; left: 40px; color: #ffffff; }
p#topaddy span			{ color: #cc0000; }
p#toptel				{ font-size: 20px; color: #ffffff; position: absolute; top: 88px; right: 25px; font-family: Arial, Helvetica, sans-serif; }
p#toptel strong			{ font-size: 24px; }

						/** Topnav **/
ul#topnav				{ list-style: none; margin-left: 8px; }
ul#topnav li			{ width: 120px; height: 40px; margin-right: 2px; float: left; }
ul#topnav li a			{ display: block; height: 40px; line-height: 40px; width: 120px; font-weight: bold; font-size: 11px; text-decoration: none; background: url(../images/nav-bg.png) center top no-repeat; color: #ffffff; text-align: center; }
ul#topnav li a:hover	{ background-position: bottom; text-decoration: none; }

#HOM ul#topnav li#HO a, #SAL ul#topnav li#VS a, #FIN ul#topnav li#FI a, #WAR ul#topnav li#WA a, #WOR ul#topnav li#WO a, #ABO ul#topnav li#AU a, #LOC ul#topnav li#LO a, #CON ul#topnav li#CU a
						{ background-position: bottom; text-decoration: none; }

						/** S3 Slider & Spy Scroller (s3spy) **/
div#s3spy				{ width: 992px; height: 306px; float: left; position: relative; background: url(../images/s3spy-bg.jpg) center top no-repeat; }
div#justarrived			{ width: 264px; height: 294px; float: left; margin: 6px 0 6px 6px; background: url(../images/spy-bg.jpg) center top no-repeat; display: inline; }
div#imtran				{ width: 713px; height: 294px; float: right; margin: 6px 6px 6px 0; display: inline; }
div#slider1 			{ width: 713px; height: 294px; position: relative; overflow: hidden; display: inline; float: left; }
div#slider1Content 		{ width: 713px; height: 294px; position: absolute;	top: 0;	left: 0; list-style: none; }
li.slider1Image 		{ float: left; position: relative; display: none; }
li.slider1Image span	{ display: none; }
.clear 					{ clear: both; }
span.top 				{ top: 0; left: 0; display: none; visibility: hidden; } 	

						/** Quick Links **/
div#quicklinks			{ width: 992px; height: 43px; float: left; background: url(../images/quick-links-bg.jpg) center top no-repeat; }
marquee#marqueeStandard	{ width: 850px; height: 43px; }

div.pointer				{ margin-left: 125px; }

p#marqueetext			{ font-size: 12px!Important; text-transform: uppercase; color: #ffffff!Important; height: 40px; line-height: 40px; }

p#marqueetext a			{ color: #ffffff!Important; height: 40px; text-decoration:none; line-height: 40px; }

p#marqueetext a:Hover	{ text-decoration: none; color: #999999!Important; }

						/** Main & Content **/
div#main				{ width: 992px; height: auto; float: left; background: url(../images/main-bg.jpg) center top repeat-y #000000; }
div#content				{ width: 716px; height: auto; min-height: 303px; float: right; display: inline; margin: 0 3px 0 0; }
div#leftcol				{ width: 267px; height: auto; min-height: 303px; float: left; display: inline; margin: 0 0 0 3px; background: url(../images/leftcol-top.jpg) center top no-repeat; }
* html div#content		{ height: 303px; }
* html div#leftcol		{ height: 303px; }

#WAR div#content		{ background: url(../images/warranty-pic1.jpg) center top no-repeat; }
#ABO div#content		{ background: url(../images/about-us-pic1.jpg) center top no-repeat; }

						/** Footer **/
div#footer				{ width: 992px; height: 185px; float: left; background: url(../images/footer-bg.png) center top no-repeat; }

ul#botnav				{ list-style: none; margin: 18px 0 0 12px; float: left; }
ul#botnav li			{ float: left; border-right: 1px solid #ffffff; height: 12px; }
ul#botnav li a			{ height: 12px; line-height: 12px; width: auto; font-size: 11px; text-decoration: none; color: #ffffff; padding: 0 5px; float: left; }
ul#botnav li a:hover	{ background-position: bottom; text-decoration: none; color: #999999; }
ul#botnav li.end		{ border-right: none; }

div#ukw					{ height: 12px; float: right; margin: 18px 12px 0 0; color: #999999; font-size: 11px; }
div#ukw a				{ text-decoration: none; color: #cccccc; height: 12px; line-height: 12px; }
div#ukw a:hover			{ text-decoration: none; color: #ffffff; }

div#footlogos			{ width: 992px; height: 140px; float: left; margin-top: 23px; }

p.sectionheader			{ font-family: "Times New Roman", Times, serif; font-size: 22px; font-style: italic; height: 47px; line-height: 47px; text-indent: 20px; color: #ffffff; float: left; width: 264px; }

						/** Tabbed Panels **/
#browsetabs				{ width: 263px; height: 252px; overflow: hidden; margin: 0 3px; }

.widget 				{ width: 263px; }

.widget a 				{ color: #222; text-decoration: none; }

.widget a:hover 		{ color: #009; text-decoration: underline; }

ul.tabnav				{ height: 45px; }

.tabnav li 				{ display: inline; list-style: none; height: 45px; float: left; margin-right: 2px; }

html>/**/body .tabnav li{ text-align: center; }
	
.tabnav li a 			{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; text-decoration: none; color: #ffffff; outline: none; height: 45px; display: block; float: left; text-align: center; background: url(../images/browse-tab.jpg) center bottom no-repeat; }

.tabnav li a.tab1		{ width: 85px; margin-right: 1px; }
.tabnav li a.tab2		{ width: 85px; margin-right: 1px; }
.tabnav li a.tab3		{ width: 85px; }

.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a 
						{ background-position: top; color: #ffffff; text-decoration: none; height: 45px; }
		
.tabdiv 				{ background: url(../images/browse-bg.jpg) left top no-repeat; height: 207px; }

.tabdiv ul				{ list-style: none; width: 251px; height: 190px; margin: 0 5px; }
.tabdiv ul li			{ width: 251px; margin-bottom: 3px; }
.tabdiv ul li.browsespacer{ height: 0!Important; overflow: hidden; margin-top: -10px; }
html>/**/body .tabdiv ul li.browsespacer{ height: 10px!Important; display: block; margin-top: 0; }
.tabdiv ul li a			{ line-height: 35px; color: #ffffff; background: url(../images/browse-tab-button.jpg) center top no-repeat; text-decoration: none; display: block; text-align: center; width: 251px; font-size: 16px; font-style: italic; }
.tabdiv ul li a:hover	{ background-position: bottom; text-decoration: none; color: #ffffff; }


.ui-tabs-hide 			{ display: none; }		

						/** Text Styling **/
h1						{ font-size: 18px; margin: 30px 30px 10px 30px; font-weight: normal; height: 35px; }
#HOM h1					{ width: 43%; }

h2						{ font-size: 16px; font-weight: bold; margin: 0 30px 10px 30px; color: #ffffff; }

p.normP					{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #ffffff; margin: 10px 30px; text-align: justify; }

ul.normUL				{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #ffffff; margin: 10px 30px 10px 70px; }
ul.normUL li			{ line-height: 15px; }

.leftcolpic				{ margin: 43px 0 0 5px; }

						/** Map Styles **/
div#map					{ width: 656px; height: 300px; background: url(../images/map-bg.jpg) center top no-repeat; margin: 20px 30px; float: left; }						
div#map iframe 			{ width: 646px; height: 290px; background: #222222; float: left; margin: 5px; }