#DEVBOXWARNING						{ display: none; }

#canvas								{ padding: 0px; margin: 0px; background-color: transparent; }
#container							{ width: 713px; text-align: center; overflow: hidden; margin: 0px auto 0px auto; }
#grid								{ overflow: hidden !important; height: 200px; margin: 0px 0px 0px 0px; }



/* Customised Slides (free free to add more here -it's fun!) */

.slideshell#customer-service-charter			{ background-image: url(/gfx/slides/customer-service-charter.png); }
.slideshell#Christmas-2009-1				{ background-image: url(/gfx/slides/christmas-01.png); }
.slideshell#Christmas-2009-2				{ background-image: url(/gfx/slides/christmas-02.png); }
.slideshell#Christmas-2009-3				{ background-image: url(/gfx/slides/christmas-03.png); }
.slideshell#repair-clamps					{ background-image: url(/gfx/slides/repair-clamps.jpg); }
.slideshell#v21-50						{ background-image: url(/gfx/slides/21-50.png); }



.slideshell								{ width: 100%; background-color: #eeeeee; background-repeat: no-repeat; background-position: top left; margin: 0px auto 0px auto; }
.slideshell:hover a						{ text-decoration: underline; }
.slideshell img							{ margin: 0px; padding: 0px; border-bottom: 1px solid #FFFFFF; }
.slideshell img:hover						{ margin: 0px; padding: 0px; border-bottom: 1px solid #FFFFFF; }
.slideshell img.edged						{ border: 1px solid #000000 !important; }
.slideshell img.edged:hover				{ border: 1px solid #000000 !important; }
.slidecover							{ cursor: wait; }
.caption								{ display: none; background-color: transparent; width: 100%; text-align: left; margin-top: -5px; border-bottom: 1px solid pink; }
.caption div.pad							{ padding: 10px 10px 5px 10px; margin: 0px; }
.caption h1							{ color: hotpink; padding: 0px; margin: 0px; }
.caption a								{ color: hotpink; text-decoration: underline; }
.caption a:hover						{ color: fuchsia; text-decoration: none; }
.caption p								{ font: normal 8pt verdana; }



/* Alternate "visors" (filters) for the slides */

#visor								{ background-repeat: no-repeat; background-position: left top; }
#visor.copyright-and-shadow				{ background-image: url(gfx/visors/clear.png); }



/* "Blob" buttons (to jump from one slide to another) */

#navigate								{ width: 50%; float: left; border-top 1px solid #404040; padding: 0px; margin: 10px 0px 0px 0px; }
#navigate a 							{ text-indent: -500px; background-image:url(gfx/back/buttons.gif); background-repeat: no-repeat; color: transparent; display: block; float: left; height: 15px; width: 20px; background-position:0 0; }
#navigate a.activeSlide					{ background-position: 0 -50px; }
#navigate a:hover						{ background-position: 0 -25px; }
#navigate a:focus						{ outline: none; }



/* Slides - Controls (Pause etc.) */

#controls								{ display: none; }

#vcr									{ float: right; width: 50%; text-align: right; font: normal 8pt verdana; color: #c0c0c0; margin: 7px 0px 0px 0px; }
#vcr a								{ text-decoration: none; color: #173c78; outline: none; }
#vcr a:hover							{ text-decoration: underline; }
#vcr a:active							{ text-decoration: underline; }
#vcr a:focus							{ text-decoration: underline; outline: none; }



/* Standard stuff.. */

img									{ border: 0px; }

/* Fonts.. */

h1									{ font: bold 10pt verdana; }
p									{ color: #808080; font: normal 8pt verdana; }

/* Lists.. */

ul									{ /*list-style-position: inside;*/ list-style-type: square; margin-bottom: 1.5em; padding: 0 0 0 1.5em; }
li > ul, li > ol							{ margin-bottom: 0; margin-left: 1em; }
li > ul li, li > ol li						{ font-size: 1em; }
ol									{ list-style-position: inside; list-style-type: decimal; margin-bottom: 1.5em; }

/* Links.. */

a									{ color: #808080; }
a:hover								{ color: #404040; text-decoration: none; }

.centered								{ text-align: center !important; }
.deal									{ color: red !important; background-color: gold !important; }
.deal h1 a								{ color: red !important; }

.on									{ display: block; }
.off									{ display: none; }



/* End */