/* CSS Doc for Samlet Car Centre */

					
body						{ font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; background: #336699 url(images/body-bg.jpg) center top repeat-x; }

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

#header						{ width: 973px; height: 30px; float: left; }

#topnav						{ width: 973px; height: 30px; float: left; margin: 310px 0 0 0; background: url(images/topnav-bg.jpg) center top no-repeat; }
#topnav ul					{ list-style: none; margin: 0; padding: 0; width: 943px; margin-left: 25px; position: relative; }
#topnav li					{ float: left; margin-right: 10px; }
#topnav li a				{ text-decoration: none; display: block; z-index: 10; width: auto; height: 30px; line-height: 30px; font-size: 12px; color: #ffffff; font-weight: bold; /*text-transform: uppercase;*/ background: url(images/shim.gif) center top repeat; padding: 0 23px; position: relative; float: left; }
#topnav li a:hover			{ text-decoration: none; color: #ffffff; }

/* for fancymenu */
#topnav li.background 	{ 
background: url(images/bg_menu_right.gif) no-repeat top right; 
z-index: 8; 
position: absolute; 
visibility: hidden;
} 
html>/**/body #topnav li.background {background: url(images/bg_menu_right.png) no-repeat top right !important; }
  
#topnav .background .left { 
background: url(images/bg_menu.gif) no-repeat top left; 
height: 30px; 
margin-right: 7px; /* 7px is the width of the rounded shape */ 
}
html>/**/body .background .left {background: url(images/bg_menu.png) no-repeat top left !important; }


#main						{ width: 973px; height: auto; float: left; background: url(images/main-bg.jpg) center top repeat-y; }
#maintop					{ width: 973px; height: 10px; float: left; background: url(images/main-top.jpg) center top no-repeat; }
#leftcol					{ width: 723px; height: auto; float: left; margin-left: 10px; background: url(images/leftcol-bg.jpg) center top repeat-y; position: relative; min-height: 350px; padding-bottom: 10px; }

/* for Internet Explorer */
/*\*/
* html #leftcol {
height: 360px;
}
/**/

#leftcoltop					{ float: left; width: 723px; height: 10px; background: url(images/leftcoltop.jpg) center bottom no-repeat; }
#leftcolbot					{ width: 723px; height: 10px; background: url(images/leftcolbot.jpg) center top no-repeat; position: absolute; bottom: 0; left: 0; }
#rightcol					{ width: 220px; height: auto; float: right; margin-right: 10px; background: #efefef; position: relative; min-height: 360px; }
/* for Internet Explorer */
/*\*/
* html #rightcol {
height: 350px;
}
/**/
#rightcoltop				{ width: 220px; height: 10px; float: left; background: url(images/rightcoltop.jpg) center bottom no-repeat; }
#rightcolbot				{ width: 220px; height: 10px; float: left; background: url(images/rightcolbot.jpg) center top no-repeat; position: absolute; bottom: 0; left: 0; }

p#locationlink				{ float: left; margin: 0; padding: 0; }
p#locationlink a			{ display: block; text-indent: -9999px; overflow: hidden; width: 220px; height: 330px; background: url(images/location-link.jpg) center top no-repeat; margin-bottom: 10px; }
p#locationlink a:hover		{ background: url(images/location-link.jpg) center bottom no-repeat; }

#footer						{ width: 973px; height: 100px; float: left; background: url(images/footer-bg.jpg) center top no-repeat; }
#footer ul					{ list-style: none; margin: 25px 0 0 10px; padding: 0; width: 723px; float: left; height: 30px; }
#footer li					{ float: left; text-align: center; margin-right: 10px; }
#footer li a				{ text-decoration: none; display: block; color: #ffffff; font-weight: bold; font-size: 12px; }
#footer li a:hover			{ text-decoration: none; color: #ffcc66; }

#ukw						{ color: #999999; font-weight: bold; font-size: 12px; margin: 25px 10px 0 0; float: right; width: 220px; text-align: right; height: 30px; }
#ukw a						{ color: #cccccc; text-decoration: none; cursor: pointer; }
#ukw a:hover				{ color: #ffffff; text-decoration: none; }

