* {margin: 0; padding: 0;}
a {outline: none;}
img {border: none;}
p {margin: 10px 0 10px 0;}
/* body {background: url(images/bodybg24.gif)} */
.footer {float: left; margin: 0px; padding: 10px 0px 10px 20px; font-size: 13px; font-weight: normal;}
.mainhead {float: left; margin: 0px; padding: 10px 0px 10px 20px;}
.subhead {float: left; margin: 0px; padding: 10px 0px 10px 90px; color: #ccc; font-weight: normal;}

.caption {width: 100%; height: 60px; background: url(images/captionbg.png) repeat-x;}
.caption img {float: left; width: 48px; height: 48px; margin: 7px 23px 0 17px;}
.caption h3 {float: left; line-height: 60px; color: #FC8F00; font-weight: bold;}

.small {font-size: 11px;}
.box {padding: 8px; background-color: #333; font-size: 12px;}

ul,ol {margin-left: 20px;}
ul li ul {margin-left: 30px; margin-top: 0px;}
li {margin-bottom: 5px;}

h6 {margin: 15px 0 10px 0; font-size: 16px; font-weight: bold;}
.pagetop {width: 100%; height: 48px; background: url(images/topbg.png) repeat-x;}
.pagetop a {display: block; line-height: 48px; color: #ffffff; text-decoration: none; text-align: center;}
.pagetop a:hover {background: url(images/topbg-neg.png) repeat-x;}

ul li.uk {list-style-type: none; list-style-image: url(images/uk.png);}
ul li.jp {list-style-type: none; list-style-image: url(images/jp.png);}
ul li.de {list-style-type: none; list-style-image: url(images/de.png);}
ul li.fr {list-style-type: none; list-style-image: url(images/fr.png);}
ul li.es {list-style-type: none; list-style-image: url(images/es.png);}


/* The HTML element will always have a class of either "portrait" or "landscape", depending on the orientation of the browser or device. You can utilize these in your CSS like this: */
.portrait {
	/* portrait orientation changes go here! */
}
.landscape {
	/* landscape orientation changes go here! */
}