*{
margin:0;
padding:0;
}
body {
font:10px Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
color:#333;
background:#FFF;
}
#container{
width:760px;
margin:0 auto;
background:#FFF;
border:5px solid #FFF;
}
#header{
width:760px;
height:120px;
background:url(https://www.activitybooker.co.uk/images/28/header.jpg) repeat-x 0 0;
}
#header-voucher{
width:760px;
height:120px;
background:url(https://www.activitybooker.co.uk/images/28/header.jpg) repeat-x 0 0;
}
#main {
margin:5px 0;
}
#footer {
text-align:center;
font:90% Arial, Helvetica, sans-serif;
border-top:1px #ccc solid;
padding:10px;
}
.last-minute{
line-height:14px;
margin:5px 10px 10px 10px;
padding:5px;
background:#FFD6CC;
border:1px solid #F30;
text-align:center;
font-size:11px;
font-weight:bold;
color:#F30;
}
/*/ elements /////////////////////////////////////////////////////////////////////////////////////////*/
h1{
font-size:22px;
font-family:"Trebuchet MS", Verdana, Arial;
font-weight:normal;
}
h2{
font-size:16px;
}
h3{
color:red;
font-size:13px;
}
p{
line-height:15px;
margin:5px 0;
font-size:110%;
}
a:link, a:visited{
color:#003366;
}
a:active, a:hover{
color:#FF3300;
}
img{
border:0px;
}
.clear{
clear:both;
}
#noscript{
background:#FF3300;
width:100%;
color:#fff;
font-weight:bold;
text-align:center;
padding:6px;
}
/*/ form /////////////////////////////////////////////////////////////////////////////////////////////*/
dl{
margin:10px 0;
border:1px solid #333;
}
dt{
line-height:40px;
margin:0 0 10px 0;
background:#DDD;
font-size:12px;
text-indent:10px;
}
dd{
line-height:25px;
margin:5px 0;
clear:both;
}
dd.submit{
line-height:40px;
margin:0;
padding:0 0 0 225px;
background:#DDD;
}
dd.process{
line-height:15px;
margin:0 5px 5px 5px;
padding:10px 40px;
border:1px solid #F00;
text-align:center;
}
dd label{
width:200px;
margin:0 25px 0 0;
text-align:right;
float:left;
display:block;
}
input, textarea, select{
border-top:1px #666 solid;
border-bottom:1px #DDD solid;
border-left:1px #666 solid;
border-right:1px #DDD solid;
padding:3px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
input.button {
width:150px;
padding:4px 0;
background:red;
border:1px solid #FFF;
color:#FFF;
font-size:11px;
}
input.date {
padding:3px 2px;
background:red;
border:1px solid #FFF;
color:#FFF;
font-size:11px;
}
/*/ javascript ///////////////////////////////////////////////////////////////////////////////////////*/
/* the div that holds the date picker calendar */
.dpDiv {
}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
color: #505050;
background-color: #fff;
border: 1px solid #666;
}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
border: 1px solid #eee;
}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
background-color: #CCCCCC;
border: 1px solid #AAAAAA;
}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
background-color: #aca998;
border: 1px solid #888888;
cursor: pointer;
color: red;
}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
background-color: #CCCCCC;
border: 1px solid #AAAAAA;
color: white;
}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
font-size: 12px;
color: gray;
font-weight: bold;
}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
color: #4060ff;
font-weight: bold;
}


/* the forward/backward buttons at the top */
.dpButton {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: gray;
background: #d8e8ff;
font-weight: bold;
padding: 0px;
}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: gray;
background: #d8e8ff;
font-weight: bold;
}
.error{
margin:10px 0;
padding:10px;
background:#FFCCCC;
border:1px solid red;
text-align:center;
color:red;
}