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

body					{ font-family: Arial, Helvetica, sans-serif; background: #121212; }

img						{ border: none; }

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

						/** Header Area **/
div#header				{ width: 992px; height: 346px; float: left; position: relative; }

p#toptel				{ font-size: 30px; text-align: right; color: #ffffff; font-family: Arial, Helvetica, sans-serif; float: right; } /* This is a sIFR & the main styles can be found in css/sifr.css, config in sifr/sifr-config.js */

ul#topnav				{ list-style: none; }
ul#topnav li			{ float: left; margin-right: 3px; display: inline; }
ul#topnav li a			{ text-indent: -9999px; overflow: hidden; float: left; height: 35px; margin-top: 5px; display: inline; }
ul#topnav li li a		{ text-indent: 0!Important; float: left; }
ul#topnav li a:hover	{}

ul#topnav li#HO a		{ width: 38px; background: url(../images/nav/home.jpg) center top no-repeat; margin-left: 5px; display: inline; }
ul#topnav li#NC a		{ width: 97px; background: url(../images/nav/new-cars.jpg) center top no-repeat; }
ul#topnav li#UC a		{ width: 102px; background: url(../images/nav/used-cars.jpg) center top no-repeat; }
ul#topnav li#FI a		{ width: 86px; background: url(../images/nav/finance.jpg) center top no-repeat; }
ul#topnav li#SE a		{ width: 82px; background: url(../images/nav/service.jpg) center top no-repeat; }
ul#topnav li#TD a		{ width: 119px; background: url(../images/nav/taxis.jpg) center top no-repeat; }
ul#topnav li#CG a		{ width: 164px; background: url(../images/nav/gallery.jpg) center top no-repeat; }
ul#topnav li#LH a		{ width: 158px; background: url(../images/nav/loc-hours.jpg) center top no-repeat; }
ul#topnav li#CU a		{ width: 113px; background: url(../images/nav/contact.jpg) center top no-repeat; }

ul#topnav li#HO a:hover, ul#topnav li#NC a:hover, ul#topnav li#UC a:hover, ul#topnav li#FI a:hover, ul#topnav li#SE a:hover, ul#topnav li#TD a:hover, ul#topnav li#CG a:hover, ul#topnav li#LH a:hover, ul#topnav li#CU a:hover
						{ background-position: bottom; }
						
						
#HOM ul#topnav li#HO a, #SAL ul#topnav li#UC a, #FIN ul#topnav li#FI a, #SER ul#topnav li#SE a, #GAL ul#topnav li#CG a, #LOC ul#topnav li#LH a, #CON ul#topnav li#CU a
						{ background-position: bottom; }		

						/* Dropdown Menu */

#myslidemenu			{ width: 992px; height: 40px; border-bottom: 3px solid #108b67; background: url(../images/topnav-bg.jpg) center top no-repeat; float: left; position: absolute; top: 36px; left: 0; z-index: 200!Important; }
#myslidemenu ul			{ list-style: none; }
#myslidemenu ul li		{ text-align: center; float: left; overflow: visible; }
#myslidemenu ul li a	{ text-decoration: none; display: block; padding: 0; }
#myslidemenu ul li a:hover{ text-decoration: none; color: #333333; }

.stayselected			{ background-position: bottom!Important; }

#myslidemenu ul li#NC ul.sub, #myslidemenu ul li#UC ul.sub, #myslidemenu ul li#SE ul.sub
						{ width: 992px; position: absolute; top: 0; left: 0!Important; z-index: 200!Important; height: 40px; background: #108b67; }

#myslidemenu ul li ul.sub li{ width: auto!Important; margin: 0!Important; height: 40px!Important; float: left!Important; }
#myslidemenu ul li ul.sub li a{ text-decoration: none!Important; display: block!Important; padding: 0 20px!Important; height: 40px!Important; line-height: 40px!Important; font-size: 14px!Important; font-weight: bold!Important; color: #ffffff!Important; background: none!Important; width: auto!Important; margin: 0 0 0 0!Important; text-transform: uppercase!Important; }
#myslidemenu ul li ul.sub li a:hover{ color: #333333!Important; }

.jqueryslidemenu		{ width: 992px; }

.jqueryslidemenu ul		{ margin: 0; padding: 0; list-style-type: none; }

.jqueryslidemenu ul li	{ display: inline; float: left; }

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; }

.jqueryslidemenu ul li ul{ position: absolute; z-index: 200!Important;  visibility: hidden; }
.jqueryslidemenu ul li ul#ASM{ height: 60px; background: url(../images/dropnav2-bg-trans.png) bottom center no-repeat; }

.jqueryslidemenu ul li ul li{ display: list-item; float: none; }

.jqueryslidemenu ul li ul li ul{ top: 0; }

.jqueryslidemenu ul li ul li a{  /*width of sub menus*/ padding: 0; margin: 0; }
.jqueryslidemenu ul li ul li a:hover { }


.downarrowclass			{ position: absolute; top: 12px; right: 7px; display: none; }

.rightarrowclass		{ position: absolute; top: 6px; right: 5px; display: none; }

						/** Im Tran **/						

div#imtran				{ width: 992px; height: 267px; background: url(../images/imtran/bg.jpg) center top no-repeat; position: absolute; bottom: 0; left: 0; z-index: 100!Important; }

div#slider1 			{ width: 992px; height: 267px; position: relative; overflow: hidden; }
div#slider1Content 		{ width: 992px; height: 267px; position: absolute;	top: 0;	left: 0; list-style: none; }
li.slider1Image 		{ float: left; position: relative; display: none; }
li.slider1Image span	{ display: none; }
span.top 				{ top: 0; left: 0; display: none; visibility: hidden; }

						/** Accordion **/
						
ul#agentsfor			{ list-style: none; overflow: hidden; background: url(../images/agentsfor-bg.jpg) center top no-repeat; float: left; width: 732px; margin-bottom: 10px; }

ul#agentsfor li			{ float: left; }

ul#agentsfor li a		{ display: block; overflow: hidden; height: 100px; width: 120px; float: left; }

ul#agentsfor li a#a1	{ width: 364px; }

ul#agentsfor li img		{ float: left; }

						/** Main & Content **/
div#main				{ width: 992px; height: auto; float: left; margin-top: 10px; }

div#leftcol				{ width: 732px; height: auto; float: left; }

div#content				{ width: 732px; height: auto; float: left; }
div#content-top			{ width: 732px; height: 10px; float: left; background: url(../images/content-top-bg.jpg) center top no-repeat; overflow: hidden; }

div#content-mid			{ width: 732px; height: auto; float: left; min-height: 430px; background: #ffffff; display: inline; }

* html div#content-mid	{ height: 430px; }

#HOM div#content-mid, #THX div#content-mid
						{ min-height: 320px; }
						
* html #HOM div#content-mid, * html #THX div#content-mid
						{ height: 320px; }


div#content-bot			{ width: 732px; height: 10px; float: left; background: url(../images/content-bot-bg.jpg) center top no-repeat; overflow: hidden; display: inline; }

div#rightcol			{ width: 250px; height: auto; float: right; }
div#rightcol-top		{ width: 250px; height: 10px; float: left; background: url(../images/rightcol-top-bg.jpg) center top no-repeat; overflow: hidden; }
div#rightcol-mid		{ width: 250px; height: auto; float: left; min-height: 430px; background: #252525; }
* html div#rightcol-mid	{ height: 430px; }
div#rightcol-bot		{ width: 250px; height: 10px; float: left; background: url(../images/rightcol-bot-bg.jpg) center top no-repeat; overflow: hidden; }

div#lateststock			{ width: 230px; height: 245px; float: left; margin: 0 10px; display: inline; overflow: hidden; }

div#stocksearch			{ width: 230px; height: 245px; float: left; margin: 0 10px; display: inline; overflow: hidden; }

div#rightcol h3			{ font-size: 20px; color: #ffffff; text-transform: uppercase; margin: 5px 5px 0 5px; height: 40px; }

a#findacarlink			{ display: block; width: 230px; height: 180px; float: left; text-indent: -9999px; overflow: hidden; background: url(../images/findacarlink.jpg) center top no-repeat; margin: 5px 10px 0 10px; display: inline; }
a#findacarlink:hover	{ background-position: bottom; }

						/** Footer Area **/
div#footer				{ width: 992px; height: 100px; float: left; border-top: 1px dotted #222222; margin-top: 5px; }

ul#botnav				{ list-style: none; height: 11px; margin: 10px 0 0 0; float: left; }
ul#botnav li			{ float: left; border-right: 1px solid #333333; height: 11px; }
ul#botnav li.end		{ border-right: none; }
ul#botnav li a			{ float: left; text-decoration: none; font-size: 11px; height: 11px; line-height: 11px; color: #ffffff; padding: 0 9px; text-transform: uppercase; font-weight: bold; }
ul#botnav li a:hover	{ text-decoration: none; color: #a7eca9; }

div#ukw					{ float: right; font-size: 11px; text-transform: uppercase; font-weight: bold; color: #666666; height: 11px; margin: 10px 10px 0 0; display: inline; }
div#ukw	a				{ height: 11px; line-height: 11px; text-decoration: none; color: #666666; }
div#ukw	a:hover			{ text-decoration: none; color: #333333; }

p#footaddy				{ float: left; font-size: 11px; color: #ffffff; text-transform: uppercase; width: 992px; margin: 10px 0 0 10px; display: inline; }

p#footstrap				{ float: left; font-size: 11px; color: #333333; font-style: italic; text-transform: uppercase; width: 992px; margin-left: 10px; display: inline; }

h1						{ color: #333333; font-size: 22px; margin: 30px 30px 15px 30px; background: url(../images/h1-bg.jpg) center bottom no-repeat; text-transform: uppercase; letter-spacing: -2px; height: 30px; }

h2						{ color: #a7eca9; font-size: 18px; margin: 10px 30px 15px 30px; text-transform: uppercase; letter-spacing: -2px; border-bottom: 1px solid #cccccc; }

p.normP					{ font-size: 12px; color: #666666; margin: 5px 30px 10px 30px; text-align: justify; }

p.normP a				{ text-decoration: none; font-weight: bold; color: #a7eca9; border-bottom: 1px dashed #666666; }
p.normP a:hover			{ text-decoration: none; color: #333333; border-bottom: 1px solid #999999; }

#editwrap1				{ width: 672px; height: auto; margin: 0 30px; overflow: hidden; }
#editwrap1 *			{ font-family: Arial, Helvetica, sans-serif!Important; color: #333333!Important; }

div#map					{ width: 668px; height: 500px; margin: 0 30px; border: 2px solid #a7eca9; overflow: hidden; }
div#map iframe 			{ width: 672px; height: 500px; }

#findacarimage			{ margin: 10px 30px; }