/*** Stylesheet for Bennets Cars ***/

							/*** General Styles ***/							
*							{ margin: 0; padding: 0; }

html						{ width: 100%; height: 100%; }

body						{ background: url(../images/body-bg.jpg) center top repeat-x #6699cc; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; height: 100%; }

img							{ border: none; }

a,a:active,a:visited,a:focus{ outline: none; }

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

							/*** General Text Formatting ***/
							
h1							{ font-size: 24px; color: #333333; font-weight: normal; margin: 15px 35px 5px 35px; line-height: 10px; }
h1 strong					{ font-weight: normal; color: #336699; }
h1 em						{ font-style: normal; color: #111111; font-size: 14px; }

h2							{ font-size: 20px; color: #336699; border-bottom: 1px dashed #ffffff; margin: 10px 35px 5px 35px; }

h3							{ font-size: 16px; color: #222222; margin: 10px 35px 5px 35px; }

div#searchfacility2 h3		{ margin: 20px 0 10px 30px!Important; }

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

							/*** Header Area ***/
div#header					{ width: 992px; height: 302px; position: relative; float: left; background: url(../images/header-bg.jpg) no-repeat; }

a#logo						{ width: 660px; height: 100px; display: block; position: absolute; text-indent: -9999px; display: block; overflow: hidden; background: url(../images/bennets-logo.png) no-repeat; top: 130px; left: 60px; z-index: 100; }
a#logo:hover				{}

p#phone						{ color: #ffffff; font-size: 20px; text-transform: uppercase; font-weight: bold; position: absolute; left: 80px; top: 200px; z-index: 100; }

ul#topnav					{ width: 972px; height: 40px; position: absolute; bottom: 0; left: 10px; background: url(../images/topnav-bg.png) no-repeat; list-style: none; z-index: 100; }
ul#topnav li				{ float: left; }
ul#topnav li a				{ float: left; display: block; height: 40px; line-height: 40px; text-decoration: none; color: #ffffff; text-transform: uppercase; padding: 0 23px; font-size: 12px; font-weight: bold; text-transform: uppercase; }
ul#topnav li a:hover		{ text-decoration: none; color: #999999; }

div#autopresenter			{}

div#imtran					{ width: 496px; height: 302px; position: absolute; right: 0; top: 0; z-index: 25; }
ul#slider 					{ width: 496px; height: 302px; list-style-type: none; overflow: hidden; }
ul#slider li 				{ float: left; position: relative; }
ul#slider li div 			{ display: none; }

							/*** Content Area ***/
div#content					{ width: 992px; height: auto; float: left; background: url(../images/content-bg.jpg) left top repeat-y; }

div#leftcol					{ width: 672px; height: auto; float: left; display: inline; margin: 5px 0 0 10px; }
div#leftcoltop				{ width: 672px; height: 13px; float: left; background: url(../images/leftcoltop.jpg) no-repeat; }
div#leftcolmid				{ width: 672px; height: auto; float: left; background: url(../images/leftcolmid.jpg) left top repeat-y; min-height: 500px; }
* html div#leftcolmid		{ height: 500px; }
div#leftcolbot				{ width: 672px; height: 13px; float: left; background: url(../images/leftcolbot.jpg) no-repeat; }

div#rightcol				{ width: 300px; height: auto; float: right; display: inline; margin: 5px 10px 0 0; }
div#rightcoltop				{ width: 300px; height: 13px; float: left; background: url(../images/rightcoltop.jpg) no-repeat; }
div#rightcolmid				{ width: 300px; height: auto; float: left; background: url(../images/rightcolmid.jpg) left top repeat-y;min-height: 500px; }
* html div#rightcolmid		{ height: 500px; }
div#rightcolbot				{ width: 300px; height: 13px; float: left; background: url(../images/rightcolbot.jpg) no-repeat; }

div#fullcol					{ width: 962px; height: auto; float: left; display: inline; margin: 5px 0 0 10px; }
div#fullcoltop				{ width: 962px; height: 13px; float: left; background: url(../images/fullcoltop.jpg) no-repeat; }
div#fullcolmid				{ width: 962px; height: auto; float: left; background: url(../images/fullcolmid.jpg) left top repeat-y; }
div#fullcolbot				{ width: 962px; height: 13px; float: left; background: url(../images/fullcolbot.jpg) no-repeat; }

div#searchfacility			{ width: 255px; height: 190px; margin: 5px 20px 0 20px; display: inline; float: left; position: relative; }

div#searchfacility2			{ width: 912px; height: 200px; margin: 10px 0 10px 30px; float: left; display: inline; background: url(../images/searchfacility2-bg.jpg) no-repeat; }

a.advanced-search			{ font-size: 11px; color: #ffffff; position: absolute; z-index: 100; text-decoration: none; bottom: 14px; left: 13px; }
a.advanced-search:hover		{ text-decoration: none; color: #333333; }
a.advanced-search span		{ color: #cccccc; }

div#searchfacility ul.tabs 						{ width: 255px; height: 45px; float: left; }
div#searchfacility ul.tabs li 					{ float: left; display: block; list-style: none outside; width: 127px; height: 45px; }
div#searchfacility ul.tabs li a 				{ display: block; float: left; text-indent: -9999px; overflow: hidden; width: 127px; height: 45px; }
div#searchfacility ul.tabs li a:hover 			{ background-position: top!Important; }

div#searchfacility ul.tabs li#SS				{ margin-right: 1px; }
div#searchfacility ul.tabs li#SS a				{ background: url(../images/SS-bg.jpg) left bottom no-repeat; }
div#searchfacility ul.tabs li#BT a				{ background: url(../images/BT-bg.jpg) left bottom no-repeat; }

html div#searchfacility ul.tabs li.active 		{ background-position: top; }
html div#searchfacility ul.tabs li.active a 	{ background-position: top!Important; }
html div#searchfacility ul.tabs li.active a:hover {}
div#searchfacility .tab_content 				{ width: 255px; height: 145px; background: url(../images/tab_content-bg.jpg) no-repeat; float: left; }

ul#browsebytype				{ list-style: none; width: 239px; float: left; margin: 15px 0 0 8px; }
ul#browsebytype li			{ float: left; width: 239px; height: 28px; margin-bottom: 3px; }
ul#browsebytype li a		{ float: left; width: 239px; height: 25px; line-height: 25px; display: block; font-size: 11px; color: #ffffff; text-decoration: none; background: url(../images/browsebytype-link.jpg) left top no-repeat; text-indent: 15px; }
ul#browsebytype li a:hover	{ text-decoration: none; color: #ffffff; background-position: bottom; }

div#searchfacility2 ul#browsebytype	{ list-style: none; width: 239px; float: left; margin: 0 0 0 30px; }

img#rightcol-logos			{ margin: 5px 0 0 25px; }

div#stock-scroller			{ width: 647px; height: 115px; margin: 10px 15px; background: url(../images/stock-scroller-bg.jpg) no-repeat; position: relative; }

							/*** Footer Area ***/
div#footer					{ width: 992px; height: 200px; float: left; background: url(../images/content-bot.jpg) left top no-repeat; }

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

div#ukw						{ float: right; color: #ffffff; font-size: 11px; margin-top: 27px; background: url(../images/ukw-globe.png) top right no-repeat; text-align: right; padding-right: 20px; text-transform: uppercase; margin-right: 10px; display: inline; }
div#ukw a					{ color: #ffffff; text-decoration: none; }
div#ukw a:hover				{ color: #333333; text-decoration: none; }

p#footaddy					{ width: 972px; float: left; margin: 10px; font-size: 12px; color: #111111; font-weight: bold; }
p#footaddy strong			{ color: #ffffff; margin-top: 10px; }