/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} table {border-collapse:collapse;border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} q:before,q:after {content:'';} abbr,acronym { border:0;}
html{font-size: 62.5%;} a:active, a:focus{outline:none;} textarea{overflow:auto;} input:focus, select:focus {outline:none;} div.clear {clear:both;}
a {text-decoration:none; color: #0038A8;} a:hover {text-decoration: underline;} p {font-size: 1.2em; color: #333;} h2 {font-size: 2.4em;} h4 {font-size: 1.4em;}

body {font-family:Arial;}
div#wrap {width:880px;margin:20px auto;}
div#wrapbody {background:#EEE;border:5px solid #DDD;padding:22px 10px 20px 10px;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;}
div#wrapbody h2 {margin-bottom:5px;}
div#wrapbody h4 {line-height:1.6em;margin-bottom:20px;}
div#wrapbody h5 {font-size:1.3em;line-height:1.5em;margin:13px 0 5px 0;text-transform:uppercase;font-weight:bold;}

div#header {margin:0 0 10px 0;height:79px;position:relative;}
div#header h1#logo {float:left;margin:0 20px 0 0;}
div#header h1#logo a {background: url('http://worldofbikesuk.com/store/logo.jpg') 0 0 no-repeat;display:block;width:156px;height:79px;}
div#header h1#logo a span {display:none;}
div#header ul {position:absolute;bottom:0;right:0;}
div#header ul li {color:#BBB;float:left;font-size:1.3em;padding:0 0 0 5px;}
div#header ul li a {
	color:#666;
	display:block;
	}
div#header ul li a:hover {
	color:#333;
	text-decoration:none;
}
div#wrapbody div#widebar {float:left;width:570px;}
div#wrapbody div#widebar div#message {border: 1px solid; margin:0 0 10px 0;padding:5px;font-size:1.2em;	-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;}
div#wrapbody div#widebar div#message.error {color:#9F6000;background:#FEEFB3;}
div#wrapbody div#widebar fieldset {padding-left:20px;padding-bottom:20px;}
div#wrapbody div#widebar fieldset legend {font-size: 1.6em;padding:0 0 10px 0;}
div#wrapbody div#widebar div.field {margin-bottom:10px;margin-left:50px;}
div#wrapbody div#widebar div.field label {color:#333;float:left;width:140px;font-size:1.2em;padding:4px 10px 0 0;font-weight:bold;text-align:right;}
div#wrapbody div#widebar div.field label span, div#sidebar p span {color:red;}
div#wrapbody div#widebar div.field label i, div#sidebar p i {font-weight:normal;}
div#wrapbody div#widebar div.field div {float:left;font-size:1.2em;}
div#wrapbody div#widebar div.field div select {font-family:Arial;margin:0 0 10px 0;padding:2px;border:1px solid #999;width:256px;}
div#wrapbody div#widebar div.field div input {font-family:Arial;margin:0 0 10px 0;padding:2px;border:1px solid #999;width:250px;}
div#wrapbody div#widebar div.field div input[type="checkbox"] {width:auto;margin-top:4px;}
div#wrapbody div#widebar div.field div textarea {font-family:Arial;margin:0 0 10px 0;padding:2px;border:1px solid #999;height:100px;width:250px;font-size:1em;}
div#wrapbody div#widebar div.field div input#firstname {width:100px;}
div#wrapbody div#widebar div.field div input#lastname {width:141px;}
div#wrapbody div#widebar div.field div.clear {float:none;}

div#wrapbody div#sidebar {float:left;width:280px;text-align:center;padding:10px 0;}
div#wrapbody div#sidebar h3 {background:#D5D5D5;font-size:1.5em;width:206px;margin:0 35px;padding:9px 7px 7px 7px;text-align:left;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;}
div#wrapbody div#sidebar p {background:#DFDFDF;width:206px;margin:10px 35px;padding:7px;text-align:left;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;line-height:1.5em;}
div#wrapbody div#calendar {margin-top:10px;width:220px;}
div#wrapbody div#calendar table {background:white;font-size:1.2em;margin:0 35px;width:220px;border:1px solid #CCC;}
div#wrapbody div#calendar table tr th {background:#F5F5F5;padding:5px;text-align:center;}
div#wrapbody div#calendar table tr td {padding:1px;text-align:center;}
div#wrapbody div#calendar table tr td span {color:#CCC;display:block;background:white;padding:1px;}
div#wrapbody div#calendar table tr td a {color:#666;display:block;background:white;padding:1px;}
div#wrapbody div#calendar table tr td a:hover {color:#333;display:block;background:#EEE;}
div#wrapbody div.float-cal {float:left;width:425px;}
div#wrapbody div.float-cal div#calendar table {margin:0 102px;}

div#time-slots {border-bottom:1px solid #CCC;margin-bottom:20px;}
div#time-slots div.slot {background:#EAEAEA;border-top:1px solid #CCC;padding:7px 10px 5px 10px;position:relative;}
div#time-slots div.slot:hover {background:#DADADA;}
div#time-slots div.alt {background:#E5E5E5;}
div#time-slots div.booked p {color:#999;}
div#time-slots div.slot span {position:absolute;right:10px;}
div#time-slots div.slot span a {color: #333;}

div#buttons {text-align:right;}
div#buttons a {border:2px solid #AAA;background:white url('images/clock_16.png') 6px 6px no-repeat;color:black;padding:6px 5px 6px 25px;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;cursor:pointer;font-size:1.2em;font-family:Arial;margin-right:5px;}
div#buttons a:hover {border:2px solid #888;text-decoration:none;}
div#buttons input {border:2px solid #AAA;background:white url('images/add_16.png') 4px 4px no-repeat;padding:5px 5px 5px 21px;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;cursor:pointer;font-size:1.2em;font-family:Arial;}
div#buttons input:hover {border:2px solid #888;}

div#footer {margin:10px 0 0 0;}
div#footer p {font-size:1.1em;text-align:right;line-height:1.5em;}
div#footer p a {color:#666;}

div#bookings div {color:#333; background:#CCC; font-size:1.3em;margin-bottom:2px;}
div#bookings div {-moz-border-radius-topright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;} /* enriched */
div#bookings div.alt {background:#DDD;}
div#bookings div span {display:block;padding:5px;font-weight:bold;}
div#bookings div span.details {color:#555;font-weight:normal;padding-top:0;font-size:0.9em;line-height:1.4em;}