/* Styles for the special stuff on the homepage */

#stocksearch			{ position: absolute; top: 195px; left: 10px; width: 476px; height: 110px; background: url(../images/stock-search-bg.png) center top no-repeat; z-index: 500; }

#branches				{ position: absolute; top: 325px; left: 10px; width: 476px; height: 110px; background: url(../images/branches-bg.png) center top no-repeat; z-index: 500; }

#aftersaleslink			{ position: absolute; top: 455px; left: 10px; width: 476px; height: 111px; z-index: 500; }
#aftersaleslink a		{ width: 476px; height: 111px; display: block; background: url(../images/aftersales-link-bg.png) center top no-repeat; overflow: hidden; text-indent: -9999px; }
#aftersaleslink a:hover	{ background-position: bottom; }

#justarrived			{ position: absolute; top: 195px; right: 10px; width: 476px; height: 371px; z-index: 500; background: url(../images/justarrived-bg.png) center top no-repeat; }

h4						{ font-size: 14px; font-weight: bold; color: #ffffff; height: 32px; line-height: 32px; margin: 5px 0 0 20px; }

.branchaddy				{ float: left; width: 235px; height: auto; }
.branchaddy p			{ color: #ffffff; font-size: 12px; margin: 0 20px; }
p.branchtel				{ font-size: 20px; font-weight: bold; margin: 5px 10px; text-indent: 40px; background: url(../images/branchtel-icon.png) left top no-repeat; height: 20px; line-height: 20px; }


/* Im Tran */
#slider1 				{ width: 992px; /* important to be same as image width */ height: 580px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */ margin: 0; padding: 0; background: #333333; }


#slider1Content 		{ width: 992px; height: 580px; position: absolute;	top: 0;	left: 0; list-style: none; margin: 0; padding: 0; }

.slider1Image 			{ float: left; position: relative; display: none; }


.slider1Image span 		{ position: absolute; height: 60px; width: 776px; background: url(../images/slider1Image-span-bg.png) center top no-repeat; color: #fff; display: none; }
.clear 					{ clear: both; }

.top 					{ top: 0; left: 0; display: none; visibility: hidden; } 


.spyWrapper 			{ display: block; z-index: 1; margin: 0; padding: 0; width: 265px }
#spyholder 				{ margin: 0; padding: 0; }
#sideBar 				{ float:left; width:439px; height: 323px; margin: 0 0 0 19px; overflow: hidden; }
#sideBar ul 			{ list-style-type:none; position:relative; padding: 0; margin: 0; }
#sideBar li 			{ height: 105px; overflow: hidden; padding: 0; margin: 0 0 4px 0; list-style: none outside; background: #333333; position: relative; float: left; clear: left; width: 439px; }
.spyimg					{ border: 2px solid #999999; margin: 6px 15px 0 6px; float: left; }

p.spyMakeMod			{ font-size: 14px; text-transform: uppercase; color: #ffffff; font-weight: bold; margin: 15px 0 5px 0; }
p.spyOtherdetails		{ font-size: 11px; color: #ffffff; margin-top: 10px; }
p.spyPrice				{ font-size:12px; color: #ffffff; margin: 10px 0 5px 0; }
p.spyPrice strong		{ color: #cc0000; font-size: 16px; }
a.spyLink				{ width: 132px; height: 29px; display: block; position: absolute; right: 4px; bottom: 4px; background: url(../images/spyMoreButton.jpg) center top no-repeat; text-indent: -9999px; overflow: hidden; }
a.spyLink:hover			{ background-position: bottom; }