#footerdetails				{ font-size: 12px; font-weight: bold; color: #333333; text-align: left; float: left; margin: 0 0 0 10px; width: 963px; }
#footerdetails span			{ color: #cccccc; }

#imtran						{ width: 973px; height: 310px; position: absolute; top: 30px; left: 0; background: url(images/imtran/bg.jpg) center top no-repeat; z-index: 100; }

#quicksearch				{ width: 350px; height: 130px; position: absolute; left: 35px; top: 165px; z-index: 200; }

#usedcarscroller				{ width: 675px; height: 100px; margin: 20px 20px 10px 32px; background: url(images/horizscroller-bg.jpg) center top no-repeat; }
html>/**/body #usedcarscroller{ padding-top: 1px; }
#scrollerCarWrap			{ width: 655px; height: 80px; margin: 10px; }


/*p#toptel					{ text-align: right; float: right; font-size: 26px; color: #ffffff; font-weight: bold; background: url(images/phone.gif) left top no-repeat; height: 30px; line-height: 30px; width: 200px; margin: 0 10px 0 0; padding: 0; }*/

h1							{ font-size: 26px; color: #336699; margin: 20px 20px 10px 35px; }

ul.normUL					{ font-size: 11px; color: #000000;  margin: 10px 20px 10px 35px; padding:0 }
ul.normUL li 				{ padding: 3px 0 3px 35px; margin: 0; list-style: none outside; background: url(images/normUL-bullet.gif) 15px 3px no-repeat}

p.normP						{ font-size: 11px; color: #000000;  margin: 10px 20px 10px 35px; text-align: justify; }

.rightalign					{ float: right; }
#contactpic .rightalign		{ margin: 0 25px 0 0; }

#locationmap				{ float: left; margin-left: 35px; }
#map						{ width: 320px; height: 300px; border: 1px solid #ffcc66; }
#hoursarea					{ float: right; margin-right: 25px; width: 320px; }

#directions					{ padding: 20px 0 0 0; width: 100%}

p#addy						{ font-size: 14px; margin: 0 15px 15px 15px; color: #333333; }
p#addy strong				{ color: #336699; }

.clear						{ clear: both; }

#satnav {float: right; margin: -10px 20px 10px 20px}

/* Active Tabs */

#HOM li#HO a				{ background: url(images/home-a.gif) center top no-repeat; color: #333333; cursor: default; }
#CON li#CU a				{ background: url(images/contact-a.gif) center top no-repeat; color: #333333; cursor: default; }
#LOC li#LH a				{ background: url(images/location-a.gif) center top no-repeat; color: #333333; cursor: default; }
#SEL li#SC a				{ background: url(images/sell-a.gif) center top no-repeat; color: #333333; cursor: default; }
#WOR li#WO a				{ background: url(images/workshop-a.gif) center top no-repeat; color: #333333; cursor: default; }
#WAR li#WA a				{ background: url(images/warranty-a.gif) center top no-repeat; color: #333333; cursor: default; }
#FIN li#FI a				{ background: url(images/finance-a.gif) center top no-repeat; color: #333333; cursor: default; }
#SAL li#VS a				{ background: url(images/sales-a.gif) center top no-repeat; color: #333333; cursor: default; }

/* Rightcol Length adjustments */

#CON #rightcol				{ height: 392px; }
html>/**/body#CON #rightcol	{ height: 351px; }
#LOC #rightcol				{ height: 376px; }
html>/**/body#LOC #rightcol	{ height: 373px; }
#SEL #rightcol				{ height: 619px; }
html>/**/body#SEL #rightcol	{ height: 581px; }

.footer-logo { margin: 0 0 0 10px; position: relative; top: -10px}

#finance-flash {margin: 10px 0 10px 15px; padding: 10px; background:url(flash/finance-flash-back.gif) 50% 50% no-repeat; width: 171px; height: 160px}
#finance-flash * {margin: 10px 0 0 10px}