/* Palette */
/* #000000; #333333; #4d4d4d; #525252; #666666; */

/* Reset */
html, body, form, fieldset, hr {margin:0;padding:0;}
body {background:#000000;}
fieldset, hr {border:none;}
input, select, textarea {font:100% sans-serif;}
ol, ul {margin:0 0 0 1em;padding:0 0 0 1em;}
a img {border:0;}
p {margin:10px 0;}
strike  {text-decoration:line-through;}
.cssclear {clear:both;}
.hidden {display:none !important;}
.noscript, .error {font-weight:bold;color:#ff0000 !important;}

.rule {display:block;clear:both;width:760px;height:4px;max-height:4px;font-size:1%;background:#666666 url(/img/hr.gif) repeat;border:none;padding:0;margin:0 auto;}
.thinrule {display:block;clear:both;width:760px;height:1px;max-height:1px;font-size:1%;background:none;border:none;border-bottom:1px solid #333333;padding:0;margin:0 auto;}
abbr {cursor:help;}

/* Structures */
#topbar {clear:both;width:760px;height:90px;margin:0 auto;}
#logo {float:left;width:250px;height:90px;text-align:center;background:#333333;}
#mastheadwrapper {width:100%;height:250px;clear:both;background:url(/img/background.gif) repeat;}
#masthead {width:760px;height:250px;margin:0 auto;}
#masthead img {border:none;}
#contentwrapper {width:100%;clear:both;}
#contentwrapper.fix {margin-top:10px;}
#content {width:760px;margin:0 auto;}
#footerwrapper {width:100%;clear:both;}
#footer {width:760px;margin:0 auto;}
#footerlogo {display:block;float:left;width:150px;height:56px;margin:10px 40px 0 0;background:url(/img/vospers-abarth.gif);}
#footer1, #footer2, #footer3 {display:block;float:left;width:200px;margin-bottom:10px;}
#footer3 {width:150px !important;}
#footer ul {margin:0;padding:0;}
#footer li {list-style:none;}
#col1, #col2 {float:left;width:380px;}
#col1 {width:370px;margin-right:10px;}
#gallery {float:left;width:250px;}

/* Fonts and colours */
body {font:10pt Arial, Helvetica, sans-serif;}
#menu {font:10pt "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;}
#content p, #content ul {font:10pt Arial, Helvetica, sans-serif;color:#aaaaaa;}
#content p.larger {font-size:12pt;}
h1, #content h1 a {font:bold 14pt Arial, Helvetica, sans-serif;color:#ffffff;margin:4px 0;}
h4 {font:10pt Arial, Helvetica, sans-serif;color:#aaaaaa;background:#333333;font-weight:bold;margin:10px 0 4px 0;padding:2px 4px;}
#content a {color:#666666;text-decoration:none;}
#content a:hover {color:#ffffff;text-decoration:none;background-color:#333333;}
#footer, #footer a {font:8pt Arial, Helvetica, sans-serif;color:#333333;text-decoration:none;}
#footer a:hover {text-decoration:underline;color:#666666;}
#footer h3, #footer h3 a {font:10pt Arial, Helvetica, sans-serif;color:#444444;font-weight:bold;margin:5px 0;}
label {color:#aaaaaa;}
.prices tfoot {font-size:12pt;}
#contactform input, #contactform textarea, #contactform select, #covercontent input, #valueform input, #valueform textarea, #valueform select {background:#333333;color:#ffffff;border:1px solid #4d4d4d;}
#registerform #offer, #registerform #name, #registerform #email, #registerform #tel, #registerform .submitbutton, #registerform textarea, #registerform select {background:#333333;color:#ffffff;border:1px solid #4d4d4d;}
#covercontent {color:#aaaaaa;background:#222;border:6px solid #333333;}

/* Navigation */
#menu {float:right;padding-top:33px;position:relative;z-index:100;}
#menu ul {margin:0;padding:0;background:#000000;}
#menu ul li {display:block;float:left;position:relative;list-style:none;margin-right:4px;}
#menu ul li a {display:block;color:#666666;text-decoration:none;padding:6px 7px;text-transform:uppercase;}
#menu ul li a:hover {background:#333333;color:#ffffff;}
#menu ul li ul {display:none;border:1px solid #333333;}
#menu ul li:hover a {background:#333333;color:#ffffff;}
#menu ul li:hover ul {display:block;position:absolute;top:100%;left:0;white-space:nowrap;}
#menu ul li:hover ul li {display:block;width:100%;}
#menu ul li:hover ul li a {display:block;background:#000;color:#666666;}
#menu ul li:hover ul li a {background:#000 url(/img/menuarrow.gif) no-repeat 0px 3px;padding:5px 5px 5px 20px;}
#menu ul li:hover ul li a:hover {background-color:#333333;color:#ffffff;background-position:0px -17px;}

/* Classes */
.storyitem {float:left;display:block;width:760px;height:auto;clear:both;margin:2px 0;border-bottom:1px solid #333333;position:relative;}
.storyitem a img, .storyitem img {float:left;width:250px;clear:left;}
.storyitem p {float:left;width:490px;margin:0 0 2px 20px;}
.storyitem h1 {float:left;width:490px;margin:4px 0 4px 20px;}

.prices {width:100%;color:#aaaaaa;}
.prices thead, .prices tbody th, .prices tfoot {background:#333333;text-align:left;}
.prices td, .prices th {padding:2px 4px;}
.prices tbody td {border-bottom:1px dotted #333333;}

.thumbnail {float:left;width:100px;margin:0 10px 5px 0;padding:6px;border:1px solid #333333;}
.video {float:left;width:224px;margin:0 10px 5px 0;padding:6px;border:1px solid #333333;}
a:hover img.thumbnail, a:hover img.video {background-color:#333333;border-color:#4d4d4d;}
img.floatleft {float:left;margin-right:10px;}

.print {color:#aaaaaa !important;background:url(/img/print.gif) no-repeat 0px 5px;padding:5px 5px 5px 20px;}
.infoicon {outline:none;}
.infoicon img {vertical-align:bottom;width:16px;height:16px;}
.infoicon:hover {background:none !important;}

/* Forms */
#contactform label {width:250px;display:block;float:left;clear:left;text-align:right;margin:0 20px 5px 0;}
#contactform input, #contactform textarea {width:300px;float:left;margin-bottom:5px;padding:2px 4px;}
#contactform select {width:310px;float:left;margin-bottom:5px;}
#contactform textarea {overflow:auto;}
#contactform .submitbutton {width:auto;clear:both;float:left;margin-left:270px;}

#registerform input, #registerform textarea {width:300px;margin-bottom:5px;padding:2px 4px;}
#registerform input.radiobutton {float:left;clear:left;width:auto;display:block;}
#registerform label {width:300px;display:block;margin-left:25px;}
#registerform select {width:310px;float:left;margin-bottom:5px;}
#registerform textarea {overflow:auto;}
#registerform .submitbutton {width:auto;clear:both;float:left;margin-left:264px;}

#valueform label {width:250px;display:block;float:left;clear:left;text-align:right;margin:0 20px 5px 0;}
#valueform input, #valueform textarea {width:300px;float:left;margin-bottom:5px;padding:2px 4px;}
#valueform select {width:150px;float:left;margin-bottom:5px;margin-right:5px;}
#valueform input.small {width:140px;}
#valueform textarea {overflow:auto;}
#valueform .submitbutton {width:auto;clear:both;float:left;margin-left:270px;}

.soldfix {display:block;}
.sold {position:absolute;top:0px;left:0px;width:104px;height:104px;background:url(/img/sold.gif);}
.storyitem a .soldfix .sold {cursor:pointer;}

.specialofferfix {display:block;}
.specialoffer {background:url(/img/massive-savings.gif) top right no-repeat;}
.specialoffer p {width:390px;}

.greyed {color:#333;}

/* Image zoom */
#cover {position:absolute;top:0px;left:0px;z-index:9999;background:black;opacity:0.6;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);display:none;}
.coveriframe {position:absolute;width:100%;height:100%;top:0px;left:0px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);display:none;}
#coverhorizon {text-align:center;position:absolute;top:0px;left:0px;width:100%;height:1px;overflow:visible;visibility:visible;display:none;z-index:99999;}
#covercontent {position:absolute;top:0px;left:0px;width:auto;height:auto;padding:10px;visibility:visible;}
#covercontent input {clear:both;width:auto;}