							/* CSS Document for Capital Cars */
							
*							{ margin: 0; padding: 0; }

body						{ background: url(../images/body-bg.jpg) center top repeat; font-family: Arial, Helvetica, sans-serif; }

img							{ border: none; }

a:active 					{ outline: none; }

div#wrapper					{ width: 992px; height: auto; margin: 0 auto; }

div#header					{ width: 992px; height: 110px; float: left; background: url(../images/capital-cars-logo.png) center top no-repeat; position: relative;  }

div#header p				{ color: #ffffff; font-size: 24px; }

p#phonenumber				{ text-align: left; position: absolute; left: 30px; bottom: 23px; }

p#mobilenumber				{ text-align: right; position: absolute; right: 30px; bottom: 23px; }

div#topnav					{ width: 992px; height: 44px; float: left; border-top: 1px solid #333333; border-bottom: 1px solid #333333; overflow: visible; }

#lavaLampVariableImage 		{ position: relative; width: auto; overflow: hidden; height: 46px; list-style: none; padding: 0; margin: 0 0 0 15px; }
#lavaLampVariableImage li 	{ float: left; display: inline; list-style: none; }
#lavaLampVariableImage li.backLava 
							{ width: 0; z-index: 5; position: absolute; }
#lavaLampVariableImage li.backLava .leftLava 
							{ height: 44px; margin-right:0; z-index: 5; border-bottom: 1px solid #cc0000; }
#lavaLampVariableImage li a { font-size: 14px; color: #999999; outline: none; text-align: center; z-index: 10; display: block; float: left; position: relative; height: 46px; line-height: 46px; margin: 0;  text-decoration: none; cursor: pointer; padding:0 20px; background: url(../images/shim.gif) center top repeat; }
#lavaLampVariableImage li a:hover, #lavaLampVariableImage li a:active, #lavaLampVariableImage li a:visited 
							{ border: none; color: #ffffff; }
#lavaLampVariableImage li.backLava .cornerLava 
							{ display: none; }
#lavaLampVariableImage li.backLava .bottomLava 
							{ display: none; }

/*
ul#menu 					{ list-style: none; overflow: auto; } 

ul#menu li					{ position: relative; z-index: 10; float: left; } 

ul#menu li a				{ text-decoration: none; color: #999999; font-size: 14px; display: block; height: 24px; width: auto; padding: 10px 22px; }
ul#menu li a:hover			{ text-decoration: none; color: #ffffff; }

ul#menu li.backLava 		{ border-bottom: 1px solid #cc0000; position: absolute; z-index: 5; }
*/


div#imtran				{ width: 992px; height: 350px; float: left; margin:0; display: inline; background: url(../images/1px-black-75tran.png) left top repeat; border-bottom: 1px solid #333333; }
div#slider1 			{ width: 992px; height: 350px; position: relative; overflow: hidden; display: inline; float: left; }
div#slider1Content 		{ width: 992px; height: 350px; 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; }


div#main				{ width: 992px; height: auto; min-height: 420px; float: left; background: url(../images/1px-black-75tran.png) left top repeat; }
* html div#main			{ height: 420px; }

div#twocolswrap			{ width: 992px; height: auto; float: left; margin: 0; display: inline; }
div#leftcol				{ width: 476px; height: auto; float: left; }
div#rightcol			{ width: 476px; height: auto; float: right; }


div#footer				{ width: 992px; height: 250px; float: left; margin-top: 10px; }

div#footer ul			{ width: 992px; height: 30px; background: url(../images/1px-black-75tran.png) left top repeat; float: left; list-style: none; }
div#footer ul li		{ float: left; margin-top: 3px; }
div#footer ul li.toplink{ float: right; }
div#footer ul li a		{ color: #ffffff; padding: 0 10px; font-size: 12px; text-decoration: none; }
div#footer ul li a:hover{ text-decoration: none; color: #cc0000; }

div#footer ul li a span	{ color: #cc0000; }

h1						{ font-size: 24px; color: #ffffff; margin: 40px 40px 20px 40px; border-bottom: 1px solid #cc0000; }
h1 em					{ font-size: 14px; color: #666666; }
h2						{ font-size: 18px; color: #cc0000; margin: 40px 40px 20px 40px; border-bottom: 1px dashed #666666; }

p.normP					{ font-size: 12px; color: #ffffff; margin: 10px 40px 5px 40px; text-align: justify; }
p.normP a				{ text-decoration: none; color: #ffffff; font-weight: bold; border-bottom: 1px dashed #cc0000; }
p.normP a:hover			{ text-decoration: none; color: #666666; border-bottom: 1px solid #ffffff; }
div#leftcol p.normP		{ margin-right: 0!Important; }
div#rightcol p.normP	{ margin-left: 0!Important; }

p.tallP1				{ height: 60px; line-height: 70px; font-size: 16px; color: #ffffff; margin: 10px 40px 5px 40px; font-weight: bold; text-decoration: underline; }

ul#HP-biglinks			{ width: 952px; height: 142px; float: left; margin: 15px 0 0 40px; list-style: none; display: inline; }
ul#HP-biglinks li		{ float: left; width: 284px; height: 142px; margin-right: 30px; display: inline; overflow: hidden; }
ul#HP-biglinks li a		{ float: left; width: 284px; height: 137px; display: block; color: #ffffff; padding: 5px 0 0 0; text-decoration: none; font-size: 12px; overflow: hidden; display: inline; text-indent: 10px; }
ul#HP-biglinks li a:hover{ text-decoration: none; }

ul#HP-biglinks li#stock a{ background: url(../images/HP-biglinks-stock.jpg) center top no-repeat; }
ul#HP-biglinks li#sellc a{ background: url(../images/HP-biglinks-sellc.jpg) center top no-repeat; }
ul#HP-biglinks li#findu a{ background: url(../images/HP-biglinks-findu.jpg) center top no-repeat; }

ul#HP-biglinks li#stock a:hover, ul#HP-biglinks li#sellc a:hover, ul#HP-biglinks li#findu a:hover
						{ background-position: bottom; }
						
#footlogos				{ float: left; width: 930px; height: 79px; margin-top: 10px; }

div#ukw					{ float: right; color: #666666; margin-top: 10px; font-size: 12px; }
div#ukw a				{ text-decoration: none; color: #666666; }
div#ukw	a:hover			{ text-decoration: none; color: #ffffff; }

p#footaddy				{ font-size: 10px; color: #ffffff; width: 992px; float: left; margin-top: 5px; }

.floatright				{ float: right; margin: 10px 40px 10px 20px; }
.floatleft				{ float: left; margin: 10px 25px 5px 130px; }

ul#warrantydetails		{ list-style: none; width: 672px; height: 300px; margin: 20px 160px; float: left; display: inline; background: url(../images/wire-golf.png) center top no-repeat; }
ul#warrantydetails li	{ width: 336px; height: 25px; color: #ffffff; font-size: 11px; font-weight: bold; }
ul#warrantydetails li.le{ float: left; text-align: left; }
ul#warrantydetails li.ri{ float: right; text-align: right; }

ul#aftersales			{ list-style: none; width: 912px; height: auto; margin: 20px 40px; float: left; display: inline; }
ul#aftersales li		{ width: 280px; height: 25px; line-height: 25px; color: #ffffff; font-size: 12px; font-weight: bold; border-bottom: 1px dotted #333333; margin-right: 20px; float: left; text-indent: 35px; background: url(../images/red-tick.png) left top no-repeat; }

div#map					{ width: 910px; height: 500px; margin: 15px 40px; border: 1px solid #666666; }
div#map iframe 			{ width: 910px; height: 500px; }