/* CSS Document for Accord Saloon - colours */

#overviewColours { background: #fff; margin-left: 20px; position: relative; }
#overviewColours #mainCarColour { float: none; width: 940px; }

#overviewColours span { margin: 0 0 .2em; font-size: 150%; font-weight: bold; position: absolute; left: 450px; top: 260px; }
#overviewColours #mainCarColour p { }
#overviewColours #mainCar { width: 901px; height: 220px; padding: 5px; }
#overviewColours #colourChooser { float: none; margin: 0 auto; width:750px; }
#overviewColours #colourChooser .carColours { }
#overviewColours #colourChooser h4 { font-weight: bold; float:left; }

#overviewColours .carColours img { width: auto; height: auto; padding: 4px; border-style: none;}
#overviewColours .carColours img:hover { border-color: #FF9900; }
#overviewColours .carColours li { float: left; list-style: none; }

.carColours a:link, .carColours a:visited { width:55px; height: 0; padding-top: 69px; overflow: hidden; float: left; background:url(/cars/accordsaloon/_assets/images/swatches.png) no-repeat 0 0 }

#swatch2 a:link, #swatch2 a:visited { background-position: -56px 0;}
#swatch3 a:link, #swatch3 a:visited { background-position: -112px 0;}
#swatch4 a:link, #swatch4 a:visited { background-position: -168px 0;}
#swatch5 a:link, #swatch5 a:visited { background-position: -224px 0;}
#swatch6 a:link, #swatch6 a:visited { background-position: -280px 0;}
#swatch7 a:link, #swatch7 a:visited { background-position: -336px 0;}
#swatch8 a:link, #swatch8 a:visited { background-position: -392px 0;}
#swatch9 a:link, #swatch9 a:visited { background-position: -448px 0;}
#swatch10 a:link, #swatch10 a:visited { background-position: -504px 0;}

.carColours a:hover { background-position: 0 -69px; }

#swatch1 a:hover, .sw1 #swatch1 a { background-position: 0px -69px; }
#swatch2 a:hover, .sw2 #swatch2 a { background-position: -56px -69px; }
#swatch3 a:hover, .sw3 #swatch3 a { background-position: -112px -69px; }
#swatch4 a:hover, .sw4 #swatch4 a { background-position: -168px -69px; }
#swatch5 a:hover, .sw5 #swatch5 a { background-position: -224px -69px; }
#swatch6 a:hover, .sw6 #swatch6 a { background-position: -280px -69px; }
#swatch7 a:hover, .sw7 #swatch7 a { background-position: -336px -69px; }
#swatch8 a:hover, .sw8 #swatch8 a { background-position: -392px -69px; }
#swatch9 a:hover, .sw9 #swatch9 a { background-position: -448px -69px; }
#swatch10 a:hover, .sw10 #swatch10 a { background-position: -504px -69px; }

#overviewColours { text-align: center; }
#mainCarColour { margin:auto 0; }

p { font-weight: bold; }

h4 { margin-top:15px; margin-right:10px; }